:root{--bg: #050813;--ink: #e8eeff;--sub: #9aa8c7;--line: #24314f;--glass: rgba(13, 20, 40, .86);--card: #0f172e;--st: #4cc9f0;--ship: #ffb347;--ball: #ff7a93;--mu: #c4a8ff;--ok: #69db7c;--acc: #ffb347;--focus: #8fd3ff;--hdr: 52px;--pw: clamp(min(290px, 42vw), 34%, 540px);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Hiragino Sans,Yu Gothic,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}html{overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}html:lang(ko){word-break:keep-all}html:lang(ja){word-break:auto-phrase;line-break:strict}@supports not (word-break: auto-phrase){html:lang(ja){word-break:keep-all}}.nw{white-space:nowrap}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}sup,sub{font-size:max(11px,.72em);line-height:0}i{font-style:italic}#app{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr) var(--pw);grid-template-rows:var(--hdr) minmax(0,1fr);grid-template-areas:"top top" "view panel"}#top{grid-area:top;display:flex;align-items:center;gap:8px;padding:6px 8px;min-width:0;background:linear-gradient(#0b1224,#090f1f);border-bottom:1px solid var(--line)}.icon{flex:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#111a33;display:grid;place-items:center;padding:0;color:var(--ink)}@media(hover:hover){.icon:hover{background:#18244a}}.icon.sm{width:38px;height:38px}#mbar{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:11px;background:#0e1630;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 12px;text-align:left;gap:1px}#mTag{font-size:12px;font-weight:800;color:var(--acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#mGoal{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;align-self:stretch}#mbar.pulse{animation:pulse 1s ease-in-out 2}@keyframes pulse{0%,to{box-shadow:0 0 #ffb34700;border-color:var(--line)}50%{box-shadow:0 0 0 4px #ffb34738;border-color:var(--acc)}}#stars{display:flex;align-items:center;gap:8px;flex:none}#stars .dots{display:flex;gap:4px}#stars .dots i{width:9px;height:9px;border-radius:50%;background:#2a3658;display:block}#stars .dots i.on{background:var(--ok)}#stars .dots i.cur{box-shadow:0 0 0 2px var(--acc)}#stars .tot{font-size:13px;font-weight:800;color:#ffd27a;white-space:nowrap;font-variant-numeric:tabular-nums}#view{grid-area:view;position:relative;min-width:0;min-height:0;overflow:hidden;background:#04060d}#c3{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#fade{position:absolute;inset:0;background:#02040a;opacity:0;pointer-events:none;z-index:4}#fade.on{animation:fadeIO .5s ease-out}@keyframes fadeIO{0%{opacity:.85}to{opacity:0}}#camBtns{position:absolute;right:8px;top:8px;z-index:6;display:flex;flex-direction:column;gap:6px}#camBtns .icon{background:#0e162edb}#camBtns [hidden]{display:none}#labels{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.lab{position:absolute;left:0;top:0;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.25;padding:3px 8px;border-radius:999px;background:#090e1edb;border:1px solid #33426a;color:var(--ink);will-change:transform}.lab b{font-size:14px;font-variant-numeric:tabular-nums;margin-left:2px}.lab.st{border-color:#4cc9f0b3;color:#c4efff}.lab.ship{border-color:#ffb347bf;color:#ffe2b8}.lab.ball{border-color:#ff7a93bf;color:#ffd0da}.lab.mu{border-color:#c4a8ffbf;color:#e6dcff}.lab.ok,.lab.meas{border-color:#69db7cd9;color:#d3f9d8}.lab.meas{font-size:13.5px}.lab.dim{background:#090e1e99;border-color:transparent;color:#c9d4ee}.lab.ghost{border-style:dashed;border-color:#8f9bbd;color:#c8d2ea;background:#090e1e99}.lab.race{font-size:13.5px;background:#090e1eeb}.lab.path{border-style:dashed}.lab.small{font-size:12px;padding:2px 7px}.lab.flash{box-shadow:0 0 0 3px #ffffff2e;background:#1e2846f2}#toast{position:absolute;left:50%;bottom:74px;transform:translate(-50%,12px);z-index:7;opacity:0;pointer-events:none;background:#0a1022f2;border:1px solid #3a4a76;color:#fff;padding:8px 14px;border-radius:11px;font-size:13px;font-weight:650;max-width:min(92%,480px);text-align:center;transition:opacity .2s,transform .2s}#toast.on{opacity:1;transform:translate(-50%)}#dock{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:6;display:flex;gap:6px;align-items:center;padding:6px;border-radius:15px;background:var(--glass);border:1px solid var(--line);box-shadow:0 6px 24px #00000073;max-width:calc(100% - 12px);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#dock[hidden]{display:none}.seg{display:flex;border-radius:11px;overflow:hidden;border:1px solid var(--line);flex:none}.seg button{border:0;background:#111a33;height:42px;min-width:44px;padding:0 10px;font-size:13px;font-weight:750;display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--sub)}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:#e8eeff;color:#0b1224}.seg button.st[aria-pressed=true]{background:var(--st);color:#04121c}.seg button.ship[aria-pressed=true]{background:var(--ship);color:#1e1204}.seg button.mu[aria-pressed=true]{background:var(--mu);color:#150b2c}.seg button svg{flex:none}.btn{height:42px;border-radius:11px;border:1px solid var(--line);background:#111a33;padding:0 12px;font-weight:750;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex:none;color:var(--ink)}@media(hover:hover){.btn:hover{background:#18244a}.seg button:not([aria-pressed=true]):hover{background:#18244a;color:var(--ink)}}.btn.primary{background:linear-gradient(#ffc56a,#ff9f2e);color:#1e1204;border-color:#ffb347}@media(hover:hover){.btn.primary:hover{background:linear-gradient(#ffd08a,#ffab45)}}.btn.hl{animation:glow 1.4s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 #ffb34700}50%{box-shadow:0 0 0 5px #ffb34747}}.btn[aria-pressed=true]{background:#e8eeff;color:#0b1224;border-color:#e8eeff}.btn.run{min-width:92px}.classicB .chk{width:15px;height:15px;border-radius:4px;border:2px solid currentColor;display:inline-block;position:relative}.classicB[aria-pressed=true]{background:#2a3352;color:#fff;border-color:#8f9bbd}.classicB[aria-pressed=true] .chk:after{content:"";position:absolute;left:3px;top:-1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.sl{display:grid;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:8px;font-size:13px;font-weight:750;min-width:0;color:var(--sub)}.sl>.lb{white-space:nowrap}.dockSl{flex:0 1 260px;min-width:200px;padding:0 6px}.sl output{font-variant-numeric:tabular-nums;min-width:50px;text-align:right;white-space:nowrap;color:var(--ink);font-size:14px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;margin:0;background:transparent;--p: 50%;--c: var(--ship);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) 0 var(--p),#2a3658 var(--p) 100%)}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) 0 var(--p),#2a3658 var(--p) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--c);box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--c)}input[type=range]:disabled{opacity:.45}.sl.mu input{--c: var(--mu)}.chip{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:11px;border:1px dashed #3a4a76;color:var(--ink);font-weight:750;font-size:13.5px;white-space:nowrap;flex:none}.chip.st{color:#9fe3fb;border-color:#4cc9f08c}.chip.ship{color:#ffd59a;border-color:#ffb3478c}.chip.ball{color:#ffc2cf;border-color:#ff7a938c}.chip.mu{color:#e2d6ff;border-color:#c4a8ff8c}.chip svg{flex:none}#dock.compact .tx:not(.keep){display:none}#dock.compact .seg button,#dock.compact .btn{padding:0 9px}#dock.compact .btn.run{min-width:46px}#dock.tight .dockSl{min-width:120px}#dock.tight .sl{grid-template-columns:minmax(70px,1fr) auto}#dock.tight .sl>.lb{display:none}#panel{grid-area:panel;display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(#0b1328,#0a1124);border-left:1px solid var(--line)}#read{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px 12px;padding:10px 12px 6px}#read:empty{display:none}.rd{display:flex;flex-direction:column;min-width:0}.rd .k{font-size:12px;font-weight:700;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd b{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.25}.rd .u{font-size:12px;color:var(--sub);line-height:1.3}.rd.st b{color:#9fe3fb}.rd.mu b{color:#ddd0ff}.rd.ok b{color:#a9efb5}.rd.wide{grid-column:1 / -1}.rd.wide b{font-size:15px;white-space:normal}#tabs{display:flex;gap:4px;padding:2px 10px 0}#tabs[hidden],#tabs:empty{display:none}#tabs button{flex:1;height:32px;border:1px solid var(--line);background:#0e1630;border-radius:9px;font-weight:750;font-size:13px;color:var(--sub)}#tabs button[aria-selected=true]{background:#e8eeff;color:#0b1224;border-color:#e8eeff}#pBody{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px}#pBody canvas{width:100%;min-height:0;display:block;border-radius:10px;background:#0c1328;flex:1;touch-action:none}#pBody canvas[hidden]{display:none}#panel.two:not(.both)[data-tab=a] #cB,#panel.two:not(.both)[data-tab=b] #cA{display:none}#panel.both #cA{flex:.85}#panel.both #cB{flex:1.15}#panel[data-mode=gate] #cA{flex:1}#pHtml{flex:none}#panel.noread #read,#panel.short .lmRow,#panel.short .rd.wide,#panel.short[data-mode=mu] .rd.left{display:none}#panel.short[data-mode=mu] #read{grid-template-columns:repeat(3,minmax(0,1fr))}#dock.compact .chip.spd,#pHtml[hidden]{display:none}#panel[data-mode=soc] #pHtml{flex:1}.lmRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;padding:2px 2px 0}.lmT{color:var(--sub);font-weight:700;margin-right:2px}.lm{border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--sub);white-space:nowrap}.lm.on{border-color:#69db7cb3;color:#d3f9d8}.socList{display:grid;gap:8px;padding:8px 4px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.socB{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#0e1630;border-radius:12px;padding:10px 12px;min-height:48px}.socB.on{border-color:var(--ok);background:#13284a}.socFact{padding:4px 6px 8px}.socFact p{margin:4px 0 10px;font-size:14px;line-height:1.6;color:#d5def5}#panel.short .socFact p{display:none}#panel.short .socFact{padding:0 4px 4px}.socB .n,.stList .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1b2747;font-weight:800;flex:none}.socB .t{font-weight:750;font-size:15px}#modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#02040a99;padding:12px}#modal[hidden]{display:none}#modal.side{background:#02040a2e;justify-items:end;align-items:end;padding:10px}#modal.side .card{width:min(450px,100%)}.card{width:min(580px,100%);max-height:calc(100% - 8px);overflow:auto;background:var(--card);border:1px solid #2c3a62;border-radius:16px;padding:18px 20px;box-shadow:0 16px 48px #0009;animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.card .kick{font-size:12px;font-weight:800;color:var(--acc);letter-spacing:.01em}.card h1{font-size:26px;margin:3px 0 10px;line-height:1.2}.card h2{font-size:19px;margin:3px 0 8px;line-height:1.3}.card [tabindex="-1"]:focus{outline:none}.card p{margin:6px 0;font-size:15px;line-height:1.6}.card .note{font-size:13px;color:var(--sub);line-height:1.5}.qbox{border-left:4px solid #ffd27a;background:#1a2240;padding:9px 12px;border-radius:8px;margin:10px 0}.qbox .lb{font-size:12px;font-weight:800;color:#ffd27a}.qbox .q{font-size:16px;font-weight:700;line-height:1.5;margin-top:2px}.res{border-left:4px solid var(--ok);background:#11283a;padding:9px 12px;border-radius:8px;margin:10px 0}.res.bad{border-color:#ff9f43;background:#2a2236}.res .lb{font-size:12px;font-weight:800;color:var(--ok)}.res.bad .lb{color:#ffb36b}.res p{margin:4px 0 0}.ql{margin:4px 0 0;padding-left:20px}.card p.kw{font-size:14px}.ql li{font-size:14.5px;line-height:1.5;margin:3px 0}.opts{display:grid;gap:8px;margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.opts.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.opts button{min-height:46px;border-radius:12px;border:2px solid #2c3a62;background:#121c38;font-weight:750;font-size:15px;padding:8px 10px;line-height:1.35;color:var(--ink)}@media(hover:hover){.opts button:hover{border-color:#ffd27a;background:#1c2648}}.acts{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.acts .btn{height:46px;padding:0 18px;font-size:15px}.acts .btn.ghostB{margin-right:auto;background:transparent;color:var(--sub);border-style:dashed}.acts .btn.ghostB.warn{color:#ffb36b;border-color:#ff9f43;border-style:solid}.stList{display:grid;gap:8px;margin-top:8px}.stList button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#121c38;border-radius:12px;padding:10px 12px;min-height:48px;color:var(--ink)}@media(hover:hover){.stList button:hover,.socB:hover{background:#1a2547}}.stList .t{flex:1;font-weight:750;font-size:15px}.stList .c{font-size:13px;color:var(--sub);white-space:nowrap}.stList button.done .n{background:var(--ok);color:#06210c}.info h2{font-size:16px;margin:14px 0 6px}.info h2:first-child{margin-top:0}.info ul{margin:0;padding-left:18px}.info li{font-size:14px;line-height:1.6;margin:5px 0}@media(max-aspect-ratio:11/10){:root{--hdr: 50px}#app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hdr) minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"top" "view" "panel"}#panel{border-left:0;border-top:1px solid var(--line)}#c3{height:calc(100% - 54px)}#dock{left:0;right:0;transform:none;bottom:0;border-radius:0;border-width:1px 0 0;padding:5px 6px;justify-content:center;box-shadow:none;max-width:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1224}#toast{bottom:62px}#modal.side{justify-items:center;padding:6px}#modal.side .card{width:100%}#read{padding:6px 10px 2px;gap:2px 10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.rd b{font-size:16px}.rd .u{display:none}.rd.wide .u{display:inline}.socList{gap:6px;padding:4px 2px}.socB{min-height:40px;padding:6px 8px;gap:8px}.socB .t{font-size:14px}}@media(max-width:560px){:root{--hdr: 58px}#top{gap:5px;padding:4px 6px}.icon{width:38px;height:38px}#mbar{padding:2px 9px;height:52px}#mTag{display:none}#mGoal{font-size:12.5px;line-height:1.24;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#stars .dots{display:none}#stars .tot{font-size:12px}.seg button .tx:not(.keep){display:none}.chip .tx:not(.keep){display:none}.chip{height:40px;padding:0 9px}.seg button{min-width:40px;padding:0 9px;height:40px}.btn{height:40px;padding:0 10px}.btn.run{min-width:0}.btn.fastB .tx,.classicB .tx{display:none}.dockSl{min-width:0;flex:1 1 auto;padding:0 2px}.sl{gap:5px}.sl>.lb{display:none}.sl{grid-template-columns:minmax(60px,1fr) auto}.sl output{min-width:44px;font-size:13px}#dock{gap:5px}.card{padding:14px 15px}.card h1{font-size:22px}.card h2{font-size:17px}.card p{font-size:14px}.qbox .q{font-size:15px}.opts button{font-size:14px;min-height:42px}.acts .btn{height:42px;padding:0 14px;font-size:14px}.lab{font-size:12px;padding:2px 7px}.lab b{font-size:13px}}@media(max-height:560px)and (min-aspect-ratio:11/10){.card{padding:14px 18px}.card h1{font-size:22px;margin-bottom:6px}.card h2{font-size:17px;margin-bottom:6px}.card p{font-size:14px;line-height:1.5}.qbox,.res{margin:7px 0;padding:7px 11px}.qbox .q{font-size:15px}.acts{margin-top:10px}.acts .btn{height:42px}#read{padding:6px 10px 2px;gap:2px 10px}.rd b{font-size:16px}.rd .u{font-size:12px}.rd.tick .u{display:none}#dock{bottom:6px;padding:4px}.seg button,.btn,.chip{height:38px}.dockSl{min-width:160px}.stList{gap:6px}.stList button{min-height:42px;padding:6px 10px}}@media(max-height:420px){:root{--hdr: 46px}#top{padding:3px 6px;gap:6px}.icon{width:36px;height:36px}.icon.sm{width:32px;height:32px}#camBtns{gap:4px;top:6px;right:6px}#mbar{height:40px;padding:1px 10px}#mTag{display:none}#mGoal{font-size:12.5px;line-height:1.22;white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#stars .dots{display:none}.seg button .tx:not(.keep),.btn .tx,.chip .tx:not(.keep){display:none}.seg button,.btn,.chip{height:36px;min-width:38px;padding:0 8px}.btn.run{min-width:44px}.sl>.lb{display:none}.sl{grid-template-columns:minmax(60px,1fr) auto}.dockSl{min-width:120px;flex:1 1 160px}#dock{bottom:4px;padding:3px;gap:4px;border-radius:12px}#read{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));padding:4px 8px 0;gap:0 8px}.rd .k{font-size:12px}.rd b{font-size:14px}.rd .u,.rd.wide{display:none}.socB{min-height:38px;padding:4px 8px}#tabs button{height:28px;font-size:12px}#pBody{padding:3px 6px 6px;gap:4px}.card{padding:10px 14px}.card h1{font-size:19px;margin-bottom:4px}.card h2{font-size:16px;margin-bottom:4px}.card p{font-size:13px;margin:4px 0;line-height:1.45}.card .note{display:none}.qbox,.res{margin:6px 0;padding:5px 10px}.qbox .q{font-size:14px;line-height:1.4}.opts{margin-top:6px;gap:5px}.opts button{min-height:34px;font-size:13px;padding:3px 8px}.acts{margin-top:8px}.acts .btn{height:36px;font-size:13px}#modal.side .card{width:min(560px,76%)}.card h2.rh{display:none}.stList{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.stList button{min-height:38px;padding:4px 8px;gap:6px}.stList .t{font-size:13px;line-height:1.25}.stList .c{display:none}.ql li{font-size:13px}#toast{bottom:auto;top:6px;transform:translate(-50%,-12px);font-size:12px;padding:5px 10px}}@media(max-aspect-ratio:11/10){#modal.side{align-items:end}#modal.side .card{max-height:calc(100% - var(--hdr) - 10px);padding:10px 12px}#modal.side .card>h2:not(.rh){display:none}#modal.side .qbox{margin:4px 0 6px;padding:6px 10px}#modal.side .qbox .q{font-size:14px;line-height:1.42}#modal.side .opts{grid-template-columns:1fr;gap:6px;margin-top:6px}#modal.side .opts.n4{grid-template-columns:1fr 1fr}#modal.side .opts button{min-height:38px;font-size:14px;padding:5px 8px;line-height:1.3;border-radius:10px}#modal.side .acts{margin-top:8px}#modal.side .res p,#modal.side p{font-size:13.5px;line-height:1.5}}@media(max-height:300px){:root{--hdr: 40px}.icon{width:32px;height:32px}#mbar{height:34px}#mTag,#read{display:none}.seg button,.btn,.chip{height:32px;min-width:32px;padding:0 6px}.dockSl{min-width:80px}input[type=range]{height:22px}}@media(max-width:360px)and (max-height:300px){#panel{display:none}#app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "view";grid-template-rows:var(--hdr) minmax(0,1fr)}}body.thumb #top,body.thumb #panel,body.thumb #dock,body.thumb #camBtns,body.thumb #modal,body.thumb #toast,body.thumb #labels{display:none!important}body.thumb #app{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"view"}body.thumb #c3{height:100%}@media(prefers-reduced-motion:reduce){.card,#mbar.pulse,.btn.hl{animation:none}#toast{transition:none}}@media(max-height:520px)and (max-aspect-ratio:11/10){.card .note.model{display:none}.card p{font-size:13.5px;line-height:1.48}}@media(max-height:520px){.card.endc .qbox{display:none}}@media(max-height:420px){.card.endc p{font-size:13px;line-height:1.42}}@media(max-width:400px){#stars{display:none}}