:root{--panel:#0c121cdb;--panel2:#161e2ceb;--line:#e8cc8c59;--line2:#e8cc8cb3;--gold:#f2cf6b;--gold2:#ffe9a8;--cyan:#6fe0f0;--text:#f1ece0;--muted:#a9a394;--hp:#e0453a;--hp2:#ff7a5c;--mana:#3d8cf0;--mana2:#7fc0ff;--xp:#e8c25a;--normal:#f2efe6;--magic:#8a97ff;--rare:#ffe25c;--danger:#ff5a4a;--good:#6fe08a;--display:"Black Han Sans", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--body:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif:"Gowun Batang", "Noto Serif KR", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;background:#0b1018;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#world-ui,#hud,#screens{pointer-events:none;position:absolute;inset:0}#world-ui{overflow:hidden}#tooltip{z-index:100;pointer-events:none;display:none;position:fixed}button{font-family:var(--body)}b{color:var(--gold2);font-weight:700}.ft{white-space:nowrap;will-change:transform, opacity;font-family:var(--display);color:#fff;letter-spacing:.5px;text-shadow:0 0 2px #000,0 2px #241b14,2px 0 #241b14,-2px 0 #241b14,0 -2px #241b14,0 3px 6px #0000008c;font-size:26px;position:absolute;top:0;left:0}.ft-normal{color:#fffaf0}.ft-crit{color:#ffb02e;text-shadow:0 0 3px #000,0 3px #6a1c06,3px 0 #6a1c06,-3px 0 #6a1c06,0 -3px #6a1c06,0 0 18px #ff781ecc;font-size:42px}.ft-backstab{color:#e0b8ff;text-shadow:0 0 3px #000,0 3px #3a0e5a,3px 0 #3a0e5a,-3px 0 #3a0e5a,0 -3px #3a0e5a,0 0 18px #aa5affe6;font-size:44px}.ft-cleave{color:#ffcf8a;font-size:22px}.ft-evade{color:#9ff4ff;text-shadow:0 0 2px #000,0 2px #0b3a50,2px 0 #0b3a50,-2px 0 #0b3a50,0 -2px #0b3a50,0 0 14px #6ee6ffe6;font-size:30px;font-style:italic}.ft-perfect{color:#b8f6ff;text-shadow:0 0 3px #000,0 3px #0b3a50,3px 0 #0b3a50,-3px 0 #0b3a50,0 0 22px #6ee6ff;font-size:40px}.ft-heal{color:#8dff7a}.ft-player{color:#ff5a4a;font-size:24px}.ft-ally{color:#ff9a8a;font-size:18px}.ft-bash{color:#ffd34a;text-shadow:0 0 2px #000,0 3px #5a3a06,3px 0 #5a3a06,-3px 0 #5a3a06,0 -3px #5a3a06;font-size:30px}.ft-fire{color:#ff8a3a;font-size:20px}.ft-cold{color:#8fd8ff;font-size:20px}.ft-lightning{color:#fff27a;font-size:22px}.ft-poison{color:#9aff6a}.ft-holy{color:#fff0a0}.ft-magic{color:#d6b8ff;font-size:22px}.ft-thorns{color:#9ae07a;font-size:18px}.ft-immune{color:#ffe9a8;font-size:22px}.ft-gold{color:#ffd84a;font-size:20px}.ft-mana{color:#8fc4ff;font-size:20px}.ft-info{color:#fff;font-size:22px}.ft-levelup{color:#ffe27a;text-shadow:0 0 3px #000,0 3px #5a3a06,3px 0 #5a3a06,-3px 0 #5a3a06,0 0 20px #ffd250e6;font-size:32px}.ebar{will-change:transform;background:#0a0a0ebf;border:1px solid #000c;border-radius:3px;width:56px;height:7px;position:absolute;top:0;left:0;overflow:hidden}.ebar>i{background:linear-gradient(#ff6a5a,#c8281e);transition:width 80ms;position:absolute;top:0;bottom:0;left:0}.ebar>s{background:#fff0c8d9;transition:width .5s .15s;position:absolute;top:0;bottom:0;left:0}.ebar.elite{border-color:#e8cc8c;width:84px;height:9px}.ebar.ally>i{background:linear-gradient(#8aff8a,#2ea84a)}.elabel{white-space:nowrap;font-family:var(--display);color:#8fb8ff;text-shadow:0 0 2px #000,0 1px 3px #000;will-change:transform;font-size:15px;position:absolute;top:0;left:0}.loot-label{white-space:nowrap;font-family:var(--serif);background:#080a10d1;border:1px solid #fff3;border-radius:4px;padding:3px 10px;font-size:14px;font-weight:700;position:absolute;top:0;left:0}.loot-label.r-normal{color:var(--normal)}.loot-label.r-magic{color:var(--magic);border-color:#8a97ff80}.loot-label.r-rare{color:var(--rare);border-color:#ffe25c99;box-shadow:0 0 12px #ffd25059}.hud{opacity:1;transition:opacity .4s;position:absolute;inset:0}.hud.hidden{opacity:0}.hero-frame{align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:22px}.portrait{border:3px solid var(--gold);background:radial-gradient(circle at 35% 30%,#3a4a66,#121a28);border-radius:50%;flex:none;place-items:center;width:74px;height:74px;display:grid;position:relative;box-shadow:0 0 0 2px #0009,0 6px 18px #00000080}.portrait svg{color:#f4e6c0;filter:drop-shadow(0 2px 2px #0009);width:46px;height:46px}.lvl{color:#2a1a06;min-width:30px;height:30px;font-family:var(--display);background:linear-gradient(#ffe08a,#c8961e);border:2px solid #2a1a06;border-radius:15px;place-items:center;padding:0 4px;font-size:16px;display:grid;position:absolute;bottom:-6px;right:-6px}.bars{flex-direction:column;gap:6px;padding-top:6px;display:flex}.bar{background:#080a10bf;border:2px solid #000000b3;border-radius:6px;width:300px;height:22px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff14}.bar>.fill{transition:width .12s;position:absolute;top:0;bottom:0;left:0}.bar>.ghost{background:#fff0d2b3;transition:width .6s .2s;position:absolute;top:0;bottom:0;left:0}.bar.hp>.fill{background:linear-gradient(#ff8a6a,#d8382c 55%,#a8221a)}.bar.mp{width:260px;height:16px}.bar.mp>.fill{background:linear-gradient(#8fd0ff,#3a86ea 55%,#2458b8)}.bar.xp{border-width:1px;width:260px;height:7px}.bar.xp>.fill{background:linear-gradient(90deg,#c8961e,#ffe08a)}.bar .txt{font-family:var(--display);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.5px;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.bar.mp .txt{font-size:12px}.bar.hp.low{animation:.8s infinite hpPulse}@keyframes hpPulse{50%{box-shadow:0 0 16px #ff3c28cc,inset 0 0 0 1px #ffffff14}}.buffs{gap:6px;margin-top:4px;display:flex}.buff{border:1px solid var(--line2);background:#0a0e16cc;border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:relative}.buff svg{width:22px;height:22px}.buff span{text-shadow:0 0 2px #000,0 0 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:1px}.gold-box{background:var(--panel);border:1px solid var(--line);font-family:var(--display);color:var(--gold);border-radius:22px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:22px;display:flex;position:absolute;top:20px;right:24px;box-shadow:0 4px 16px #0006}.gold-box svg{color:#ffd24a;width:26px;height:26px}.gold-box.pulse{animation:.25s goldPulse}@keyframes goldPulse{50%{transform:scale(1.08)}}.kills{color:var(--muted);text-align:right;text-shadow:0 1px 2px #000;font-size:13px;line-height:1.6;position:absolute;top:66px;right:26px}.round-box{text-align:center;position:absolute;top:16px;left:50%;transform:translate(-50%)}.round-box .r1{font-family:var(--display);color:#fff;letter-spacing:2px;text-shadow:0 2px 4px #000c;font-size:24px}.round-box .r1 em{color:var(--gold);font-style:normal}.round-box .r2{color:#e8e2d0;text-shadow:0 1px 3px #000;margin-top:2px;font-size:13px}.boss-bar{text-align:center;width:min(720px,60vw);display:none;position:absolute;top:74px;left:50%;transform:translate(-50%)}.boss-bar.on{animation:.5s fadeDown;display:block}.boss-bar .bn{font-family:var(--display);color:#ffcfa0;text-shadow:0 2px 6px #000;letter-spacing:1px;margin-bottom:4px;font-size:22px}.boss-bar .bb{background:#08080cd9;border:2px solid #c8a85a;border-radius:4px;height:18px;position:relative;overflow:hidden;box-shadow:0 0 24px #ff3c1e4d}.boss-bar .bb .fill{background:linear-gradient(#ff7a4a,#c81e14 60%,#8a120c);transition:width .1s;position:absolute;top:0;bottom:0;left:0}.boss-bar .bb .ghost{background:#ffe6b4bf;transition:width .7s .2s;position:absolute;top:0;bottom:0;left:0}.boss-bar .bb .mark{background:#000000b3;width:2px;position:absolute;top:0;bottom:0}.skillbar{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.slot{background:#0a0e16d1;border:2px solid #e8cc8c73;border-radius:12px;width:66px;height:66px;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000073,inset 0 0 12px #0009}.slot.empty{opacity:.45}.slot .ic{place-items:center;display:grid;position:absolute;inset:0}.slot .ic svg{filter:drop-shadow(0 2px 2px #000000b3);width:44px;height:44px}.slot .cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);position:absolute;inset:0}.slot .cdt{font-family:var(--display);color:#fff;text-shadow:0 0 3px #000,0 2px 3px #000;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.slot .key{font-family:var(--display);color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:13px;position:absolute;top:2px;left:3px}.slot .cost{color:#9fd0ff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}.slot .pips{gap:2px;display:flex;position:absolute;bottom:4px;left:4px}.slot .pips i{background:var(--gold);border-radius:50%;width:5px;height:5px;box-shadow:0 0 3px #000}.slot.nomana .ic svg{opacity:.45}.slot.nomana{border-color:#508cff99}.slot.ready{animation:.35s slotReady}@keyframes slotReady{0%{box-shadow:0 0 #fff0b4e6}to{box-shadow:0 0 0 14px #fff0b400}}.slot.flash-err{animation:.3s slotErr}@keyframes slotErr{0%,to{transform:translate(0)}25%{border-color:var(--danger);transform:translate(-4px)}75%{border-color:var(--danger);transform:translate(4px)}}.slot.toggled{border-color:#7aff7a;box-shadow:0 0 16px #78ff7899,inset 0 0 12px #0009}.slot.small{border-radius:10px;width:50px;height:50px}.slot.small .ic svg{width:30px;height:30px}.slot.ult{border-color:#ffaa50cc}.passives{gap:6px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.pas{border:1px solid var(--line);background:#0a0e16c7;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.pas svg{width:24px;height:24px}.pas span{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:11px;font-weight:900;position:absolute;bottom:-3px;right:1px}.pas.aura{border-radius:50%}.synergies{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:22px;left:22px}.syn{background:#0a0e16c7;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;display:flex}.syn .gi{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.syn .gi svg{width:18px;height:18px}.syn .dots{gap:3px;display:flex}.syn .dots i{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.syn .dots i.on{background:currentColor;box-shadow:0 0 6px}.syn.active{border-color:currentColor}.hint{color:#ffffffbf;text-align:right;text-shadow:0 1px 2px #000;font-size:12px;line-height:1.75;position:absolute;bottom:22px;right:22px}.hint kbd{min-width:20px;font-family:var(--body);text-align:center;background:#ffffff24;border:1px solid #ffffff40;border-radius:4px;margin:0 2px;padding:0 5px;font-size:11px;display:inline-block}.reticle{opacity:0;background:#ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:opacity .2s;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000}.reticle.on{opacity:.8}.lock-hint{background:#0009;border-radius:24px;padding:10px 22px;font-size:15px;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.lock-hint.on{animation:6s forwards lockHint;display:block}@keyframes lockHint{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}.banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:30%;left:0;right:0}.banner.show{animation:2.6s forwards bannerIn}.banner .b1{font-family:var(--display);letter-spacing:6px;color:#fff;text-shadow:0 4px #5a3a10,0 0 30px #ffc85099,0 8px 24px #0009;font-size:84px}.banner .b1 em{color:var(--gold);font-style:normal}.banner .b2{font-family:var(--display);color:#ffe9b8;text-shadow:0 2px 6px #000;letter-spacing:2px;margin-top:6px;font-size:28px}.banner .b3{color:#e8e0d0;text-shadow:0 1px 3px #000;margin-top:8px;font-size:16px}.banner .line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:0;height:2px;margin:10px auto;animation:1s .2s forwards lineGrow}@keyframes lineGrow{to{width:520px}}@keyframes bannerIn{0%{opacity:0;transform:scale(1.6)}10%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.countdown{text-align:center;font-family:var(--display);color:#fff;text-shadow:0 6px #5a3a10,0 0 40px #ffc85099;opacity:0;pointer-events:none;font-size:110px;position:absolute;top:38%;left:0;right:0}.countdown.tick{animation:.9s forwards cdTick}.countdown.long{letter-spacing:6px;font-size:72px}@keyframes cdTick{0%{opacity:0;transform:scale(2)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.8)}}.combo{text-align:right;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:38%;right:40px}.combo.on{opacity:1}.combo .cn{font-family:var(--display);color:#fff;text-shadow:0 4px #5a3a10,0 0 24px #ffbe468c;font-size:64px;line-height:1}.combo .cl{font-family:var(--display);letter-spacing:4px;color:var(--gold);text-shadow:0 2px 4px #000;font-size:18px}.combo .cb{background:#0006;border-radius:2px;width:140px;height:4px;margin-top:6px;margin-left:auto;overflow:hidden}.combo .cb i{background:linear-gradient(90deg,#ffb02e,#ffe08a);height:100%;display:block}.combo.pop .cn{animation:.18s comboPop}@keyframes comboPop{0%{transform:scale(1.45)}to{transform:scale(1)}}.combo.hot .cn{color:#ffcf5a}.combo.blaze .cn{color:#ff8a3a;text-shadow:0 4px #5a1a06,0 0 30px #ff6e28cc}.screen{pointer-events:auto;justify-content:center;align-items:center;animation:.35s fadeIn;display:flex;position:absolute;inset:0}.screen.dim{background:radial-gradient(#080c148c,#04060ae0)}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0d}.title-screen{background:linear-gradient(90deg,#060a12b8 0%,#060a1259 45%,#060a1200 70%);flex-direction:column;align-items:flex-start;padding-left:7vw}.title-screen .logo{text-align:left}.title-screen .menu{align-items:flex-start}.logo{text-align:center;animation:.8s rise}.logo .l1{font-family:var(--display);letter-spacing:8px;color:#fff4dc;text-shadow:0 5px #6a4510,0 10px 30px #0009,0 0 50px #ffc85a73;font-size:clamp(42px,7vw,104px)}.logo .l2{font-family:var(--serif);letter-spacing:12px;color:var(--gold2);text-shadow:0 2px 6px #000;margin-top:2px;font-size:20px}.logo .l3{color:#e8e0cc;opacity:.85;text-shadow:0 1px 4px #000;margin-top:16px;font-size:14px}.menu{flex-direction:column;gap:12px;margin-top:46px;animation:1s rise;display:flex}.btn{pointer-events:auto;cursor:pointer;min-width:260px;font-family:var(--display);letter-spacing:2px;color:#2a1a06;background:linear-gradient(#ffe7a0,#e0b04a 60%,#b8862a);border:2px solid #5a3a10;border-radius:10px;padding:14px 28px;font-size:20px;transition:transform 80ms,filter .15s;box-shadow:0 6px #5a3a10,0 10px 24px #0006}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 3px #5a3a10,0 6px 14px #0006}.btn.ghost{color:var(--text);background:#141c2ad9;border-color:#e8cc8c80;box-shadow:0 4px #00000080}.btn.small{letter-spacing:1px;min-width:0;padding:8px 16px;font-size:15px}.btn[disabled]{filter:grayscale(.8)brightness(.7);cursor:not-allowed;transform:none}.credits{text-align:center;color:#ffffff8c;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.version-tag{color:#ffffffb3;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:12px;right:18px}.version-link{color:var(--gold2);pointer-events:auto;border-bottom:1px solid #ffe9a873;text-decoration:none}.version-link:hover{color:#fff;border-color:#fff}.origin-screen{flex-direction:column;gap:26px}.h-title{font-family:var(--display);letter-spacing:4px;color:#fff4dc;text-shadow:0 4px #6a4510,0 0 24px #ffc85a66;text-align:center;font-size:42px}.h-sub{color:var(--muted);text-align:center;margin-top:-14px;font-size:15px}.cards{justify-content:center;align-items:stretch;gap:26px;display:flex}.ocard{cursor:pointer;text-align:center;width:290px;padding:24px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;animation:.5s backwards rise;position:relative;overflow:hidden}.ocard:hover{border-color:var(--line2);box-shadow:0 30px 60px #0009, 0 0 30px var(--oc,#ffc85a40);transform:translateY(-8px)}.ocard .oi{background:radial-gradient(circle, var(--oc), transparent 70%);border-radius:50%;place-items:center;width:110px;height:110px;margin:4px auto 14px;display:grid}.ocard .oi svg{color:#fff4dc;filter:drop-shadow(0 3px 4px #0009);width:76px;height:76px}.ocard h3{font-family:var(--display);letter-spacing:3px;margin:0;font-size:30px}.ocard .ot{color:var(--gold2);margin-top:4px;font-size:13px}.ocard p{color:#ddd6c6;min-height:70px;font-size:14px;line-height:1.65}.ocard .attrs{color:var(--muted);justify-content:center;gap:14px;font-size:13px;display:flex}.ocard .attrs b.p{color:#fff;text-underline-offset:3px;text-decoration:underline}.ocard .start{color:#bfe8ff;margin-top:12px;font-size:13px}.pick-screen{flex-direction:column;gap:22px}.skill-cards{perspective:1200px;gap:36px;display:flex}.scard{cursor:pointer;border:2px solid var(--gc);background:linear-gradient(#1a2232f7,#0c101af7);border-radius:16px;flex-direction:column;width:330px;min-height:460px;transition:transform .18s,box-shadow .18s;animation:.6s backwards cardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 0 1px #0009,inset 0 0 40px #0006}@keyframes cardIn{0%{opacity:0;transform:rotateY(90deg)translateY(30px)}}.scard:hover{box-shadow:0 36px 80px #000000a6, 0 0 40px var(--gc);transform:translateY(-10px)scale(1.02)}.scard.picked{pointer-events:none;animation:.55s forwards cardPick}.scard.discard{pointer-events:none;animation:.45s forwards cardDiscard}@keyframes cardPick{40%{box-shadow:0 0 80px var(--gc);transform:scale(1.12)}to{opacity:0;transform:scale(1.05)translateY(-40px)}}@keyframes cardDiscard{to{opacity:0;transform:translateY(40px)scale(.9)}}.scard .head{background:linear-gradient(90deg, var(--gc), transparent);align-items:center;gap:10px;padding:12px 16px;display:flex}.scard .head svg{color:#fff;width:26px;height:26px}.scard .head .gn{font-family:var(--display);letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #000000b3;font-size:17px}.scard .head .ge{color:#ffffffbf;letter-spacing:1px;margin-left:auto;font-size:11px}.scard .big{place-items:center;height:150px;display:grid;position:relative}.scard .big:before{content:"";background:radial-gradient(circle, var(--gc), transparent 68%);opacity:.55;border-radius:50%;width:150px;height:150px;animation:2.4s infinite glowPulse;position:absolute}@keyframes glowPulse{50%{opacity:.85;transform:scale(1.06)}}.scard .big svg{color:#fff;filter:drop-shadow(0 4px 8px #0009);width:96px;height:96px;position:relative}.scard .nm{text-align:center;font-family:var(--display);letter-spacing:2px;font-size:30px}.scard .en{text-align:center;color:var(--muted);letter-spacing:1px;margin-top:2px;font-size:12px}.scard .tags{justify-content:center;gap:6px;margin:10px 0 6px;display:flex}.tag{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;padding:2px 10px;font-size:12px}.tag.new{color:#2a1a06;background:linear-gradient(#ffe08a,#c8961e);border:none;font-weight:900}.tag.up{color:#aaffbf;background:#6ee08a2e;border-color:#6ee08a99;font-weight:700}.tag.ult{color:#ffc38a;background:#ff963c33;border-color:#ff963cb3;font-weight:700}.scard .desc{color:#e8e2d4;flex:1;padding:6px 22px;font-size:14px;line-height:1.7}.scard .fl{font-family:var(--serif);color:#b8b0a0;padding:0 22px 8px;font-size:13px;font-style:italic}.scard .syn-flag{text-align:center;font-family:var(--display);letter-spacing:1px;color:#2a1a06;background:linear-gradient(90deg, var(--gc), #ffe9a8, var(--gc));box-shadow:0 0 18px var(--gc);background-size:200% 100%;border-radius:8px;margin:4px 14px 0;padding:6px 10px;font-size:15px;animation:1.6s linear infinite flagShine}@keyframes flagShine{to{background-position:-200% 0}}.scard .syn-row{color:#cfc8b8;background:#00000059;border-radius:10px;margin:8px 14px 14px;padding:10px 12px;font-size:12px;line-height:1.6}.scard .syn-row .t{color:#fff;align-items:center;gap:8px;margin-bottom:3px;font-weight:700;display:flex}.scard .syn-row .dots{gap:3px;display:inline-flex}.scard .syn-row .dots i{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.scard .syn-row .dots i.on{background:var(--gc);box-shadow:0 0 6px var(--gc)}.scard .syn-row .dots i.next{border:2px solid var(--gc);background:0 0;animation:1s infinite glowPulse}.scard .syn-row .s.on{color:#fff}.scard .syn-row .s.on:before{content:"✔ ";color:var(--good)}.camp{pointer-events:auto;background:linear-gradient(90deg,#060a12e0,#060a128c 40% 60%,#060a12e0);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:clamp(226px,24vw,340px) minmax(0,1fr) clamp(260px,27vw,370px);gap:14px;padding:18px 22px;animation:.3s fadeIn;display:grid;position:absolute;inset:0}.camp-top{grid-column:1/4;align-items:center;gap:16px;display:flex}.camp-top .ct{font-family:var(--display);letter-spacing:3px;color:#fff4dc;text-shadow:0 3px #6a4510;font-size:30px}.camp-top .cs{color:var(--muted);font-size:14px}.camp-top .gold{font-family:var(--display);color:var(--gold);background:var(--panel);border:1px solid var(--line);border-radius:22px;align-items:center;gap:8px;margin-left:auto;padding:6px 18px;font-size:26px;display:flex}.camp-top .gold svg{color:#ffd24a;width:28px;height:28px}.col{flex-direction:column;gap:14px;min-height:0;display:flex}.sec{padding:14px 16px}.sec h4{font-family:var(--display);letter-spacing:2px;color:var(--gold2);align-items:center;gap:8px;margin:0 0 10px;font-size:17px;display:flex}.sec h4 small{font-family:var(--body);color:var(--muted);letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400}.doll{--ds:clamp(56px, 5.6vw, 84px);grid-template-columns:repeat(3, var(--ds));grid-template-rows:repeat(4, var(--ds));justify-content:center;gap:9px;display:grid;position:relative}.doll .islot{width:var(--ds);height:var(--ds)}.doll:before{content:"";pointer-events:none;background:radial-gradient(#e8cc8c1a,#0000 70%);width:140px;height:80%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.islot{cursor:pointer;background:#0006;border:2px solid #ffffff1f;border-radius:10px;place-items:center;width:84px;height:84px;transition:border-color .12s,transform .1s,background .12s;display:grid;position:relative}.islot:hover{border-color:var(--line2);background:#ffffff0f}.islot.sel{border-color:var(--cyan);box-shadow:0 0 0 2px #6fe0f059,0 0 18px #6fe0f059}.islot .ph{color:#ffffff1f;width:40px;height:40px}.islot .ii{filter:drop-shadow(0 2px 3px #000000b3);width:50px;height:50px}.islot.r-normal{border-color:#f2efe659}.islot.r-magic{background:radial-gradient(circle,#5a6eff40,#0006 70%);border-color:#8a97ffbf}.islot.r-rare{background:radial-gradient(circle,#ffc83c40,#0006 70%);border-color:#ffe25cd9}.islot .tier{color:#ffffffbf;text-shadow:0 0 2px #000;font-size:10px;font-weight:900;position:absolute;top:2px;left:4px}.islot .newdot{background:var(--good);width:9px;height:9px;box-shadow:0 0 6px var(--good);border-radius:50%;position:absolute;top:4px;right:4px}.islot .arrow{color:var(--good);text-shadow:0 0 3px #000;font-size:13px;font-weight:900;position:absolute;bottom:1px;right:3px}.islot .lbl{text-align:center;color:#ffffff59;font-size:10px;position:absolute;bottom:-1px;left:0;right:0}.islot.empty .lbl{bottom:6px}.inv{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:520px;margin:0 auto;display:grid}.inv .islot{aspect-ratio:1;width:auto;height:auto}.inv .islot .ii{width:58%;height:58%}.islot .ii svg,.islot .ph svg{width:100%;height:100%}.stats-grid{grid-template-columns:1fr auto;gap:3px 12px;font-size:13px;display:grid}.stats-grid span:nth-child(odd){color:var(--muted)}.stats-grid span:nth-child(2n){color:#fff;text-align:right;font-weight:700}.stats-grid .hl{color:var(--gold2)!important}.scroll{min-height:0;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#e8cc8c59;border-radius:3px}.tabs{gap:6px;display:flex}.tab{cursor:pointer;text-align:center;font-family:var(--display);letter-spacing:1px;color:var(--muted);background:#0000004d;border:1px solid #ffffff1a;border-radius:9px;flex:1;padding:9px 0;font-size:16px}.tab.on{color:#2a1a06;background:linear-gradient(#ffe7a0,#d8a640);border-color:#5a3a10}.gamble-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gbtn{cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s,transform 80ms;display:flex}.gbtn:hover{border-color:var(--line2);background:#ffffff0f}.gbtn:active{transform:scale(.97)}.gbtn svg{color:#e8e0cc;width:34px;height:34px}.gbtn .gn{font-size:14px;font-weight:700}.gbtn .gc{font-family:var(--display);color:var(--gold);align-items:center;gap:3px;font-size:15px;display:flex}.gbtn .gc svg{color:#ffd24a;width:15px;height:15px}.gbtn.poor{opacity:.45}.gbtn.poor .gc{color:var(--danger)}.forge-item{min-height:120px}.forge-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.fbtn{cursor:pointer;background:#00000059;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:border-color .12s,background .12s;display:flex}.fbtn:hover{border-color:var(--line2);background:#ffffff0f}.fbtn svg{color:#e8e0cc;flex:none;width:26px;height:26px}.fbtn .fd{color:var(--muted);font-size:11px}.fbtn .fc{font-family:var(--display);color:var(--gold);white-space:nowrap;align-items:center;gap:3px;margin-left:auto;display:flex}.fbtn .fc svg{color:#ffd24a;width:15px;height:15px}.fbtn.poor{opacity:.45;pointer-events:none}.fbtn.poor .fc{color:var(--danger)}.fbtn.sell .fc{color:var(--good)}.empty-note{color:var(--muted);text-align:center;padding:24px 8px;font-size:13px;line-height:1.7}.camp-bottom{grid-column:1/4;justify-content:flex-end;align-items:center;gap:14px;display:flex}.camp-bottom .tip{color:var(--muted);margin-right:auto;font-size:12px}.skill-list{flex-direction:column;gap:8px;display:flex}.sk-row{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.sk-row .si{border-radius:9px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sk-row .si svg{color:#fff;width:28px;height:28px}.sk-row .sn{font-size:14px;font-weight:700}.sk-row .sl{color:var(--muted);font-size:11px}.sk-row .sb{color:var(--gold2);margin-left:auto;font-size:12px;font-weight:700}.reveal{pointer-events:auto;z-index:50;background:#0000008c;place-items:center;animation:.2s fadeIn;display:grid;position:absolute;inset:0}.reveal .rc{animation:.6s cubic-bezier(.2,1.4,.4,1) revealIn}.reveal .dice{color:#ffe9a8;filter:drop-shadow(0 6px 18px #0009)drop-shadow(0 0 20px #ffd25a66);width:110px;height:110px;animation:.85s cubic-bezier(.3,.1,.3,1) diceRoll}.reveal .dice svg{width:100%;height:100%}@keyframes diceRoll{0%{opacity:0;transform:translateY(-60px)rotate(-200deg)scale(.6)}30%{opacity:1}70%{transform:translateY(8px)rotate(20deg)scale(1.1)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes revealIn{0%{opacity:0;transform:scale(.3)rotate(-8deg)}}.tt{text-align:center;background:#06080cf5;border:1px solid #ffffff38;border-radius:8px;min-width:260px;max-width:340px;padding:14px 16px;font-size:13px;line-height:1.55;box-shadow:0 12px 40px #000000b3}.tt.r-magic{border-color:#8a97ff99}.tt.r-rare{border-color:#ffe25cb3}.tt .tn{font-family:var(--serif);font-size:17px;font-weight:700}.tt .tb{font-family:var(--serif);font-size:14px}.tt .r-normal,.tt.r-normal .tn{color:var(--normal)}.tt.r-magic .tn,.tt.r-magic .tb{color:var(--magic)}.tt.r-rare .tn,.tt.r-rare .tb{color:var(--rare)}.tt .meta{color:var(--muted);margin:2px 0 6px;font-size:12px}.tt .base{color:#fff}.tt .imp{color:#cfe8ff}.tt hr{border:none;border-top:1px solid #ffffff1f;margin:7px 0}.tt .af{color:#8fa0ff;justify-content:center;align-items:center;gap:6px;display:flex}.tt .af .tr{color:#0a0a0a;border-radius:4px;padding:0 5px;font-size:10px;font-weight:900}.tt .af .rg{color:#ffffff59;font-size:11px}.tr1{background:#9a9a9a}.tr2{background:#6fd07a}.tr3{background:#5aa8ff}.tr4{background:#c47aff}.tr5{background:#ffa83a}.tt .cmp{text-align:left;border-top:1px dashed #ffffff26;margin-top:8px;padding-top:6px;font-size:12px}.tt .cmp .up{color:var(--good)}.tt .cmp .dn{color:var(--danger)}.tt .act{color:var(--muted);margin-top:8px;font-size:11px}.tt.skill{text-align:left}.tt.skill .tn{color:#fff}.mpanel{text-align:center;width:460px;padding:30px 34px;animation:.35s rise}.mpanel h2{font-family:var(--display);letter-spacing:4px;color:#fff4dc;margin:0 0 22px;font-size:36px}.mpanel .btn{width:100%;margin-top:10px}.set-row{text-align:left;align-items:center;gap:14px;margin:14px 0;font-size:14px;display:flex}.set-row label{color:#ddd6c6;width:120px}.set-row input[type=range]{accent-color:#e0b04a;flex:1}.set-row .val{text-align:right;width:44px;color:var(--gold2);font-weight:700}.seg{flex:1;gap:6px;display:flex}.seg button{cursor:pointer;color:var(--muted);background:#00000059;border:1px solid #ffffff26;border-radius:6px;flex:1;padding:6px 0;font-size:13px}.seg button.on{color:#2a1a06;background:linear-gradient(#ffe7a0,#d8a640);border-color:#5a3a10;font-weight:700}.summary{text-align:center;width:640px;padding:34px 40px;animation:.5s rise}.summary h2{font-family:var(--display);letter-spacing:6px;margin:0;font-size:56px}.summary .sub{color:var(--muted);margin:6px 0 22px}.sum-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.sum-grid div{background:#00000059;border-radius:10px;padding:12px}.sum-grid b{font-family:var(--display);color:var(--gold2);font-size:26px;font-weight:400;display:block}.sum-grid span{color:var(--muted);font-size:12px}.build-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:22px;display:flex}.build-groups{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.build-groups span{background:#0000004d;border:1px solid;border-radius:14px;padding:4px 12px;font-size:13px;font-weight:700}.build-row .pas{width:40px;height:40px}.keys-table{text-align:left;grid-template-columns:auto 1fr;gap:8px 18px;margin:6px 0 18px;font-size:14px;display:grid}.keys-table kbd{min-width:26px;font-family:var(--body);text-align:center;background:#ffffff1f;border:1px solid #ffffff40;border-radius:5px;margin-right:3px;padding:2px 8px;font-size:12px;display:inline-block}.statsov{pointer-events:none;width:720px;padding:24px 28px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statsov.on{animation:.15s fadeIn;display:block}.statsov .two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.toast{border:1px solid var(--line2);color:#fff;pointer-events:none;z-index:60;background:#080a10e0;border-radius:24px;padding:10px 24px;font-size:15px;animation:2.2s forwards toastIn;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.loading{z-index:200;font-family:var(--display);letter-spacing:3px;color:var(--gold2);background:#0b1018;place-items:center;font-size:22px;transition:opacity .5s;display:grid;position:absolute;inset:0}@media (max-width:1280px){.scard{width:300px;min-height:430px}.scard .big{height:120px}.gbtn{gap:6px;padding:8px}.gbtn svg{width:28px;height:28px}}@media (max-height:820px){.sec{padding:10px 12px}.sec h4{margin-bottom:7px}.camp-top .ct{font-size:24px}.stats-grid{font-size:12px}}.touch-note{display:none}@media (pointer:coarse),(max-width:760px){.touch-note{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:300;border:1px solid var(--line2);color:var(--text);text-align:center;pointer-events:none;background:#080a10e6;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6;display:block;position:fixed}.title-screen{padding-left:16px;padding-right:16px}.logo .l2{letter-spacing:6px;font-size:15px}.menu{margin-top:28px}.btn{min-width:200px}.cards{flex-wrap:wrap;gap:14px}.ocard{width:min(290px,100%)}.skill-cards{flex-wrap:wrap;justify-content:center;gap:14px}}