:root{--bg:#0b0a0d;--panel:#141218;--panel2:#1b1820;--panel3:#221e28;--line:#3a3124;--line2:#5a4a32;--gold:#c9a24a;--gold2:#e8c97a;--text:#d8cfbd;--muted:#8a8170;--dim:#5c564c;--red:#e0484a;--blue:#5a86ff;--green:#5fd37a;--normal:#c8c8c8;--magic:#88f;--rare:#ff7;--unique:#af6025;--gem:#3fd0a0;--currency:#d8c08a;--font:"Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--serif:"Noto Serif KR", "Batang", "AppleMyungjo", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas#game{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font-family:var(--font)}.hidden{display:none!important}.muted{color:var(--muted)}.dim{color:var(--dim)}.gold{color:var(--gold2)}.red{color:#ff6a6a}.green{color:var(--green)}.blue{color:#8fb8ff}.small{font-size:12px}.tiny{font-size:11px}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.sep{background:linear-gradient(90deg, transparent, var(--line2), transparent);height:1px;margin:8px 0}.r-normal{color:var(--normal)}.r-magic{color:var(--magic)}.r-rare{color:var(--rare)}.r-unique{color:var(--unique)}.btn{color:var(--text);cursor:pointer;white-space:nowrap;text-shadow:0 1px #0009;background:linear-gradient(#302834,#1c171f 55%,#151117);border:1px solid #4a3c2a;border-radius:5px;padding:6px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s,color .12s,background .12s;box-shadow:inset 0 1px #ffebbe14,inset 0 -1px #00000073,0 1px 3px #00000080}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff;background:linear-gradient(#3c3240,#241d28 55%,#1b1620);box-shadow:inset 0 1px #ffebbe29,0 0 10px #c9a24a40}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#fff2cc;background:linear-gradient(#94692a,#60431a 55%,#40290c);border-color:#d8b060;box-shadow:inset 0 1px #fff0c852,inset 0 -1px #0006,0 0 12px #c9a24a2e}.btn.primary:hover:not(:disabled){background:linear-gradient(#a8782e,#6e4c1c 55%,#48300e);box-shadow:inset 0 1px #fff0c866,0 0 16px #e8c97a59}.btn.danger{background:linear-gradient(#682020,#3a1010 55%,#260808);border-color:#9a3a34}.btn.danger:hover:not(:disabled){border-color:#e06050;box-shadow:0 0 10px #e060504d}.btn.small{padding:3px 9px;font-size:12px}.btn.big{letter-spacing:1px;padding:12px 28px;font-size:16px}.btn.active{border-color:var(--gold2);color:var(--gold2);background:linear-gradient(#433520,#2a2012 55%,#1e170c);box-shadow:inset 0 1px #ffebbe33,0 0 8px #e8c97a40}.badge{border:1px solid var(--line2);background:linear-gradient(#2e2733,#1e1922);border-radius:9px;padding:1px 7px;font-size:11px;display:inline-block}.badge.hl{border-color:var(--gold);color:#ffe0a0;background:#5a3a10;animation:1.6s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ffc85000}50%{box-shadow:0 0 10px #ffc85080}}input[type=text],input[type=search],select,textarea{color:var(--text);border:1px solid var(--line2);font-family:var(--font);background:#0e0c10;border-radius:4px;padding:6px 8px;font-size:13px}input[type=range]{accent-color:var(--gold)}.scroll{overflow:auto}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:#3a3228;border-radius:4px}.scroll::-webkit-scrollbar-track{background:0 0}.screen-full{flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-wrap{text-align:center;background:radial-gradient(#14101880,#000000d9);border-radius:12px;padding:50px 80px}.game-title{font-family:var(--serif);letter-spacing:12px;color:var(--gold2);text-shadow:0 0 30px #c9a24a73,0 2px #000;margin:0;font-size:64px}.game-sub{color:var(--muted);letter-spacing:6px;margin:8px 0 34px;font-size:14px}.title-btns{flex-direction:column;align-items:center;gap:12px;display:flex}.title-btns .btn{width:240px}.title-feat{color:var(--muted);max-width:640px;margin-top:30px;font-size:12px;line-height:1.9}.create{border:1px solid var(--line);background:#0c0a0ef2;border-radius:10px;flex-direction:column;gap:12px;padding:18px 22px;display:flex;position:fixed;inset:30px}.create h2{font-family:var(--serif);color:var(--gold2);letter-spacing:3px;margin:0;font-weight:400}.class-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.class-card{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#1c181f,#131016);border-radius:10px;min-height:170px;padding:12px;transition:all .15s;box-shadow:inset 0 1px #ffebbe0d,0 3px 10px #0006}.class-card:hover{border-color:var(--line2);transform:translateY(-2px)}.class-card.sel{border-color:var(--gold);background:var(--panel3);box-shadow:0 0 16px #c9a24a4d}.class-card .cportrait{border-radius:8px;justify-content:center;align-items:flex-end;height:104px;margin:-4px -4px 6px;display:flex}.class-card .cportrait img{filter:drop-shadow(0 2px 3px #0000008c);transform-origin:50% 100%;height:100px;transition:transform .15s}.class-card:hover .cportrait img,.class-card.sel .cportrait img{transform:translateY(-2px)scale(1.05)}.class-card .cname{font-size:18px;font-family:var(--serif);margin-bottom:4px}.class-card .attrs{color:var(--muted);margin-bottom:6px;font-size:12px}.class-card .cdesc{color:#bdb4a2;font-size:12px;line-height:1.55}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.pick{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#18151c,#121015);border-radius:7px;padding:7px 9px;font-size:12px;transition:border-color .12s,background .12s}.pick:hover{border-color:var(--line2);background:linear-gradient(#1e1a23,#151219)}.pick.sel{border-color:var(--gem);background:linear-gradient(#123a2e,#0c2219);box-shadow:0 0 12px #3fd0a02e}.pick.with-icon{align-items:center;gap:10px;display:flex}.pick.dim{opacity:.45}.gicon{border-radius:8px;flex-shrink:0;box-shadow:0 0 0 1px #5a4630,0 2px 6px #0009}.gicon.round{border-radius:50%}.pick .pname{font-size:13px;font-weight:700}.pick .ptags{color:var(--muted);font-size:11px}.topbar{background:linear-gradient(#100d12f7,#0a080cdb);border-bottom:1px solid #4a3c2a;align-items:center;gap:14px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #c9a24a2e,0 6px 18px #0000008c}.topbar .who{flex-direction:column;min-width:180px;display:flex}.topbar .who .nm{font-family:var(--serif);color:var(--gold2);text-shadow:0 0 10px #c9a24a59;font-size:16px}.xpbar{background:#0c0a08;border:1px solid #3a2e1c;border-radius:4px;width:180px;height:7px;margin-top:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.xpbar>div{background:linear-gradient(#ffe7a0,#c9a24a 50%,#7a5620);height:100%;box-shadow:0 0 6px #e8c97a99}.topbar .navs{flex-wrap:wrap;gap:6px;display:flex}.navbtn{position:relative}.navbtn kbd{color:var(--muted);font-size:10px;font-family:var(--font);margin-left:4px}.navbtn .dot{background:#ffb030;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #ffb030}.hideout-center{flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.hideout-hint{color:#a89f8a;text-align:center;background:linear-gradient(#0c0a0ed1,#08060ad1);border:1px solid #c9a24a38;border-radius:8px;max-width:560px;padding:8px 14px;font-size:12px;line-height:1.6;box-shadow:0 4px 16px #00000080}.overlay{z-index:10;background:radial-gradient(#00000073,#000000bf);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:linear-gradient(#17141b,#121015 30%);border:1px solid #5a4630;border-radius:10px;flex-direction:column;width:min(1500px,100vw - 30px);height:min(900px,100vh - 30px);display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffe6aa14,0 0 0 1px #0009,0 14px 60px #000000bf}.panel-head{background:linear-gradient(#241e28,#17141b);border-bottom:1px solid #4a3c2a;align-items:center;gap:4px;padding:6px 8px 0;display:flex}.tab{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:6px 6px 0 0;padding:8px 13px;font-size:13px;transition:color .12s,background .12s;position:relative}.tab:hover{color:var(--text);background:#fff0d208}.tab.on{color:var(--gold2);background:linear-gradient(#2a2330,#17141b);border-color:#4a3c2a #4a3c2a #0000;margin-bottom:-1px}.tab.on:after{content:"";background:linear-gradient(90deg, transparent, var(--gold2), transparent);height:2px;position:absolute;top:-1px;left:10px;right:10px}.tab .dot{background:#ffb030;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.panel-body{flex:1;min-height:0;display:flex;position:relative}.close-x{margin-left:auto}.itile{cursor:pointer;background:radial-gradient(circle at 50% 40%,#28232d,#110f13 72%);border:1px solid #3a3530;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -10px 14px #0006}.itile:hover{filter:brightness(1.2)}.itile.sel{outline:2px solid var(--gold2);outline-offset:1px}.itile .iicon{pointer-events:none;filter:drop-shadow(0 2px 2px #000000a6);width:58px;height:58px;transition:transform .12s}.itile:hover .iicon{transform:scale(1.07)}.itile.normal{border-color:#4e4a46}.itile.magic{background:radial-gradient(circle at 50% 40%,#232650,#0e0f1e 74%);border-color:#4f4fc0;box-shadow:inset 0 0 14px #646eff38}.itile.rare{background:radial-gradient(circle at 50% 40%,#35311a,#13120b 74%);border-color:#a8a038;box-shadow:inset 0 0 14px #fff06e26}.itile.unique{background:radial-gradient(circle at 50% 40%,#452a15,#170d07 74%);border-color:#b8682a;box-shadow:inset 0 0 16px #e6823252,0 0 6px #c86e2840}.itile .new{color:#ffcf5a;font-size:9px;font-weight:700;position:absolute;top:1px;left:2px}.itile .lv{color:#aaa;font-size:10px;position:absolute;bottom:1px;right:3px}.itile .lock{font-size:10px;position:absolute;top:1px;right:3px}.itile .bad{background:#78000059;border-radius:5px;position:absolute;inset:0}.itile .corr{color:#f55;font-size:9px;position:absolute;bottom:1px;left:3px}.itile .sock{letter-spacing:1px;color:#e0c98a;text-shadow:0 0 3px #000,0 0 2px #000;font-size:9px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.itile .cnt{color:#fff;text-shadow:0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.igrid{flex-wrap:wrap;align-content:flex-start;gap:5px;display:flex}.doll{grid-template-rows:repeat(5,76px);grid-template-columns:76px 76px 76px;justify-content:center;gap:6px;display:grid}.dslot{color:var(--dim);border:1px dashed #3a3328;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.dslot .itile{width:70px;height:70px}.dslot .itile .iicon{width:66px;height:66px}.dslot .ghost{opacity:.15;filter:grayscale()brightness(1.6);pointer-events:none;width:56px;height:56px}.dslot .dlabel{text-align:center;color:var(--dim);font-size:10px;position:absolute;bottom:3px;left:0;right:0}.dslot.hl{border-color:var(--gold);background:#c9a24a14;border-style:solid}.tooltip{z-index:100;pointer-events:none;background:#08070af7;border:1px solid #5a4a32;border-radius:4px;min-width:260px;max-width:420px;font-size:13px;position:fixed;box-shadow:0 6px 30px #000c}.tt-row{align-items:flex-start;gap:6px;display:flex}.tt{min-width:260px;max-width:400px}.tt-head{text-align:center;border-bottom:1px solid #3a3124;padding:6px 10px}.tt-head.with-icon{text-align:left;align-items:center;gap:10px;display:flex}.tt-icon{border-radius:8px;flex-shrink:0;width:42px;height:42px;box-shadow:0 0 0 1px #5a4630,0 2px 6px #0009}.tt-art{background:radial-gradient(circle at 50% 40%,#2a2530,#0e0c10 74%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #4a4038,inset 0 0 10px #0009}.tt-art img{filter:drop-shadow(0 2px 2px #0009);width:58px;height:58px}.tt-art.magic{background:radial-gradient(circle at 50% 40%,#232650,#0e0f1e 74%);box-shadow:0 0 0 1px #4f4fc0,inset 0 0 12px #646eff40}.tt-art.rare{background:radial-gradient(circle at 50% 40%,#35311a,#13120b 74%);box-shadow:0 0 0 1px #a8a038,inset 0 0 12px #fff06e2e}.tt-art.unique{background:radial-gradient(circle at 50% 40%,#452a15,#170d07 74%);box-shadow:0 0 0 1px #b8682a,inset 0 0 14px #e6823259}.tt-art.cur{width:48px;height:48px;box-shadow:0 0 0 1px #5a4630,inset 0 0 10px #0009}.tt-art.cur img{width:52px;height:52px}.tt-names{min-width:0}.tt-icon.round{border-radius:50%}.tt-head .nm{font-size:15px;font-family:var(--serif)}.tt-head .bn{font-size:13px}.tt-head.normal{background:linear-gradient(#2a2a2a,#1a1a1a)}.tt-head.magic{background:linear-gradient(#25254a,#15152a)}.tt-head.rare{background:linear-gradient(#3a3a18,#22220c)}.tt-head.unique{background:linear-gradient(#3a2210,#22140a)}.tt-head.gem{background:linear-gradient(#123a2e,#0a221a)}.tt-head.cur{background:linear-gradient(#3a3020,#221c12)}.tt-body{padding:7px 10px;line-height:1.55}.tt-body .prop{color:#8f8f8f}.tt-body .prop b{color:#e8e8e8;font-weight:400}.tt-body .impl{color:#9fb8ff}.tt-body .mod,.tt-body .umod{color:#88f}.tt-body .crup{color:#ff5a5a}.tt-body .rune{color:#d9c48f}.tt-body .frac{color:#c0a0ff}.tt-body .flavor{color:#af6025;font-size:12px;font-style:italic}.tt-body .req{color:#8f8f8f;font-size:12px}.tt-body .req .bad{color:#ff5050}.tt-body .tier{color:#6a6a8a;margin-left:4px;font-size:10px}.tt-body .tag{color:#a0a0c0;border:1px solid #3a3a50;border-radius:3px;margin-right:4px;padding:0 4px;font-size:10px;display:inline-block}.tt-hint{color:var(--muted);border-top:1px solid #2a2418;padding:4px 10px 7px;font-size:11px}.tooltip.multi{box-shadow:none;background:0 0;border:none;min-width:0;max-width:none}.tooltip.multi .tt{background:#08070af7;border:1px solid #5a4a32;border-radius:4px;box-shadow:0 6px 30px #000c}.tooltip.multi .tt.eq{border-color:#8a7038}.tt-art{position:relative}.title-ver{letter-spacing:1px;color:var(--muted);font-size:11px;position:absolute;bottom:10px;right:14px}.tt-eqtag{z-index:1;text-align:center;color:#1a1206;background:linear-gradient(#f0d48a,#b8903a);font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:0;left:0;right:0}#toast-layer{pointer-events:none;z-index:50;flex-direction:column;gap:5px;width:300px;display:flex;position:fixed;top:236px;right:16px}.toast{border:1px solid #c9a24a33;border-left:3px solid var(--gold);text-shadow:0 1px #000;background:linear-gradient(90deg,#100d12f2,#0c0a0ecc);border-radius:4px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;animation:.25s ease-out tin,.5s ease-in 3.2s forwards tout;display:flex;box-shadow:0 4px 14px #00000080}@keyframes tin{0%{opacity:0;transform:translate(30px)}}@keyframes tout{to{opacity:0;transform:translate(20px)}}.banner{font-family:var(--serif);letter-spacing:4px;text-shadow:0 0 24px #000000f2,0 0 12px,0 2px #000;pointer-events:none;z-index:40;white-space:nowrap;padding:4px 40px;font-size:34px;animation:.4s ease-out bin,.8s ease-in 2s forwards bout;position:fixed;top:22%;left:50%;transform:translate(-50%)}.banner:before,.banner:after{content:"";opacity:.8;width:110px;height:1px;position:absolute;top:32px}.banner:before{background:linear-gradient(90deg,#0000,currentColor);right:100%}.banner:after{background:linear-gradient(90deg,currentColor,#0000);left:100%}.banner .sub{text-align:center;letter-spacing:2px;color:#ccc;text-shadow:0 1px #000,0 0 10px #000000e6;margin-top:4px;font-size:15px;display:block}@keyframes bin{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}}@keyframes bout{to{opacity:0;transform:translate(-50%,-10px)}}.run-ctrl{z-index:5;background:linear-gradient(#141016e6,#0a080ce6);border:1px solid #4a3c2a;border-radius:9px;gap:5px;padding:5px;display:flex;position:fixed;top:10px;left:12px;box-shadow:inset 0 1px #ffe6aa14,0 4px 16px #00000080}.run-ctrl .btn{background:linear-gradient(#2a2330,#18141b)}.run-mods{color:#a89f8a;z-index:5;background:linear-gradient(#100d12cc,#08060ab3);border:1px solid #c9a24a33;border-radius:8px;max-width:330px;padding:7px 11px;font-size:11px;line-height:1.55;position:fixed;top:56px;left:12px;box-shadow:0 4px 14px #00000073}.run-mods .mtitle{color:var(--gold2);font-size:12px;font-family:var(--serif);margin-bottom:2px}.pause-veil{font-family:var(--serif);letter-spacing:8px;color:#ddd;pointer-events:none;z-index:4;background:#00000059;justify-content:center;align-items:center;font-size:40px;display:flex;position:fixed;inset:0}.results{background:linear-gradient(#1e1922,#121015 40%);border:1px solid #8a6a38;border-radius:10px;flex-direction:column;gap:10px;width:560px;max-height:80vh;padding:22px 26px;display:flex;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffe6aa1a,0 0 60px #000c,0 0 30px #c9a24a1f}.results h2{font-family:var(--serif);text-align:center;letter-spacing:6px;margin:0;font-weight:400}.results .stats{grid-template-columns:1fr 1fr;gap:6px 18px;font-size:14px;display:grid}.results .loot{flex-wrap:wrap;gap:4px 10px;max-height:260px;font-size:12px;display:flex}.results .loot .lrow{align-items:center;gap:3px;display:inline-flex}.licon{vertical-align:middle;filter:drop-shadow(0 1px 2px #000000b3);flex-shrink:0}.pcol{flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.pcol.bordered{border-right:1px solid var(--line)}.sec-title{color:var(--gold2);letter-spacing:1px;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.sec-title:before{content:"";background:linear-gradient(135deg,#ffe7a0,#8a6a2a);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 6px #e8c97a80}.card{border:1px solid var(--line);background:linear-gradient(#1e1a22,#18151c);border-radius:8px;padding:10px;box-shadow:inset 0 1px #ffebbe0a}.kv{grid-template-columns:1fr auto;gap:3px 12px;font-size:13px;display:grid}.kv .k{color:var(--muted)}.slotrow{border:1px solid var(--line);background:linear-gradient(#1e1a22,#17141a);border-radius:8px;align-items:center;gap:8px;padding:7px 9px;transition:border-color .12s,box-shadow .12s;display:flex}.slotrow:hover{border-color:var(--line2)}.slotrow.sel{border-color:var(--gem);box-shadow:0 0 12px #3fd0a038,inset 0 0 20px #3fd0a00d}.slotrow.locked{opacity:.45}.slotrow>.grow{overflow:hidden}.slotrow .sinfo{min-width:0}.slotrow .sinfo>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gtile{cursor:pointer;color:#fff;text-shadow:0 0 4px #000;background:#050408;border:2px solid #6a5232;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:13px;font-weight:700;transition:transform .1s,filter .1s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000c,0 0 0 1px #0009,0 3px 8px #0000008c}.gtile img{pointer-events:none;border-radius:8px;width:100%;height:100%;display:block}.gtile.support{border-color:#4a4a58;border-radius:50%;width:40px;height:40px;font-size:11px}.gtile.support img{border-radius:50%}.gtile.empty{color:var(--dim);box-shadow:none;border:1px dashed #3a3a3a;font-weight:400;background:#0e0d10!important}.gtile.bad{box-shadow:0 0 0 2px #c02020,0 0 10px #ff282866}.gtile .glv{color:var(--gold2);background:linear-gradient(#2a2430,#0a080c);border:1px solid #6a5232;border-radius:7px;padding:0 5px;font-size:10px;position:absolute;bottom:-5px;right:-5px}.gtile .gnew{background:#ffcf5a;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 6px #ffcf5a}.gtile:hover{filter:brightness(1.2);transform:translateY(-1px)}.sinfo{min-width:170px;font-size:12px;line-height:1.45}.sinfo .sn{font-size:14px;font-weight:700}.tree-wrap{flex:1;min-width:0;position:relative}.tree-wrap canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.tree-hud{border:1px solid var(--line);background:#0a090cd9;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;top:10px;left:10px}.tree-side{border-left:1px solid var(--line);width:300px}.tree-legend{color:var(--muted);background:#0a090ccc;border-radius:5px;padding:6px 9px;font-size:11px;line-height:1.6;position:absolute;bottom:10px;left:10px}.craft-item{border:1px solid var(--line2);background:#08070a;border-radius:6px;min-height:200px}.cur-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:5px;display:grid}.ctile{background:radial-gradient(circle at 50% 36%,#2a2418,#110f0c 75%);background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--cc,#c9a24a) 14%, #221d16), #0f0d0b 74%);cursor:pointer;border:1px solid #3a3226;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:54px;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden}.ctile:hover{border-color:var(--gold)}.ctile .cicon{pointer-events:none;filter:drop-shadow(0 2px 2px #000000a6);width:50px;height:50px;transition:transform .12s}.ctile:hover .cicon{transform:scale(1.07)}.ctile .clv{color:#f0e6cc;text-shadow:0 0 3px #000,0 0 2px #000;font-size:10px;position:absolute;top:1px;left:4px}.row>.ctile,.col>.row>.ctile{flex-shrink:0;width:54px}.ctile.no{opacity:.35}.ctile .cnt{color:#fff;text-shadow:0 0 3px #000;font-size:11px;position:absolute;bottom:1px;right:4px}.ctile.on{border-color:#e0b0ff;box-shadow:0 0 10px #e0b0ff73}.log{font-size:12px;line-height:1.6}.log .ok{color:#b8e8a0}.log .bad{color:#ff8080}.flash{animation:.45s flash}@keyframes flash{0%{box-shadow:0 0 #ffdc7800}30%{box-shadow:0 0 30px #ffdc78b3}to{box-shadow:0 0 #ffdc7800}}.pool{font-size:11px;line-height:1.5}.pool .pl{border-radius:3px;justify-content:space-between;gap:8px;padding:1px 4px;display:flex}.pool .pl:hover{background:#1e1a22}.pool .pl.has{color:var(--dim);text-decoration:line-through}.atlas-side{border-left:1px solid var(--line);width:380px}.ws-list{flex-direction:column;gap:4px;display:flex}.ws{border:1px solid var(--line);cursor:pointer;background:var(--panel2);border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.ws:hover{border-color:var(--line2)}.ws.sel{border-color:var(--gold);background:#261f14}.ws .tier{min-width:44px;font-weight:700}.pin-card{border:1px solid var(--line);background:var(--panel2);border-radius:6px;align-items:center;gap:8px;padding:7px;font-size:12px;display:flex}.asc-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.asc-node{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:8px;min-height:110px;padding:12px}.asc-node.on{border-color:var(--gold);background:#2a2212;box-shadow:0 0 14px #c9a24a40}.asc-node.can:hover{border-color:var(--gold2)}.asc-node .an{font-family:var(--serif);color:var(--gold2);margin-bottom:6px;font-size:16px}.stat-table{border-collapse:collapse;width:100%;font-size:13px}.stat-table td{border-bottom:1px solid #221e18;padding:3px 6px}.stat-table td:last-child{text-align:right;color:#eee}.dmg-pill{background:#1a1a1a;border-radius:3px;margin-right:3px;padding:0 5px;font-size:11px;display:inline-block}#narrow{z-index:200;background:radial-gradient(at 50% 35%,#2a1a12,#0b0a0d 70%);justify-content:center;align-items:center;padding-block:32px;padding-inline:16px;display:none;position:fixed;inset:0;overflow-y:auto}.narrow-card{flex-direction:column;gap:12px;max-width:420px;font-size:14px;line-height:1.7;display:flex}.narrow-card h1{font-family:var(--serif);letter-spacing:8px;color:var(--gold2);text-shadow:0 0 24px #c9a24a66;text-wrap:balance;margin:0;font-size:40px;font-weight:700}.narrow-sub{color:var(--muted);letter-spacing:4px;margin:0;font-size:12px}.narrow-card p{margin:0}.narrow-note{color:#e8b88a;border-left:2px solid var(--gold);padding-left:10px;font-size:13px}.narrow-card .btn{align-self:flex-start}@media (width<=899px){body:not(.force-wide) #narrow{display:flex}}.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}@media (prefers-reduced-motion:reduce){.toast,.banner,.badge.hl,.flash{animation:none!important}}.modal-veil{z-index:30;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(#1e1922,#131016 40%);border:1px solid #8a6a38;border-radius:10px;flex-direction:column;gap:10px;max-width:900px;max-height:80vh;padding:16px 18px;display:flex;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffe6aa1a,0 0 40px #000c}.modal h3{font-family:var(--serif);color:var(--gold2);margin:0;font-weight:400}