.top{justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:18px 16px 14px;display:flex}.top .wordmark{font-size:clamp(1.5rem,5vw,2rem)}main{max-width:1000px;margin:0 auto;padding:0 16px 32px}.deck{background:linear-gradient(#2b3138 0%,#11151a 3%,#050608 100%);border:1px solid #000;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24,0 18px 50px #00000080}.screen{aspect-ratio:4/3;background:#000;width:100%;max-height:72vh;margin:0 auto;position:relative}.screen.wide{aspect-ratio:16/9}.screen canvas{width:100%;height:100%;position:absolute;inset:0}.screen #overlay{cursor:pointer}.screen .notice{text-align:center;white-space:pre-line;color:var(--text-dim);background:radial-gradient(circle,#0b2a4a,#000);place-items:center;padding:16px;display:none;position:absolute;inset:0}.insert{cursor:pointer;width:100%;color:var(--text-dim);background:radial-gradient(at 50% 100%,#0f4f8a 0%,#04172c 55%,#000 100%);border:0;align-content:center;place-items:center;gap:22px;padding:0;font-size:.95rem;transition:opacity .5s;display:grid;position:absolute;inset:0}.insert .disc{--size:min(46vmin, 250px);transition:transform .6s cubic-bezier(.5,0,.8,.4)}.insert.going{opacity:0}.insert.going .disc{transform:scale(.3)}.insert .orb{pointer-events:none;width:56px;height:56px}.insert.loading .orb{filter:grayscale()brightness(.6)}.insert.dragging{box-shadow:inset 0 0 0 3px var(--glow)}#insert-disc{display:contents}#cta{max-width:36em;padding:0 16px}.bar{background:radial-gradient(60% 120% at 50% 110%,#288ce673,#0000 70%),linear-gradient(#1e252d 0%,#0b0e12 50%,#040507 51%,#0a0d11 100%);border-top:1px solid #000;padding:10px 14px 14px;position:relative;box-shadow:inset 0 1px #ffffff1f}.status{color:#bfe7ff;white-space:nowrap;background:linear-gradient(#02070c,#0a1c2c);border:1px solid #000;border-radius:4px;justify-content:space-between;align-items:baseline;gap:12px;max-width:520px;margin:0 auto 12px;padding:5px 14px;font-size:.85rem;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff1a}.status .where{text-overflow:ellipsis;overflow:hidden}.status .btnno{color:var(--text-faint)}.controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.controls .menus,.controls .extras{flex-wrap:wrap;gap:6px;display:flex}.controls .extras{justify-content:flex-end}.dpad{background:radial-gradient(circle at 50% 30%,#3a424c 0%,#12161b 60%,#050608 100%);border:1px solid #000;border-radius:50%;width:132px;height:132px;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff4d,0 4px 12px #0009}.dpad .arrow{cursor:pointer;color:#9fb4c8;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute}.dpad .arrow svg{fill:currentColor;width:12px;height:12px}.dpad .arrow:hover{color:#fff;filter:drop-shadow(0 0 6px var(--glow))}.dpad .arrow:active{transform:scale(.9)}.dpad .up{top:2px;left:45px}.dpad .down{bottom:2px;left:45px}.dpad .left{top:45px;left:2px}.dpad .right{top:45px;right:2px}.dpad .orb{color:#fff;letter-spacing:.04em;text-shadow:0 1px 1px #000;width:58px;height:58px;font-size:.8rem;font-weight:600;position:absolute;top:36px;left:36px}.dpad .orb span{position:relative}details.more{margin-top:12px}details.more summary{cursor:pointer;color:var(--text-faint);width:max-content;font-size:.85rem}details.more .panel{color:#9fd4f5;overflow-wrap:anywhere;background:#02070c;border:1px solid #000;border-radius:4px;margin-top:8px;padding:10px 12px;font:.78rem/1.5 Consolas,Lucida Console,monospace;box-shadow:inset 0 1px 3px #000c}details.more .panel div+div{margin-top:6px}details.more #log{white-space:pre;color:#6f9fbf;max-height:160px;overflow:auto}.info{margin-top:18px;padding:16px 22px}.info h2{font-size:clamp(1.5rem,4.5vw,1.9rem);line-height:1.2}.info p{margin:6px 0 0}.info .byline{color:var(--text-dim);margin-top:2px}.info .small{color:var(--text-faint);font-size:.85rem}.info .small a{color:var(--text-dim)}kbd{border:1px solid #ffffff4d;border-radius:3px;padding:0 4px;font:.78rem Consolas,monospace}@media (width<=720px){.controls{grid-template-columns:1fr;justify-items:center}.controls .menus,.controls .extras{justify-content:center}.controls .dpad{order:-1}}
