:root{--desktop-layout-width:1280px;--game-resolution-width:1280px;--game-resolution-height:720px;--game-resolution-scale:1;color:#eef1f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101114;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:var(--desktop-layout-width);background:#101114;min-height:100vh;margin:0}button,textarea{font:inherit}button{border:0}#app{min-width:var(--desktop-layout-width);min-height:100svh}main{min-width:var(--desktop-layout-width);flex-direction:column;min-height:100svh;display:flex}:root.test-resolution-lock{background:#06070a}:root.test-resolution-lock body{background:#06070a;place-items:center;min-width:0;height:100svh;min-height:0;display:grid;overflow:hidden}:root.test-resolution-lock #app{width:var(--game-resolution-width);height:var(--game-resolution-height);min-width:var(--game-resolution-width);min-height:var(--game-resolution-height);transform:scale(var(--game-resolution-scale));transform-origin:50%;background:#101114;overflow:hidden;box-shadow:0 24px 80px #0000009e}:root.test-resolution-lock main{width:var(--game-resolution-width);height:var(--game-resolution-height);min-width:var(--game-resolution-width);min-height:0;overflow:hidden}:root.test-resolution-lock .stage-select-screen{height:100%;min-height:0;overflow:auto}.topbar{background:#15161a;border-bottom:1px solid #303238;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.eyebrow{color:#8f98a8;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,p{margin:0}h1{color:#f6f7f9;font-size:24px;font-weight:760;line-height:1.2}h2{color:#f6f7f9;font-size:18px;line-height:1.25}.topbar button{color:#06140b;cursor:pointer;background:#46b06f;border-radius:8px;flex:none;min-width:112px;padding:12px 16px;font-weight:800}.topbar button:hover:not(:disabled){background:#61c083}.topbar button:disabled{cursor:default;opacity:.55}.brief{background:#303238;border-bottom:1px solid #303238;grid-template-columns:1.4fr 1.2fr 160px;gap:1px;display:grid}.brief>div{background:#1b1c21;flex-direction:column;gap:6px;min-width:0;padding:14px 18px;display:flex}.brief strong{color:#8f98a8;font-size:12px}.brief span{color:#e5e8ed;font-size:14px;line-height:1.4}.workspace{flex:1;grid-template-columns:minmax(420px,1fr) minmax(480px,1fr);min-height:0;display:grid}.visualizer{background:#202126;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex;position:relative;overflow:hidden}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-header p{color:#9aa3b2;margin-top:5px;font-size:14px}.score{background:#17181d;border:1px solid #3d414a;border-radius:8px;align-items:baseline;gap:4px;padding:8px 12px;display:flex}.score span{color:#f4c430;font-size:30px;font-weight:850;line-height:1}.score small{color:#9aa3b2}.status-line{color:#cfd5df;grid-template-columns:120px 1fr;align-items:center;gap:12px;font-size:14px;display:grid}.progress{background:#111217;border:1px solid #303238;border-radius:999px;height:10px;overflow:hidden}.progress div{background:#46b06f;height:100%}.error{color:#ffb1b1;background:#8e3a3a2e;border:1px solid #8e3a3a;border-radius:8px;padding:10px 12px;font-size:14px}.notice{color:#b6edc8;background:#46b06f1f;border:1px solid #345c42;border-radius:8px;padding:10px 12px;font-size:14px}.board-wrap{background:#15161a;border:1px solid #303238;border-radius:8px;flex:1;place-items:center;min-height:0;padding:18px;display:grid}.grid{aspect-ratio:1;background:#343740;border-radius:8px;gap:3px;width:min(100%,560px);padding:3px;display:grid}.cell{color:#edf2f7;-webkit-user-select:none;user-select:none;border-radius:4px;place-items:center;min-width:0;min-height:0;font-size:clamp(11px,1.5vw,15px);font-weight:800;display:grid}.cell span{font-size:12px;font-weight:900}.placements{color:#dce2eb;background:#17181d;border:1px solid #303238;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.placements strong{color:#8f98a8}.empty{color:#9aa3b2}.data-layout{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;display:grid}.data-panel{background:#15161a;border:1px solid #303238;border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.data-panel h3{color:#dfe5ee;border-bottom:1px solid #303238;margin:0;padding:10px 12px;font-size:14px}.data-panel pre{color:#d8dee9;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;overflow:auto}.duel-layout{flex:1;grid-template-rows:minmax(210px,.9fr) minmax(170px,1fr) auto;gap:14px;min-height:0;display:grid}.case-pager{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.case-tab{color:#cfd5df;cursor:pointer;background:#15161a;border:1px solid #303238;border-radius:8px;align-content:center;gap:3px;min-width:0;height:48px;padding:6px 4px;transition:border-color .16s,background .16s,transform .16s;display:grid}.case-tab:hover{border-color:#59606d;transform:translateY(-1px)}.case-tab span{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;line-height:1;overflow:hidden}.case-tab small{color:#8f98a8;font-size:11px;font-weight:850;line-height:1}.case-tab.passed{border-color:#46b06f75}.case-tab.passed small{color:#9fe7b9}.case-tab.failed{border-color:#db565680}.case-tab.failed small{color:#ffb1b1}.case-tab.active{background:#22252b;border-color:#f4c430;box-shadow:inset 0 0 0 1px #f4c43038}.duel-arena{background:linear-gradient(90deg,#46b06f1f,#0000 38%),linear-gradient(270deg,#db565621,#0000 38%),#15161a;border:1px solid #303238;border-radius:8px;grid-template-columns:minmax(120px,1fr) 82px minmax(120px,1fr);align-items:center;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.duel-arena:before{content:"";opacity:.42;background:linear-gradient(#0000,#f4c4308c,#0000);width:1px;position:absolute;top:16px;bottom:16px;left:50%;transform:translate(-50%)}.duel-arena.running:before{animation:.62s ease-in-out infinite duel-scan}.duel-arena.defeat{border-color:#db5656e6;box-shadow:inset 0 0 0 1px #db565647,0 0 34px #db565624}.duel-arena.defeat:after{content:"패배";color:#ffb1b1;letter-spacing:0;text-shadow:0 5px 24px #000000a6;pointer-events:none;z-index:5;background:#1206086b;place-items:center;font-size:clamp(42px,9vw,92px);font-weight:950;animation:.52s cubic-bezier(.2,1.1,.2,1) both defeat-stamp;display:grid;position:absolute;inset:0}.duel-arena.victory{border-color:#46b06fc7;box-shadow:inset 0 0 0 1px #46b06f3d,0 0 28px #46b06f21}.fighter{z-index:1;background:#202126;border:1px solid #3d414a;border-radius:8px;align-content:center;place-items:center;gap:6px;min-width:0;height:190px;display:grid;position:relative;box-shadow:inset 0 -22px 34px #0000002e}.fighter span{color:#9aa3b2;font-size:13px;font-weight:800}.fighter strong{color:#f6f7f9;font-size:clamp(26px,4vw,38px);line-height:1}.fighter-order{color:#7f8897;font-size:11px;font-style:normal;font-weight:850;line-height:1}.fighter small{color:#8f98a8;min-height:16px;font-size:12px;font-weight:800}.fighter.player{background:radial-gradient(circle at 50% 0,#46b06f38,#0000 58%),#202126;border-color:#46b06f8c}.fighter.rival{background:radial-gradient(circle at 50% 0,#db565638,#0000 58%),#202126;border-color:#db56568c}.fighter.locked{box-shadow:inset 0 -22px 34px #0000002e,0 0 0 1px #46b06f29}.fighter.attack{animation:.44s ease-out both duel-lunge}.fighter.rival.attack{animation-name:duel-lunge-left}.fighter.hit{animation:.52s ease-out both duel-hit}.duel-center{z-index:1;background:#101114;border:1px solid #4a4e58;border-radius:50%;align-content:center;justify-self:center;place-items:center;gap:4px;width:82px;height:82px;display:grid;position:relative}.duel-center span{color:#f4c430;font-size:17px;font-weight:900}.duel-center small{color:#8f98a8;font-size:11px;font-weight:800}.duel-arena.defeat .duel-center span{color:#ff9b9b}.gear-rack{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.queue-header{background:#17181d;border:1px solid #303238;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.queue-header strong{color:#dfe5ee;font-size:14px}.queue-header span{color:#8f98a8;font-size:12px;font-weight:750}.queue-track{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));align-content:start;gap:10px;min-height:0;display:grid;overflow:auto}.gear-item{background:#15161a;border:1px solid #303238;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s;display:flex;position:relative}.gear-item:before{content:"";background:0 0;border-radius:8px 0 0 8px;width:3px;position:absolute;inset:0 auto 0 0}.gear-index{color:#7f8897;font-size:11px;font-weight:850;line-height:1}.gear-item.selected{border-color:#46b06fd9;box-shadow:inset 0 0 0 1px #46b06f5c}.gear-item.selected:before{background:#46b06f}.gear-item.active-rival{border-color:#f4c430eb;transform:translateY(-4px);box-shadow:0 10px 22px #00000047,inset 0 0 0 1px #f4c4303d}.gear-item.active-rival:before{background:#f4c430}.gear-item.cleared{opacity:.58}.gear-item.rival-pick{opacity:1;border-color:#db5656e6;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 26px #00000052,inset 0 0 0 1px #db565666}.gear-item.rival-pick:before{background:#db5656}.gear-power{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gear-power span{color:#f6f7f9;font-size:22px;font-weight:900}.gear-power small{color:#8f98a8;font-size:12px;font-weight:800}.gear-bar{background:#0f1014;border-radius:999px;height:9px;overflow:hidden}.gear-bar span{border-radius:inherit;background:#46b06f;height:100%;display:block}.gear-item.rival-pick .gear-bar span{background:#db5656}.duel-readout{background:#17181d;border:1px solid #303238;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.duel-readout strong{color:#dfe5ee;font-size:14px}.duel-readout span{color:#cfd5df;font-size:14px;line-height:1.45}.duel-readout small{color:#8f98a8;font-size:12px}.party-case-pager{grid-template-columns:repeat(5,minmax(0,1fr))}.party-layout{flex:1;grid-template-rows:minmax(118px,auto) auto auto;gap:10px;min-height:0;display:grid}.party-board,.party-assembly{flex-direction:column;gap:10px;min-height:0;display:flex}.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(106px,1fr));align-content:start;gap:8px;min-height:77px;max-height:130px;display:grid;overflow:hidden auto}.party-card{opacity:0;min-width:0;animation:party-card-in .36s ease var(--delay,0s) forwards;background:#15161a;border:1px solid #303238;border-radius:8px;gap:6px;padding:9px 10px;transition:border-color .18s,box-shadow .18s,transform .18s,opacity .18s;display:grid;position:relative;transform:translateY(8px)}.party-card:before{content:"";background:#59606d;border-radius:8px 0 0 8px;width:3px;position:absolute;inset:0 auto 0 0}.party-card.selected{border-color:#46b06fdb;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #46b06f52,0 10px 24px #0000003d}.party-card.selected:before{background:#46b06f}.party-card.expected-miss{border-color:#f4c430b8}.party-card.expected-miss:before{background:#f4c430}.party-card-top,.party-card-stats,.party-meter-row{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.party-card-top strong{color:#f6f7f9;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.party-card-top span,.party-card-stats span,.party-meter-row strong{color:#8f98a8;font-size:11px;font-weight:850}.party-card-stats b{color:#dfe5ee;font-size:13px}.party-power-bar,.party-meter{background:#0f1014;border-radius:999px;height:9px;overflow:hidden}.party-power-bar span,.party-meter span{border-radius:inherit;background:#46b06f;height:100%;display:block}.party-assembly{background:linear-gradient(90deg,#46b06f14,#0000 48%),#17181d;border:1px solid #303238;border-radius:8px;min-height:132px;padding:10px}.party-assembly.passed{border-color:#46b06fb8}.party-assembly.failed{border-color:#db5656ad}.party-slots{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:62px;display:grid}.party-slot{opacity:0;min-width:0;min-height:62px;animation:party-slot-in .42s cubic-bezier(.2, 1, .2, 1) var(--delay,0s) forwards;background:#101114;border:1px dashed #3d414a;border-radius:8px;align-content:center;gap:4px;padding:9px 10px;display:grid;transform:translate(-12px)}.party-slot.filled{background:linear-gradient(#46b06f21,#0000),#15161a;border-style:solid;border-color:#46b06fad}.party-slot span{color:#7f8897;font-size:11px;font-weight:900}.party-slot strong{color:#f6f7f9;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.party-slot small{color:#9aa3b2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.party-meter-wrap{flex:none;gap:5px;margin-top:8px;display:grid}.party-meter-row span{color:#dfe5ee;font-size:12px;font-weight:850}.party-meter span{background:#f4c430;transition:width .52s}.party-meter.over span{background:#db5656}.party-readout{border-color:#f4c43047;gap:4px;padding:8px 10px}.party-readout span{font-size:13px;line-height:1.32}.party-readout small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-finale{z-index:20;pointer-events:none;background:#101114db;border:1px solid #f4c4307a;border-radius:8px;place-items:center;gap:6px;min-width:220px;padding:20px 26px;animation:.52s cubic-bezier(.2,1.05,.2,1) both score-pop,.52s 3.2s forwards score-dismiss;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 56px #00000070}.score-finale strong{color:#f4c430;letter-spacing:0;font-size:clamp(54px,9vw,104px);font-weight:950;line-height:.95}.score-finale>span{color:#dfe5ee;font-size:15px;font-weight:900}.score-finale.perfect{border-color:#46b06fb8;box-shadow:0 0 0 1px #46b06f38,0 22px 70px #46b06f33}.score-finale.perfect strong{color:#9ff0bc}.confetti{pointer-events:none;position:absolute;inset:-130px -170px;overflow:hidden}.confetti span{left:calc(50% + var(--x));width:8px;height:18px;transform:rotate(var(--rotate-a));background:#f4c430;border-radius:2px;animation:1.2s cubic-bezier(.17,.84,.42,1) both confetti-burst;position:absolute;top:50%}.confetti span:nth-child(3n){background:#46b06f}.confetti span:nth-child(3n+1){background:#db5656}.confetti span:nth-child(4n){width:10px;height:10px}@keyframes duel-lunge{0%{transform:translate(0)scale(1)}46%{transform:translate(24px)scale(1.04)}to{transform:translate(0)scale(1)}}@keyframes duel-lunge-left{0%{transform:translate(0)scale(1)}46%{transform:translate(-24px)scale(1.04)}to{transform:translate(0)scale(1)}}@keyframes duel-hit{0%{filter:brightness();transform:translate(0)}28%{filter:brightness(1.55);transform:translate(-14px)}58%{transform:translate(9px)}to{filter:brightness();transform:translate(0)}}@keyframes duel-scan{0%,to{opacity:.25;transform:translate(-50%)scaleY(.72)}50%{opacity:.82;transform:translate(-50%)scaleY(1)}}@keyframes party-card-in{to{opacity:1;transform:translateY(0)}}@keyframes party-slot-in{to{opacity:1;transform:translate(0)}}@keyframes defeat-stamp{0%{opacity:0;transform:scale(1.24)}62%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes score-dismiss{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,-54%)scale(.96)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(0, 0) rotate(var(--rotate-a)) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(var(--burst-x), var(--burst-y)) rotate(var(--rotate-b)) scale(1)}}.loading-screen{background:linear-gradient(#46b06f14,#0000 42%),radial-gradient(circle at 50% 28%,#f4c4301f,#0000 30%),#101114;flex:1;place-items:center;padding:48px;display:grid}.loading-panel{background:#15161aeb;border:1px solid #303238;border-radius:8px;justify-items:center;gap:14px;width:min(560px,100%);padding:34px 38px;display:grid;box-shadow:0 28px 70px #00000075}.loader-core{background:#17181d;border:1px solid #3d414a;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.loader-core:before,.loader-core:after{content:"";border-radius:inherit;border:3px solid #0000;border-top-color:#46b06f;animation:1.2s linear infinite spin;position:absolute;inset:8px}.loader-core:after{border-top-color:#f4c430;animation-duration:.82s;animation-direction:reverse;inset:18px}.loader-core span{background:#e5e8ed;border-radius:50%;width:12px;height:12px;box-shadow:0 0 18px #f4c430b3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-kicker{color:#f4c430;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.loading-screen h2{color:#f6f7f9;font-size:24px}.loading-status{color:#8f98a8;min-height:20px;font-size:15px;font-weight:700}.loading-track{background:#0f1014;border:1px solid #303238;border-radius:999px;width:100%;height:12px;overflow:hidden}.loading-track span{border-radius:inherit;background:linear-gradient(90deg,#46b06f,#f4c430);width:46%;height:100%;animation:1.45s ease-in-out infinite loading-sweep;display:block}.loading-track span.ready{width:100%;animation:none}.loading-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.loading-steps span{color:#9aa3b2;text-align:center;background:#17181d;border:1px solid #303238;border-radius:6px;min-width:0;padding:8px 6px;font-size:11px;font-weight:850}.loading-steps span.ready{color:#b6edc8;border-color:#46b06f9e}@keyframes loading-sweep{0%{transform:translate(-100%)}55%{transform:translate(72%)}to{transform:translate(220%)}}.stage-select-screen{background:linear-gradient(#f4c4300d,#0000 220px),linear-gradient(90deg,#46b06f0f,#0000 42%),#101114;flex-direction:column;flex:1;width:100%;padding:30px 36px 38px;display:flex;position:relative}.stage-select-header{margin-bottom:22px}.header-content{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.stage-select-title{gap:6px;display:grid}.stage-select-title span{color:#aab3c2;max-width:620px;font-size:14px;line-height:1.45}.stage-select-actions{align-items:flex-start;gap:12px;display:flex}.stage-view-toggle{background:#17181d;border:1px solid #303238;border-radius:8px;display:inline-flex;overflow:hidden}.stage-view-toggle button{color:#9aa3b2;cursor:pointer;background:0 0;border:0;border-right:1px solid #303238;border-radius:0;min-width:58px;padding:10px 12px;font-size:12px;font-weight:900}.stage-view-toggle button:last-child{border-right:0}.stage-view-toggle button.active{color:#f4c430;background:#25272d}.profile-summary{background:#17181d;border:1px solid #303238;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-char{background:#101114;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.profile-info{flex-direction:column;font-size:14px;display:flex}.profile-info strong{color:#4ade80;font-size:16px}.profile-info span{color:#8f98a8;font-size:12px}.edit-profile-btn{color:#ccc;cursor:pointer;background:#25272d;border-radius:4px;margin-left:8px;padding:7px 10px;font-size:12px;transition:background .2s}.edit-profile-btn:hover{color:#fff;background:#343740}.campaign-list{flex:1;align-content:start;gap:16px;min-height:0;padding-right:4px;display:grid;overflow:auto}.campaign-board{grid-template-columns:136px minmax(0,1fr);gap:18px;min-height:178px;display:grid}.campaign-rail{background:#15161a;border:1px solid #303238;border-radius:8px;align-content:start;gap:8px;padding:18px 14px;display:grid;position:relative;overflow:hidden}.campaign-rail:after{content:"";opacity:.72;background:linear-gradient(#46b06f,#f4c430,#db5656);width:2px;min-height:84px;margin:10px auto 0}.campaign-rail span{color:#8f98a8;letter-spacing:0;font-size:11px;font-weight:900}.campaign-rail strong{color:#f6f7f9;font-size:18px;line-height:1.1}.campaign-rail em{color:#61c083;font-size:12px;font-style:normal;font-weight:850;line-height:1.25}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;gap:14px;display:grid}.stage-card{text-align:left;cursor:pointer;color:#eef1f5;background:#1b1c21;border:1px solid #303238;border-radius:8px;grid-template-columns:86px minmax(0,1fr);align-items:stretch;min-height:178px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.stage-card.current-stage{border-color:#f4c43094;box-shadow:inset 0 0 0 1px #f4c43024}.stage-card.cleared{border-color:#46b06f7a}.stage-card.concept{cursor:default;opacity:.76}.stage-card.concept:hover{box-shadow:none;border-color:#303238;transform:none}.stage-card.concept .stage-route-mark{background:linear-gradient(#8f98a81f,#0000),#15161a}.stage-card.concept .stage-route-mark strong{color:#aab3c2}.stage-card.concept .stage-status{color:#f4c430;border-color:#f4c43052}.stage-route-mark{background:linear-gradient(#46b06f29,#0000),#15161a;border-right:1px solid #303238;align-content:center;place-items:center;gap:6px;display:grid}.stage-route-mark span{color:#8f98a8;font-size:10px;font-weight:900}.stage-route-mark strong{color:#f4c430;font-size:34px;font-weight:950;line-height:.95}.stage-card-body{align-content:start;gap:10px;min-width:0;padding:18px;display:grid}.stage-level{color:#61c083;font-size:12px;font-weight:800}.stage-card-header{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.stage-status{color:#aab3c2;border:1px solid #3d414a;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1}.stage-card:hover{border-color:#46b06f;transform:translateY(-2px);box-shadow:0 14px 28px #0000003d}.stage-card h2{color:#f6f7f9;font-size:20px}.stage-card p{color:#9aa3b2;font-size:14px;line-height:1.4}.stage-tags{flex-wrap:wrap;gap:7px;display:flex}.stage-tags span{color:#c9d0dc;background:#15161a;border:1px solid #343740;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1}.stage-meta{color:#8f98a8;background:#15161a;border-radius:6px;flex-wrap:wrap;gap:16px;width:100%;padding:8px 12px;font-size:13px;display:flex}.best-score{color:#4ade80;font-weight:600}.empty-stages{color:#8f98a8;font-size:15px}.stage-map-layout{outline:none;flex:1;grid-template-columns:minmax(0,1fr) 292px;gap:18px;min-height:0;display:grid}.stage-map-board{background:#101114;border:1px solid #303238;border-radius:8px;min-width:0;min-height:420px;padding:14px;position:relative;overflow:hidden}.pixel-world-layer{--map-cols:18;--map-rows:11;width:100%;height:100%;min-height:392px;image-rendering:pixelated;background:#172516;border:3px solid #22252b;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0a,inset 0 0 0 6px #0000002e}.pixel-world-tiles{grid-template-columns:repeat(var(--map-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--map-rows), minmax(0, 1fr));display:grid;position:absolute;inset:0}.map-tile{min-width:0;min-height:0;position:relative;box-shadow:inset 1px 1px #ffffff0a,inset -1px -1px #0000001f}.tile-grass{background:linear-gradient(135deg,#0000 0 62%,#ffffff0d 62% 68%,#0000 68%),#2f6c35}.tile-road{background:linear-gradient(90deg,#0000001f 0 12%,#0000 12% 88%,#ffffff14 88%),#9d7341}.tile-plaza{background:linear-gradient(90deg,#ffffff17 0 10%,#0000 10% 90%,#00000024 90%),#b68a4d}.tile-water{background:linear-gradient(135deg,#0000 0 35%,#ffffff2e 35% 45%,#0000 45%),#3976a6}.tile-forest{background:#23572e}.tile-forest:before{content:"";background:linear-gradient(45deg,#0000 0 48%,#1a3f23 48% 52%,#0000 52%),#2d7a3b;width:54%;height:54%;position:absolute;top:20%;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 12px 0 -3px #1b3c21}.tile-mountain{background:#315238}.tile-mountain:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#ffffff38 0 28%,#0000 28%),#8f8b7a;width:68%;height:62%;position:absolute;top:18%;left:16%}.stage-map-route-badge{left:var(--route-label-x);top:var(--route-label-y);z-index:2;color:#f6f7f9;pointer-events:none;text-shadow:0 2px #00000073;gap:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.stage-map-route-badge em{color:#f4c430;font-size:10px;font-style:normal;font-weight:950;line-height:1}.stage-map-route-badge strong{white-space:nowrap;font-size:14px;font-weight:950;line-height:1.05}.stage-map-route-badge.bonus em{color:#8fc7ff}.stage-map-node{left:var(--node-x);top:var(--node-y);z-index:3;color:#eef1f5;cursor:pointer;background:0 0;border:0;border-radius:0;align-content:start;justify-items:center;gap:3px;width:98px;height:84px;padding:0;transition:opacity .16s;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.stage-map-node:before{content:"";background:#00000047;border-radius:50%;width:54px;height:12px;position:absolute;top:29px;left:50%;transform:translate(-50%)}.stage-map-node.concept{opacity:.78}.map-node-index{z-index:1;color:#f4c430;background:radial-gradient(circle at 35% 28%,#ffffff2e,#0000 28%),#101114;border:2px solid #303238;border-radius:50%;place-items:center;width:36px;height:34px;font-size:12px;font-weight:950;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 -6px #00000042,0 4px #0000003d}.stage-map-node.concept .map-node-index{color:#aab3c2}.stage-map-node.bonus .map-node-index{color:#8fc7ff}.stage-map-node:hover .map-node-index,.stage-map-node.selected .map-node-index{border-color:#f4c430b3;box-shadow:inset 0 -6px #00000042,0 0 0 4px #f4c4301f,0 4px #0000003d}.stage-map-node.selected .map-node-index{transform:translateY(-3px)}.map-avatar-traveler{left:var(--avatar-x);top:var(--avatar-y);z-index:5;pointer-events:none;place-items:center;width:70px;height:64px;transition:left .24s ease-out,top .24s ease-out;display:grid;position:absolute;transform:translate(-50%,-92%)}.map-avatar-hop{place-items:center;animation:.26s steps(2,end) map-avatar-hop;display:grid}.map-node-title{z-index:1;color:#f6f7f9;text-align:center;word-break:keep-all;background:#141519e6;border:1px solid #303238eb;border-radius:7px;place-items:center;width:98px;min-height:28px;padding:4px 7px;font-size:11px;font-weight:900;line-height:1.25;display:grid;position:absolute;top:39px;box-shadow:0 3px #00000038}.map-node-status{z-index:1;color:#aab3c2;background:#101114eb;border:1px solid #3d414a;border-radius:999px;padding:4px 6px;font-size:8px;font-weight:950;line-height:1;position:absolute;top:71px}.stage-map-panel{background:#17181d;border:1px solid #303238;border-radius:8px;align-content:start;gap:12px;min-width:0;min-height:0;padding:16px;display:grid;overflow:auto}.stage-map-panel h2{color:#f6f7f9;font-size:20px}.stage-map-panel p:not(.eyebrow){color:#9aa3b2;font-size:14px;line-height:1.45}.stage-map-enter{color:#17181d;cursor:pointer;background:#f4c430;border:1px solid #f4c4306b;border-radius:6px;width:100%;padding:11px 12px;font-size:13px;font-weight:950}.stage-map-enter:disabled{color:#8f98a8;cursor:not-allowed;background:#25272d;border-color:#303238}.touch-pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);justify-self:center;gap:6px;width:168px;margin-top:4px;display:grid}.pad-btn{cursor:pointer;background:#101114;border:1px solid #343740;border-radius:8px;place-items:center;transition:background .16s,border-color .16s;display:grid}.pad-btn:hover{background:#1b1c21;border-color:#46b06f}.pad-up{grid-area:1/2}.pad-left{grid-area:2/1}.pad-action{grid-area:2/2}.pad-right{grid-area:2/3}.pad-down{grid-area:3/2}.pad-arrow{border-style:solid;width:0;height:0}.pad-arrow-up{border-width:0 9px 13px;border-color:#0000 #0000 #c9d0dc}.pad-arrow-down{border-width:13px 9px 0;border-color:#c9d0dc #0000 #0000}.pad-arrow-left{border-width:9px 13px 9px 0;border-color:#0000 #c9d0dc #0000 #0000}.pad-arrow-right{border-width:9px 0 9px 13px;border-color:#0000 #0000 #0000 #c9d0dc}.pad-action-dot{background:#f4c430;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 5px #f4c4301f}@keyframes map-avatar-hop{0%{transform:translateY(8px)scaleY(.96)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.error-msg{color:#ffb1b1;background:#8e3a3a2e;border:1px solid #8e3a3a;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.stage-command{grid-template-columns:auto 74px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.topbar .stage-back{min-width:70px;padding:10px 12px;background:#25272d!important}.stage-command-marker{background:linear-gradient(#f4c4301f,#0000),#101114;border:1px solid #f4c4306b;border-radius:8px;align-content:center;place-items:center;gap:3px;width:74px;height:64px;display:grid}.stage-command-marker span{color:#8f98a8;font-size:10px;font-weight:900}.stage-command-marker strong{color:#f4c430;font-size:30px;font-weight:950;line-height:.95}.stage-command-copy{min-width:0}.stage-command-copy h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stage-command-tags{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.stage-command-tags span{color:#c9d0dc;background:#101114;border:1px solid #343740;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:850;line-height:1}.mission-brief{grid-template-columns:minmax(0,1.45fr) minmax(0,1.2fr) 180px}.mission-brief>div{padding:15px 18px 16px;position:relative}.mission-brief>div:before{content:"";opacity:.72;background:#46b06f;width:3px;position:absolute;inset:0 auto 0 0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.language-toggle{background:#15161a;border:1px solid #3b3e46;border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.topbar .language-toggle button{color:#b8c0cc;background:0 0;border-radius:0;min-width:92px;padding:11px 14px}.topbar .language-toggle button+button{border-left:1px solid #3b3e46}.topbar .language-toggle button:hover:not(:disabled),.topbar .language-toggle button.active{color:#b9f1c9;background:#2a3b30}.topbar .language-toggle button.active{box-shadow:inset 0 0 0 1px #61c08373}.btn-secondary{color:#eef1f5!important;background:#303238!important}.btn-secondary:hover{background:#40424a!important}.drone-prototype.svelte-13ja85u{color:#eef1f5;background:#0d1016;grid-template-rows:68px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.prototype-header.svelte-13ja85u{background:#151a22;border-bottom:1px solid #27303d;justify-content:space-between;align-items:center;gap:22px;min-width:0;padding:12px 18px;display:flex}.eyebrow.svelte-13ja85u{color:#8fa3bd;letter-spacing:0;margin:0 0 4px;font-size:11px;font-weight:800}h1.svelte-13ja85u,h2.svelte-13ja85u,p.svelte-13ja85u{margin:0}h1.svelte-13ja85u{font-size:24px;line-height:1.1}h2.svelte-13ja85u{font-size:17px;line-height:1.2}.header-stats.svelte-13ja85u{grid-template-columns:repeat(3,96px);gap:8px;display:grid}.header-stats.svelte-13ja85u div:where(.svelte-13ja85u),.hud-card.svelte-13ja85u,.hp-card.svelte-13ja85u{background:#10151d;border:1px solid #2c3543;border-radius:8px}.header-stats.svelte-13ja85u div:where(.svelte-13ja85u){padding:8px 10px}.header-stats.svelte-13ja85u span:where(.svelte-13ja85u),.hud-card.svelte-13ja85u span:where(.svelte-13ja85u),.hp-label.svelte-13ja85u span:where(.svelte-13ja85u),.sensor-row.svelte-13ja85u span:where(.svelte-13ja85u){color:#8fa3bd;font-size:12px;font-weight:750}.header-stats.svelte-13ja85u strong:where(.svelte-13ja85u),.hud-card.svelte-13ja85u strong:where(.svelte-13ja85u),.hp-label.svelte-13ja85u strong:where(.svelte-13ja85u){color:#f6f8fb;margin-top:3px;font-size:18px;line-height:1;display:block}.prototype-body.svelte-13ja85u{grid-template-columns:852px minmax(0,1fr);min-height:0;display:grid}.battle-column.svelte-13ja85u{background:#111720;border-right:1px solid #27303d;grid-template-rows:548px 1fr;gap:10px;min-width:0;padding:14px 16px;display:grid}.battle-frame.svelte-13ja85u{background:#141821;border:1px solid #303a49;border-radius:8px;width:820px;height:548px;overflow:hidden}.battle-hud.svelte-13ja85u{grid-template-columns:246px 92px 92px 1fr;gap:8px;min-height:0;display:grid}.hp-card.svelte-13ja85u,.hud-card.svelte-13ja85u{min-width:0;padding:9px 10px}.hp-label.svelte-13ja85u{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hp-bar.svelte-13ja85u{background:#07090d;border-radius:999px;height:8px;overflow:hidden}.hp-bar.svelte-13ja85u div:where(.svelte-13ja85u){background:#60d68f;height:100%}.hud-card.wide.svelte-13ja85u strong:where(.svelte-13ja85u){text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.control-column.svelte-13ja85u{background:#0f131a;grid-template-rows:minmax(0,410px) minmax(0,1fr);gap:12px;min-width:0;padding:14px 16px 14px 14px;display:grid}.code-panel.svelte-13ja85u,.shop-panel.svelte-13ja85u{background:#151a22;border:1px solid #2c3543;border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex}.panel-title.svelte-13ja85u{border-bottom:1px solid #26303c;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 10px;display:flex}.panel-title.compact.svelte-13ja85u{padding-bottom:8px}.panel-title.svelte-13ja85u>span:where(.svelte-13ja85u){color:#b7c6d8;background:#0f141c;border:1px solid #334052;border-radius:6px;flex:none;padding:5px 7px;font-size:12px;font-weight:800}.panel-title.svelte-13ja85u>span.danger:where(.svelte-13ja85u){color:#ffb1b1;border-color:#8e3a3a}textarea.svelte-13ja85u{resize:none;color:#dce7f4;background:#090c11;border:1px solid #303a49;border-radius:8px;outline:none;flex:1;min-height:0;margin:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}textarea.svelte-13ja85u:focus{border-color:#78d7ff;box-shadow:0 0 0 3px #78d7ff1f}.code-actions.svelte-13ja85u{grid-template-columns:88px 1fr;align-items:center;gap:10px;padding:0 12px 12px;display:grid}button.svelte-13ja85u{cursor:pointer;font:inherit;border:0;border-radius:8px}.code-actions.svelte-13ja85u button:where(.svelte-13ja85u){color:#071018;background:#78d7ff;height:36px;font-weight:850}.code-actions.svelte-13ja85u button:where(.svelte-13ja85u):hover:not(:disabled){background:#9ee3ff}.code-actions.svelte-13ja85u p:where(.svelte-13ja85u){color:#9fb0c4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.code-actions.svelte-13ja85u p.error-text:where(.svelte-13ja85u){color:#ffb1b1}.shop-panel.svelte-13ja85u{padding-bottom:12px}.upgrade-grid.svelte-13ja85u{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:12px;display:grid}.upgrade-button.svelte-13ja85u{color:#edf3f9;text-align:left;background:#111720;border:1px solid #344154;grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:0;height:62px;padding:9px 10px;display:grid}.upgrade-button.svelte-13ja85u:hover:not(:disabled){background:#152234;border-color:#78d7ff}.upgrade-button.svelte-13ja85u:disabled{cursor:default;opacity:.45}.upgrade-button.svelte-13ja85u span:where(.svelte-13ja85u){color:#c7d3e2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.upgrade-button.svelte-13ja85u strong:where(.svelte-13ja85u){color:#fff;font-size:17px;line-height:1}.upgrade-button.svelte-13ja85u small:where(.svelte-13ja85u){color:#8fa3bd;grid-column:1/3;font-size:11px;font-weight:800}.sensor-row.svelte-13ja85u{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 12px;display:grid}.sensor-row.svelte-13ja85u span:where(.svelte-13ja85u){text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid #303a49;border-radius:6px;min-width:0;padding:6px 7px;overflow:hidden}.sensor-row.svelte-13ja85u span.active:where(.svelte-13ja85u){color:#bff4d2;background:#60d68f1a;border-color:#60d68f}