:root{--site-shell-paper:#f1eadb;--site-shell-panel:#1c2733;--site-shell-line:#68778a;--site-shell-accent:#bb4b32}
[data-site-shell]{display:block;height:0}
.site-shell-header{position:fixed;z-index:50;top:0;right:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:36px;gap:6px;padding:calc(env(safe-area-inset-top) + 6px) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));border-bottom:1px solid #54606a;background:rgba(24,33,40,.98);color:#b8c0c5}
.site-shell-header h1{justify-self:center;min-width:0;max-width:56vw;margin:0;overflow:hidden;color:#f4ead8;font:600 clamp(16px,4.6vw,20px)/1.1 Georgia,"Yu Mincho",serif;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}
.site-shell-header__spacer{min-width:0;min-height:1px}
.site-shell-menu{justify-self:end;display:grid;min-width:32px;min-height:32px;margin:0;padding:0 4px;place-items:center;border:0;background:transparent;color:#f4ead8;font:700 19px/1 system-ui;cursor:pointer}
.site-shell-menu:focus-visible,.site-bottom-nav a:focus-visible{outline:2px solid #f0cf7b;outline-offset:-2px}
.site-bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #607082;background:rgba(18,26,35,.98);padding-bottom:env(safe-area-inset-bottom)}
.site-bottom-nav a{display:grid;place-items:center;min-height:58px;padding:8px 4px;color:#d7dde3;font-size:.9rem;font-weight:700;text-decoration:none}
.site-bottom-nav a.is-active{color:#ffe4a7;background:#344455;box-shadow:inset 0 3px #dcad50}
.site-shell-drawer-backdrop{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.55)}
.site-shell-drawer{position:fixed;z-index:91;top:0;right:0;bottom:0;box-sizing:border-box;width:min(84vw,320px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:calc(env(safe-area-inset-top) + 12px) max(14px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 14px) 14px;background:#1c2733;color:#f1eadb;box-shadow:-10px 0 30px rgba(0,0,0,.35)}
.site-shell-drawer__head{position:sticky;z-index:1;top:calc(-1 * (env(safe-area-inset-top) + 12px));display:flex;align-items:center;justify-content:space-between;margin-top:calc(-1 * (env(safe-area-inset-top) + 12px));margin-bottom:12px;padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:4px;background:#1c2733}
.site-shell-drawer h2{margin:0;font-family:serif;font-size:18px}
.site-shell-drawer__close{width:36px;height:36px;border:1px solid #718198;border-radius:7px;background:#2e3d4d;color:#fff;font-size:18px;cursor:pointer}
.site-shell-settings{display:grid;gap:12px}
.site-shell-setting{display:grid;gap:5px;margin:0;font-size:12px;font-weight:700}
.site-shell-setting--toggle{display:flex;align-items:center;justify-content:space-between}
.site-shell-setting input[type="range"]{width:100%;accent-color:#bc4b32}
.site-shell-setting input[type="checkbox"]{width:20px;height:20px;accent-color:#bc4b32}
.site-shell-setting input:disabled{cursor:not-allowed;opacity:.38}
.site-shell-settings.is-sound-off .site-shell-setting:not(.site-shell-setting--toggle){color:#8c9294}
.site-shell-share{margin-top:14px;padding-top:12px;border-top:1px solid #46535b}
.site-shell-reload__button,.site-shell-share__button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:9px 12px;border:1px solid #718198;border-radius:7px;background:#2e3d4d;color:#f1eadb;font:700 13px/1.3 system-ui;cursor:pointer;touch-action:manipulation}
.site-shell-reload__button{margin-bottom:10px}.site-shell-reload__button:active,.site-shell-share__button:active{filter:brightness(1.1);translate:0 1px}
.site-shell-reload__button:focus-visible,.site-shell-share__button:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}
.site-shell-share__button svg{width:20px;height:20px;fill:currentColor}
.site-shell-share__status{min-height:1.3em;margin:5px 0 0;color:#d9cfbb;font-size:11px;text-align:center}
body.has-origin-actions .site-bottom-nav{display:none}
body[data-site-nav="games"] .home-page,body[data-site-nav="dex"] .page,body[data-site-nav="shorakusai"] .shorakusai-page{padding-top:calc(env(safe-area-inset-top) + 42px)!important}
body[data-site-nav="games"] .notice,body[data-site-nav="dex"] .dex-panel,body[data-site-nav="shorakusai"] .profile{margin-top:8px}
.site-shell-dev-links{display:grid;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #46535b}
.site-shell-dev-links p{margin:0 0 2px;color:#b8c4ce;font-size:12px;font-weight:700}
.site-shell-dev-links a{display:flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #718198;border-radius:7px;background:#2e3d4d;color:#f1eadb;font:700 13px/1.3 system-ui;text-decoration:none}
.site-shell-dev-links a:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}