:root{color-scheme:dark;--ink:#f7f5ff;--muted:#9695ae;--void:#070813;--panel:rgba(16,17,39,.82);--line:rgba(137,132,255,.22);--violet:#665cff;--violet-bright:#8c82ff;--gold:#ffbd2e;--cyan:#43d9ff;font-family:Arial Narrow,Roboto Condensed,Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--void);scroll-behavior:smooth}body{background:linear-gradient(hsla(0,0%,100%,.018) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,transparent 0),radial-gradient(circle at 50% 35%,#181743 0,#080916 45%,#05060f);background-size:44px 44px,44px 44px,auto;color:var(--ink);margin:0;min-height:100vh;min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden;position:relative}.ambient{border-radius:50%;filter:blur(100px);height:380px;opacity:.12;pointer-events:none;position:fixed;width:380px}.ambient-one{background:var(--violet);left:-240px;top:10%}.ambient-two{background:var(--gold);bottom:5%;right:-260px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;margin:0 auto;min-height:84px;position:relative;width:min(1460px,calc(100% - 48px));z-index:5}.brand,.topbar{align-items:center;display:flex}.brand{color:var(--ink);gap:12px;letter-spacing:-.05em;text-decoration:none}.brand-mark{border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 20px #ffbd2e33,inset 0 0 12px #ffbd2e14;color:var(--gold);display:grid;font-size:21px;height:38px;place-items:center;width:38px}.brand span:last-child{display:flex;font-size:20px;gap:5px}.brand b,.brand i{font-weight:900}.brand i{color:var(--gold);font-style:normal}.top-actions{align-items:center;display:flex;gap:12px}.connect-button,.icon-button,.identity-pill{background:#0b0c1dc7;border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.1em;min-height:38px}.icon-button{color:var(--muted);cursor:pointer;padding:0 13px}.connect-button{background:var(--violet);border-color:var(--violet);cursor:pointer;padding:0 18px}.connect-button:hover{background:#796fff}.identity-pill{align-items:center;display:flex;font-family:ui-monospace,monospace;gap:9px;letter-spacing:0;padding-left:13px}.identity-pill button{align-self:stretch;background:transparent;border:0;border-left:1px solid var(--line);cursor:pointer;font-size:20px}.live-dot{background:#52e89a;border-radius:50%;box-shadow:0 0 8px #52e89a;height:7px;width:7px}.game-layout{align-items:center;display:grid;gap:clamp(24px,4vw,72px);grid-template-columns:minmax(180px,270px) minmax(440px,620px) minmax(180px,270px);justify-content:center;margin:0 auto;min-height:calc(100vh - 145px);padding:48px 0 42px;position:relative;width:min(1400px,calc(100% - 64px));z-index:1}.side-panel{align-self:center}.eyebrow{color:var(--violet-bright);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.18em;margin:0 0 18px}.intro-panel h1{font-size:clamp(38px,4vw,68px);font-weight:950;letter-spacing:-.065em;line-height:.88;margin:0}.intro-panel h1 span{color:var(--gold)}.lede{color:var(--muted);font-size:15px;line-height:1.65;margin:25px 0 34px;max-width:250px}.mission-card{background:linear-gradient(90deg,rgba(102,92,255,.12),transparent);border-left:2px solid var(--violet);padding:18px 0 18px 18px}.card-label,.mission-card span{color:var(--violet-bright);font:800 9px/1 ui-monospace,monospace;letter-spacing:.18em}.mission-card p{color:#c1bfd3;font-size:12px;line-height:1.55;margin:8px 0 0}.keys{align-items:center;display:grid;gap:8px 12px;grid-template-columns:auto 1fr;margin-top:30px}.keys div{display:flex;gap:4px}.keys span{color:#6f6e84;font:700 9px ui-monospace,monospace;letter-spacing:.15em}kbd{background:#111225;border:1px solid #353650;border-radius:3px;box-shadow:0 2px #05060d;color:#b2b0c2;display:grid;font:700 9px ui-monospace,monospace;height:25px;min-width:25px;padding:0 6px;place-items:center}.cabinet{background:linear-gradient(145deg,#1c1d43eb,#0a0b1cf2);border:1px solid rgba(122,115,255,.46);border-radius:9px;box-shadow:0 24px 90px #0000008f,0 0 45px #5a50ff1f,inset 0 0 0 4px #05061099;padding:16px;position:relative;width:100%}.cabinet:after,.cabinet:before{background:#65667b;border-radius:50%;content:"";height:4px;position:absolute;top:8px;width:4px}.cabinet:before{left:8px}.cabinet:after{right:8px}.cabinet-foot,.cabinet-head{align-items:center;display:flex;justify-content:space-between;padding:4px 8px 14px}.cabinet-head>div{display:flex;flex-direction:column;gap:2px;min-width:86px}.cabinet-foot,.cabinet-head span{color:#85849a;font:700 9px ui-monospace,monospace;letter-spacing:.16em}.cabinet-head strong{color:var(--gold);font:800 23px/1 ui-monospace,monospace}.cabinet-head .align-right{align-items:flex-end}.cabinet-head .align-right strong{color:var(--ink)}.cabinet-head .status-chip{align-items:center;color:#b6b4c7;flex-direction:row;font:700 8px ui-monospace,monospace;justify-content:center;letter-spacing:.12em;min-width:auto;text-transform:uppercase}.status-chip>span{background:#49e39a;border-radius:50%;box-shadow:0 0 6px #49e39a;height:5px;width:5px}.screen{background:#090a18;border:1px solid rgba(107,101,255,.34);border-radius:4px;box-shadow:inset 0 0 35px #000c,0 0 25px #4a42ff1f;overflow:hidden;position:relative;touch-action:none}.screen:after{background:repeating-linear-gradient(0deg,transparent 0 3px,hsla(0,0%,100%,.06) 4px);content:"";inset:0;opacity:.15;pointer-events:none;position:absolute}canvas{display:block;height:auto;image-rendering:auto;width:100%}.screen-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050610b8;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center;z-index:2}.screen-overlay .overlay-kicker{color:var(--violet-bright);font:800 10px ui-monospace,monospace;letter-spacing:.2em}.screen-overlay>b{color:var(--gold);font:950 clamp(32px,6vw,58px)/1 Arial Narrow,sans-serif;letter-spacing:-.04em;margin:8px 0;text-shadow:0 0 25px rgba(255,189,46,.25)}.screen-overlay p{color:#bbb9ca;font-size:12px;margin:0}.nostr-card button,.screen-overlay button{background:var(--violet);border:1px solid var(--violet);border-radius:3px;cursor:pointer;font-size:11px;font-weight:800;padding:11px 16px}.overlay-actions{display:flex;gap:9px;margin-top:13px}.screen-overlay button.secondary{background:#17182a;border-color:#494a63}.cabinet-foot{padding:14px 8px 1px}.cabinet-foot b{color:var(--ink);font-size:11px}.lives{display:flex;gap:7px}.lives i{background:var(--gold);border-radius:50%;clip-path:polygon(0 0,100% 50%,0 100%);display:block;filter:drop-shadow(0 0 4px rgba(255,189,46,.5));height:11px;transform:rotate(180deg);width:11px}.score-panel{max-width:250px}.best-number{color:var(--gold);font:900 clamp(38px,4vw,58px)/1 ui-monospace,monospace;letter-spacing:-.08em}.score-source{color:#77768b;font:700 9px ui-monospace,monospace;letter-spacing:.1em;margin:6px 0 30px;text-transform:uppercase}.nostr-card{background:linear-gradient(145deg,#675cff29,#0f1024d1);border:1px solid var(--line);border-radius:5px;overflow:hidden;padding:22px;position:relative}.nostr-card:after{border:1px solid rgba(140,130,255,.2);content:"";height:90px;position:absolute;right:-45px;top:-55px;transform:rotate(45deg);width:90px}.nostr-card.connected{border-color:#43d9ff5c}.nostr-glyph{background:var(--violet);border-radius:6px;display:grid;font-weight:950;height:29px;margin-bottom:18px;place-items:center;transform:rotate(-8deg);width:29px}.nostr-card strong{display:block;font-size:14px;margin:7px 0 9px;overflow:hidden;text-overflow:ellipsis}.nostr-card p{color:#9998aa;font-size:11px;line-height:1.55;margin:0 0 18px}.nostr-card button{width:100%}.score-message{color:#c4c2d5;font-size:11px;line-height:1.45;margin:16px 0 0}.trust-note{border-top:1px solid var(--line);color:#68677b;font-size:10px;line-height:1.5;margin-top:20px;padding-top:15px}.mobile-controls{display:none}footer{border-top:1px solid var(--line);color:#565568;display:flex;font:700 9px ui-monospace,monospace;justify-content:space-between;letter-spacing:.12em;margin:0 auto;padding:20px 0 28px;width:min(1400px,calc(100% - 48px))}.modal{background:#111226;border:1px solid rgba(125,116,255,.6);border-radius:7px;box-shadow:0 30px 100px #000;color:var(--ink);padding:32px;width:min(440px,calc(100% - 32px))}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03040bd1}.modal h2{font-size:32px;letter-spacing:-.04em;margin:0 0 10px}.modal>p:not(.eyebrow,.error-message){color:var(--muted);font-size:13px;line-height:1.55}.modal-close{background:transparent;border:0;color:#aaa8bb;cursor:pointer;font-size:25px;position:absolute;right:14px;top:12px}.modal label{color:#bcbacd;display:block;font-size:11px;margin-bottom:8px}.modal input{background:#090a18;border:1px solid #3c3d5c;border-radius:3px;color:var(--ink);font-family:ui-monospace,monospace;padding:12px;width:100%}.modal-primary,.modal-secondary,.text-button{border-radius:3px;cursor:pointer;font-weight:800;min-height:43px;width:100%}.modal-primary{background:var(--violet);border:1px solid var(--violet);margin-top:14px}.modal-secondary{background:#1b1c31;border:1px solid #43445e;margin-top:9px}.modal button:disabled{cursor:not-allowed;opacity:.45}.text-button{background:transparent;border:0;color:var(--gold)}.divider{align-items:center;color:#68677c;display:flex;font:700 9px ui-monospace,monospace;gap:12px;letter-spacing:.14em;margin:20px 0}.divider:after,.divider:before{background:#2c2d45;content:"";flex:1;height:1px}.error-message{color:#ff7a8d;font-size:12px}.backup-modal code{background:#090a18;border:1px solid #373853;color:var(--gold);display:block;font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;padding:14px}@media(max-width:1100px){.game-layout{gap:35px;grid-template-columns:minmax(170px,220px) minmax(400px,560px)}.score-panel{align-items:center;display:grid;gap:20px;grid-column:1/-1;grid-template-columns:1fr 1.3fr;max-width:none;width:min(780px,100%)}.score-panel>.best-number,.score-panel>.eyebrow,.score-panel>.score-source{grid-column:1}.score-panel>.eyebrow{align-self:end;margin-bottom:0}.score-panel>.score-source{align-self:start;margin:0}.score-panel .nostr-card{grid-column:2;grid-row:1/4}.score-message,.trust-note{display:none}}@media(max-width:760px){.topbar{min-height:68px;width:calc(100% - 28px)}.brand span:last-child{font-size:17px}.icon-button{display:none}.connect-button{padding:0 12px}.identity-pill{max-width:185px}.identity-pill span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.game-layout{display:flex;flex-direction:column;gap:25px;min-height:auto;padding:28px 0 24px;width:calc(100% - 20px)}.intro-panel{text-align:center;width:100%}.intro-panel h1{font-size:43px}.lede{margin:16px auto 0;max-width:330px}.keys,.mission-card{display:none}.cabinet{max-width:540px;padding:10px}.cabinet-head{padding-top:7px}.cabinet-head strong{font-size:18px}.cabinet-head .status-chip{display:none}.screen-overlay>b{font-size:39px}.score-panel{display:grid;grid-template-columns:1fr 1.5fr;width:min(540px,100%)}.best-number{font-size:35px}.nostr-card{padding:17px}.nostr-card p,.nostr-glyph{display:none}.mobile-controls{display:grid;gap:5px;grid-template:repeat(3,48px) /repeat(3,48px);justify-content:center;margin:0 auto 35px}.mobile-controls button{background:#17182e;border:1px solid #43445e;border-radius:5px;box-shadow:0 3px #060710;color:var(--ink);font-size:20px;touch-action:manipulation}.mobile-controls button:active{box-shadow:0 1px #060710;transform:translateY(2px)}.mobile-controls .up{grid-area:1/2}.mobile-controls .left{grid-area:2/1}.mobile-controls .pause{color:var(--gold);grid-area:2/2}.mobile-controls .right{grid-area:2/3}.mobile-controls .down{grid-area:3/2}footer{flex-direction:column;gap:8px;text-align:center;width:calc(100% - 28px)}}@media(max-width:430px){.brand-mark{height:32px;width:32px}.identity-pill{max-width:155px}.intro-panel .eyebrow{margin-bottom:12px}.cabinet-head>div{min-width:65px}.cabinet-foot{padding-top:10px}.score-panel{grid-template-columns:1fr;text-align:center}.score-panel .nostr-card,.score-panel>.best-number,.score-panel>.eyebrow,.score-panel>.score-source{grid-column:1;grid-row:auto}.nostr-card{text-align:left}.overlay-actions{flex-direction:column}.modal{padding:26px 22px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}}