:root{color-scheme:dark;--bg: #0b131d;--surface: #121e2b;--text: #f0f4ec;--muted: #93a4ac;--line: #2c3b45;--acid: #d6ff72;--mint: #73f4ce;--red: #ff708e;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--body: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{color:var(--text);background:var(--bg);font-family:var(--body);-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0,#1a303b66,transparent 68%);pointer-events:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,.joystick:focus-visible{outline:3px solid var(--acid);outline-offset:4px}button{-webkit-user-select:none;user-select:none}button,a{transition:background-color .15s,border-color .15s,transform .15s}.app{position:relative;height:100svh;height:100dvh;max-width:1200px;margin:auto;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding-bottom:15px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:900 26px/.9 var(--body);letter-spacing:-1.8px;font-style:italic}.brand svg{width:32px;fill:var(--acid)}.brand svg path+path{fill:var(--bg)}.brand-light{color:var(--acid)}.brand small{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:1.8px;margin:8px 0 0 2px}.top-record{margin-left:auto;display:flex;align-items:center;gap:15px}.top-record span,.eyebrow{font:10px/1.4 var(--mono);letter-spacing:1.5px;color:var(--muted)}.top-record strong{font:700 18px var(--mono);color:var(--acid)}.controls{display:flex;gap:7px}.icon-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:#17232d;font-size:23px;line-height:1}.icon-btn:hover{background:#253541;border-color:#738684}.pause-btn{background:var(--acid);color:#13221b;border-color:var(--acid)}.main{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 212px;gap:42px;width:min(100%,860px);margin:0 auto}.play-column{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;position:relative}.hud{display:flex;align-items:center;gap:26px}.hud-progress{flex:1}.hud-heading{display:flex;align-items:baseline;gap:12px}.hud-heading .eyebrow{color:#d4dfd8}.hud-heading .eyebrow span{color:var(--muted);margin-left:3px}.hud-heading>strong{color:var(--acid);font:700 29px var(--mono);letter-spacing:-1.5px}.hud-heading small{font-size:16px}.goal-label{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.capture-meter{height:5px;margin-top:8px;background:#29383e;position:relative;overflow:hidden;border-radius:2px}.capture-meter i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}.capture-meter b{position:absolute;top:0;left:95%;width:2px;height:100%;background:#f5fff8}.hud-credits{display:flex;flex-direction:column;gap:5px;flex:0 0 auto}.credit-readout{display:flex;align-items:center;gap:5px;color:var(--acid)}.credit-token{display:grid;place-items:center;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;font:800 12px/1 var(--mono)}.credit-readout strong{font:750 24px/1 var(--mono);font-variant-numeric:tabular-nums}.credit-readout small{font:10px var(--mono);color:var(--muted)}.credit-readout[data-state=low]{color:var(--red)}.credit-bonus-progress{font-size:10px;line-height:1;color:#bbccba;white-space:nowrap}.credit-reward{display:block;color:var(--acid);font:700 10px/1.5 var(--mono);margin-top:4px}.board-wrap{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(90deg,transparent,#172c312e,transparent)}.frame{position:relative;flex:0 0 auto;background:#13252b;border:1px solid #477478;box-shadow:0 0 0 5px #13202a,0 0 0 6px #2a3e48,0 12px 48px #0005}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.frame.rotated canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.board-corner{pointer-events:none;position:absolute;width:17px;height:17px;border:solid var(--mint)}.top-left{top:-3px;left:-3px;border-width:3px 0 0 3px}.top-right{top:-3px;right:-3px;border-width:3px 3px 0 0}.bottom-left{bottom:-3px;left:-3px;border-width:0 0 3px 3px}.bottom-right{bottom:-3px;right:-3px;border-width:0 3px 3px 0}.arena-status{display:flex;align-items:center;min-height:39px;gap:16px}.status-chip{color:var(--mint);font:700 10px var(--mono);letter-spacing:.5px;white-space:nowrap}.status-chip[data-state=danger]{color:var(--red)}.status-chip[data-state=tracing]{color:var(--acid)}.timer{flex:1;max-width:155px}.timer>span{display:block;margin-bottom:5px;font:10px var(--mono);color:#bdcccf}.timer-track{height:3px;background:#304046}.timer-track i{display:block;height:100%;background:var(--acid);transform:scaleX(1);transform-origin:left}.app[data-danger=true] .timer-track i{background:var(--red)}.app[data-danger=true] .frame{border-color:var(--red)}.rival{margin-left:auto;white-space:nowrap;color:#b3bdc6;font:10px var(--mono)}.rival i,.cpu-dot{display:inline-block;width:7px;height:7px;background:var(--red);transform:rotate(45deg);margin-right:7px}.rival b{font-weight:400}.control-deck{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0}.deck-info{width:100%;margin-bottom:42px}.deck-info>.eyebrow{color:var(--acid)}.deck-info h1{font-size:27px;letter-spacing:-1px;margin:8px 0 24px}.mini-record{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--muted)}.mini-record strong{color:var(--text);font:500 13px var(--mono)}.deck-rule{font-size:15px;line-height:1.8;color:#a6b6be;margin-top:30px}.deck-rule em{color:var(--acid);font-style:normal}.player-key{display:flex;gap:24px;font:10px var(--mono);color:var(--muted)}.you-dot{display:inline-block;width:8px;height:8px;background:var(--mint);margin-right:5px}.input-caption{display:flex;flex-direction:column;gap:6px}.input-caption strong{font-size:13px;font-weight:500}.input-caption small{font-size:11px;color:var(--muted)}.dpad{--key: 48px;display:grid;grid-template-columns:repeat(3,var(--key));grid-template-rows:repeat(3,var(--key));gap:4px;margin:18px 0 6px;touch-action:none}.dpad-key{border:1px solid #43545c;border-bottom:3px solid #43545c;border-radius:8px;background:#1e2e38;font:22px var(--mono);touch-action:none}.dpad-key:hover{background:#30444f}.dpad-key.active,.dpad-key:active{background:var(--acid);color:#18221c;border-color:var(--acid);transform:translateY(1px)}.dpad-key.up{grid-area:1 / 2}.dpad-key.left{grid-area:2 / 1}.dpad-key.right{grid-area:2 / 3}.dpad-key.down{grid-area:3 / 2}.dpad-center{grid-area:2 / 2;display:grid;place-items:center;color:#536770;font-size:24px}.joystick-hint,.joystick{display:none}.joystick{--stick-size: 116px;--stick-x: 0px;--stick-y: 0px;position:relative;width:var(--stick-size);height:var(--stick-size);flex:0 0 auto;margin:18px 0 6px;border:1px solid #55717b;border-radius:50%;background:radial-gradient(circle at 50% 45%,#13232e 47%,#29404b 49%,#152631 69%);box-shadow:inset 0 0 0 5px #101e28,0 4px #070f16;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.joystick-mark{position:absolute;color:#8ba5ac;font:16px/1 var(--mono);pointer-events:none}.joystick-mark.up{top:9px;left:50%;transform:translate(-50%)}.joystick-mark.down{bottom:9px;left:50%;transform:translate(-50%)}.joystick-mark.left{left:10px;top:50%;transform:translateY(-50%)}.joystick-mark.right{right:10px;top:50%;transform:translateY(-50%)}.joystick-knob{position:absolute;top:50%;left:50%;width:44%;height:44%;margin:-22%;border:1px solid #72949e;border-radius:50%;background:linear-gradient(145deg,#486370,#223743 75%);box-shadow:inset 0 2px 1px #adc8c533,0 4px 6px #0008;display:grid;place-items:center;transform:translate(var(--stick-x),var(--stick-y));transition:transform .1s ease-out;pointer-events:none}.joystick-knob i{width:12px;height:12px;border:2px solid #a5c6bf;border-radius:50%}.joystick[data-active=true]{cursor:grabbing;border-color:var(--mint)}.joystick[data-active=true] .joystick-knob{transition:none;border-color:var(--mint)}.joystick[data-active=true] .joystick-knob i{background:var(--acid);border-color:var(--acid)}.joystick[data-direction=up] .up,.joystick[data-direction=down] .down,.joystick[data-direction=left] .left,.joystick[data-direction=right] .right{color:var(--acid)}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:0;background:transparent;padding:8px 3px;color:#c5d2d5;font-size:12px}.text-btn:hover{color:var(--acid)}.deck-help{margin-top:8px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;min-height:50px;border:1px solid #43525b;border-radius:8px;background:#21303b;font-size:14px;font-weight:750}.btn.primary{background:var(--acid);color:#14221a;border-color:var(--acid);box-shadow:0 3px #839b47}.btn.primary:hover{background:#e6ffa7;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn span{font:22px/1 var(--mono)}.overlay,.settings{color:var(--text);border:1px solid #334752;background:#101c27;border-radius:16px;padding:0;box-shadow:0 28px 100px #0008;width:min(510px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.overlay::backdrop,.settings::backdrop{background:#060e16e8}.overlay.home{width:min(1050px,calc(100% - 48px));background:#101c27}.overlay-card{padding:28px 32px 22px}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.menu-wordmark{font:italic 950 22px var(--body);letter-spacing:-1.5px}.menu-wordmark>span{color:var(--acid)}.menu-wordmark i{font-style:normal;margin-left:9px;color:var(--acid)}.menu-heading>.eyebrow{color:var(--acid);font-size:10px}.menu-heading h2{margin:9px 0 8px;font-size:38px;line-height:1.25;letter-spacing:-1.8px;font-weight:850}.home .menu-heading h2{font-size:45px}.menu-heading h2 span{color:var(--acid)}.menu-heading p{font-size:13px;color:#a9bbc2;line-height:1.8;white-space:pre-line;margin:0}.overlay-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 18px}.category-card{text-align:left;position:relative;height:306px;overflow:hidden;border:1px solid #455962;border-radius:11px;background:#253944;padding:0;isolation:isolate}.category-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.category-card[data-category=portrait] img{object-position:center top}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06131b22 22%,#06121b00 40%,#06121bdd 90%);z-index:0}.category-card:hover,.category-card:focus-visible{border-color:var(--acid);transform:translateY(-4px)}.category-card:hover img{transform:scale(1.04)}.category-number{position:absolute;top:17px;left:18px;z-index:1;font:11px var(--mono);letter-spacing:1px;background:#071820c9;padding:5px 8px;border-radius:4px}.category-content{position:absolute;bottom:20px;left:20px;right:20px;z-index:1}.category-content>small{font:10px var(--mono);color:#d4e3df;letter-spacing:2px}.category-content>strong{display:block;font-size:30px;margin:4px 0 12px;letter-spacing:-1px}.category-meta{display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#d3e1e0}.category-meta i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acid);color:#17231e;font:normal 20px var(--mono)}.menu-bottom{padding-top:18px;margin-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}.menu-best{font:10px var(--mono);white-space:nowrap}.menu-best b{color:var(--acid);padding-left:6px;font-size:13px}.stage-preview{height:166px;border-radius:9px;overflow:hidden;margin-top:22px;position:relative;background:linear-gradient(135deg,#236267,#687467)}.stage-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%;opacity:.65}.stage-preview>span{position:absolute;bottom:14px;left:16px;color:#fff;font:11px var(--mono);letter-spacing:2px;text-shadow:0 2px 8px #000}.how-to{display:flex;gap:15px;margin:24px 0;justify-content:space-between}.how-to>div{display:flex;gap:7px;align-items:flex-start;flex:1}.how-to b{color:var(--acid);font:10px var(--mono);margin-top:2px}.how-to span{color:var(--muted);font-size:11px;line-height:1.8}.how-to strong{color:#e3eee9;font-weight:500;white-space:nowrap}.overlay-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.overlay-actions .primary{flex:1}.overlay-actions>.text-btn{flex-basis:100%}.result-stats{display:flex;gap:28px;padding:24px 0 5px}.result-stats span{color:var(--muted);font-size:11px}.result-stats strong{display:block;margin-top:8px;font:700 26px var(--mono);color:var(--acid)}.clear-banner{display:flex;gap:20px;align-items:center;justify-content:space-between}.clear-banner strong{display:block;font:italic 850 19px var(--body);color:var(--acid)}.clear-banner .eyebrow{font-size:8px}.clear-banner .btn{padding:10px 15px}.toast{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);opacity:0;width:max-content;max-width:calc(100% - 16px);padding:7px 13px;color:var(--acid);background:#091923ea;border:1px solid #92bf6266;border-radius:6px;font:700 12px var(--mono);text-align:center;pointer-events:none;transition:opacity .15s}.toast[data-half=top]{top:25%}.toast.show{opacity:1}.settings{padding:26px}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading h2{font-size:25px;margin:5px 0 18px}.control-guide{margin:10px 0 22px}.control-guide p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:13px 0;color:#acbec7;font-size:11px;line-height:1.8}.control-guide b{width:88px;flex-shrink:0;color:var(--acid)}kbd{background:#23323f;color:#e5efed;padding:2px 6px;border:1px solid #3a4a57;border-bottom-width:2px;border-radius:4px;font:11px var(--mono)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;border-top:1px solid var(--line);font-size:13px}.setting-row select{background:#1e303b;color:var(--text);border:1px solid #435662;border-radius:7px;padding:10px;min-height:44px;max-width:220px}.setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:27px;background:#344852;border:1px solid #70828b;border-radius:20px;position:relative;cursor:pointer}.setting-row input[type=checkbox]:after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff}.setting-row input[type=checkbox]:checked{background:var(--acid);border-color:var(--acid)}.setting-row input[type=checkbox]:checked:after{left:20px;background:#253323}.setting-row input[type=range]{accent-color:var(--acid);width:175px;min-height:44px}.settings-note{margin:20px 0;color:var(--muted);font-size:11px;line-height:1.8}.settings>.primary{width:100%}.notice{position:fixed;z-index:20;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:12px 18px;border:1px solid #52746e;background:#18352f;border-radius:8px;font-size:12px;max-width:calc(100% - 32px);width:max-content}.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}.app[data-pad=off] .dpad,.app[data-pad=off] .joystick{display:none}.app[data-screen=home] .main,.app[data-screen=home] .topbar{visibility:hidden}@media(max-width:760px){.app{padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:12px}.topbar{min-height:48px;padding-bottom:9px;gap:10px}.brand{font-size:22px;gap:6px}.brand svg{width:26px}.brand small,.top-record{display:none}.controls{gap:5px}.icon-btn{width:40px;height:44px;font-size:21px}.main{width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px}.play-column{gap:10px}.hud{gap:16px}.hud-heading>strong{font-size:25px}.hud-heading{gap:8px}.hud-heading .eyebrow{font-size:8px}.hud-heading .eyebrow span{display:none}.hud-credits .eyebrow{font-size:8px}.credit-readout strong{font-size:21px}.credit-bonus-progress{font-size:9px}.arena-status{gap:10px;min-height:32px}.status-chip{font-size:9px}.timer>span{font-size:9px}.rival{font-size:9px}.deck-info,.deck-help{display:none}.control-deck{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--line);padding-top:6px;padding-inline:max(0px,calc((100% - 380px)/2))}.dpad{--key: 44px;gap:3px;margin:0}.input-caption{gap:5px}.input-caption .eyebrow{font-size:9px}.input-caption strong{font-size:12px}.input-caption small{font-size:10px}.app[data-pad=off] .control-deck{display:none}.overlay.home{width:calc(100% - 24px)}.overlay-card{padding:18px 20px 17px}.menu-top{margin-bottom:20px}.menu-heading h2,.home .menu-heading h2{font-size:29px;letter-spacing:-1.2px}.menu-heading p{font-size:12px}.overlay-choices{grid-template-columns:1fr;gap:12px;margin-top:20px}.category-card{height:127px}.category-card img{object-position:center 34%}.category-card:after{background:linear-gradient(90deg,#081822d9,#08182218 95%)}.category-number{display:none}.category-content{top:16px;right:18px;bottom:16px;left:18px}.category-content>small{font-size:9px}.category-content>strong{font-size:23px;margin:4px 0 2px}.category-meta{font-size:10px}.category-meta i{position:absolute;right:0;bottom:23px;width:34px;height:34px}.menu-bottom{font-size:9px;padding-top:13px;margin-top:13px;gap:7px}.menu-best{font-size:8px}.menu-best b,.menu-top .text-btn{font-size:11px}.stage-preview{height:140px}.how-to{gap:8px}.how-to span{font-size:10px}.overlay-actions .btn{padding-inline:16px}.settings{padding:20px}}@media(max-width:370px){.brand svg{display:none}.brand{font-size:20px}.app{padding-inline:10px}.overlay-card{padding:16px}.home .menu-heading h2{font-size:25px}.category-card{height:106px}.category-content{top:11px;right:15px;bottom:11px;left:15px}.category-content>strong{font-size:22px}.category-meta i{bottom:18px}.menu-best{display:none}.setting-row select{max-width:185px}.input-caption strong{font-size:11px}}@media(max-height:540px)and (orientation:landscape){.app{padding:8px 18px;gap:8px}.topbar{min-height:44px;padding-bottom:4px}.brand small,.top-record{display:none}.main{width:740px;max-width:100%;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:minmax(0,1fr);gap:25px}.control-deck{display:flex;border:0;padding:0;justify-content:center}.deck-info,.deck-help{display:none}.dpad{--key: 44px;margin-top:12px}.input-caption small{display:none}.play-column{gap:7px}.hud-heading>strong{font-size:21px}.hud{gap:12px}.capture-meter{margin-top:3px}.arena-status{min-height:26px}.clear-banner strong{font-size:13px}.clear-banner .btn{min-height:44px;padding:8px 12px}.overlay.home{width:min(840px,calc(100% - 24px))}.overlay-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{height:175px}.home .menu-heading h2{font-size:26px}.menu-top{margin-bottom:8px}.overlay-card{padding:14px 24px}.home .menu-bottom{margin-top:10px;padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{transition:none!important;animation:none!important}@media(max-width:760px)and (max-height:700px)and (orientation:portrait){.topbar{padding-bottom:4px;min-height:44px}.hud-heading>strong{font-size:21px}.hud-credits{gap:4px}.control-deck{grid-template-columns:1fr auto;gap:12px}.input-caption .eyebrow{display:none}.joystick{--stick-size: 100px}}@media(max-width:760px),(max-height:540px),(pointer:coarse){.dpad,.pad-hint{display:none}.joystick-hint{display:inline}.joystick{display:block;margin:5px}}@media(max-height:540px)and (orientation:landscape){.joystick{margin-top:16px}}