@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:url(./Pretendard-Medium.subset-Drsr1qnu.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:url(./Pretendard-Bold.subset-Bh2nu6qc.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:url(./Pretendard-ExtraBold.subset-pgPfB1yZ.woff2) format("woff2")}@font-face{font-family:Gowun Batang;font-weight:700;font-display:swap;src:url(./GowunBatang-Bold.subset-CgZYW6TK.woff2) format("woff2")}:root{--bg: #0b1220;--bg2: #111b2e;--glass: rgba(12, 20, 36, .78);--glass-2: rgba(20, 31, 52, .86);--stroke: rgba(232, 194, 122, .28);--stroke-2: rgba(255, 255, 255, .1);--ink: #f3ecdc;--sub: #b3b9c6;--faint: #7d8597;--brass: #e8c27a;--brass-hi: #ffe2a3;--brass-d: #a7803f;--ally: #3b8bff;--ally-hi: #7fb6ff;--enemy: #ff4d5e;--enemy-hi: #ff8b96;--gold: #ffcf5a;--ruby: #ff4f8b;--ok: #4fe08a;--warn: #ffb547;--font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--serif: "Gowun Batang", "Nanum Myeongjo", serif;--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--toss-r: 118px;--toss-h: 52px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:500;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;padding:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}svg{display:block}img{-webkit-user-drag:none;user-select:none}#app{position:fixed;inset:0}#boot{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#16233b,var(--bg) 70%);font-family:var(--serif);color:var(--brass);font-size:26px;letter-spacing:.04em}#rotate{display:none}@media(orientation:portrait)and (max-width:700px){#rotate{display:grid;position:fixed;inset:0;z-index:99;place-items:center;background:var(--bg);text-align:center;padding:24px}#rotate b{font-size:20px;font-family:var(--serif);color:var(--brass)}#rotate p{color:var(--sub)}}.btn{min-height:44px;padding:0 20px;border-radius:12px;font-weight:700;font-size:15px;background:var(--glass-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--stroke-2);transition:transform .08s,filter .15s}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg,#f6d48f,#c9963f);color:#2a1a05;box-shadow:inset 0 1px #ffffff80,0 4px 14px #e8c27a40}.btn.ghost{background:#ffffff0f}.btn.danger{color:var(--enemy-hi)}.btn.primary.danger{background:linear-gradient(180deg,#ff7280,#c62a3c);color:#fff}.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.seg{min-height:44px;padding:6px 12px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--stroke-2);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;color:var(--sub);transition:background .15s,color .15s}.seg small{font-weight:500;font-size:11px;color:var(--faint);margin-top:2px}.seg.on{background:linear-gradient(180deg,#e8c27a47,#e8c27a1a);color:var(--brass-hi);box-shadow:inset 0 0 0 1.5px var(--brass)}.seg.on small{color:var(--brass)}.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);color:var(--brass)}.icon-btn svg{width:22px;height:22px}.title-ko{font-family:var(--serif);font-weight:700;letter-spacing:.02em;margin:0;background:linear-gradient(180deg,#fff3d4 10%,var(--brass) 55%,var(--brass-d));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.progress{height:6px;border-radius:4px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass-d),var(--brass-hi));border-radius:4px;transition:width .25s;box-shadow:0 0 10px var(--brass)}.tip{color:var(--sub);font-size:13px;text-align:center;margin:10px 0 0}.c-g,.c-r{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-variant-numeric:tabular-nums}.c-g{color:var(--gold)}.c-r{color:var(--ruby);margin-left:6px}.c-g svg,.c-r svg{width:13px;height:13px}.screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 40% 45%,#1b2a45 0%,#101a2c 55%,var(--bg) 100%)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.splash-seal{width:92px;height:92px;color:var(--brass);filter:drop-shadow(0 0 16px rgba(232,194,122,.6));animation:spin 14s linear infinite;margin-bottom:8px}.splash-seal svg{width:100%;height:100%;stroke-width:1.2}.splash .title-ko{font-size:46px}.title-en{margin:0 0 18px;color:var(--brass-d);letter-spacing:.32em;font-size:12px;text-transform:uppercase;font-weight:700}.splash .progress{width:min(360px,60vw)}@keyframes spin{to{transform:rotate(360deg)}}.rank{font-size:11px;font-weight:700}.rank.r1{color:#b8c0cc}.rank.r2{color:#8fd0a4}.rank.r3{color:var(--ally-hi)}.rank.r4{color:#d29bff}.rank.r5{color:var(--brass-hi)}.dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--enemy);box-shadow:0 0 0 2px var(--bg)}.hero-info{position:absolute;left:4px;top:8px;width:min(230px,42%);text-shadow:0 1px 4px rgba(0,0,0,.8)}.hero-motif{margin:0;font-size:12px;color:var(--brass);font-weight:700;letter-spacing:.04em}.hero-name{margin:2px 0 6px;font-family:var(--serif);font-size:32px;line-height:1.1;color:#fff}.hero-skill{margin:0 0 8px;font-size:12.5px;line-height:1.45;color:var(--sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-req{margin:0;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub)}.hero-req img{width:26px;height:26px;border-radius:6px;background:#ffffff0f}.hero-req b{color:var(--brass-hi)}.hero-nav{display:flex;align-items:center;gap:10px;margin-top:10px}.hn{width:36px;height:36px;border-radius:50%;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);font-size:24px;line-height:1;color:var(--brass);display:grid;place-items:center;padding-bottom:3px}.hero-count{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.mode{padding:12px;border-radius:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.mode-head b{font-size:14px}.mode-head span{font-size:11px;color:var(--faint)}.diff{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.start{position:relative;min-height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--serif);font-size:22px;color:#2a1a05;background:linear-gradient(180deg,#ffe4a6,#e8c27a 45%,#b5873a);box-shadow:inset 0 1px #ffffffb3,inset 0 -3px #0000002e,0 6px 22px #e8c27a59;overflow:hidden;transition:transform .08s}.start:active{transform:scale(.97)}.start svg{width:24px;height:24px}.start:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-100%);animation:shine 3.2s ease-in-out infinite}@keyframes shine{60%,to{transform:translate(100%)}}.vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 calc(var(--sa-r) + 40px) 60px calc(var(--sa-l) + 40px);background:linear-gradient(100deg,#0c2550,#0b1220 48% 52%,#4a0f1a)}.vs-side{display:flex;flex-direction:column;align-items:center;gap:4px;animation:vsIn .6s cubic-bezier(.2,.9,.3,1.2) both}.vs-side.enemy{animation-name:vsInR}.vs-side img{height:min(230px,52vh);width:auto;object-fit:contain}.vs-side.ally img{filter:drop-shadow(0 0 18px rgba(59,139,255,.65))}.vs-side.enemy img{filter:drop-shadow(0 0 18px rgba(255,77,94,.6));transform:scaleX(-1)}.vs-side b{font-size:18px;margin-top:10px}.vs-side small{color:var(--sub);font-size:12px}.vs-mid{position:relative;width:120px;height:120px;display:grid;place-items:center}.vs-seal{position:absolute;inset:0;color:var(--brass);opacity:.55;animation:spin 10s linear infinite}.vs-seal svg{width:100%;height:100%;stroke-width:1}.vs-mid span{font-family:var(--serif);font-size:44px;color:var(--brass-hi);text-shadow:0 0 20px rgba(232,194,122,.8);animation:pop .5s .3s both}.vs-foot{position:absolute;left:50%;bottom:calc(var(--sa-b) + 18px);transform:translate(-50%);width:min(460px,70vw)}@keyframes vsIn{0%{opacity:0;transform:translate(-60px)}}@keyframes vsInR{0%{opacity:0;transform:translate(60px)}}@keyframes pop{0%{opacity:0;transform:scale(2.2)}}.battle-host{background:#0b1220}.battle{position:absolute;inset:0;overflow:hidden;touch-action:none;--sa-l: 0px;--sa-r: 0px;--sa-t: 0px;--sa-b: 0px}.battle canvas.gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.battle.aiming canvas.gl{cursor:crosshair}.battle.aiming .actions,.battle.aiming .bl,.battle.aiming .joy-hint{opacity:.35;pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;font-size:13px}.hud>*{pointer-events:auto}.hud :is(.joy,.joy-hint,.banner,.toasts){pointer-events:none}.hud .banner.clickable{pointer-events:auto}.L{left:calc(var(--sa-l) + 10px)}.scoreboard{position:absolute;top:calc(var(--sa-t) + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:22px;background:linear-gradient(180deg,#0a111ee0,#0a111eb3);box-shadow:inset 0 0 0 1px var(--stroke),0 4px 14px #00000059}.scoreboard .side{display:flex;align-items:center;gap:6px}.scoreboard .side img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#16233b}.scoreboard .ally img{box-shadow:0 0 0 2px var(--ally)}.scoreboard .enemy img{box-shadow:0 0 0 2px var(--enemy);filter:hue-rotate(150deg) saturate(1.3)}.scoreboard .bar{width:clamp(52px,8.5vw,110px);height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.scoreboard .bar i{display:block;height:100%;transition:width .4s}.scoreboard .ally .bar i{background:linear-gradient(90deg,#1f5fd0,var(--ally-hi))}.scoreboard .enemy .bar{transform:scaleX(-1)}.scoreboard .enemy .bar i{background:linear-gradient(90deg,#b51e30,var(--enemy-hi))}.scoreboard .pct{font-size:12px;font-weight:800;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.scoreboard .ally .pct{color:var(--ally-hi)}.scoreboard .enemy .pct{color:var(--enemy-hi)}.clock{display:flex;flex-direction:column;align-items:center;min-width:64px;line-height:1.05}.clock b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.clock small{font-size:9.5px;color:var(--warn);font-weight:700;white-space:nowrap}.clock small:empty{display:none}.tl{position:absolute;top:calc(var(--sa-t) + 6px);left:calc(var(--sa-l) + 8px);display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.tl>*{pointer-events:auto}.mmrow{display:flex;align-items:flex-start;gap:6px}.mmrow .round-btn{margin-top:2px}.minimap-wrap{padding:3px;border-radius:10px;background:#080d18d1;box-shadow:inset 0 0 0 1px var(--stroke),0 4px 12px #0006}.minimap{display:block;border-radius:7px;touch-action:none}.selcard{display:none;position:relative;width:232px;padding:8px 30px 8px 8px;border-radius:12px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2),0 4px 14px #00000059;gap:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.selcard.show{display:flex;animation:slideR .18s ease-out}.selcard.ally{box-shadow:inset 3px 0 0 var(--ally),inset 0 0 0 1px var(--stroke-2)}.selcard.enemy{box-shadow:inset 3px 0 0 var(--enemy),inset 0 0 0 1px var(--stroke-2)}.selcard>img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#ffffff0f;flex:none}.selcard .txt{flex:1;min-width:0}.selcard .txt>b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selcard .hp{position:relative;height:12px;margin:3px 0;border-radius:3px;background:#00000080;overflow:hidden}.selcard .hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2fb36a,var(--ok))}.selcard.enemy .hp i{background:linear-gradient(90deg,#c22a3b,var(--enemy-hi))}.selcard .hp span{position:relative;display:block;text-align:center;font-size:9.5px;line-height:12px;font-weight:800;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.selcard small{display:block;font-size:11px;color:var(--sub);line-height:1.35}.sbtns{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.sbtns:empty{display:none}.sbtn{min-height:30px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:700;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--stroke-2);display:inline-flex;align-items:center;gap:4px}.sbtn svg{width:14px;height:14px}.sbtn.on{background:#e8c27a33;color:var(--brass-hi);box-shadow:inset 0 0 0 1px var(--brass)}.sbtn.danger{color:var(--enemy-hi)}.selcard .x,.popover .x{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--faint)}.selcard .x svg,.popover .x svg{width:15px;height:15px}.feed{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.fitem{max-width:240px;padding:6px 10px 6px 26px;border-radius:8px;font-size:12px;font-weight:700;text-align:left;position:relative;background:#0a111ed9;box-shadow:inset 3px 0 0 var(--warn);animation:slideR .2s ease-out;transition:opacity .4s,transform .4s}.fitem:before{content:"!";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:var(--warn);color:#000;font-size:10px;font-weight:900;display:grid;place-items:center}.fitem[class*=attack],.fitem[class*=lost],.fitem[class*=dead],.fitem[class*=enemy]{box-shadow:inset 3px 0 0 var(--enemy)}.fitem[class*=attack]:before,.fitem[class*=lost]:before,.fitem[class*=dead]:before,.fitem[class*=enemy]:before{background:var(--enemy);color:#fff}.fitem[class*=hero],.fitem[class*=ready],.fitem[class*=done]{box-shadow:inset 3px 0 0 var(--brass)}.fitem[class*=hero]:before,.fitem[class*=ready]:before,.fitem[class*=done]:before{content:"★";background:var(--brass)}.fitem.out{opacity:0;transform:translate(-12px)}@keyframes slideR{0%{opacity:0;transform:translate(-14px)}}.tr{position:absolute;top:calc(var(--sa-t) + 8px);right:calc(var(--sa-r) + var(--toss-r));display:flex;gap:6px}.round-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a111ec7;box-shadow:inset 0 0 0 1px var(--stroke);color:var(--ink);transition:transform .08s,color .15s}.round-btn:active{transform:scale(.92)}.round-btn svg{width:18px;height:18px}.round-btn.sm{width:38px;height:38px}.round-btn.txt{font-size:12px;font-weight:800}.round-btn.on{color:var(--brass-hi);box-shadow:inset 0 0 0 1.5px var(--brass),0 0 10px #e8c27a59}.banner{position:absolute;top:22%;left:50%;display:flex;align-items:center;gap:12px;min-width:260px;padding:10px 36px 10px 14px;transform:translate(-50%,-10px) scale(.96);opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.9,.3,1.3);background:linear-gradient(90deg,transparent,rgba(10,17,30,.9) 14%,rgba(10,17,30,.9) 86%,transparent);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.banner.show{opacity:1;transform:translate(-50%) scale(1)}.banner:before,.banner:after{content:"";position:absolute;left:8%;right:8%;height:1.5px;background:linear-gradient(90deg,transparent,var(--tone, var(--brass)),transparent)}.banner:before{top:0}.banner:after{bottom:0}.banner.ally{--tone: var(--ally-hi)}.banner.enemy{--tone: var(--enemy-hi)}.banner.neutral{--tone: var(--brass)}.banner .seal{width:40px;height:40px;color:var(--tone, var(--brass));filter:drop-shadow(0 0 8px var(--tone, var(--brass)));animation:spin 6s linear infinite;flex:none}.banner .seal svg{width:100%;height:100%;stroke-width:1.4}.banner b{display:block;font-family:var(--serif);font-size:22px;color:#fff;text-shadow:0 0 12px var(--tone, var(--brass));white-space:nowrap}.banner small{display:block;font-size:12px;color:var(--sub);white-space:nowrap}.toasts{position:absolute;left:50%;bottom:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{padding:8px 16px;border-radius:20px;background:#0a111ee6;box-shadow:inset 0 0 0 1px var(--stroke-2);font-size:13px;font-weight:700;white-space:nowrap;animation:toastIn .2s ease-out;transition:opacity .35s,transform .35s}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.95)}}.bl{position:absolute;left:calc(var(--sa-l) + 10px);bottom:calc(var(--sa-b) + 8px);display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:opacity .2s}.sums{display:flex;gap:8px;align-items:center}.sum{position:relative;width:46px;height:46px;border-radius:50%;flex:none;transition:transform .12s}.sum img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#16233b;box-shadow:0 0 0 2px #0a111ee6}.sum>i{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--hp, 1) * 360deg),rgba(0,0,0,.55) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3.5px),#000 calc(100% - 3px))}.sum>b{position:absolute;right:-4px;bottom:-3px;min-width:18px;height:18px;border-radius:9px;background:#0b1220;box-shadow:inset 0 0 0 1.5px var(--ally);font-size:11px;font-weight:800;display:grid;place-items:center}.sum.on{transform:scale(1.12)}.sum.on img{box-shadow:0 0 0 2px var(--brass),0 0 14px #e8c27a99}.sum.on>b{box-shadow:inset 0 0 0 1.5px var(--brass);color:var(--brass-hi)}.sum.busy:after{content:"";position:absolute;left:-3px;top:-3px;width:16px;height:16px;border-radius:50%;background:var(--warn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4l6 6-3 3-6-6z' fill='%23000'/%3E%3Cpath d='M12.5 8.5L4 17l3 3 8.5-8.5' stroke='%23000' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") center/11px no-repeat;animation:bob 1s ease-in-out infinite}.sum.wait{display:grid;place-items:center;background:#0a111ecc;box-shadow:inset 0 0 0 2px #ffffff26}.sum.wait span{font-size:14px;font-weight:800;color:var(--sub);font-variant-numeric:tabular-nums}.sum.hire{width:38px;height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a111eb3;box-shadow:inset 0 0 0 1.5px #e8c27a73;border-radius:50%;color:var(--brass)}.sum.hire svg{width:14px;height:14px}.sum.hire small{font-size:9px;font-weight:800;color:var(--gold);line-height:1}@keyframes bob{50%{transform:translateY(-2px)}}.res{display:flex;gap:6px}.res>div{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;border-radius:16px;background:#0a111ed1;box-shadow:inset 0 0 0 1px var(--stroke-2)}.res svg{width:18px;height:18px}.res .gold svg{color:var(--gold);filter:drop-shadow(0 0 4px rgba(255,207,90,.5))}.res .ruby svg{color:var(--ruby);filter:drop-shadow(0 0 4px rgba(255,79,139,.5))}.res .pop svg{color:#9fd8ff}.res .pop.full b{color:#ff8a7a}.res b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;min-width:26px}.res small{font-size:10px;color:var(--faint);font-weight:700;white-space:nowrap}.res .gold.pulse b{animation:pulse .5s ease-out}@keyframes pulse{30%{transform:scale(1.3);color:var(--gold)}}.joy{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;opacity:0;transition:opacity .12s;background:radial-gradient(circle,#ffffff0d 0 55%,#e8c27a1f 56% 100%);box-shadow:inset 0 0 0 2px #e8c27a73}.joy.on{opacity:1}.joy i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff4d6,var(--brass) 55%,var(--brass-d));box-shadow:0 4px 12px #00000073,0 0 18px #e8c27a80}.joy-hint{position:absolute;left:calc(var(--sa-l) + 15%);bottom:30%;width:104px;height:104px;margin-left:-52px;border-radius:50%;border:2px dashed rgba(232,194,122,.45);display:grid;place-items:center;transition:opacity .4s;animation:hintPulse 2s ease-in-out infinite}.joy-hint span{font-size:12px;font-weight:800;color:#ffe2a3cc;text-shadow:0 1px 3px #000}.joy-hint.hide{opacity:0;animation:none}@keyframes hintPulse{50%{transform:scale(1.08)}}.actions{position:absolute;right:calc(var(--sa-r) + 12px);bottom:calc(var(--sa-b) + 10px);width:228px;height:172px;pointer-events:none}.act{pointer-events:auto;position:absolute;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:radial-gradient(circle at 50% 30%,#283856f2,#0c1424f2);box-shadow:inset 0 0 0 1.5px var(--stroke),0 4px 12px #00000073;transition:transform .08s,filter .15s}.act:active{transform:scale(.92)}.act svg:not(.ring){width:24px;height:24px}.act .lbl{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;color:var(--sub);text-shadow:0 1px 2px #000;white-space:nowrap}.act em{position:absolute;top:-4px;right:-4px;min-width:20px;height:18px;padding:0 4px;border-radius:9px;background:#0b1220;box-shadow:inset 0 0 0 1px var(--stroke);font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums}.act em:empty{display:none}.act .ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none}.act .ring circle{fill:none;stroke:#00000073;stroke-width:6}.act .ring circle.fg{stroke:var(--brass);stroke-dasharray:289;stroke-dashoffset:calc(289px * (1 - var(--p, 0)));stroke-linecap:round;transition:stroke-dashoffset .3s}.act.main{right:0;bottom:0;width:80px;height:80px;background:radial-gradient(circle at 50% 28%,#ffe7b0,#e8c27a 45%,#a7803f);color:#2a1a05;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #0003,0 6px 18px #00000073,0 0 0 4px #0a111e99}.act.main svg{width:30px;height:30px;margin-top:-8px}.act.main span{position:absolute;bottom:12px;font-size:12px;font-weight:800}.act.main.on{filter:brightness(1.15);box-shadow:inset 0 2px #ffffff8c,0 0 0 3px var(--brass-hi),0 0 22px #e8c27ab3}.act.hero{right:104px;bottom:6px;width:64px;height:64px}.act.hero img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(.85) brightness(.6);transition:filter .3s}.act.hero img:not([src]){visibility:hidden}.act.hero.ready img{filter:none}.act.hero.ready{box-shadow:inset 0 0 0 2px var(--brass-hi),0 0 0 3px #e8c27a59,0 0 24px #e8c27acc;animation:ready 1.4s ease-in-out infinite}.act.hero.ready .ring circle.fg{stroke:var(--brass-hi)}.act.hero.channel .ring circle.fg,.act.research.channel .ring circle.fg{stroke:var(--ally-hi)}.act.hero.channel img{filter:brightness(.9) saturate(1.2)}.act.hero em{top:auto;bottom:50%;right:50%;transform:translate(50%,50%);background:none;box-shadow:none;font-size:15px;text-shadow:0 1px 3px #000,0 0 6px #000}@keyframes ready{50%{box-shadow:inset 0 0 0 2px var(--brass-hi),0 0 0 6px #e8c27a26,0 0 34px #e8c27af2}}.act.sm{width:50px;height:50px}.act.research{right:14px;bottom:108px}.act.research.ready{color:var(--brass-hi);box-shadow:inset 0 0 0 1.5px var(--brass),0 0 14px #e8c27a99}.act.research .ring circle.fg{stroke:var(--ally-hi)}.act.research:not(.channel) .ring{opacity:0}.act.swap{right:86px;bottom:86px;color:var(--ruby)}.act.swap .ring circle.fg{stroke:var(--ruby)}.act.swap.off{color:var(--faint)}.act.swap.off svg:not(.ring){opacity:.55}.act.recall{right:178px;bottom:10px;width:44px;height:44px;color:var(--ally-hi)}.build-panel{position:absolute;left:calc(var(--sa-l) + 8px);right:calc(var(--sa-r) + 250px);bottom:calc(var(--sa-b) + 8px);padding:6px 8px 8px;border-radius:16px;background:linear-gradient(180deg,#101a2ef0,#080d18f5);box-shadow:inset 0 0 0 1px var(--stroke),0 -6px 24px #0006;transform:translateY(calc(100% + 20px));transition:transform .22s cubic-bezier(.2,.8,.3,1);visibility:hidden}.build-panel.show{transform:none;visibility:visible}.hud:has(.build-panel.show) .bl,.hud:has(.build-panel.show) .joy-hint{opacity:0;pointer-events:none}.ptabs{display:flex;align-items:center;gap:4px;margin-bottom:6px}.ptab{min-height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:800;color:var(--sub)}.ptab.on{background:#e8c27a29;color:var(--brass-hi);box-shadow:inset 0 -2px 0 var(--brass)}.pcount{margin-left:auto;font-size:11px;color:var(--faint);font-weight:700}.lane-toggle{margin-left:auto;min-height:28px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:800;color:var(--ally-hi);background:#3b8bff1f;box-shadow:inset 0 0 0 1px #3b8bff59}.lane-toggle+.pcount{margin-left:8px}.pclose{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--faint);margin-left:4px}.pclose svg{width:16px;height:16px}.cards{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 2px 4px;touch-action:pan-x;overscroll-behavior:contain}.cards::-webkit-scrollbar{display:none}.bcard{position:relative;flex:none;width:96px;padding:5px 5px 6px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#283856b3,#121c30e6);box-shadow:inset 0 0 0 1px var(--stroke-2);transition:transform .08s;touch-action:pan-x}.bcard:active{transform:scale(.95)}.bcard .art{position:relative;width:100%;aspect-ratio:1.25;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(232,194,122,.2),transparent 70%),#0e1729}.bcard .art img{width:100%;height:100%;object-fit:cover}.bcard .tag{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:5px;background:#000000a6;font-size:9.5px;font-style:normal;font-weight:800;color:var(--brass-hi)}.bcard>b{margin-top:4px;font-size:11.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bcard>small{font-size:9.5px;color:var(--faint);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bcard .cost{margin-top:3px;font-size:11px}.bcard .cost svg{width:11px;height:11px}.bcard.eco{box-shadow:inset 0 0 0 1px #ffcf5a40}.bcard.def{box-shadow:inset 0 0 0 1px #3b8bff4d}.bcard.off{filter:grayscale(.8);opacity:.62}.bcard>em{position:absolute;left:5px;right:5px;top:30%;padding:3px 2px;border-radius:6px;background:#000000bf;font-size:10px;font-style:normal;font-weight:800;color:var(--enemy-hi);line-height:1.2}.place{position:absolute;left:50%;top:calc(var(--sa-t) + 52px);transform:translate(-50%,-160%);display:flex;align-items:center;gap:8px;padding:6px;border-radius:16px;background:#0a111eeb;box-shadow:inset 0 0 0 1px var(--stroke),0 6px 20px #00000073;transition:transform .2s cubic-bezier(.2,.8,.3,1.2);max-width:calc(100% - 520px);min-width:280px}.place:not(.show){visibility:hidden;opacity:0}.place.show{transform:translate(-50%)}.place .info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.place .info img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}.place .info b{font-size:13px}.place .info .cost{margin-left:6px;font-size:11px}.place .info small{display:block;font-size:11px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place .info em{display:block;font-size:10px;font-style:normal;color:var(--brass);white-space:nowrap}.place .info .warn{color:var(--enemy-hi)}.pbtn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.pbtn svg{width:22px;height:22px}.pbtn.cancel{background:#ffffff14;color:var(--sub)}.pbtn.ok{background:linear-gradient(180deg,#6ff0a4,#26a85d);color:#062712}.pbtn.ok:disabled{background:#ffffff14;color:var(--faint)}.popover{position:absolute;right:calc(var(--sa-r) + 252px);bottom:calc(var(--sa-b) + 10px);width:min(360px,46vw);max-height:calc(100% - 70px);overflow-y:auto;padding:10px;border-radius:16px;background:linear-gradient(180deg,#101a2ef2,#080d18f7);box-shadow:inset 0 0 0 1px var(--stroke),0 8px 24px #00000080;opacity:0;transform:translate(16px);visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}.popover.show{opacity:1;transform:none;visibility:visible}.popover header{position:relative;padding:0 30px 8px 2px}.popover header b{display:block;font-family:var(--serif);font-size:17px;color:var(--brass-hi)}.popover header small{font-size:11px;color:var(--faint);line-height:1.35;display:block}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.hcard{position:relative;padding:5px 4px 8px;border-radius:10px;display:flex;flex-direction:column;align-items:center;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--stroke-2)}.hcard img{width:52px;height:52px;border-radius:50%;object-fit:cover;filter:grayscale(.9) brightness(.65);background:#16233b}.hcard b{margin-top:3px;font-size:11px;white-space:nowrap}.hcard small{font-size:9.5px;color:var(--faint);white-space:nowrap}.hcard>i{position:absolute;left:8px;right:8px;bottom:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--brass) calc(var(--p) * 100%),rgba(255,255,255,.1) 0)}.hcard.ready{background:#e8c27a1f;box-shadow:inset 0 0 0 1.5px var(--brass),0 0 12px #e8c27a4d}.hcard.ready img{filter:none;box-shadow:0 0 0 2px var(--brass-hi)}.rrow{padding:8px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--stroke-2);margin-bottom:6px}.rrow.done{opacity:.6}.rhead b{font-size:14px;color:var(--brass-hi);margin-right:6px}.rhead small{font-size:11px;color:var(--sub)}.unlocks{display:flex;gap:4px;margin:6px 0;flex-wrap:wrap}.unlocks img{width:38px;height:38px;border-radius:8px;object-fit:cover;background:#0e1729}.rbtn{width:100%;min-height:38px;border-radius:10px;font-size:13px;font-weight:800;background:linear-gradient(180deg,#f6d48f,#c9963f);color:#2a1a05;display:flex;align-items:center;justify-content:center;gap:6px}.rbtn:disabled{background:#ffffff0f;color:var(--faint)}.rbtn .c-g,.rbtn .c-r{color:inherit}.tut{position:absolute;top:calc(var(--sa-t) + var(--toss-h) + 4px);right:calc(var(--sa-r) + 12px);width:min(290px,36vw);padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#241e0ef0,#0e0c06f0);box-shadow:inset 0 0 0 1.5px var(--brass),0 6px 20px #00000073}.tut small{font-size:10.5px;font-weight:800;color:var(--brass);letter-spacing:.04em}.tut b{display:block;font-family:var(--serif);font-size:16px;color:var(--brass-hi);margin:1px 0 3px}.tut p{margin:0;font-size:12px;line-height:1.45;color:#e8dfca}.tbtn{margin-top:8px;width:100%;min-height:38px;border-radius:10px;background:linear-gradient(180deg,#f6d48f,#c9963f);color:#2a1a05;font-weight:800}.tut.flash{animation:tutIn .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes tutIn{0%{opacity:0;transform:translate(30px) scale(.96)}}.modal-bg{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px calc(var(--sa-r) + 16px) 16px calc(var(--sa-l) + 16px);background:#0408109e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .15s}.modal{width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 20px 16px;border-radius:18px;background:linear-gradient(180deg,#17243d,#0e1729);box-shadow:inset 0 0 0 1px var(--stroke),0 20px 50px #0009;animation:modalIn .22s cubic-bezier(.2,.9,.3,1.2)}.modal h2{margin:0 0 8px;font-family:var(--serif);font-size:21px;color:var(--brass-hi)}.modal p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--sub)}.modal p b{color:var(--brass-hi)}.modal label{display:block;font-size:12px;font-weight:700;color:var(--sub);margin-bottom:10px}.modal input[type=url],.modal input[type=text]{display:block;width:100%;margin-top:4px;min-height:42px;padding:0 12px;border-radius:10px;border:0;background:#00000059;box-shadow:inset 0 0 0 1px var(--stroke-2);color:var(--ink);font:inherit;font-size:14px;-webkit-user-select:text;user-select:text}.network-status{font-size:12px!important;color:var(--warn)!important}.toggles{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.toggles label{flex:1;min-width:100px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 12px;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--stroke-2);font-size:13px;color:var(--ink);cursor:pointer}.toggles input{appearance:none;-webkit-appearance:none;position:relative;width:38px;height:22px;margin:0;border-radius:11px;background:#ffffff26;transition:background .15s;cursor:pointer;order:2;flex:none}.toggles input:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggles input:checked{background:var(--brass)}.toggles input:checked:after{transform:translate(16px)}.quality{display:flex;align-items:center;gap:6px;margin-bottom:14px}.quality>span{font-size:13px;font-weight:700;color:var(--sub);margin-right:4px}.quality .seg{flex:1;min-height:38px}.fine{font-size:11px!important;color:var(--faint)!important}@keyframes fade{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}.result{display:flex;align-items:center;gap:24px;padding:calc(var(--sa-t) + 20px) calc(var(--sa-r) + 28px) calc(var(--sa-b) + 16px) calc(var(--sa-l) + 28px)}.result.win{background:radial-gradient(ellipse 70% 90% at 25% 40%,rgba(232,194,122,.28),transparent 60%),radial-gradient(ellipse at 80% 60%,#13284d,var(--bg) 70%)}.result.lose{background:radial-gradient(ellipse 70% 90% at 25% 40%,rgba(255,77,94,.22),transparent 60%),radial-gradient(ellipse at 80% 60%,#2a1520,var(--bg) 70%)}.result.draw{background:radial-gradient(ellipse at 30% 40%,#1d2a40,var(--bg) 70%)}.res-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.ribbon{display:flex;align-items:center;gap:14px;animation:pop .5s cubic-bezier(.2,.9,.3,1.2) both}.ribbon-seal{width:64px;height:64px;color:var(--brass);filter:drop-shadow(0 0 14px rgba(232,194,122,.7));animation:spin 12s linear infinite}.lose .ribbon-seal{color:var(--enemy-hi);filter:drop-shadow(0 0 14px rgba(255,77,94,.6))}.ribbon-seal svg{width:100%;height:100%;stroke-width:1.3}.ribbon .title-ko{font-size:56px;line-height:1.05}.lose .ribbon .title-ko{background:linear-gradient(180deg,#ffd8dc 10%,#ff6b79 55%,#8e1d2a);-webkit-background-clip:text;background-clip:text}.res-sub{margin:6px 0 4px;font-size:13px;color:var(--sub)}.gain{margin:4px 0 10px;font-size:14px;color:var(--sub);display:flex;align-items:baseline;gap:8px}.gain b{font-size:24px;color:var(--brass-hi);font-weight:800}.gain span{font-size:12px;color:var(--faint)}.mvp{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:30px;background:#e8c27a1a;box-shadow:inset 0 0 0 1px var(--stroke);margin-bottom:14px}.mvp img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--brass);background:#16233b}.mvp small{display:block;font-size:10.5px;color:var(--brass);font-weight:700}.mvp b{font-size:15px}.res-left .row{justify-content:flex-start}.stats{border-collapse:separate;border-spacing:0;font-size:13px;background:#0a111eb8;border-radius:14px;box-shadow:inset 0 0 0 1px var(--stroke-2);overflow:hidden;font-variant-numeric:tabular-nums}.stats td,.stats th{padding:7px 14px;text-align:center}.stats tbody tr:nth-child(odd){background:#ffffff08}.stats th{font-weight:500;color:var(--faint);font-size:11.5px}.stats thead td{font-weight:800;font-size:12px}.stats thead td:first-child{color:var(--ally-hi)}.stats thead td:last-child{color:var(--enemy-hi)}.stats tbody td{font-weight:800}.result .stats{width:min(380px,46vw);flex:none}.codex-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(200px,30%) 1fr minmax(210px,28%);gap:10px;margin-top:8px}.codex .grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;align-content:start;padding:2px}.cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border-radius:10px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--stroke-2)}.cell img{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#0e1729}.cell span{font-size:10px;font-weight:700;color:var(--sub);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell.on{background:#e8c27a24;box-shadow:inset 0 0 0 1.5px var(--brass)}.cell.on span{color:var(--brass-hi)}.viewer{position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1f3050,#0b1220 75%);box-shadow:inset 0 0 0 1px var(--stroke-2)}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.anim{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:4px}.anim button{min-height:30px;padding:0 10px;border-radius:8px;font-size:11.5px;font-weight:800;background:#0a111ecc;box-shadow:inset 0 0 0 1px var(--stroke);color:var(--brass-hi)}.detail{overflow-y:auto;padding:12px;border-radius:16px;background:#0a111eb8;box-shadow:inset 0 0 0 1px var(--stroke-2)}.detail h3{margin:0;font-family:var(--serif);font-size:20px;color:#fff}.detail h3 small{display:block;font-family:var(--font);font-size:11px;color:var(--faint);font-weight:500}.detail .motif{margin:4px 0 8px;font-size:12px;color:var(--brass)}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0 0 8px;font-size:12px}.detail dt{color:var(--faint)}.detail dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.detail p{font-size:12px;line-height:1.5;color:var(--sub);margin:0}.detail p b{color:var(--brass-hi)}.meta{text-align:center;color:var(--sub);font-size:13px}.meta b{color:var(--brass-hi)}.client{--cl-h: 54px;--sw: 252px;background:radial-gradient(ellipse 70% 80% at 30% 55%,#1b2a45 0%,#101a2c 55%,var(--bg) 100%)}.cl-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 120%,rgba(232,194,122,.12),transparent 45%),radial-gradient(circle at 92% -10%,rgba(59,139,255,.12),transparent 40%),repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0 2px,transparent 2px 22px)}.cl-top{position:absolute;top:0;left:0;right:0;height:calc(var(--sa-t) + var(--cl-h));padding:var(--sa-t) calc(var(--sa-r) + var(--toss-r)) 0 calc(var(--sa-l) + 12px);display:flex;align-items:center;gap:14px;z-index:10;background:linear-gradient(180deg,#060a14f5,#0a101ee0);box-shadow:inset 0 -1px 0 var(--stroke),0 6px 20px #00000059}.cl-brand{display:flex;align-items:center;gap:8px;flex:none}.cl-brand i{width:28px;height:28px;color:var(--brass);filter:drop-shadow(0 0 6px rgba(232,194,122,.5))}.cl-brand i svg{width:100%;height:100%;stroke-width:1.4}.cl-brand b{font-family:var(--serif);font-size:17px;color:var(--brass-hi);white-space:nowrap}.cl-tabs{display:flex;align-self:stretch;gap:2px}.cl-tabs button{position:relative;padding:0 16px;font-size:15px;font-weight:800;color:var(--sub);letter-spacing:.02em;transition:color .15s;white-space:nowrap}.cl-tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--brass-d),var(--brass-hi),var(--brass-d));transform:scaleX(0);transition:transform .2s}.cl-tabs button.on{color:var(--brass-hi);text-shadow:0 0 12px rgba(232,194,122,.45)}.cl-tabs button.on:after{transform:none}.cl-tabs button:not(.on):hover{color:var(--ink)}.cl-right{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.cl-friends{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);color:var(--brass);flex:none}.cl-friends svg{width:20px;height:20px}.cl-friends .badge{position:absolute;top:-3px;right:-3px}.client[data-tab=home] .cl-friends{display:none}.cl-me{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 12px 3px 3px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);text-align:left}.cl-me img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1c2a44;box-shadow:0 0 0 2px var(--brass);flex:none}.cl-me>span{display:flex;flex-direction:column;min-width:0;line-height:1.2}.cl-me b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.cl-me small{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--sub);white-space:nowrap}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--enemy);color:#fff;font-size:10.5px;font-weight:800;font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg);font-variant-numeric:tabular-nums}.badge:empty,.badge[hidden]{display:none}.pdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#5d6575;flex:none}.pdot[data-s=online]{background:var(--ok);box-shadow:0 0 6px #4fe08a99}.pdot[data-s=away]{background:var(--warn)}.pdot[data-s=busy]{background:var(--enemy)}.pdot[data-s=ingame]{background:var(--ally-hi);box-shadow:0 0 6px #7fb6ff99}.cl-main{position:absolute;top:calc(var(--sa-t) + var(--cl-h) + 10px);left:calc(var(--sa-l) + 12px);right:calc(var(--sa-r) + 12px);bottom:calc(var(--sa-b) + 10px);min-height:0}.client[data-tab=home] .cl-main{right:calc(var(--sa-r) + var(--sw) + 22px)}.cl-social{position:absolute;top:calc(var(--sa-t) + var(--cl-h) + 10px);right:calc(var(--sa-r) + 10px);bottom:calc(var(--sa-b) + 10px);width:var(--sw);z-index:20;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(180deg,#101a2eeb,#080d18f0);box-shadow:inset 0 0 0 1px var(--stroke-2),0 8px 24px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .2s,visibility .2s}.client:not([data-tab=home]) .cl-social{transform:translate(calc(100% + 20px));opacity:0;visibility:hidden;box-shadow:inset 0 0 0 1px var(--stroke),-10px 0 40px #0000008c}.client:not([data-tab=home]) .cl-social.open{transform:none;opacity:1;visibility:visible}.me-card{flex:none;padding:10px;border-radius:12px;background:linear-gradient(160deg,#e8c27a24,#e8c27a08);box-shadow:inset 0 0 0 1px var(--stroke)}.mc-top{display:flex;align-items:center;gap:9px}.mc-top img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#1c2a44;box-shadow:0 0 0 2px var(--brass);flex:none}.mc-top>div{flex:1;min-width:0}.mc-top b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-top small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--sub)}.icon-btn.sm{width:32px;height:32px;flex:none}.icon-btn.sm svg{width:16px;height:16px}.mc-status{display:flex;gap:4px;margin:8px 0 6px}.mc-status button{flex:1;min-height:30px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--sub);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--stroke-2);white-space:nowrap}.mc-status button .pdot{width:7px;height:7px}.mc-status button.on{color:var(--brass-hi);background:#e8c27a29;box-shadow:inset 0 0 0 1.5px var(--brass)}.mc-msg{margin:0;font-size:12px;line-height:1.4;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-msg span{color:var(--faint);text-decoration:underline dotted}.mc-code{display:flex;align-items:center;gap:6px;margin-top:7px;padding:4px 4px 4px 9px;border-radius:9px;background:#00000047}.mc-code small{font-size:10.5px;color:var(--faint);white-space:nowrap}.mc-code b{font-size:14px;letter-spacing:.08em;color:var(--brass-hi);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.mc-code .btn{margin-left:auto}.btn.sm{min-height:32px;padding:0 12px;border-radius:9px;font-size:12.5px;flex:none}.btn:disabled{opacity:.45}.add{flex:none;display:flex;gap:6px}.add input,.send input,.code-in input{flex:1;min-width:0;height:36px;padding:0 10px;border:0;border-radius:9px;background:#00000059;box-shadow:inset 0 0 0 1px var(--stroke-2);color:var(--ink);font:inherit;font-size:13px;-webkit-user-select:text;user-select:text}.add input:focus,.send input:focus,.code-in input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--brass)}.add input::placeholder,.send input::placeholder,.code-in input::placeholder{color:var(--faint);letter-spacing:normal}.fl{display:flex;flex-direction:column;gap:2px}.fl h4{margin:6px 2px 3px;font-size:11px;font-weight:800;color:var(--faint);letter-spacing:.04em}.fr{position:relative;width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:5px 6px;border-radius:10px;text-align:left;transition:background .12s}.fr:hover,.fr:focus-visible{background:#ffffff0f}.fr img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1c2a44}.fr .pdot{position:absolute;left:31px;top:30px;box-shadow:0 0 0 2px #0e1729}.fr>span{display:flex;flex-direction:column;min-width:0;line-height:1.25}.fr b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr small{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr:has(.pdot[data-s=offline]) img{filter:grayscale(1) brightness(.6)}.fr:has(.pdot[data-s=offline]) b{color:var(--sub)}.req{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border-radius:10px;background:#e8c27a17;box-shadow:inset 0 0 0 1px var(--stroke);margin-bottom:3px}.req span{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.req.sent{background:#ffffff0a;box-shadow:none}.req.sent small{font-size:11px;color:var(--faint);padding-right:4px}.empty{margin:4px 2px;font-size:12px;line-height:1.45;color:var(--faint)}.cl-chat{position:absolute;right:calc(var(--sa-r) + 10px);bottom:calc(var(--sa-b) + 10px);width:min(330px,46vw);height:min(320px,calc(100% - var(--sa-t) - var(--cl-h) - 20px));z-index:25;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#17243d,#0c1526);box-shadow:inset 0 0 0 1px var(--stroke),0 14px 40px #0009;animation:modalIn .2s ease-out}.cl-chat[hidden]{display:none}.client[data-tab=home] .cl-chat{right:auto;left:calc(var(--sa-l) + 12px);width:min(340px,calc(100% - var(--sw) - 300px))}.cl-chat header{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;background:#00000040;box-shadow:inset 0 -1px 0 var(--stroke-2)}.cl-chat header>div{flex:1;min-width:0;line-height:1.2}.cl-chat header b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-chat header small{display:block;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msgs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px;display:flex;flex-direction:column;gap:6px}.msgs p{margin:0;max-width:84%;align-self:flex-start;display:flex;align-items:flex-end;gap:4px}.msgs p span{padding:6px 10px;border-radius:12px 12px 12px 4px;background:#ffffff14;font-size:13px;line-height:1.4;word-break:break-word;-webkit-user-select:text;user-select:text}.msgs p small{font-size:9.5px;color:var(--faint);flex:none}.msgs p.mine{align-self:flex-end;flex-direction:row-reverse}.msgs p.mine span{border-radius:12px 12px 4px;background:linear-gradient(180deg,#f2cf88,#cf9f4a);color:#2a1a05}.msgs p.empty{align-self:center;max-width:none}.send{display:flex;gap:6px;padding:8px;box-shadow:inset 0 1px 0 var(--stroke-2)}.cl-toasts{position:absolute;left:calc(var(--sa-l) + 14px);bottom:calc(var(--sa-b) + 14px);z-index:50;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px;pointer-events:none;width:min(480px,70vw)}.client[data-tab=home]:has(.cl-chat:not([hidden])) .cl-toasts{left:auto;right:calc(var(--sa-r) + 14px);align-items:flex-end}.cl-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;padding:7px 8px 7px 14px;border-radius:12px;background:#0a111ef2;box-shadow:inset 0 0 0 1px var(--stroke),0 8px 24px #00000080;animation:toastIn .2s ease-out;transition:opacity .2s,transform .2s}.cl-toast:not(:has(div)){padding-right:14px}.cl-toast p{margin:0;font-size:13px;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cl-toast p b{color:var(--brass-hi)}.cl-toast>div{display:flex;gap:6px;flex:none}.cl-toast.err{box-shadow:inset 0 0 0 1px #ff4d5e8c,0 8px 24px #00000080}.cl-toast.err p{color:var(--enemy-hi)}.cl-toast.out{opacity:0;transform:translate(-12px)}.cl-toast.floating{position:fixed;left:50%;top:calc(var(--sa-t) + 56px);transform:translate(-50%);z-index:60;max-width:min(480px,70vw)}.cl-toast.floating.out{transform:translate(-50%,-8px)}.home{position:absolute;inset:0;display:flex;gap:12px}.home-hero{position:relative;flex:1;min-width:0}.home-hero .show3d{position:absolute;left:30%;top:-6%;width:70%;height:106%;touch-action:none}.home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,18,32,.85) 0%,rgba(11,18,32,.5) 30%,transparent 52%);border-radius:16px}.home-hero .hero-info{z-index:1;width:min(250px,50%)}.home-hero .hero-name{font-size:clamp(22px,3.4vw,32px);white-space:nowrap}.home-hero .hero-req{display:block;line-height:1.5}.home-hero .hero-req img{display:inline-block;vertical-align:middle;margin-right:4px}.home-play{flex:none;width:min(250px,38%);display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.home-stat{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border-radius:14px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2);margin-bottom:auto}.home-stat .rank{font-size:12px}.home-stat b{margin-left:auto;font-size:18px;color:var(--brass-hi);font-weight:800;font-variant-numeric:tabular-nums}.home-stat small{font-size:11px;color:var(--faint)}.home-play .seg{padding:6px 4px;white-space:nowrap;font-size:14px}.steps{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;counter-reset:st}.steps li{position:relative;padding:8px 10px 8px 36px;border-radius:10px;background:#ffffff0a;font-size:12.5px;line-height:1.4;color:var(--sub);counter-increment:st}.steps li:before{content:counter(st);position:absolute;left:9px;top:50%;transform:translateY(-50%);width:19px;height:19px;border-radius:50%;background:#e8c27a33;color:var(--brass-hi);font-size:11px;font-weight:800;display:grid;place-items:center}.steps li b{color:var(--ink)}.hint{margin-top:auto!important;font-size:11.5px!important;color:var(--faint)!important;line-height:1.45}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.home-links .btn{position:relative;min-height:40px;padding:0 8px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.home-links svg{width:16px;height:16px;color:var(--brass)}.cl-main .codex{position:absolute;inset:0;display:flex;flex-direction:column}.sub-tabs{display:flex;gap:6px;flex:none}.sub-tabs .seg{min-height:34px;padding:0 18px}.playtab{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.pcard{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2)}.pcard.room{background:linear-gradient(170deg,#e8c27a21,#0c1424d1 55%);box-shadow:inset 0 0 0 1px var(--stroke)}.pcard h3{margin:0 0 2px;display:flex;align-items:center;gap:7px;font-family:var(--serif);font-size:17px;color:var(--brass-hi)}.pcard h3 svg{width:19px;height:19px;color:var(--brass);flex:none}.pcard h3 small{margin-left:auto;font-family:var(--font);font-size:11px;font-weight:600;color:var(--faint)}.pcard p{margin:0;font-size:12.5px;line-height:1.5;color:var(--sub)}.pcard>.btn,.room-body>.btn{width:100%}.pcard small{font-size:11px;color:var(--faint)}.room-body{display:flex;flex-direction:column;gap:8px;flex:1}.room-body>.btn.danger{margin-top:auto}.room-code{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:12px;background:#0000004d;box-shadow:inset 0 0 0 1px var(--stroke)}.room-code small{writing-mode:horizontal-tb}.room-code b{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:26px;letter-spacing:.18em;color:var(--brass-hi);text-shadow:0 0 14px rgba(232,194,122,.45)}.room-code .btn{margin-left:auto;min-height:34px;padding:0 12px;font-size:12.5px}.room-status{color:var(--warn)!important;font-size:12px!important;display:flex;align-items:center;gap:6px}.room-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn);animation:blink 1.2s ease-in-out infinite;flex:none}@keyframes blink{50%{opacity:.25}}.room-friends,.invites{display:flex;flex-direction:column;gap:4px}.invites:empty{display:none}.inv{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 10px;border-radius:10px;background:#ffffff0d}.inv span{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv b{color:var(--brass-hi)}.code-in{display:flex;flex-direction:column;gap:4px}.code-in span{font-size:11px;font-weight:700;color:var(--faint)}.code-in input{height:46px;text-align:center;font-size:22px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.code-in input::placeholder{font-size:18px;letter-spacing:.3em;opacity:.5}.pcard .diff{margin-top:2px}.pcard .btn.ghost svg{width:16px;height:16px;display:inline-block;vertical-align:-3px;color:var(--brass)}.hist{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px}.tiles{flex:none;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px}.tile{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 12px;border-radius:14px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2);min-width:0}.tile small{font-size:11px;color:var(--faint)}.tile b{font-size:17px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.tile b.rank{font-size:15px}.tile span{font-size:11px;color:var(--brass)}.btn-tile{align-items:center;color:var(--brass-hi);box-shadow:inset 0 0 0 1px var(--stroke);padding:6px 18px}.btn-tile svg{width:22px;height:22px;color:var(--brass)}.btn-tile b{font-size:13px}.hist-cols{flex:1;min-height:0;display:flex;gap:10px}.hist-list{flex:1;min-width:0;display:flex;flex-direction:column;padding:10px;border-radius:16px;background:#0a111eb8;box-shadow:inset 0 0 0 1px var(--stroke-2)}.hist-list h3{margin:0 0 6px 2px;font-family:var(--serif);font-size:16px;color:var(--brass-hi)}.hist-list ul{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.hist-list li{display:grid;grid-template-columns:54px 1fr 46px 30px 92px;align-items:center;gap:8px;padding:5px 10px;border-radius:10px;background:#ffffff09;box-shadow:inset 3px 0 0 var(--faint);font-size:13px}.hist-list li.win{box-shadow:inset 3px 0 0 var(--brass);background:linear-gradient(90deg,#e8c27a1f,#ffffff05 40%)}.hist-list li.lose{box-shadow:inset 3px 0 0 var(--enemy);background:linear-gradient(90deg,#ff4d5e1a,#ffffff05 40%)}.hist-list li b{font-weight:800}.hist-list li.win b{color:var(--brass-hi)}.hist-list li.lose b{color:var(--enemy-hi)}.hist-list li span{color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-list li span+span{font-variant-numeric:tabular-nums;color:var(--faint)}.hist-list li img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#1c2a44}.hist-list li small{text-align:right;font-size:11px;color:var(--faint);white-space:nowrap}.hist-list .empty{margin:auto}.hist .stats.wide{flex:none;align-self:flex-start;width:min(380px,44%)}.hist .stats th:first-child,.hist .stats thead th{color:var(--sub)}@media(max-width:960px){.cl-brand b{display:none}.cl-tabs button{padding:0 12px;font-size:14px}.cl-me b{max-width:80px}}@media(max-width:760px){.client{--sw: 228px}.cl-me>span{display:none}.cl-me{padding:3px}.home-play{width:min(220px,44%)}.playtab{grid-template-columns:1fr 1fr;overflow-y:auto}.playtab .pcard.room{grid-row:span 2}.tiles{grid-template-columns:repeat(3,1fr)}.hist-cols{flex-direction:column}.hist .stats.wide{width:100%}}@media(max-height:420px){.client{--cl-h: 46px}.cl-tabs button{font-size:14px}.cl-main,.cl-social{top:calc(var(--sa-t) + var(--cl-h) + 6px)}.cl-main,.cl-social,.cl-chat{bottom:calc(var(--sa-b) + 6px)}.me-card{padding:8px}.mc-top img{width:36px;height:36px}.mc-status{margin:6px 0 4px}.mc-status button{min-height:28px}.pcard{padding:10px;gap:6px}.pcard h3{font-size:15px}.code-in input{height:40px}.room-code b{font-size:22px}.home-play .start{min-height:50px;font-size:19px}.home-play .mode{padding:9px}.home-play .seg{min-height:40px}.home-stat{padding:7px 12px}.tile{padding:6px 10px}.tile b{font-size:15px}.hist-list li{padding:4px 8px}}@media(max-height:380px){.act.main{width:72px;height:72px}.act.hero{right:94px;width:58px;height:58px}.act.sm{width:46px;height:46px}.act.research{bottom:98px}.act.swap{right:80px;bottom:80px}.act.recall{right:162px}.actions{width:210px;height:156px}.build-panel{right:calc(var(--sa-r) + 228px)}.popover{right:calc(var(--sa-r) + 230px)}.bcard{width:88px}.sum{width:42px;height:42px}.hero-name{font-size:27px}.hero-skill{-webkit-line-clamp:2}.start{min-height:54px;font-size:20px}.ribbon .title-ko{font-size:46px}.stats td,.stats th{padding:5px 12px}.selcard{width:210px}}@media(max-width:700px){.place{max-width:calc(100% - 20px)}.scoreboard .bar{width:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}kbd{font:800 9.5px/1 var(--font);padding:2px 4px;border-radius:4px;background:#080d18e6;color:var(--brass-hi);box-shadow:inset 0 0 0 1px var(--stroke),0 1px #0009}.act kbd{position:absolute;left:-2px;top:-2px;z-index:2}.act.main kbd{left:4px;top:4px}.bcard .art kbd{position:absolute;right:4px;top:4px}.keyonly{display:none}@media(hover:hover)and (pointer:fine)and (min-width:960px){.keyonly{display:grid}}@media(hover:none),(pointer:coarse){.act kbd,.bcard kbd{display:none}}.keyhelp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:86%;overflow:auto;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#101a2ef7,#080d18fa);box-shadow:inset 0 0 0 1px var(--stroke),0 20px 50px #0009;z-index:30}.keyhelp header{position:relative;margin-bottom:8px}.keyhelp header b{font-family:var(--serif);font-size:18px;color:var(--brass-hi)}.keyhelp .x{position:absolute;right:-4px;top:-4px;width:28px;height:28px;display:grid;place-items:center;color:var(--faint)}.keyhelp .x svg{width:16px;height:16px}.keyhelp dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:12.5px;align-items:center}.keyhelp dt{white-space:nowrap}.keyhelp dt kbd{font-size:11px;padding:3px 6px;margin-right:3px}.keyhelp dd{margin:0;color:var(--sub)}