:root{--ink:#0d0f17;--ink2:#151925;--panel:#121520f0;--line:#3a3324;--gold:#d9a441;--gold2:#f3d088;--red:#b3262c;--turq:#2bb3a3;--text:#ece4d2;--muted:#a39a86;--hp:#c62a2f;--mp:#2f6fd1;--head:"Cinzel", Georgia, serif;--body:"Alegreya Sans", system-ui, sans-serif;--kilim:repeating-linear-gradient(90deg, var(--red) 0 10px, var(--gold) 10px 14px, var(--ink) 14px 18px, var(--turq) 18px 22px, var(--ink) 22px 26px, var(--gold) 26px 30px)}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--body);background:#000;margin:0;font-size:15px;overflow:hidden}button,input{font-family:inherit}.hidden{display:none!important}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;position:relative;box-shadow:0 10px 40px #0009,inset 0 0 0 1px #d9a44114}.panel:before{content:"";background:var(--kilim);opacity:.9;border-radius:3px;height:5px;position:absolute;top:-3px;left:14px;right:14px}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(#2a2f40,#1b1f2b);border-radius:8px;padding:10px 18px;font-size:15px;font-weight:700;transition:filter .15s,transform 80ms}.btn:hover{filter:brightness(1.2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.gold{color:#1b1305;background:linear-gradient(#e7b453,#b07d22);border-color:#f0c66d}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.wide{width:100%}input{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0d14;border-radius:8px;outline:none;padding:10px 12px;font-size:16px}input:focus{border-color:var(--gold)}.row{align-items:center;gap:10px;display:flex}.hint{color:var(--muted);font-size:14px}kbd{color:var(--text);background:#222738;border:1px solid #3c4257;border-bottom-width:3px;border-radius:5px;padding:0 6px;font-family:inherit;font-size:12px}.logo{text-shadow:0 4px 30px #d9a44166;flex-direction:column;align-items:center;line-height:1;display:flex}.logo-top{font-family:var(--head);letter-spacing:.12em;background:linear-gradient(#ffe8a8,#c58a22);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:86px;font-weight:800}.logo-sub{font-family:var(--head);letter-spacing:.4em;color:var(--muted);margin-top:6px;font-size:24px}.logo.small .logo-top{font-size:46px}.screen{z-index:10;background:radial-gradient(at 50% 30%,#2bb3a31f,#0000 60%),radial-gradient(at 50% 120%,#b3262c40,#0000 60%),linear-gradient(#0a0c14,#05060a);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-box{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;display:flex}.lore{text-align:center;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.form{flex-direction:column;gap:12px;width:100%;padding:22px;display:flex}.form label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:13px;display:flex}.form .row .btn{flex:1}.credits{color:#5d5647;font-size:12px}.chars-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:820px;display:flex}.title{font-family:var(--head);color:var(--gold2);letter-spacing:.08em;margin:0}.char-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%;display:grid}.char-card{cursor:pointer;text-align:center;padding:16px;transition:transform .1s,border-color .15s}.char-card:hover{border-color:var(--gold);transform:translateY(-2px)}.char-card .cc-icon{font-size:40px}.char-card b{font-family:var(--head);margin:6px 0 2px;font-size:20px;display:block}.char-card span{color:var(--muted)}.char-card .del{color:#6b6352;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.char-card.new{color:var(--muted);border-style:dashed;flex-direction:column;justify-content:center;min-height:150px;display:flex}.create{width:100%;padding:20px}.create h3{font-family:var(--head);color:var(--gold2);margin:0 0 14px}.class-pick{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.class-card{border:2px solid var(--line);color:var(--text);cursor:pointer;background:#0e1019;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.class-card.on{border-color:var(--gold);box-shadow:0 0 24px #d9a44140}.class-card b{font-family:var(--head);color:var(--gold2);font-size:22px}.class-card span{color:var(--muted);text-align:center;font-size:14px}.cls-prev{width:180px;height:180px}@media (width<=640px){.class-pick{grid-template-columns:1fr}}.loading-box{text-align:center;width:100%;max-width:420px}.loading-box .bar{border:1px solid var(--line);background:#1a1d29;border-radius:4px;height:8px;margin:24px 0 10px;overflow:hidden}.loading-box .bar i{background:linear-gradient(90deg, var(--red), var(--gold));width:0;height:100%;transition:width .2s;display:block}#loadText{color:var(--muted)}#hud{z-index:5;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud .center-msgs,#hud .prompt,#hud .zone-name,#hud .floor-count{pointer-events:none}.zone-name{font-family:var(--head);color:var(--gold2);text-shadow:0 2px 10px #000;letter-spacing:.08em;opacity:0;font-size:22px;transition:opacity .6s;position:absolute;top:16px;left:50%;transform:translate(-50%)}.zone-name.show{opacity:1}.party{flex-direction:column;gap:6px;display:flex;position:absolute;top:14px;left:14px}.pf{border:1px solid var(--line);background:#0a0c14bf;border-radius:8px;width:210px;padding:6px 10px}.pf .pf-top{justify-content:space-between;font-size:14px;display:flex}.pf .pf-top b{font-weight:700}.pf .pf-top span{color:var(--muted);font-size:12px}.pf .hpb{background:#2a0e10;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.pf .hpb i{background:linear-gradient(90deg,#8f1e22,#e0443c);height:100%;display:block}.pf.me{border-color:#d9a44180}.pf.down{opacity:.6}.pf.down .pf-top b:after{content:" · düştü";color:#ff6b6b;font-weight:500}.boss-bar{text-align:center;pointer-events:none;width:min(560px,60vw);position:absolute;top:56px;left:50%;transform:translate(-50%)}.boss-bar span{font-family:var(--head);color:#ffb3a0;text-shadow:0 2px 8px #000;letter-spacing:.1em}.boss-bar .bb{background:#1e0a0b;border:1px solid #5a2a20;border-radius:7px;height:14px;margin-top:4px;overflow:hidden}.boss-bar .bb i{background:linear-gradient(90deg,#6d0f13,#d23a2e);width:100%;height:100%;transition:width .2s;display:block}.topright{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:14px;right:14px}#minimap{border:2px solid var(--line);background:#05060abf;border-radius:50%;width:180px;height:180px;box-shadow:0 0 0 4px #00000059}.akce{border:1px solid var(--line);color:var(--gold2);background:#0a0c14bf;border-radius:999px;padding:4px 12px}.akce b{font-size:16px}.center-msgs{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.cmsg{font-family:var(--head);color:var(--gold2);text-shadow:0 2px 12px #000,0 0 2px #000;text-align:center;font-size:22px;animation:3.2s forwards cmsg}.cmsg.big{color:#ffe39a;font-size:42px}@keyframes cmsg{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.prompt{border:1px solid var(--gold);background:#0a0c14d1;border-radius:8px;padding:6px 14px;font-size:16px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.actionbar{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.xp{border:1px solid var(--line);background:#17140c;border-radius:4px;width:520px;max-width:70vw;height:8px;position:relative;overflow:hidden}.xp i{background:linear-gradient(90deg, #7a5a14, var(--gold2));width:0;height:100%;transition:width .3s;display:block}.xp span{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;inset:-4px 0 0}.bar-row{align-items:flex-end;gap:12px;display:flex}.orb{background:#12090a;border:3px solid #3d3322;border-radius:50%;width:92px;height:92px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #000,0 6px 20px #0009}.orb i{height:100%;transition:height .15s;position:absolute;bottom:0;left:0;right:0}.orb.hp i{background:radial-gradient(circle at 35% 30%,#ff7a6e,#a3141a 60%,#5e070b)}.orb.mp{background:#080b16}.orb.mp i{background:radial-gradient(circle at 35% 30%,#8cc2ff,#1f4fb0 60%,#0b2462)}.orb span{text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.orb:after{content:"";filter:blur(2px);background:#ffffff2e;border-radius:50%;height:20px;position:absolute;inset:6px 22px auto}.slots{border:1px solid var(--line);background:#0a0c14d9;border-radius:12px;gap:6px;margin-bottom:6px;padding:8px;display:flex}.slot{background:linear-gradient(#262b3b,#151925);border:1px solid #3c4257;border-radius:9px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;position:relative}.slot .key{color:var(--gold2);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:-2px;right:3px}.slot .cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);border-radius:9px;position:absolute;inset:0}.slot .cdt{text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.slot.locked{filter:grayscale()brightness(.5)}.slot.locked:after{content:attr(data-lvl);color:#fff;filter:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.slot.nomana{filter:brightness(.6);box-shadow:inset 0 0 0 2px #2f6fd1}.slot.flash{animation:.25s sflash}@keyframes sflash{0%{box-shadow:0 0 0 3px var(--gold2)}}.slot.potion .cnt{color:#fff;text-shadow:0 1px 2px #000;font-size:13px;font-weight:700;position:absolute;top:2px;left:5px}.slot.sep{margin-left:8px}.chat{width:380px;max-width:40vw;position:absolute;bottom:14px;left:14px}.chat-log{flex-direction:column;gap:2px;max-height:180px;padding:4px;font-size:14px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 25%);mask-image:linear-gradient(#0000,#000 25%)}.chat-log div{text-shadow:0 1px 3px #000,0 0 1px #000}.chat-log b{color:var(--gold2)}.chat-log .sys{color:#8fd3c9;font-style:italic}.chat-log .tag{color:var(--muted);font-size:12px}.chat-input{margin-top:4px}.menu-btns{gap:6px;display:flex;position:absolute;bottom:14px;right:14px}.mbtn{border:1px solid var(--line);cursor:pointer;background:#0a0c14d9;border-radius:10px;width:42px;height:42px;font-size:20px}.mbtn:hover{border-color:var(--gold)}.window{padding:16px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.win-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.win-head h3{font-family:var(--head);color:var(--gold2);letter-spacing:.06em;margin:0}.x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.inv{width:720px;max-width:96vw}.inv-body{grid-template-columns:250px 1fr;gap:16px;display:grid}.hero-info{font-family:var(--head);color:var(--gold2);margin-bottom:8px;font-size:18px}.hero-info span{font-family:var(--body);color:var(--muted);font-size:14px;display:block}.equip{grid-template-columns:1fr 1fr;gap:8px;display:grid}.eslot{cursor:pointer;background:#0e1019;border:1px dashed #4a4231;border-radius:8px;align-items:center;gap:8px;height:64px;padding:6px;display:flex}.eslot .ic{text-align:center;width:34px;font-size:28px}.eslot .nm{font-size:13px;line-height:1.15}.eslot .lb{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat-list{grid-template-columns:1fr auto;gap:3px 10px;margin-top:12px;font-size:14px;display:grid}.stat-list span:nth-child(odd){color:var(--muted)}.inv-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.icell{aspect-ratio:1;cursor:pointer;background:#0e1019;border:1px solid #2c3142;border-radius:8px;justify-content:center;align-items:center;font-size:28px;display:flex;position:relative}.icell:hover{border-color:var(--gold)}.icell .rb{box-shadow:inset 0 0 0 2px var(--rc,transparent), inset 0 -14px 18px -10px var(--rc,transparent);pointer-events:none;border-radius:8px;position:absolute;inset:0}.icell.better:after{content:"▲";color:#5ee07a;font-size:11px;position:absolute;top:2px;right:4px}.icell.nouse{opacity:.45}.tooltip{z-index:50;border:1px solid var(--rc,var(--line));pointer-events:none;background:#08090ef7;border-radius:8px;min-width:220px;max-width:280px;padding:10px 12px;font-size:14px;position:fixed}.tooltip .tn{color:var(--rc);font-size:16px;font-weight:700}.tooltip .tr{color:var(--muted);margin-bottom:6px;font-size:12px}.tooltip .ts{color:#9fd0ff}.tooltip .tv{color:var(--gold2);margin-top:6px;font-size:13px}.tooltip .cmp{margin-top:6px;font-size:13px}.tooltip .up{color:#5ee07a}.tooltip .down{color:#ff7070}.tooltip .warn{color:#ff8a70}.shop{width:380px}.shop p{color:var(--muted)}.dialog{width:460px;max-width:94vw;top:auto;bottom:170px;transform:translate(-50%)}.dialog p{margin:0 0 12px;font-size:17px;line-height:1.5}.dialog-opts{flex-direction:column;gap:6px;display:flex}.dialog-opts button{text-align:left}.portal{width:420px}.run-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.run{border:1px solid var(--line);background:#0e1019;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.run small{color:var(--muted);display:block}.help{width:420px}.keys{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.downed{text-align:center;background:#1e0608d9;border:1px solid #6b2226;border-radius:12px;padding:18px 26px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.downed h2{font-family:var(--head);color:#ff8a80;margin:0 0 6px}.downed .rev{background:#1a0a0b;border-radius:4px;height:8px;margin:12px 0;overflow:hidden}.downed .rev i{background:#5ee07a;width:0;height:100%;display:block}.floor-count{font-family:var(--head);color:#c9a8ff;text-shadow:0 2px 12px #000;font-size:30px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.toast{color:#ffd7d0;opacity:0;z-index:100;pointer-events:none;background:#2a0d10;border:1px solid #7a2a2e;border-radius:8px;padding:10px 18px;transition:all .25s;position:fixed;top:18px;left:50%;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}.lbl{white-space:nowrap;text-align:center;will-change:transform;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.lbl .nm{text-shadow:0 1px 3px #000,0 0 2px #000;font-size:14px;font-weight:700}.lbl .nm.hero{color:#fff}.lbl .nm.me{color:var(--gold2)}.lbl .nm.npc{color:#9fe0d6}.lbl .tt{color:var(--muted);text-shadow:0 1px 2px #000;font-size:12px}.lbl .hb{background:#0009;border-radius:3px;width:54px;height:5px;margin:2px auto 0;overflow:hidden}.lbl .hb i{background:#e0443c;height:100%;display:block}.lbl .hb.mob{width:44px}.lbl .lvl{color:#ffb3a0;text-shadow:0 1px 2px #000;font-size:11px}.loot-lbl{pointer-events:auto;cursor:pointer;border:1px solid var(--rc);color:var(--rc);background:#05060ad1;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.loot-lbl:hover{background:#282832f2}.dmg{color:#fff;text-shadow:0 2px 3px #000,0 0 2px #000;pointer-events:none;white-space:nowrap;font-size:18px;font-weight:800;position:absolute;top:0;left:0}.dmg.crit{color:#ffd34d;font-size:26px}.dmg.hurt{color:#ff5a4e}.dmg.heal{color:#5ee07a}.dmg.fxp{color:#c9a8ff;font-size:14px}.dmg.fgold{color:var(--gold2);font-size:14px}.party-win{width:440px;max-width:94vw}.party-members{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.pm{border:1px solid var(--line);background:#0e1019;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pm .pm-ic{font-size:22px}.pm .pm-info{flex:1;min-width:0}.pm .pm-info b{display:block}.pm .pm-info small{color:var(--muted)}.pm.off{opacity:.55}.pm .btn{padding:6px 10px;font-size:13px}.invite-row{margin-bottom:10px}.invite-row .btn,.pm .btn,.pc .btn{white-space:nowrap}.party-win .sub{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:8px 0 6px;font-size:13px;font-weight:500}.party-cands{flex-direction:column;gap:4px;max-height:180px;margin-bottom:8px;display:flex;overflow-y:auto}.pc{background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.pc small{color:var(--muted)}.pc .btn{padding:4px 10px;font-size:13px}.notices{flex-direction:column;gap:8px;width:300px;display:flex;position:absolute;top:250px;right:14px}.notice{border:1px solid var(--turq);background:#0e1019f5;border-radius:10px;padding:12px;animation:.25s nin;box-shadow:0 8px 30px #00000080}.notice p{margin:0 0 8px}.notice .row .btn{flex:1;padding:7px 10px;font-size:14px}@keyframes nin{0%{opacity:0;transform:translate(20px)}}.pf .where{color:var(--muted);margin-top:2px;font-size:12px}.pf.off{opacity:.5}.lbl .nm.party{color:#7ff0e0}