: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:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif:"Noto Serif KR", "AppleMyungjo", "Batang", serif;--display:"Cinzel", "Noto Serif KR", "AppleMyungjo", serif;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--padl:max(.8rem, var(--sl));--padr:max(.8rem, var(--sr));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;font-size:10px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;overflow:hidden}body{font-size:1.1rem;line-height:1.45}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)}img{-webkit-user-drag:none}.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:1rem}.tiny{font-size:.9rem}.row{align-items:center;gap:.6rem;display:flex}.col{flex-direction:column;gap:.6rem;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.sep{background:linear-gradient(90deg, transparent, var(--line2), transparent);flex-shrink:0;height:1px;margin:.4rem 0}.r-normal{color:var(--normal)}.r-magic{color:var(--magic)}.r-rare{color:var(--rare)}.r-unique{color:var(--unique)}.uico{flex-shrink:0;width:1.6rem;height:1.6rem;display:block}.btn{min-height:2.8rem;color:var(--text);cursor:pointer;white-space:nowrap;text-shadow:0 1px #0009;touch-action:manipulation;background:linear-gradient(#302834,#1c171f 55%,#151117);border:1px solid #4a3c2a;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:1.1rem;line-height:1.2;transition:border-color .12s,box-shadow .12s,color .12s,background .12s;display:inline-flex;box-shadow:inset 0 1px #ffebbe14,inset 0 -1px #00000073,0 1px 3px #00000080}@media (hover:hover){.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.primary:hover:not(:disabled){background:linear-gradient(#a8782e,#6e4c1c 55%,#48300e);box-shadow:inset 0 1px #fff0c866,0 0 16px #e8c97a59}.btn.danger:hover:not(:disabled){border-color:#e06050;box-shadow:0 0 10px #e060504d}}.btn:active:not(:disabled){filter:brightness(1.15);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.danger{background:linear-gradient(#682020,#3a1010 55%,#260808);border-color:#9a3a34}.btn.small{min-height:2.4rem;padding:.2rem .8rem;font-size:1rem}.btn.big{letter-spacing:1px;min-height:3.8rem;padding:.6rem 2rem;font-size:1.4rem}.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}.btn.icon{width:3.4rem;min-height:3.4rem;padding:0}.btn.icon .uico{width:1.8rem;height:1.8rem}.badge{border:1px solid var(--line2);white-space:nowrap;background:linear-gradient(#2e2733,#1e1922);border-radius:1rem;padding:.1rem .6rem;font-size:.9rem;display:inline-block}.badge.hl{border-color:var(--gold);color:#ffe0a0;cursor:pointer;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);-webkit-user-select:text;user-select:text;background:#0e0c10;border-radius:.4rem;min-height:2.8rem;padding:.4rem .6rem;font-size:max(16px,1.1rem)}select.small{min-height:2.4rem;padding:.2rem .4rem;font-size:max(16px,1rem)}input[type=checkbox]{width:1.6rem;height:1.6rem;accent-color:var(--gold);flex-shrink:0;margin:0}input[type=range]{accent-color:var(--gold);height:2.4rem}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{background:#3a3228;border-radius:3px}.scroll::-webkit-scrollbar-track{background:0 0}kbd{color:var(--muted);font-size:.8rem;font-family:var(--font);margin-left:.3rem}@media (hover:none){kbd,.kbd-hint{display:none!important}}@media (hover:hover){.touch-hint{display:none!important}}.screen-full{padding:1.2rem var(--padr) 1.2rem var(--padl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-screen{padding-bottom:max(.8rem, var(--sb));align-items:stretch}.title-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.title-main:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#ffa0462b,#ff78320f 55%,#0000);width:72rem;height:28rem;animation:7s ease-in-out infinite t-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.title-kicker{font-family:var(--display);letter-spacing:.6em;text-transform:uppercase;color:#9a8662;margin-bottom:.4rem;padding-left:.6em;font-size:1.05rem;font-weight:500;animation:.9s ease-out both t-rise}.logo{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .2rem #160d04)drop-shadow(0 0 1.6rem #e6aa5052);background-image:linear-gradient(105deg,#0000 42%,#fffae4e6 50%,#0000 58%),linear-gradient(#fff4d2 0%,#f3d283 34%,#c4913a 62%,#7a5018 100%);background-position:160% 0,0 0;background-repeat:no-repeat;background-size:260% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.06em;font-size:6.2rem;font-weight:900;line-height:1;animation:1.1s ease-out .1s both t-rise,8s ease-in-out 2.4s infinite t-shine}.logo-a{-webkit-text-fill-color:#1c100652;font-weight:500}.logo-b{font-weight:900}.title-rule{align-items:center;gap:.9rem;width:min(40rem,80%);margin-top:1.1rem;animation:1s ease-out .45s both t-rule;display:flex}.title-rule span{background:linear-gradient(90deg,#0000,#d6ac5ae6);flex:1;height:1px}.title-rule span:last-child{background:linear-gradient(90deg,#d6ac5ae6,#0000)}.title-rule i{background:linear-gradient(135deg,#fff0c4,#c9a24a 55%,#6a4a1a);flex-shrink:0;width:.7rem;height:.7rem;transform:rotate(45deg);box-shadow:0 0 .8rem #e8c97ab3}.title-menu{flex-direction:column;align-items:center;gap:.2rem;margin-top:2.4rem;display:flex}.tmenu{cursor:pointer;color:#a8987a;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:center;gap:.15rem;min-width:28rem;padding:.7rem 3.6rem;animation:.8s ease-out both t-rise;display:flex;position:relative}.tmenu:first-child{animation-delay:.8s}.tmenu:nth-child(2){animation-delay:.92s}.tm-label{font-family:var(--serif);letter-spacing:.32em;color:#a8987a;text-shadow:0 1px #000;padding-left:.32em;font-size:1.7rem;font-weight:700;line-height:1.3;transition:color .2s,text-shadow .2s;position:relative}.tm-label:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#e8c97ad9,#0000);height:1px;transition:opacity .25s,transform .25s;position:absolute;bottom:-.15rem;left:8%;right:8%;transform:scaleX(.4)}.tm-meta{font-family:var(--font);letter-spacing:.04em;color:#7f735e;font-size:.95rem;transition:color .2s}.tm-meta i{color:#5c5244;margin:0 .5em;font-style:normal}.tmenu:before,.tmenu:after{content:"";opacity:0;background:linear-gradient(135deg,#fff0c4,#c9a24a 55%,#6a4a1a);width:.6rem;height:.6rem;transition:opacity .25s,transform .25s;position:absolute;top:1.5rem;box-shadow:0 0 .6rem #e8c97acc}.tmenu:before{left:1.4rem;transform:translate(-.8rem)rotate(45deg)}.tmenu:after{right:1.4rem;transform:translate(.8rem)rotate(45deg)}.tmenu:focus-visible{outline:none}.tmenu.primary .tm-label,.tmenu:focus-visible .tm-label{color:#f6dc9a;text-shadow:0 0 1.4rem #f0b45073,0 1px #000}.tmenu.primary .tm-label:after,.tmenu:focus-visible .tm-label:after{opacity:1;transform:scaleX(1)}.tmenu.primary .tm-meta,.tmenu:focus-visible .tm-meta{color:#a8977a}.tmenu.primary:before,.tmenu.primary:after,.tmenu:focus-visible:before,.tmenu:focus-visible:after{opacity:1;transform:translate(0)rotate(45deg)}.tmenu:active .tm-label{color:#fff3cf}.title-menu:has(.tmenu:focus-visible) .tmenu.primary:not(:focus-visible) .tm-label{color:#a8987a;text-shadow:0 1px #000}.title-menu:has(.tmenu:focus-visible) .tmenu.primary:not(:focus-visible) .tm-label:after{opacity:0}.title-menu:has(.tmenu:focus-visible) .tmenu.primary:not(:focus-visible):before{opacity:0}.title-menu:has(.tmenu:focus-visible) .tmenu.primary:not(:focus-visible):after{opacity:0}@media (hover:hover){.tmenu:hover .tm-label{color:#f6dc9a;text-shadow:0 0 1.4rem #f0b45073,0 1px #000}.tmenu:hover .tm-label:after{opacity:1;transform:scaleX(1)}.tmenu:hover .tm-meta{color:#a8977a}.tmenu:hover:before,.tmenu:hover:after{opacity:1;transform:translate(0)rotate(45deg)}.title-menu:hover .tmenu.primary:not(:hover) .tm-label{color:#a8987a;text-shadow:0 1px #000}.title-menu:hover .tmenu.primary:not(:hover) .tm-label:after{opacity:0}.title-menu:hover .tmenu.primary:not(:hover) .tm-meta{color:#7f735e}.title-menu:hover .tmenu.primary:not(:hover):before,.title-menu:hover .tmenu.primary:not(:hover):after{opacity:0}}.title-foot{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;animation:.8s ease-out 1.1s both t-rise;display:flex}.title-ver{font-family:var(--display);letter-spacing:.2em;color:#6f6452;font-size:.9rem}.title-foot .screen-ctrls .btn{box-shadow:none;color:#9a8d76;background:0 0;border-color:#0000}.title-foot .screen-ctrls .btn.active{color:var(--gold2);text-shadow:0 0 .8rem #e8c97a73}.title-foot .seg{background:#08060a66;border-color:#c9a24a47}.title-foot .seg button+button{border-left-color:#c9a24a2e}.title-foot .seg button.on{color:var(--gold2);text-shadow:0 0 .8rem #e8c97a73;box-shadow:inset 0 -2px 0 var(--gold);background:#c9a24a1f}@keyframes t-rise{0%{opacity:0;transform:translateY(.8rem)}}@keyframes t-rule{0%{opacity:0;transform:scaleX(.3)}}@keyframes t-breathe{0%,to{opacity:.75}50%{opacity:1}}@keyframes t-shine{0%,72%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.screen-ctrls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.seg{background:#0c0a0e;border:1px solid #5a4630;border-radius:.6rem;flex-shrink:0;display:inline-flex;overflow:hidden}.seg button{color:#a89a80;min-height:2.8rem;font-family:var(--font);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:none;align-items:center;gap:.4rem;padding:0 1rem;font-size:1.05rem;display:inline-flex}.seg button+button{border-left:1px solid #3a3020}.seg button.on{color:#2a1a06;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffe7a0,#c9a24a 55%,#a07a2a);font-weight:700}.seg button:active:not(.on){background:#c9a24a26}.seg .uico{width:1.6rem;height:1.6rem}.create{padding:.8rem var(--padr) 0 var(--padl);background:#0c0a0ef7;flex-direction:column;gap:.8rem;display:flex;position:fixed;inset:0}.create h2{font-family:var(--serif);color:var(--gold2);letter-spacing:.2rem;margin:0;font-size:1.6rem;font-weight:400}.create .create-body{flex-direction:column;flex:1;gap:.8rem;min-height:0;padding-bottom:1rem;display:flex}.create .create-foot{padding:.6rem 0 max(.6rem, var(--sb));border-top:1px solid var(--line);flex-shrink:0;align-items:center;gap:.8rem;display:flex}.class-grid{grid-template-columns:repeat(6,minmax(9rem,1fr));gap:.6rem;display:grid}.class-card{border:1px solid var(--line);cursor:pointer;text-align:center;background:linear-gradient(#1c181f,#131016);border-radius:.8rem;padding:.4rem .4rem .6rem;transition:border-color .15s,background .15s;box-shadow:inset 0 1px #ffebbe0d,0 3px 10px #0006}.class-card.sel{border-color:var(--gold);background:var(--panel3);box-shadow:0 0 16px #c9a24a4d}.class-card .cportrait{border-radius:.6rem;justify-content:center;align-items:flex-end;height:6.4rem;display:flex}.class-card .cportrait img{filter:drop-shadow(0 2px 3px #0000008c);transform-origin:50% 100%;height:6.2rem;transition:transform .15s}.class-card.sel .cportrait img{transform:translateY(-2px)scale(1.06)}.class-card .cname{font-size:1.3rem;font-family:var(--serif);line-height:1.3}.class-card .attrs{color:var(--muted);font-size:.9rem}.class-info{color:#bdb4a2;align-items:baseline;gap:1rem;font-size:1rem;line-height:1.55;display:flex}.class-info .cname{font-family:var(--serif);flex-shrink:0;font-size:1.3rem}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.5rem;display:grid}.pick{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#18151c,#121015);border-radius:.6rem;padding:.5rem .7rem;font-size:1rem;line-height:1.4;transition:border-color .12s,background .12s}.pick.sel{border-color:var(--gem);background:linear-gradient(#123a2e,#0c2219);box-shadow:0 0 12px #3fd0a02e}.pick.with-icon{align-items:center;gap:.7rem;display:flex}.pick.dim{opacity:.45}@media (hover:hover){.pick:hover{border-color:var(--line2);background:linear-gradient(#1e1a23,#151219)}.pick.sel:hover{border-color:var(--gem)}}.gicon{border-radius:.6rem;flex-shrink:0;box-shadow:0 0 0 1px #5a4630,0 2px 6px #0009}.gicon.round{border-radius:50%}.gicon.s26{width:2.6rem;height:2.6rem}.gicon.s30{width:3rem;height:3rem}.gicon.s34{width:3.4rem;height:3.4rem}.gicon.s40{width:4rem;height:4rem}.pick .pname{font-size:1.1rem;font-weight:700}.pick .ptags{color:var(--muted);font-size:.9rem}.topbar{height:calc(3.8rem + var(--st));padding:var(--st) var(--padr) 0 var(--padl);background:linear-gradient(#100d12f7,#0a080cdb);border-bottom:1px solid #4a3c2a;align-items:center;gap:1rem;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:0;display:flex}.topbar .who .nm{font-family:var(--serif);color:var(--gold2);text-shadow:0 0 10px #c9a24a59;white-space:nowrap;font-size:1.3rem;line-height:1.2}.topbar .who .lv{color:var(--muted);white-space:nowrap;font-size:.9rem}.topbar .res{white-space:nowrap;flex-direction:column;font-size:1rem;line-height:1.3;display:flex}.topbar .pts{gap:.4rem;min-width:0;display:flex;overflow:hidden}.topbar .tright{gap:.5rem;margin-left:auto;display:flex}.xpbar{background:#0c0a08;border:1px solid #3a2e1c;border-radius:.3rem;width:12rem;height:.6rem;margin-top:.3rem;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}.dock{padding:0 var(--padr) max(.6rem, var(--sb)) var(--padl);pointer-events:none;align-items:flex-end;gap:.8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.dock .navs{scrollbar-width:none;background:linear-gradient(#141016eb,#0a080ceb);border:1px solid #4a3c2a;border-radius:1rem;gap:.3rem;min-width:0;padding:.4rem;display:flex;overflow-x:auto;box-shadow:inset 0 1px #ffe6aa14,0 4px 16px #00000080}.dock .navs::-webkit-scrollbar{display:none}.navbtn{color:#cfc4ae;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.7rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.2rem;width:5rem;height:4.6rem;padding:0;font-size:.9rem;line-height:1.1;display:flex;position:relative}.navbtn .uico{width:2.2rem;height:2.2rem;color:var(--gold)}.navbtn:active{border-color:var(--line2);background:#c9a24a1f}@media (hover:hover){.navbtn:hover{border-color:var(--line2);color:#fff;background:#c9a24a14}}.navbtn .dot,.tab .dot{background:#ffb030;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.3rem;right:.6rem;box-shadow:0 0 8px #ffb030}.dock .go-map{flex-direction:column;flex-shrink:0;gap:.1rem;min-height:5.4rem;margin-left:auto;padding:.4rem 1.6rem;font-size:1.4rem}.dock .go-map .sub{letter-spacing:0;opacity:.8;font-size:.9rem}.hideout-hint{left:50%;top:calc(4.6rem + var(--st));color:#a89f8a;text-align:center;pointer-events:none;background:linear-gradient(#0c0a0ed1,#08060ad1);border:1px solid #c9a24a38;border-radius:.8rem;width:max-content;max-width:min(56rem,100% - 2rem);padding:.5rem 1rem;font-size:1rem;line-height:1.5;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.overlay{background:var(--bg);z-index:10;display:flex;position:fixed;inset:0}.panel{min-width:0;padding:var(--st) var(--sr) 0 var(--sl);background:linear-gradient(#17141b,#121015 30%);flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-head{background:linear-gradient(#241e28,#17141b);border-bottom:1px solid #4a3c2a;flex-shrink:0;align-items:stretch;height:3.6rem;display:flex}.panel-head .tabs{scrollbar-width:none;flex:1;align-items:flex-end;gap:.2rem;min-width:0;padding:0 .6rem;display:flex;overflow-x:auto}.panel-head .tabs::-webkit-scrollbar{display:none}.tab{height:3rem;color:var(--muted);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.6rem .6rem 0 0;flex-shrink:0;align-items:center;gap:.4rem;padding:0 1rem;font-size:1.1rem;display:flex;position:relative}.tab .uico{width:1.5rem;height:1.5rem}.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:.8rem;right:.8rem}.tab .dot{width:.6rem;height:.6rem;top:.4rem;right:.3rem}@media (hover:hover){.tab:hover{color:var(--text);background:#fff0d208}}.close-x{white-space:nowrap;color:#f0d8c8;cursor:pointer;background:linear-gradient(#3a1a1a,#241010);border:none;border-left:1px solid #4a3c2a;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;width:5rem;font-size:1rem;display:flex}.close-x .uico{width:1.8rem;height:1.8rem}.panel-body{min-height:0;padding-bottom:var(--sb);flex:1;display:flex;position:relative}.itile{cursor:pointer;background:radial-gradient(circle at 50% 40%,#28232d,#110f13 72%);border:1px solid #3a3530;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:4.6rem;height:4.6rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -10px 14px #0006}.itile.sel{outline:2px solid var(--gold2);outline-offset:1px}.itile .iicon{pointer-events:none;filter:drop-shadow(0 2px 2px #000000a6);width:4.3rem;height:4.3rem}@media (hover:hover){.itile:hover{filter:brightness(1.2)}}.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:.8rem;font-weight:700;position:absolute;top:0;left:.2rem}.itile .lv{color:#aaa;text-shadow:0 0 3px #000;font-size:.8rem;position:absolute;bottom:0;right:.2rem}.itile .lock{font-size:.8rem;position:absolute;top:0;right:.2rem}.itile .bad{background:#78000059;border-radius:.4rem;position:absolute;inset:0}.itile .corr{color:#f55;font-size:.8rem;position:absolute;bottom:0;left:.2rem}.itile .sock{letter-spacing:1px;color:#e0c98a;text-shadow:0 0 3px #000,0 0 2px #000;font-size:.8rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.itile .cnt{color:#fff;text-shadow:0 0 3px #000;font-size:.9rem;font-weight:700;position:absolute;bottom:0;right:.2rem}.igrid{flex-wrap:wrap;align-content:flex-start;gap:.4rem;display:flex}.doll{grid-template-rows:repeat(5,4.8rem);grid-template-columns:repeat(3,4.8rem);justify-content:center;gap:.4rem;display:grid}.dslot{color:var(--dim);border:1px dashed #3a3328;border-radius:.5rem;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:relative}.dslot .itile{width:4.8rem;height:4.8rem}.dslot .itile .iicon{width:4.5rem;height:4.5rem}.dslot .ghost{opacity:.15;filter:grayscale()brightness(1.6);pointer-events:none;width:3.4rem;height:3.4rem}.dslot .dlabel{text-align:center;color:var(--dim);font-size:.8rem;position:absolute;bottom:.1rem;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:.4rem;min-width:18rem;max-width:34rem;font-size:1rem;position:fixed;box-shadow:0 6px 30px #000c}.tooltip.pinned{pointer-events:auto;overscroll-behavior:contain;overflow:auto}.tooltip.pinned .tt-close{display:flex}.tt-close{z-index:2;justify-content:flex-end;height:0;display:none;position:sticky;top:0}.tt-close button{color:#ddd;background:#141016f2;border:1px solid #5a4a32;border-radius:50%;width:2.6rem;height:2.6rem;margin:.3rem;font-size:1.4rem;line-height:1}.tt-row{align-items:flex-start;gap:.5rem;display:flex}.tt{min-width:18rem;max-width:30rem}.tt-head{text-align:center;border-bottom:1px solid #3a3124;padding:.5rem .8rem}.tt-head.with-icon{text-align:left;align-items:center;gap:.8rem;display:flex}.tt-icon{border-radius:.6rem;flex-shrink:0;width:3.4rem;height:3.4rem;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:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:4.2rem;height:4.2rem;display:flex;position:relative;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:4.6rem;height:4.6rem}.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:3.8rem;height:3.8rem;box-shadow:0 0 0 1px #5a4630,inset 0 0 10px #0009}.tt-art.cur img{width:4.2rem;height:4.2rem}.tt-names{min-width:0}.tt-icon.round{border-radius:50%}.tt-head .nm{font-size:1.2rem;font-family:var(--serif);line-height:1.3}.tt-head .bn{font-size:1rem}.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:.5rem .8rem;line-height:1.5}.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:.9rem;font-style:italic}.tt-body .req{color:#8f8f8f;font-size:.9rem}.tt-body .req .bad{color:#ff5050}.tt-body .tier{color:#6a6a8a;margin-left:.3rem;font-size:.8rem}.tt-body .tag{color:#a0a0c0;border:1px solid #3a3a50;border-radius:3px;margin-right:.3rem;padding:0 .3rem;font-size:.8rem;display:inline-block}.tt-hint{color:var(--muted);border-top:1px solid #2a2418;padding:.3rem .8rem .5rem;font-size:.9rem}.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:.4rem;box-shadow:0 6px 30px #000c}.tooltip.multi .tt.eq{border-color:#8a7038}.tt-eqtag{z-index:1;text-align:center;color:#1a1206;background:linear-gradient(#f0d48a,#b8903a);font-size:.8rem;font-weight:700;line-height:1.3rem;position:absolute;bottom:0;left:0;right:0}#toast-layer{right:var(--padr);top:calc(4.6rem + var(--st));pointer-events:none;z-index:50;flex-direction:column;gap:.3rem;width:22rem;display:flex;position:fixed}body.in-run #toast-layer{top:calc(17rem + var(--st));width:21rem}.toast{border:1px solid #c9a24a33;border-left:3px solid var(--gold);text-shadow:0 1px #000;background:linear-gradient(90deg,#100d12f2,#0c0a0ecc);border-radius:.4rem;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:1rem;line-height:1.35;animation:.25s ease-out tin,.5s ease-in 3.2s forwards tout;display:flex;box-shadow:0 4px 14px #00000080}.toast .licon{width:1.8rem;height:1.8rem}@keyframes tin{0%{opacity:0;transform:translate(30px)}}@keyframes tout{to{opacity:0;transform:translate(20px)}}.banner{font-family:var(--serif);letter-spacing:.3rem;text-shadow:0 0 24px #000000f2,0 0 12px,0 2px #000;pointer-events:none;z-index:40;white-space:nowrap;padding:.3rem 3rem;font-size:2.4rem;animation:.4s ease-out bin,.8s ease-in 2s forwards bout;position:fixed;top:24%;left:50%;transform:translate(-50%)}.banner:before,.banner:after{content:"";opacity:.8;width:8rem;height:1px;position:absolute;top:2.2rem}.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:.15rem;color:#ccc;text-shadow:0 1px #000,0 0 10px #000000e6;margin-top:.3rem;font-size:1.2rem;display:block}@keyframes bin{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}}@keyframes bout{to{opacity:0;transform:translate(-50%,-10px)}}.run-top{top:calc(.6rem + var(--st));left:var(--padl);z-index:5;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:fixed}.run-ctrl{background:linear-gradient(#141016e6,#0a080ce6);border:1px solid #4a3c2a;border-radius:1rem;align-items:stretch;gap:.4rem;padding:.4rem;display:flex;box-shadow:inset 0 1px #ffe6aa14,0 4px 16px #00000080}.run-ctrl .btn{background:linear-gradient(#2a2330,#18141b);min-height:3.4rem}.run-ctrl .btn.active{background:linear-gradient(#433520,#2a2012 55%,#1e170c)}.run-ctrl .tgl{flex-direction:column;gap:0;padding:0 .6rem;font-size:.8rem;line-height:1.1}.run-ctrl .tgl .uico{width:1.6rem;height:1.6rem}.run-ctrl .tgl.active .uico{color:var(--gold2)}.speed{background:#0c0a0e;border:1px solid #5a4630;border-radius:.6rem;display:flex;overflow:hidden}.speed button{color:#a89a80;width:3.4rem;font-family:var(--font);cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0;font-size:1.3rem;font-weight:700}.speed button+button{border-left:1px solid #3a3020}.speed button.on{color:#2a1a06;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffe7a0,#c9a24a 55%,#a07a2a)}.speed button:active:not(.on){background:#c9a24a26}.run-mods{color:#a89f8a;cursor:pointer;background:linear-gradient(#100d12d9,#08060ac7);border:1px solid #c9a24a33;border-radius:.8rem;max-width:30rem;padding:.4rem .8rem;font-size:.9rem;line-height:1.5;box-shadow:0 4px 14px #00000073}.run-mods .mtitle{color:var(--gold2);font-size:1rem;font-family:var(--serif);align-items:center;gap:.5rem;display:flex}.run-mods .mtitle .chev{color:var(--muted);font-family:var(--font);margin-left:auto;font-size:.9rem}.run-mods:not(.open) .mlist{display:none}.pause-veil{font-family:var(--serif);letter-spacing:.6rem;color:#ddd;pointer-events:none;z-index:4;background:#00000059;justify-content:center;align-items:center;font-size:3rem;display:flex;position:fixed;inset:0}.results{background:linear-gradient(#1e1922,#121015 40%);border:1px solid #8a6a38;border-radius:1rem;flex-direction:column;gap:.6rem;width:min(64rem,100% - 2rem);max-height:calc(100% - 2rem);padding:1rem 1.4rem;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:.5rem;margin:0;font-size:2rem;font-weight:400}.results .rbody{flex:1;gap:1.4rem;min-height:0;display:flex}.results .rleft{flex-direction:column;flex:0 0 24rem;gap:.5rem;display:flex}.results .stats{grid-template-columns:auto 1fr;gap:.3rem 1.2rem;font-size:1.1rem;display:grid}.results .loot{flex-wrap:wrap;flex:1;align-content:flex-start;gap:.3rem .9rem;min-width:0;font-size:1rem;display:flex}.results .loot .lrow{align-items:center;gap:.3rem;display:inline-flex}.results .rfoot{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.licon{vertical-align:middle;filter:drop-shadow(0 1px 2px #000000b3);flex-shrink:0;width:1.8rem;height:1.8rem}.pcol{flex-direction:column;gap:.7rem;min-height:0;padding:.8rem;display:flex}.pcol>:not(.grow){flex-shrink:0}.pcol.bordered{border-right:1px solid var(--line)}.pcol.side{border-left:1px solid var(--line)}.w-doll{flex-shrink:0;width:17rem}.w-side{flex-shrink:0;width:27rem}.w-side-l{flex-shrink:0;width:32rem}.w-nav{flex-shrink:0;width:14rem}.sec-title{color:var(--gold2);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:1.1rem;display:flex}.sec-title:before{content:"";background:linear-gradient(135deg,#ffe7a0,#8a6a2a);flex-shrink:0;width:.5rem;height:.5rem;transform:rotate(45deg);box-shadow:0 0 6px #e8c97a80}.card{border:1px solid var(--line);background:linear-gradient(#1e1a22,#18151c);border-radius:.7rem;padding:.7rem;box-shadow:inset 0 1px #ffebbe0a}.kv{grid-template-columns:1fr auto;gap:.2rem 1rem;font-size:1rem;display:grid}.kv .k{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.chips{scrollbar-width:none;flex-shrink:0;gap:.3rem;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .btn{flex-shrink:0}.detail-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.hint{color:var(--muted);font-size:.9rem;line-height:1.5}.slotrow{border:1px solid var(--line);background:linear-gradient(#1e1a22,#17141a);border-radius:.7rem;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:border-color .12s,box-shadow .12s;display:flex}.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}.slotrow .sups{flex-shrink:0;gap:.4rem;display:flex}.gtile{cursor:pointer;color:#fff;text-shadow:0 0 4px #000;background:#050408;border:2px solid #6a5232;border-radius:.8rem;flex-shrink:0;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;font-size:1.1rem;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:.6rem;width:100%;height:100%;display:block}.gtile.support{border-color:#4a4a58;border-radius:50%;width:3.4rem;height:3.4rem;font-size:1rem}.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.picked{outline:2px solid var(--gem);outline-offset:2px}.gtile .glv{color:var(--gold2);background:linear-gradient(#2a2430,#0a080c);border:1px solid #6a5232;border-radius:.6rem;padding:0 .4rem;font-size:.8rem;position:absolute;bottom:-.4rem;right:-.4rem}.gtile .gnew{background:#ffcf5a;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:-.2rem;left:-.2rem;box-shadow:0 0 6px #ffcf5a}@media (hover:hover){.gtile:hover{filter:brightness(1.2);transform:translateY(-1px)}}.sinfo{font-size:1rem;line-height:1.4}.sinfo .sn{font-size:1.1rem;font-weight:700}.tree-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.tree-wrap canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.tree-hud{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:absolute;top:.6rem;left:.6rem;right:.6rem}.tree-hud>*{pointer-events:auto}.tree-hud .pts{border:1px solid var(--line);background:#0a090ce0;border-radius:.6rem;padding:.4rem .8rem;font-size:1.1rem}.tree-hud input{width:13rem}.zoom-btns{flex-direction:column;gap:.4rem;display:flex;position:absolute;bottom:.6rem;right:.6rem}.zoom-btns .btn{background:#141016eb;width:3.6rem;min-height:3.6rem;padding:0;font-size:1.8rem}.tree-legend{color:var(--muted);pointer-events:none;background:#0a090ccc;border-radius:.5rem;max-width:calc(100% - 6rem);padding:.4rem .7rem;font-size:.9rem;line-height:1.6;position:absolute;bottom:.6rem;left:.6rem}.node-card{background:#08070af5;border:1px solid #5a4a32;border-radius:.6rem;width:min(30rem,100% - 6rem);max-height:calc(100% - 5rem);position:absolute;bottom:.6rem;left:.6rem;overflow:auto;box-shadow:0 6px 30px #000c}.node-card .tt{min-width:0;max-width:none}.node-card .nc-actions{flex-wrap:wrap;gap:.4rem;padding:0 .8rem .7rem;display:flex}.craft-item{border:1px solid var(--line2);background:#08070a;border-radius:.5rem}.cur-grid{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:.4rem;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:.5rem;flex-direction:column;justify-content:center;align-items:center;height:4.4rem;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.ctile .cicon{pointer-events:none;filter:drop-shadow(0 2px 2px #000000a6);width:4rem;height:4rem}@media (hover:hover){.ctile:hover{border-color:var(--gold)}}.ctile .clv{color:#f0e6cc;text-shadow:0 0 3px #000,0 0 2px #000;font-size:.8rem;position:absolute;top:0;left:.3rem}.row>.ctile,.col>.row>.ctile,.ctile.fixed{flex-shrink:0;width:4.4rem}.ctile.no{opacity:.35}.ctile .cnt{color:#fff;text-shadow:0 0 3px #000;font-size:.9rem;position:absolute;bottom:0;right:.3rem}.ctile.on{border-color:#e0b0ff;box-shadow:0 0 10px #e0b0ff73}.log{font-size:1rem;line-height:1.55}.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:.9rem;line-height:1.5}.pool .pl{border-radius:3px;justify-content:space-between;gap:.6rem;padding:0 .3rem;display:flex}.pool .pl.has{color:var(--dim);text-decoration:line-through}.ws-list{flex-direction:column;gap:.3rem;display:flex}.ws{border:1px solid var(--line);cursor:pointer;background:var(--panel2);border-radius:.5rem;flex-shrink:0;align-items:center;gap:.6rem;min-height:3rem;padding:0 .7rem;font-size:1rem;display:flex}.ws.sel{border-color:var(--gold);background:#261f14}.ws .tier{min-width:3.2rem;font-weight:700}.pin-card{border:1px solid var(--line);background:var(--panel2);border-radius:.6rem;flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:1rem;display:flex}.enter-bar{border-top:1px solid var(--line);background:linear-gradient(#121015e6,#121015 40%);align-items:center;gap:.8rem;margin:auto -.8rem -.8rem;padding:.6rem .8rem;display:flex;position:sticky;bottom:-.8rem}.asc-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.asc-node{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:.7rem;padding:.8rem}.asc-node.on{border-color:var(--gold);background:#2a2212;box-shadow:0 0 14px #c9a24a40}@media (hover:hover){.asc-node.can:hover{border-color:var(--gold2)}}.asc-node .an{font-family:var(--serif);color:var(--gold2);margin-bottom:.4rem;font-size:1.3rem}.stat-table{border-collapse:collapse;width:100%;font-size:1rem}.stat-table td{border-bottom:1px solid #221e18;padding:.2rem .5rem}.stat-table td:last-child{text-align:right;color:#eee}.dmg-pill{background:#1a1a1a;border-radius:3px;margin-right:.3rem;padding:0 .4rem;font-size:.9rem;display:inline-block}#rotate{z-index:200;text-align:center;background:radial-gradient(at 50% 35%,#2a1a12,#0b0a0d 70%);justify-content:center;align-items:center;padding:32px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.rotate-card{flex-direction:column;align-items:center;gap:12px;max-width:340px;font-size:15px;line-height:1.6;display:flex}.rotate-card h1{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);text-shadow:0 0 24px #c9a24a66;margin:0;font-size:30px;font-weight:900}.rotate-card p{margin:0}.rotate-card .btn{min-height:40px;margin-top:8px;padding:6px 16px;font-size:14px}.rotate-note{color:#c8b89a;font-size:13px}.rotate-phone{border:3px solid var(--gold2);border-radius:9px;width:44px;height:76px;margin-bottom:8px;animation:2.4s ease-in-out infinite rot;position:relative}.rotate-phone span{background:var(--gold2);border-radius:2px;width:10px;height:3px;margin-left:-5px;position:absolute;bottom:5px;left:50%}@keyframes rot{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (width<=700px){body:not(.force-portrait) #rotate{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,.rotate-phone,.title-main:before,.title-kicker,.logo,.title-rule,.tmenu,.title-foot{animation:none!important}}.modal-veil{z-index:30;padding:max(.8rem, var(--st)) var(--padr) max(.8rem, var(--sb)) var(--padl);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:1rem;flex-direction:column;gap:.7rem;width:auto;max-width:100%;max-height:100%;padding:1rem 1.2rem;display:flex;box-shadow:inset 0 0 0 1px #000000b3,inset 0 1px #ffe6aa1a,0 0 40px #000c}.modal.confirm{width:40rem}.modal h3{font-family:var(--serif);color:var(--gold2);margin:0;font-size:1.4rem;font-weight:400}.modal .mfoot{justify-content:flex-end;gap:.6rem;display:flex}.modal .mfoot .btn{min-width:8rem;min-height:3.4rem}