:root{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{background:#101114;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{border:0}#app{min-height:100svh}main{flex-direction:column;min-height:100svh;display:flex}.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:9px;min-width:0;height:150px;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(34px,5vw,54px);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}.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 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)}}@media (width<=900px){.topbar{flex-direction:column;align-items:stretch;padding:16px}.topbar-actions{justify-content:flex-start}.language-toggle{width:100%}.topbar .language-toggle button{flex:1 1 0;min-width:0}.brief,.workspace,.status-line,.data-layout{grid-template-columns:1fr}.duel-layout{grid-template-rows:auto auto auto}.case-pager{grid-template-columns:repeat(5,minmax(0,1fr))}.duel-arena{grid-template-columns:1fr}.duel-center{width:56px;height:56px}.score-finale{min-width:176px;padding:16px 20px}}.loading-screen{background:#101114;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loader{border:4px solid #303238;border-top-color:#46b06f;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen h2{color:#f6f7f9;font-size:20px}.loading-screen p{color:#8f98a8;font-size:14px}.stage-select-screen{background:#101114;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:flex}.stage-select-header{margin-bottom:32px}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.stage-card{text-align:left;cursor:pointer;color:#eef1f5;background:#1b1c21;border:1px solid #303238;border-radius:12px;flex-direction:column;align-items:flex-start;padding:24px;transition:transform .2s,border-color .2s;display:flex}.stage-level{color:#61c083;margin-bottom:10px;font-size:12px;font-weight:800}.stage-card:hover{border-color:#46b06f;transform:translateY(-4px)}.stage-card h2{color:#f6f7f9;margin-bottom:8px;font-size:20px}.stage-card p{color:#9aa3b2;flex:1;margin-bottom:16px;font-size:14px;line-height:1.4}.stage-meta{color:#8f98a8;background:#15161a;border-radius:6px;gap:16px;width:100%;padding:8px 12px;font-size:13px;display:flex}.empty-stages{color:#8f98a8;font-size:15px}.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}.editor-container.svelte-1h8xysy{color:#d8dee9;background:#17181d;border-right:1px solid #303238;flex-direction:column;flex:1;min-width:0;padding:18px;display:flex}.editor-title.svelte-1h8xysy{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.editor-title.svelte-1h8xysy span:where(.svelte-1h8xysy){color:#9aa3b2;border:1px solid #3b3e46;border-radius:6px;padding:4px 8px;font-size:12px}textarea.svelte-1h8xysy{min-height:420px;color:inherit;resize:none;background:#0f1014;border:1px solid #303238;border-radius:8px;outline:none;flex:1;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6}textarea.svelte-1h8xysy:focus{border-color:#61c083;box-shadow:0 0 0 3px #61c08324}h2.svelte-1h8xysy{margin:0;font-size:18px}@media (width<=900px){.editor-container.svelte-1h8xysy{border-bottom:1px solid #303238;border-right:0}textarea.svelte-1h8xysy{min-height:360px}}