:root{--px-bg:#070a12;--px-panel:#0a0e1cd1;--px-panel-2:#0a0e1ca8;--px-text:#e8f2ff;--px-muted:#e8f2ffb8;--px-accent:#7cf7d4;--px-accent-2:#ff7ad9;--px-warn:#ffd66b;--px-danger:#ff5a7a;--px-border:#e8f2ff38;--px-border-2:#e8f2ff1f;--px-shadow:#0000008c;--font-pixel:"Press Start 2P", system-ui, sans-serif;--font-ui:"VT323", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--px-bg);color:var(--px-text)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-ui);letter-spacing:.3px;background:radial-gradient(1200px 500px at 20% 10%, #7cf7d414, transparent 60%), radial-gradient(900px 500px at 85% 30%, #ff7ad912, transparent 55%), radial-gradient(700px 420px at 60% 90%, #ffd66b0d, transparent 55%), var(--px-bg);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:screen;filter:contrast(1.1)saturate(.9);background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/22px 22px;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:linear-gradient(#ffffff0d,#0000 10%,#00000040),repeating-linear-gradient(#00000038,#00000038 1px,#0000 2px 5px);position:fixed;inset:0}#root{min-height:100svh}a{color:inherit}button,input{font-family:inherit}::selection{background:#7cf7d440}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}body:after{opacity:.25}}.game{place-items:center;min-height:100svh;padding:24px;display:grid}.frame{border:2px solid var(--px-border);width:min(1100px,100%);box-shadow:0 22px 80px var(--px-shadow);background:linear-gradient(180deg, #ffffff0f, transparent 26%), var(--px-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:clip}.frame:before{content:"";pointer-events:none;opacity:.55;background:linear-gradient(90deg,#7cf7d41f,#0000 35%),linear-gradient(270deg,#ff7ad91a,#0000 40%);position:absolute;inset:0}.frameInner{grid-template-columns:340px 1fr;min-height:min(720px,100svh - 48px);display:grid;position:relative}.sidebar{border-right:2px solid var(--px-border-2);flex-direction:column;gap:14px;padding:18px 18px 16px;display:flex}.brand{border:2px solid var(--px-border-2);background:var(--px-panel-2);flex-direction:column;gap:10px;padding:12px 12px 10px;display:flex}.brandTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.brandName{font-family:var(--font-pixel);letter-spacing:.2px;margin:0;font-size:12px;line-height:1.5}.brandSub{color:var(--px-muted);margin:0;font-size:22px;line-height:1.1}.hudRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hudChip{border:2px solid var(--px-border-2);background:#00000038;align-items:baseline;gap:8px;padding:8px 10px 7px;display:inline-flex}.hudLabel{font-family:var(--font-pixel);color:var(--px-muted);font-size:10px}.hudValue{font-size:22px}.menu{border:2px solid var(--px-border-2);background:#0000002e;flex-direction:column;gap:10px;padding:12px;display:flex}.menuTitle{font-family:var(--font-pixel);color:var(--px-muted);margin:0 0 6px;font-size:10px}.menuButton{text-align:left;border:2px solid var(--px-border-2);width:100%;color:var(--px-text);cursor:pointer;background:#0a0e1c8c;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:transform .14s,border-color .14s,background .14s;display:flex}.menuButton:hover{border-color:#7cf7d459;transform:translateY(-1px)}.menuButton:focus-visible{outline-offset:2px;outline:3px solid #7cf7d48c}.menuButtonActive{background:#7cf7d41f;border-color:#7cf7d48c}.menuLeft{align-items:center;gap:10px;display:flex}.menuKey{font-family:var(--font-pixel);color:var(--px-muted);font-size:10px}.menuText{font-size:26px;line-height:1}.menuArrow{font-family:var(--font-pixel);color:var(--px-muted);font-size:10px}.help{color:var(--px-muted);background:#0000002e;border:2px dashed #e8f2ff2e;padding:10px 12px;font-size:20px;line-height:1.2}.help strong{color:var(--px-text);font-weight:400}.main{grid-template-rows:auto 1fr;gap:14px;padding:18px 18px 16px;display:grid}.topbar{border:2px solid var(--px-border-2);background:#0000002e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.topbarTitle{font-family:var(--font-pixel);color:var(--px-muted);font-size:10px}.topbarRight{align-items:center;gap:10px;display:flex}.toggle{border:2px solid var(--px-border-2);color:var(--px-text);cursor:pointer;background:#0a0e1c8c;padding:10px;font-size:20px;line-height:1}.toggle:hover{border-color:#ffd66b73}.screen{border:2px solid var(--px-border);background:linear-gradient(#00000040,#ffffff08),#0000002e;padding:16px;position:relative;overflow:hidden}.screen:after{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffff12,#0000 60%);animation:8s ease-in-out infinite floatGlow;position:absolute;inset:-30%}@keyframes floatGlow{0%,to{transform:translate(0,0)}50%{transform:translate(2%,-2%)}}.screenInner{gap:14px;min-height:440px;display:grid;position:relative}.sceneTitle{font-family:var(--font-pixel);margin:0;font-size:12px;line-height:1.6}.sceneBody{color:var(--px-muted);font-size:24px;line-height:1.3}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{border:2px solid var(--px-border-2);background:#0a0e1c73;gap:8px;padding:12px;display:grid;transform:translateZ(0)}.cardTitle{font-family:var(--font-pixel);color:var(--px-text);margin:0;font-size:10px;line-height:1.6}.cardMeta{color:var(--px-muted);flex-wrap:wrap;gap:8px;font-size:20px;display:flex}.pill{background:#0000002e;border:2px solid #e8f2ff24;padding:6px 8px}.list{color:var(--px-muted);margin:0;padding-left:18px;font-size:22px;line-height:1.25}.skillsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skillItem{color:var(--px-text);background:#0000002e;border:2px solid #e8f2ff24;align-items:baseline;gap:10px;padding:10px;font-size:22px;display:flex}.spark{color:var(--px-accent);font-family:var(--font-pixel);font-size:10px;line-height:1}.startOverlay{z-index:5;background:radial-gradient(700px 500px at 50% 30%,#7cf7d41f,#0000 60%),#0000008c;place-items:center;display:grid;position:absolute;inset:0}.startBox{border:2px solid var(--px-border);background:#0a0e1ce6;width:min(680px,100% - 28px);padding:18px;box-shadow:0 20px 80px #000c}.startTitle{font-family:var(--font-pixel);margin:0 0 10px;font-size:12px;line-height:1.6}.startText{color:var(--px-muted);margin:0 0 14px;font-size:24px;line-height:1.25}.startActions{flex-wrap:wrap;gap:10px;display:flex}.primary{color:var(--px-text);cursor:pointer;background:#7cf7d424;border:2px solid #7cf7d48c;padding:12px;font-size:22px}.primary:hover{background:#7cf7d433}.secondary{color:var(--px-text);cursor:pointer;background:#0000002e;border:2px solid #e8f2ff2e;padding:12px;font-size:22px}.secondary:hover{border-color:#ffd66b73}@media (width<=940px){.frameInner{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:2px solid var(--px-border-2)}.cards,.skillsGrid{grid-template-columns:1fr}}