:root{color-scheme:dark;--ink:#050b14;--panel:#0c1826;--line:#25394c;--cyan:#70e1f2;--amber:#f6c577;--text:#eff7fc;--muted:#a3b7c7;--preview-width:390px;font-family:Inter,"Pretendard Variable",Pretendard,"Noto Sans KR",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 50% 0,#102337,transparent 65%),var(--ink)}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}
.preview-toolbar{display:none}.app-shell{width:100%;max-width:480px;margin:auto;min-width:0}.game-card{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#07111e;border-bottom:1px solid var(--line);padding-bottom:12px}
.scene-art,.scene-vignette,#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-art{z-index:-4;background:url('./assets/nx-core.webp') center center/cover no-repeat;opacity:.45}.scene-vignette{z-index:-3;background:linear-gradient(180deg,#07111e88,#07111e11 42%,#07111efa 84%)}#particles{z-index:-2}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 16px 6px}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-height:48px}.brand-logo{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px #24cde866)}.brand-copy{display:flex;align-items:baseline;gap:6px}.brand-copy b{font-size:20px;letter-spacing:-.04em}.brand-copy em{font-size:12px;font-style:normal;letter-spacing:.13em;color:#c2d1de}.top-actions{display:flex;align-items:center;gap:8px}.nx-pill{font-size:12px;font-weight:600;letter-spacing:.06em;color:#afc7d8;border:1px solid #456074;border-radius:5px;padding:4px 6px}.sound-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #314a60;border-radius:12px;background:#102335a8}.sound-button svg{width:21px;fill:none;stroke:#c3d9e8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sound-button[aria-pressed=false] .sound-wave,.sound-button[aria-pressed=true] .sound-off{display:none}
.hero-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:6px 16px 18px}.game-kicker{margin:0 0 6px;color:#a9c6d7;font-size:12px;letter-spacing:.12em}.hero-readout h1{margin:0;font-size:clamp(27px,8cqw,36px);line-height:1;font-weight:800;letter-spacing:-.055em}.hero-readout h1 span{color:var(--cyan);font-weight:500}.round-name{margin:0 0 2px;color:var(--amber);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.reactor{margin:0 10px}.reactor-status{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:37px;padding:0 7px 9px;color:#d6e8f4;font-size:14px}.reactor-status>div:first-child{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #70e1f277}.countdown{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.countdown strong{min-width:26px;text-align:right;font-size:19px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.machine-frame{padding:10px 6px 9px;border:1px solid #54859e;border-radius:16px;background:linear-gradient(135deg,#142e41f5,#081522f5 58%,#22281fee);box-shadow:0 10px 25px #0005,inset 0 0 0 3px #05101b,inset 0 0 0 4px #39576966}.column-labels{display:grid;grid-template-columns:5fr 1fr;gap:5px;align-items:center;text-align:center;margin:0 0 8px;font-size:12px;color:#abc9d9}.column-labels b{font-weight:500;color:#edf8ff}.column-labels span:last-child,.column-labels span:last-child b{color:var(--amber)}.reel-window{position:relative;--row:clamp(48px,14.7cqw,66px)}.reels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.reel{position:relative;height:calc(var(--row)*3);overflow:hidden;border-radius:8px;background:linear-gradient(90deg,#030c1588,#16374977,#030c1588);border-inline:1px solid #46748833;contain:paint}.reel.power{border-color:#c6954c55;background:linear-gradient(90deg,#1c190b99,#5b432144,#1c190b99)}.reel:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#06111ded,transparent 36%,transparent 64%,#06111ded)}.reel-track{width:100%}.is-spinning .reel-track{will-change:transform}.cell{height:var(--row);display:grid;place-items:center}.token{position:relative;width:calc(100% - 4px);max-width:54px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #bcf2ff;background:radial-gradient(circle at 32% 24%,#e5fbff,#8ddcec 40%,#247f9d 78%,#123d50);box-shadow:inset 0 1px 2px #fff9,inset 0 -4px 6px #00294466,0 3px 7px #0006;color:#082739;font-size:clamp(21px,6.4cqw,29px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.token:before{content:"";position:absolute;inset:4px;border:1px solid #134c6922;border-radius:50%}.power .token,.summary-ball.power{background:radial-gradient(circle at 32% 24%,#fff1ce,#f8cf8a 42%,#bf8439 80%,#70451d);border-color:#ffe5b4;color:#432b11;box-shadow:inset 0 1px 2px #fff9,inset 0 -3px 5px #72481466,0 3px 8px #0005}.official-band{position:absolute;z-index:3;inset:var(--row) -3px auto;height:var(--row);border:1px solid #b0f0ff;border-radius:9px;background:linear-gradient(90deg,#52d2f009,transparent,#f3c77d0e);box-shadow:0 0 16px #48caf028,inset 0 0 10px #69d0e211;pointer-events:none}.machine-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:9px 5px 0;color:#a6bfce;font-size:12px}.machine-caption span:last-child{color:#809bab}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:9px 4px 0;color:#b9d1df;font-size:12px}.progress-dots{display:flex;flex-shrink:0;gap:5px}.progress-dots i{width:6px;height:6px;border-radius:50%;background:#345066}.progress-dots i.done{background:var(--cyan);box-shadow:0 0 6px #70e1f244}.progress-dots i:last-child.done{background:var(--amber)}.reel.is-landed{animation:land .45s ease-out}.is-spinning .official-band{box-shadow:0 0 22px #48caf03b}.is-complete .official-band{border-color:#f5cf8c;box-shadow:0 0 20px #f5cf8c20}
.summary{margin:13px 12px 0;padding:12px 10px;border:1px solid #2c475b;border-radius:14px;background:#081522d9}.summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:12px}.summary-overline{margin:0;color:#d5e6f2;font-size:14px;font-weight:600}.summary-balls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.summary-ball{display:grid;place-items:center;width:100%;max-width:48px;aspect-ratio:1;border-radius:50%;border:1px solid #82cbe2;background:#153d53;color:#d6f5ff;font-size:clamp(20px,5.9cqw,26px);line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.summary-ball.pending,.summary-ball.pending.power{border:1px dashed #466276;background:#102232;color:#6c8b9e;box-shadow:none}.summary-tags{display:grid;grid-template-columns:1.6fr 1fr;gap:7px;margin-top:11px;font-size:12px;line-height:1.6}.summary-tags span{color:#b8d6e6}.summary-tags span:last-child{color:var(--amber);text-align:right}.summary.complete{border-color:#739694}
.auto-cycle{min-height:48px;margin:14px 12px 0;padding:9px 12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;border:1px solid #31576d;border-radius:11px;background:linear-gradient(110deg,#102d40,#0a1b2a);color:#d9eef7}.auto-cycle i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #70e1f299;animation:pulse 1.8s ease-in-out infinite}.auto-cycle strong{font-size:14px}.auto-cycle span{margin-top:2px;color:#8faabd;font-size:12px}.stage-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:12px 16px 0;font-size:12px;color:#8da7bb}.stage-footer span:first-child{letter-spacing:.05em}
.info-card{min-width:0;background:#08121f}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 10px}.tab{flex:1;min-height:51px;border:0;border-bottom:2px solid transparent;background:transparent;color:#93afc3;padding:10px 3px;font-size:14px;font-weight:600}.tab.active{color:#c8f3ff;border-bottom-color:var(--cyan)}.tab-panel{padding:18px 16px calc(22px + env(safe-area-inset-bottom));min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{margin:0;font-size:16px}.panel-heading>span{color:#90a9bb;font-size:12px}.history-list{list-style:none;margin:12px 0 0;padding:0}.history-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:10px 0;border-top:1px solid #24394c}.history-round{font-size:12px;color:#97b1c4;font-variant-numeric:tabular-nums}.history-numbers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.history-numbers span{min-height:30px;display:grid;place-items:center;border-radius:6px;background:#153044;color:#ceeaf9;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.history-numbers span:last-child{background:#392f20;color:#f8d59d}.empty-state{padding:16px 0 8px;color:#8ea9bc;font-size:14px;line-height:1.6}.empty-state p{margin:0}.eyebrow{font-size:12px;color:#8eb0c5;letter-spacing:.07em;margin:0 0 8px}.guide h2,.api-panel h2{font-size:20px;line-height:1.4;margin:0 0 10px}.guide>p,.api-panel>p{font-size:14px;line-height:1.7;color:#bdd0df}.guide dl{margin:18px 0}.guide dl>div{padding:11px 0;border-top:1px solid #24394c}.guide dt{font-size:14px;color:var(--cyan)}.guide dd{margin:5px 0 0;font-size:14px;line-height:1.6;color:#c7d7e2}.guide .fineprint{font-size:12px;color:#97b1c4}.api-block{padding:11px 0;border-top:1px solid #24394c}.api-block span{display:block;margin-bottom:5px;color:#9cb8cc;font-size:12px}.api-block code{font-size:12px;color:#bee6f9;overflow-wrap:anywhere}.api-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b7dce8;padding:12px;border:1px solid #213e54;border-radius:8px;background:#050e18}.copy-button{width:100%;min-height:46px;border:1px solid #426581;border-radius:9px;background:#15334a;color:#d7eefc;font-size:14px}.copy-button:disabled{opacity:.5}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nx-paused *{animation-play-state:paused!important}@keyframes pulse{50%{opacity:.45;transform:scale(.75)}}@keyframes land{0%{filter:brightness(1.6)}100%{filter:none}}
@media(min-width:760px){body{padding:22px 0 32px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;width:var(--preview-width);max-width:100%;margin:0 auto 12px;color:#b8cddd;font-size:14px}.preview-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px}.preview-toolbar select{min-height:40px;padding:5px 28px 5px 10px;border:1px solid #35536b;border-radius:8px;background:#112638;font-size:14px}.app-shell{max-width:var(--preview-width);border:1px solid #2b465e;border-radius:24px;overflow:hidden;box-shadow:0 24px 90px #0008}}
@container(max-width:350px){.topbar{padding-inline:12px}.hero-readout{padding-inline:12px}.hero-readout h1{font-size:27px}.reactor{margin-inline:7px}.summary{margin-inline:9px;padding-inline:8px}.summary-balls{gap:5px}.control-dock{margin-inline:9px}.machine-caption{font-size:12px;letter-spacing:-.035em}.stage-footer{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reel-track{will-change:auto!important}#particles{display:none}}
.reels:empty + .official-band{display:none}