html:has(body.page-play),body.page-play{height:100%;overflow:hidden;overscroll-behavior:none}html{scrollbar-gutter:auto}.page-play{position:fixed;inset:0;width:100%;height:100dvh;touch-action:none}#game-root{position:absolute;inset:0}#game-root canvas{display:block;image-rendering:pixelated;width:100%;height:100%}#top-bar,#bottom-bar{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;z-index:20;opacity:1;transition:opacity .2s ease,transform .2s ease}#top-bar{top:0;border-bottom:1px solid rgba(35,43,54,.9);background:linear-gradient(180deg,#05060af2,#05060ad1 62%,#05060a00);padding-top:max(7px,env(safe-area-inset-top))}#bottom-bar{bottom:0;border-top:1px solid rgba(35,43,54,.9);background:linear-gradient(0deg,#05060af2,#05060ad1 62%,#05060a00);padding-bottom:max(7px,env(safe-area-inset-bottom))}#top-bar.bars-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}#bottom-bar.bars-hidden{opacity:0;transform:translateY(100%);pointer-events:none}#game-title{font-family:var(--font-display);font-size:12px;letter-spacing:.09em;color:var(--ember);text-decoration:none;text-shadow:0 0 14px rgba(255,122,26,.45);padding:4px 0}#game-title:hover{color:#ff9440}.top-bar-left{display:flex;align-items:center;min-width:0}.top-bar-right,#link-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}#bottom-bar .btn{font-size:9px;padding:8px 11px}.ca-plate-slim{padding:8px 13px;font-size:11.5px;gap:10px;max-width:58vw}.ca-plate-slim:before,.ca-plate-slim:after{display:none}.ca-plate-slim.ca-pending .ca-plate-value{font-size:12px}.gate{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 46%,#0b0b0fd1,#040407f7 62%);animation:gate-in .2s cubic-bezier(.16,1,.3,1)}.gate[hidden]{display:none}@keyframes gate-in{0%{opacity:0}}.gate-plate{width:min(400px,100%);text-align:center;padding:32px 30px 26px;border:1px solid var(--stone-cold);border-top-color:#46536a;background-color:#0c0e13;background-image:var(--dither);box-shadow:0 30px 80px #000000d9,inset 0 1px #e8dcc412}.gate-plate:focus{outline:none}.gate-portrait{display:inline-block;border:2px solid #1c222d;outline:1px solid rgba(232,220,196,.12);outline-offset:-3px;line-height:0;box-shadow:0 0 34px #ff7a1a29}.gate-skull{width:104px;height:104px;image-rendering:pixelated;display:block}.gate-line{font-size:16px;line-height:1.55;color:var(--bone);margin:18px auto 24px;max-width:30ch}.gate-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.gate-actions .btn{min-width:232px}.gate-error{font-size:13px;color:var(--ember);margin:12px 0 0;min-height:1em;line-height:1.5}.gate-back{display:inline-block;margin-top:18px;font-size:13px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--iron-line);padding-bottom:2px}.gate-back:hover{color:var(--bone);border-bottom-color:var(--bone-dim)}.kb-plate{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:32px 26px max(32px,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(180deg,#0b0b0fb8,#06070af5 68%),url(../art/banner_wide.png);background-size:auto,cover;background-position:center,center 30%;background-repeat:repeat,no-repeat}.kb-plate[hidden]{display:none}.kb-plate-art{width:128px;height:128px;image-rendering:pixelated;display:block}.kb-plate-title{font-family:var(--font-display);font-size:clamp(15px,5.2vw,21px);line-height:1.5;letter-spacing:.04em;color:var(--bone);margin:20px 0 0;text-shadow:0 2px 0 #05060a}.kb-plate-line{font-size:15.5px;line-height:1.55;color:var(--bone-dim);margin:16px auto 28px;max-width:32ch}@media(prefers-reduced-motion:reduce){.gate{animation:none}#top-bar,#bottom-bar{transition:none}}