@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)}}.lobby .show3d{position:absolute;left:10%;top:0;width:58%;height:100%;touch-action:none}.lobby-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,13,24,.92) 0%,rgba(8,13,24,.25) 28%,transparent 45%,transparent 58%,rgba(8,13,24,.75) 72%),linear-gradient(0deg,rgba(8,13,24,.7),transparent 30%)}.lobby-top{position:absolute;top:calc(var(--sa-t) + 10px);left:calc(var(--sa-l) + 14px);right:calc(var(--sa-r) + var(--toss-r));display:flex;align-items:center;gap:12px}.profile{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:26px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke)}.profile img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--brass);background:#1c2a44}.profile b{display:block;font-size:14px}.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)}.fame{display:flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2);font-size:12px;color:var(--sub)}.fame b{color:var(--brass-hi);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.fame small{color:var(--faint);font-size:11px}.lobby-top .icon-btn{margin-left:auto}.lobby-nav{position:absolute;left:calc(var(--sa-l) + 14px);bottom:calc(var(--sa-b) + 12px);display:flex;gap:8px}.lobby-nav button{position:relative;width:66px;height:58px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke-2);font-size:11px;font-weight:700;color:var(--sub);transition:transform .08s}.lobby-nav button:active{transform:scale(.94)}.lobby-nav svg{width:22px;height:22px;color:var(--brass)}.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:calc(var(--sa-l) + 18px);top:calc(var(--sa-t) + 70px);width:min(250px,30vw);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}.play{position:absolute;right:calc(var(--sa-r) + 14px);top:calc(var(--sa-t) + var(--toss-h) + 8px);bottom:calc(var(--sa-b) + 12px);width:min(300px,36vw);display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.brand{text-align:right;margin-bottom:auto}.brand .title-ko{font-size:30px}.brand span{font-size:11px;color:var(--brass-d);letter-spacing:.08em;font-weight:700}.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}.pvp{margin-top:8px;width:100%;min-height:44px;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#3b8bff1f;box-shadow:inset 0 0 0 1px #3b8bff59;color:var(--ally-hi);text-align:left}.pvp svg{width:22px;height:22px;flex:none}.pvp span{font-weight:700;font-size:14px;display:flex;flex-direction:column;line-height:1.2}.pvp small{font-size:11px;font-weight:500;color:var(--sub)}.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{width:min(170px,24vw);aspect-ratio:1;object-fit:cover;border-radius:50%;background:#16233b}.vs-side.ally img{box-shadow:0 0 0 3px var(--ally),0 0 40px #3b8bff8c}.vs-side.enemy img{box-shadow:0 0 0 3px var(--enemy),0 0 40px #ff4d5e80}.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,.battle canvas.ov{position:absolute;inset:0;width:100%;height:100%;display:block}.battle canvas.ov{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 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%;bottom:calc(var(--sa-b) + 10px);transform:translate(-50%,140%);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.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 .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,.records{display:flex;flex-direction:column;padding:calc(var(--sa-t) + 8px) calc(var(--sa-r) + 14px) calc(var(--sa-b) + 10px) calc(var(--sa-l) + 14px)}.codex>header,.records>header{display:flex;align-items:center;gap:10px;margin-right:calc(var(--toss-r) - 14px);min-height:44px}.codex h2,.records h2{margin:0;font-family:var(--serif);font-size:22px;color:var(--brass-hi)}.codex header nav{display:flex;gap:6px;margin-left:12px}.codex header .seg{min-height:34px;padding:0 16px}.back{width:40px;height:40px;border-radius:50%;background:var(--glass);box-shadow:inset 0 0 0 1px var(--stroke);font-size:26px;color:var(--brass);display:grid;place-items:center;padding-bottom:3px}.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)}.records .stats{margin:18px auto 0;width:min(560px,100%)}.records .stats th:first-child,.records thead th{color:var(--sub)}.meta{text-align:center;color:var(--sub);font-size:13px}.meta b{color:var(--brass-hi)}@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}.lobby-nav button{width:60px;height:52px}.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);bottom:calc(var(--sa-b) + 190px)}.scoreboard .bar{width:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}