:root{color-scheme:dark;--bg:#071014;--panel:#0c181c;--line:#2a4449;--line2:#152d32;--ink:#d9e8e8;--muted:#709097;--teal:#a6e6e1;--warm:#e9ba77}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-size:11px;background:radial-gradient(ellipse at 50% -22%,#1a3136 0%,#071014 57%);letter-spacing:.018em}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.shell{max-width:1460px;margin:0 auto;padding:0 28px}.topbar{height:70px;border-bottom:1px solid #284048;display:flex;align-items:center;justify-content:space-between;gap:10px}.identity,.topActions{display:flex;align-items:center;gap:16px}.identity{white-space:nowrap}.back{color:var(--muted);letter-spacing:.17em;font-size:10px}.back:hover{color:var(--teal)}.slash{color:#38535a}.mark{font-weight:900;font-size:17px;letter-spacing:-.055em}.cut{color:var(--teal)}.build{font-size:9px;color:#6e8d90;margin-left:4px;border-left:1px solid #345159;padding-left:14px}.mini{border:1px solid #304a4e;padding:9px 10px;border-radius:3px;color:var(--ink);background:#102126;font-size:10px}.mini:hover,.mini:focus-visible{background:#193237;color:var(--teal)}.mini span{margin-left:4px}.layout{display:grid;grid-template-columns:minmax(0,840px) minmax(252px,340px);gap:42px;justify-content:center;padding:24px 0 22px;align-items:start}.playArea{min-width:0}.above,.below{max-width:760px;margin:0 auto}.above{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 2px 12px}.eyebrow,.sideEyebrow{font-size:10px;letter-spacing:.14em;color:#91a7ab}.beacon{display:inline-block;width:6px;height:6px;background:#a9e9c6;border-radius:50%;box-shadow:0 0 8px #a9e9c6;margin-right:6px}.metrics{display:flex;gap:13px;font-size:9px;color:#66848d;white-space:nowrap}.metrics strong{color:var(--ink);font-size:12px;font-weight:600}.stageFrame{position:relative;width:min(100%,580px);aspect-ratio:760/1040;margin:auto;overflow:hidden;background:#0b191d;border:1px solid #466268;box-shadow:0 14px 70px #0008,0 0 0 7px #101e2388;isolation:isolate;touch-action:none;user-select:none;contain:layout paint}.stageFrame:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border:1px solid #afebdd16;box-shadow:inset 0 0 30px #0008}.stageFrame canvas{width:100%;height:100%;display:block;touch-action:none}.grain{pointer-events:none;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E");opacity:.19;mix-blend-mode:screen}.topHud{pointer-events:none;position:absolute;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;gap:5px}.hudBox{min-width:68px;display:flex;flex-direction:column;gap:4px;padding:6px 9px;border:1px solid #49656d55;background:#0d1d21a3;backdrop-filter:blur(6px)}.hudBox small{font-size:8px;letter-spacing:.15em;color:#799a9e}.hudBox strong{font:700 17px/1.1 ui-monospace,monospace}.hudBox em{font-style:normal;color:#6e929b;font-size:10px}.stageFocus{display:none;position:absolute;z-index:4;right:13px;bottom:19%;padding:11px 12px;border:1px solid #8ec0b388;color:#d7faf0;background:#112e34d9;border-radius:2px;font:700 10px ui-monospace,monospace;letter-spacing:.08em;touch-action:none;align-items:center;gap:7px;backdrop-filter:blur(5px)}.stageFocus.active{background:#477d79;border-color:#c5fff3;box-shadow:0 0 20px #90e8d148}.stageFocus span{font-size:8px;color:#acd9ce}@media(max-width:980px){.stageFocus{display:flex}}.combo{position:absolute;left:50%;top:17%;transform:translateX(-50%);font-weight:800;font-size:16px;letter-spacing:.2em;text-shadow:0 0 16px #9de1e3;pointer-events:none;opacity:0;transition:opacity .35s}.combo.active{opacity:1}.floatingTag{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);white-space:nowrap;letter-spacing:.17em;color:#a8d6cd;font-size:9px;pointer-events:none;background:#09171ba8;padding:9px 15px;border:1px solid #7ab4b744}.below{padding-top:14px}.progressTrack,.focusTrack{height:2px;background:#213a3f;overflow:hidden}.progressTrack span,.focusTrack span{display:block;height:100%;width:0;background:var(--teal);transition:width .15s}.instruction{display:flex;justify-content:space-between;gap:6px;padding-top:9px;font-size:9px;letter-spacing:.09em;color:#6f9399}.instruction b{color:var(--teal)}.side{padding-top:26px}.sideTitle{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #344c53;padding-bottom:25px}.sideTitle h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,54px);line-height:1.03;margin:16px 0 0;letter-spacing:-.05em;font-weight:400}.sideTitle h2 i{font-weight:400;color:#8fc5ba}.cross{font-size:35px;font-weight:100;color:#69918b}.block{padding:24px 0;border-bottom:1px solid #264047}.block p{line-height:1.7;color:#829b9c;font-size:11px}.statusRow{display:flex;justify-content:space-between;margin-top:16px;color:#738f95;font-size:10px;letter-spacing:.1em}.statusRow b{color:#d3e9e5;font-size:14px;letter-spacing:0}.flexHead{display:flex;justify-content:space-between;color:#9cbbb9}.focusButton{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#18393c;border:1px solid #5e9693;color:#b9e8df;padding:15px;letter-spacing:.12em;margin:14px 0 12px;touch-action:none;border-radius:2px}.focusButton:active,.focusButton.active{background:#3a6666}.focusButton small{margin-left:auto;color:#8ba7a2;font-size:9px}.focusButton span{font-size:18px}.focusTrack span{width:100%}.legend>div{display:flex;align-items:center;gap:9px;margin-top:18px;color:#c1dbd8}.legend small{margin-left:auto;color:#779194}.swatch{width:10px;height:10px;border:1px solid #fff5;transform:rotate(45deg)}.swatch.amber{background:#e9b87b}.swatch.silver{background:#a2b7bb}.swatch.teal{background:#68d6c3}.swatch.violet{background:#bdacd8}.controls b{color:#c7dbd8;font-size:9px}.controls p{margin-top:14px}.bottomInfo{display:flex;justify-content:space-between;gap:10px;margin-top:19px;font-size:9px;color:#587b81}footer{border-top:1px solid #253d43;padding:17px 0 27px;display:flex;justify-content:space-between;gap:8px;font-size:10px}footer>div{display:flex;gap:18px}footer button{border:0;color:var(--teal);background:none;padding:0}.muted{color:#618087}.modal{z-index:5;position:absolute;inset:0;display:grid;place-items:center;backdrop-filter:blur(14px);background:#041014c9;padding:24px}.modal[hidden]{display:none}.modalCard{text-align:center;max-width:390px;width:100%;display:flex;flex-direction:column;align-items:center}.modalEyebrow{letter-spacing:.25em;color:#b1dbd6;font-size:9px}.symbol{position:relative;width:105px;height:105px;margin:20px 0 6px;display:grid;place-items:center}.symbolHex{font-family:Georgia,serif;font-size:112px;line-height:1;color:#d5f9ea;text-shadow:0 0 50px #6de4eaa3}.orbit{position:absolute;inset:10px;border:1px solid #a4cfc966;border-radius:50%;transform:rotateX(64deg) rotate(-15deg)}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.08em;font-size:clamp(45px,8vw,80px);line-height:.92;margin:17px 0}h1 i{font-weight:400;color:#aee3d9}#modalText{font-size:12px;line-height:1.75;max-width:295px;color:#a3c1be;margin:10px 0 22px}.modalButtons{display:flex;flex-direction:column;gap:8px;width:min(100%,295px)}.primary,.secondary{padding:16px 19px;min-height:48px;font-size:10px;letter-spacing:.13em}.primary{background:#c8e6dc;color:#0a2324;border:1px solid #defff2;display:flex;align-items:center;justify-content:space-between;font-weight:700}.primary:hover{background:#fff}.primary span{font-size:19px}.secondary{border:1px solid #759b97;background:#0c2024;color:#d0e7e1}.modalFoot{margin-top:24px;color:#799b98;font-size:8px;line-height:1.8;letter-spacing:.06em}.result{width:100%;border-top:1px solid #436e70;border-bottom:1px solid #436e70;margin:5px 0 24px;padding:17px 0}.result strong{font-size:30px;font-weight:500;display:block}.result small{font-size:10px;color:#a9cac7}.result .stars{font-size:28px;letter-spacing:8px;color:var(--warm)}
@media(min-width:1250px){.stageFrame{width:min(100%,620px)}}
@media(max-width:980px){.shell{padding:0 16px}.layout{grid-template-columns:minmax(0,1fr);gap:5px}.side{padding-top:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sideTitle,.bottomInfo{display:none}.stageFrame{width:min(100%,540px)}.block{padding:18px 0}.legend{grid-column:2}.controls{grid-column:1}}
@media(max-width:550px){.shell{padding:0 8px}.topbar{height:49px}.identity{gap:7px}.mark{font-size:15px}.build,.slash,.back span,.mini span{display:none}.back{font-size:17px}.topActions{gap:4px}.mini{padding:7px 9px}.layout{padding:12px 0}.above{padding-bottom:8px}.eyebrow{font-size:8px}.metrics{gap:8px;font-size:8px}.metrics strong{font-size:10px}.stageFrame{width:min(100%,calc((100dvh - 178px)*.730769));max-width:550px;box-shadow:0 3px 30px #0009}.topHud{top:9px;left:8px;right:8px}.hudBox{min-width:65px;padding:5px 7px}.hudBox small{font-size:7px}.hudBox strong{font-size:15px}.instruction{font-size:8px}.below{padding-top:9px}.side{grid-template-columns:1fr;gap:0}.block{padding:15px 2px}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.status>.sideEyebrow{grid-column:1/-1}.statusRow{display:block}.statusRow b{display:block;margin-top:7px}.focusBlock{grid-column:1}.legend,.controls{display:none}.bottomInfo{display:none}footer{font-size:9px}footer .muted{display:none}.floatingTag{font-size:8px}.modal{padding:15px}.symbol{width:75px;height:75px;margin:6px 0}.symbolHex{font-size:80px}h1{font-size:52px;margin:10px 0}#modalText{font-size:11px;margin:8px 0 16px}.modalFoot{margin-top:15px}}
@media(max-width:360px){.eyebrow{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics span:first-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{transition:none!important}}