:root{--bg:#0b1110;--panel:#0e1210eb;--border:#6e5a36;--gold:#e2bd66;--text:#ebe0c6;--dim:#9a927e;--sat:calc(max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--serif:"Forum", "Georgia", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:PT Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.hidden{display:none!important}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#overlay-layer{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.overlay-canvas{pointer-events:none;position:absolute;top:0;left:0}#touch{z-index:2;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#screens{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#screens>*{pointer-events:auto}.joy-base{opacity:0;pointer-events:none;background:radial-gradient(#fff0d212,#0000001f);border:2px solid #ffecc838;border-radius:50%;width:116px;height:116px;margin:-58px 0 0 -58px;transition:opacity .12s;position:fixed;top:0;left:0}.joy-base.on{opacity:1}.joy-knob{background:radial-gradient(#ffe4b499,#aa7d3c59);border:1px solid #fff0d273;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #ffc87840}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud:before{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hud.low-hp:after{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#a0000073 100%);animation:1s infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:calc(var(--sat) + 8px);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:10px;right:10px}.hud-left{align-items:center;gap:10px;display:flex}.portrait{border:2px solid var(--gold);background-color:#151a17;background-position:50% 12%;background-repeat:no-repeat;background-size:160%;border-radius:50%;width:58px;height:58px;position:relative;box-shadow:0 2px 10px #000000b3}.lvl-badge{border:1px solid var(--gold);min-width:24px;height:24px;font-family:var(--serif);color:#ffe39a;background:linear-gradient(#3a2c12,#1a1307);border-radius:12px;justify-content:center;align-items:center;padding:0 5px;font-size:15px;display:flex;position:absolute;bottom:-5px;right:-7px}.bars{width:min(40vw,170px)}.bar{background:#1a0d0c;border:1px solid #000;border-radius:4px;height:17px;position:relative;overflow:hidden;box-shadow:0 1px 6px #0009}.bar.small{background:#0b1122;height:12px;margin-top:4px}.bar-fill{height:100%;transition:width .15s}.bar-fill.hp{background:linear-gradient(#ea4c40,#8d1a14)}.bar-fill.mp{background:linear-gradient(#5b8fff,#1d3b8f)}.bar-text{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:17px;position:absolute;top:0;bottom:0;left:0;right:0}.bar.small .bar-text{font-size:9px;line-height:12px}.hud-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.minimap-wrap{border:2px solid var(--border);pointer-events:auto;background:#050908;border-radius:50%;width:108px;height:108px;overflow:hidden;box-shadow:0 2px 12px #000c}.minimap{width:100%;height:100%;display:block}.hud-row{text-shadow:0 1px 3px #000;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.hud-row .coin{color:#ffd84a}.hud-row .flask{color:#ff5a6a;margin-left:6px}.hud-row.btns{gap:8px}.hud-timer{color:var(--dim);text-shadow:0 1px 2px #000;font-size:11px}.hud-btn{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex;position:relative;box-shadow:0 2px 8px #0009}.hud-btn:active{transform:scale(.94)}.badge{color:#1a1000;background:#e0b030;border-radius:10px;padding:1px 5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:11px;font-weight:800;animation:1.2s infinite pulse;position:absolute;top:-6px;right:-7px}.tab .badge{margin-left:4px;position:static}.hud-bottom{left:0;right:0;bottom:calc(var(--sab) + 8px);flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute}.hud-skills{gap:12px;display:flex}.skill-slot{border:2px solid var(--sc,#555);width:50px;height:50px;box-shadow:0 0 10px color-mix(in srgb, var(--sc,#000) 40%, transparent), 0 2px 8px #000;background:radial-gradient(circle,#2d2820f2,#080808f2);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative;overflow:hidden}.skill-slot:after{content:"";background:conic-gradient(#000000bf calc(var(--cd,0) * 360deg), transparent 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.skill-slot.nomana{filter:grayscale(.9)brightness(.55)}.skill-slot.empty{opacity:.45;border-style:dashed;font-size:16px}.xp-bar{background:#000000a6;border-radius:3px;width:calc(100% - 48px);max-width:520px;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#a67a22,#ffd84a);height:100%;transition:width .25s}.boss-bar{top:calc(var(--sat) + 222px);text-align:center;width:min(88vw,440px);position:absolute;left:50%;transform:translate(-50%)}.boss-name{font-family:var(--serif);color:#ffcf6a;text-shadow:0 2px 4px #000;margin-bottom:3px;font-size:18px}.boss-track{background:#1c0303;border:1px solid #000;border-radius:3px;height:13px;overflow:hidden;box-shadow:0 0 10px #000c}.boss-fill{background:linear-gradient(#c3342a,#5d0f0b);height:100%;transition:width .2s}.boss-bar.enraged .boss-fill{background:linear-gradient(#ff6a2a,#8a1b00)}.boss-phase{color:var(--dim);text-shadow:0 1px 2px #000;margin-top:2px;font-size:11px}.toasts{top:calc(var(--sat) + 285px);flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;left:0;right:0}.toast{font-family:var(--serif);text-align:center;text-shadow:0 2px 4px #000,0 0 12px #000;padding:0 20px;font-size:19px;transition:opacity .6s;animation:.3s toastIn}.toast.out{opacity:0}.pickup-log{left:12px;bottom:calc(var(--sab) + 96px);flex-direction:column;gap:3px;font-size:13px;font-weight:700;display:flex;position:absolute}.log-line{text-shadow:0 1px 3px #000,0 0 6px #000;align-items:center;gap:4px;transition:opacity .6s;animation:.25s toastIn;display:flex}.log-line img{width:18px;height:18px}.log-line.gold{color:#ffd84a;font-size:12px}.log-line.legendary{text-shadow:0 0 10px #ff8c1a,0 1px 3px #000;font-size:16px}.log-line.out{opacity:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{font-family:var(--serif);border:1px solid var(--border);background:linear-gradient(#2b261a,#15120b);border-radius:9px;padding:10px 14px;font-size:17px;box-shadow:0 2px 8px #00000080,inset 0 1px #ffe6aa14}.btn:active{filter:brightness(1.15);transform:scale(.97)}.btn.primary{color:#fff3d6;background:linear-gradient(#9a661f,#4d300c);border-color:#e2bd66}.btn.danger{background:linear-gradient(#5c1d16,#2b0b08);border-color:#a13a2e}.btn.ghost{box-shadow:none;background:0 0}.btn.small{padding:6px 10px;font-size:13px}.btn.big{padding:14px 18px;font-size:21px}.hint{color:var(--dim);font-size:13px;line-height:1.35}.center{text-align:center}.screen{padding:calc(var(--sat) + 16px) 16px calc(var(--sab) + 16px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dim-bg{-webkit-backdrop-filter:blur(3px);background:#030605b8}.dialog{border:1px solid var(--border);background:linear-gradient(#171c19,#0c100e);border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:400px;max-height:100%;padding:18px;display:flex;overflow-y:auto;box-shadow:0 10px 40px #000c}.dialog.wide{max-width:480px}.screen-title{font-family:var(--serif);color:var(--gold);text-align:center;font-size:26px}.death-title{font-family:var(--serif);color:#d23a2e;text-align:center;letter-spacing:2px;text-shadow:0 0 20px #d23a2e80;font-size:40px}.victory-title{font-family:var(--serif);color:#ffd84a;text-align:center;text-shadow:0 0 20px #ffd84a66;font-size:34px}.loading{background:var(--bg);gap:18px}.load-bar{background:#1a1d1b;border-radius:3px;width:min(70vw,300px);height:6px;overflow:hidden}.load-fill{background:linear-gradient(90deg,#a67a22,#ffd84a);width:0;height:100%;transition:width .2s}.load-text{color:var(--dim);font-size:13px}.logo{text-align:center}.logo-title{font-family:var(--serif);letter-spacing:7px;color:#eac87a;text-shadow:0 0 24px #eac87a59,0 3px #3a2508,0 6px 18px #000;font-size:54px}.logo-img{filter:drop-shadow(0 6px 16px #000000d9);width:min(88vw,440px);height:auto;margin:0 auto -6px;display:block}.logo-sub{font-family:var(--serif);color:#b9c9a8;letter-spacing:2px;text-shadow:0 2px 6px #000;font-size:17px}.menu{justify-content:flex-start}.menu-bg{background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.menu-bg:after{content:"";background:linear-gradient(#05080759,#05080733 40%,#050807d9);position:absolute;top:0;bottom:0;left:0;right:0}.menu-bg.dim:after{background:#050807c7}.menu-content{flex-direction:column;gap:14px;width:100%;max-width:460px;height:100%;padding-top:4vh;display:flex;position:relative;overflow-y:auto}.menu-content .logo{margin-bottom:auto}.char-list{flex-direction:column;gap:10px;display:flex}.char-card{background:var(--panel);border:1px solid color-mix(in srgb, var(--cc) 55%, #000);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 4px 16px #0009}.cc-portrait{background-color:#101412;background-position:50% 15%;background-repeat:no-repeat;background-size:150%;border-radius:10px;flex:none;width:56px;height:56px}.cc-info{flex:1;min-width:0}.cc-name{font-family:var(--serif);font-size:20px}.cc-sub{color:#cfc5ad;font-size:13px}.cc-sub.dim{color:var(--dim);font-size:11px}.cc-actions{flex-direction:column;align-items:stretch;gap:5px;display:flex}.menu-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-btns .btn{flex:1}.net{text-align:center;color:var(--dim);padding-bottom:6px;font-size:11px}.net.on{color:#7fc77f}.create{justify-content:flex-start}.create-content{flex-direction:column;gap:10px;width:100%;max-width:480px;height:100%;display:flex;position:relative;overflow-y:auto}.class-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.class-card{background:var(--panel);border:1px solid #3a3528;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.class-card.on{border-color:var(--cc);box-shadow:0 0 14px color-mix(in srgb, var(--cc) 45%, transparent)}.cls-img{aspect-ratio:1;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:100%}.cls-name{font-family:var(--serif);font-size:14px}.class-detail{background:var(--panel);border:1px solid #3a3528;border-radius:12px;gap:10px;padding:10px;display:flex}.cd-art{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:34%;min-height:150px}.cd-name{font-family:var(--serif);font-size:24px}.cd-title{color:var(--dim);font-size:15px}.cd-desc{margin:4px 0 6px;font-size:13px;line-height:1.35}.cd-stats{color:#d8cfb8;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:12px;display:grid}.cd-sec{color:var(--dim);margin-top:5px;font-size:12px;line-height:1.3}.name-input{font:inherit;border:1px solid var(--border);color:var(--text);-webkit-user-select:text;user-select:text;background:#0e1210;border-radius:9px;padding:11px 12px;font-size:17px}.stats{flex-direction:column;gap:2px;display:flex}.stat-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px;display:flex}.stat-row b{color:#f3e6c4;text-align:right}.map-box{flex-direction:column;gap:6px;width:100%;height:100%;display:flex}.bigmap{border:1px solid var(--border);background:#050908;border-radius:12px;flex:1;width:100%}.leaders{flex-direction:column;gap:2px;max-height:50vh;display:flex;overflow-y:auto}.lb-row{border-bottom:1px solid #ffffff0d;grid-template-columns:32px 1fr 60px 56px;gap:6px;padding:5px 2px;font-size:13px;display:grid}.lb-row.head{color:var(--dim);font-size:11px}.lb-row small{color:var(--dim)}.panel-wrap{padding:calc(var(--sat) + 8px) 8px calc(var(--sab) + 8px);pointer-events:auto;background:#0009;justify-content:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel{border:1px solid var(--border);background:linear-gradient(#171c19,#0c100e);border-radius:14px;flex-direction:column;width:100%;max-width:540px;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid #2d2a20;align-items:center;display:flex}.tabs{flex:1;display:flex;overflow-x:auto}.tab{color:var(--dim);font-family:var(--serif);white-space:nowrap;background:0 0;border:none;flex:1;padding:11px 6px;font-size:15px}.tab.on{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.close{color:var(--dim);background:0 0;border:none;padding:8px 14px;font-size:20px}.panel-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.section-title{font-family:var(--serif);color:var(--gold);margin-top:4px;font-size:17px}.gear-top{gap:10px;display:flex}.doll{flex:none;grid-template-columns:repeat(3,56px);gap:6px;display:grid;position:relative}.doll:before{content:"";background-image:var(--doll);opacity:.16;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.slot,.cell{background:#00000080;border:1px solid #3a3528;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.slot{width:56px;height:56px}.slot.ghost{background:0 0;border:none}.slot.filled,.cell.filled{border-color:var(--rc);box-shadow:inset 0 0 12px color-mix(in srgb, var(--rc) 30%, transparent)}.slot img,.cell img{object-fit:contain;width:82%;height:82%}.slot img.ghost-img{opacity:.25;filter:grayscale()}.slot-glyph{opacity:.25;font-size:20px}.slot-name{text-align:center;color:var(--dim);font-size:8px;position:absolute;bottom:1px;left:0;right:0}.slot.filled .slot-name{display:none}.slot.unusable:after,.cell.unusable:after{content:"";background:#aa141459;border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0}.gem-dot{background:#9cf;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;left:3px;box-shadow:0 0 4px #9cf}.gear-sum{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hero-name{font-family:var(--serif);font-size:21px}.hero-sub{color:var(--dim);margin-bottom:4px;font-size:12px}.sum-row{justify-content:space-between;font-size:13px;display:flex}.sum-row.gold b{color:#ffd84a}.inv-head{color:var(--dim);align-items:center;gap:6px;font-size:13px;display:flex}.inv-head span{flex:1}.inv-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.cell{aspect-ratio:1}.cell .up{color:#5dff6a;text-shadow:0 0 3px #000;font-size:11px;position:absolute;top:1px;right:3px}.cell .curse{color:#ff6a6a;font-size:10px;position:absolute;bottom:1px;right:3px}.cell .q{color:#cde;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:4px}.modal{padding:calc(var(--sat) + 12px) 12px calc(var(--sab) + 12px);z-index:10;background:#0000009e;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-box{border:1px solid var(--border);background:#101410;border-radius:14px;flex-direction:column;gap:10px;width:100%;max-width:380px;max-height:100%;padding:12px;display:flex;overflow-y:auto}.actions{flex-direction:column;gap:6px;display:flex}.equipped-cmp summary{color:var(--dim);padding:4px 0;font-size:13px}.item-card{flex-direction:column;gap:3px;font-size:14px;display:flex}.ic-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.ic-icon{background:#00000080;border:1px solid #555;border-radius:8px;flex:none;width:58px;height:58px;padding:4px}.ic-name{font-family:var(--serif);font-size:21px;line-height:1.1}.ic-sub{color:var(--dim);font-size:12px}.ic-cursed{color:#ff6a6a;font-size:12px}.ic-main{font-size:15px}.ic-main b{font-size:22px;font-family:var(--serif)}.ic-line{color:#d8cfb8}.ic-dim{color:var(--dim);font-size:12px}.ic-impl{color:#b7c6d8}.ic-aff{color:#7fa6ff}.ic-malus{color:#ff6a5a}.ic-leg{color:#ff9c33;margin-top:3px;font-style:italic}.ic-gem{color:#cfe3ff;align-items:center;gap:4px;display:flex}.ic-gem img{width:16px;height:16px}.ic-foot{color:var(--dim);margin-top:4px;font-size:11px}.ic-bad{color:#ff6a5a}.ic-compare{border-top:1px solid #ffffff14;margin-top:6px;padding-top:6px;font-size:13px}.ic-up{color:#6ee07a}.ic-down{color:#ff6a5a}.skill-slots{gap:10px;display:flex}.sk-slot{border:1px solid var(--sc,#3a3528);background:#0006;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px;display:flex}.sk-slot.locked{opacity:.5}.sk-glyph{font-size:26px}.sk-glyph.big{border:2px solid var(--sc);background:#00000080;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:30px;display:flex}.sk-name{font-family:var(--serif);font-size:15px}.sk-prio{color:var(--dim);font-size:10px}.skill-list{flex-direction:column;gap:8px;display:flex}.skill-card{background:#00000059;border:1px solid #2d2a20;border-radius:10px;gap:10px;padding:9px;display:flex}.skill-card.locked{opacity:.5}.sk-info{flex:1;min-width:0}.sk-title{font-family:var(--serif);font-size:17px}.sk-lvl{color:var(--dim);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;font-size:12px}.sk-desc{color:#d8cfb8;font-size:12.5px;line-height:1.35}.sk-meta{color:var(--dim);margin-top:3px;font-size:11px}.sk-btns{gap:6px;margin-top:6px;display:flex}.passives{flex-direction:column;gap:6px;display:flex}.passive{border-left:2px solid var(--gold);background:#0000004d;padding:6px 8px}.passive.locked{opacity:.45;border-color:#555}.talent-offer{flex-direction:column;gap:8px;display:flex}.talent-card{text-align:left;border:1px solid var(--border);background:linear-gradient(#232015,#12100a);border-radius:12px;padding:12px;position:relative}.talent-card.class{background:linear-gradient(#1f1a2b,#100d17);border-color:#8f7ad0}.talent-card:active{transform:scale(.98)}.t-name{font-family:var(--serif);color:#ffe29a;font-size:19px}.t-desc{margin-top:2px;font-size:13.5px}.t-rank{color:var(--dim);margin-top:4px;font-size:11px}.t-tag{color:#bca8ff;font-size:10px;position:absolute;top:10px;right:10px}.talent-row{border-bottom:1px solid #ffffff0d;padding:5px 0}@media (min-width:700px){.doll{grid-template-columns:repeat(3,64px)}.slot{width:64px;height:64px}}