:root{--gold:#ffcf6b;--gold2:#e2a43a;--vio:#8b5cf6;--cyan:#25f4ee;--pink:#fe2c55;--ink:#0a0814;--glass:rgba(14,10,28,.62);--line:rgba(255,220,160,.18);--txt:#f5efe4;--muted:#b7aec6}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#05040a;color:var(--txt);font-family:Inter,system-ui,sans-serif;user-select:none}
#world{position:fixed;inset:0;width:100%;height:100%;display:block}
#fade{position:fixed;inset:0;background:#000;pointer-events:none;opacity:1;transition:opacity 1.6s ease;z-index:50}
#fade.out{opacity:0}
.screen{position:fixed;inset:0;display:none;z-index:10}
.screen.on{display:block}
button{font-family:inherit;color:inherit;cursor:pointer;background:none;border:0}

/* bramka */
#gate{display:none;place-items:center;background:radial-gradient(ellipse at center,rgba(40,20,70,.55),rgba(0,0,0,.92) 70%);z-index:60}
#gate.on{display:grid}
.gate-in{text-align:center;animation:rise 1.2s ease both}
.sigil{width:110px;height:110px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid rgba(255,207,107,.5);box-shadow:0 0 60px rgba(139,92,246,.5),inset 0 0 30px rgba(255,207,107,.25)}
.sigil::before,.sigil::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(255,207,107,.35);animation:spin 18s linear infinite}
.sigil::after{inset:-22px;border-style:dotted;border-color:rgba(37,244,238,.3);animation-direction:reverse;animation-duration:26s}
.sigil span{font-size:44px;color:var(--gold);text-shadow:0 0 20px var(--gold);animation:pulse 2.4s ease-in-out infinite}
.gate-title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(34px,6vw,64px);letter-spacing:.12em;text-shadow:0 0 30px rgba(139,92,246,.7)}
.gate-title b{background:linear-gradient(180deg,#fff3d1,var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.gate-sub{letter-spacing:.4em;font-size:12px;color:var(--muted);margin:8px 0 34px;text-transform:uppercase}
.gate-btn{padding:16px 34px;border-radius:40px;font-weight:700;font-size:16px;letter-spacing:.06em;border:1px solid rgba(255,207,107,.6);background:linear-gradient(180deg,rgba(255,207,107,.18),rgba(255,207,107,.05));box-shadow:0 0 30px rgba(255,207,107,.2);transition:.25s;animation:pulse 2.4s ease-in-out infinite}
.gate-btn:hover{background:linear-gradient(180deg,rgba(255,207,107,.35),rgba(255,207,107,.1));box-shadow:0 0 50px rgba(255,207,107,.45);transform:scale(1.04)}
.gate-hint{margin-top:18px;font-size:12px;color:var(--muted)}

/* tytuł */
#title{display:none;place-items:center;text-align:center;pointer-events:none}
#title.on{display:grid}
.t-small{letter-spacing:.6em;font-size:12px;color:var(--muted);opacity:0;animation:fadein 1.2s .2s forwards}
.t-big{font-family:Cinzel,serif;font-weight:900;font-size:clamp(40px,8vw,104px);letter-spacing:.08em;margin:10px 0;text-shadow:0 0 40px rgba(139,92,246,.8),0 4px 20px rgba(0,0,0,.6)}
.t-big span{display:inline-block;opacity:0;transform:translateY(30px) scale(.8);filter:blur(8px);animation:letter .9s cubic-bezier(.2,.9,.3,1.2) forwards}
.t-big em{font-style:normal;display:inline-block;background:linear-gradient(180deg,#fff3d1,var(--gold) 50%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:fadein 1.4s 1.6s forwards;filter:drop-shadow(0 0 20px rgba(255,207,107,.6))}
.t-line{width:0;height:2px;margin:6px auto 14px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:line 1.4s 1.8s forwards}
.t-sub{font-size:18px;color:#e9dcff;letter-spacing:.1em;opacity:0;animation:fadein 1.2s 2.4s forwards;font-style:italic}
.skip{position:fixed;right:24px;bottom:20px;font-size:12px;color:var(--muted);opacity:.7}

/* menu */
.brand{position:absolute;left:6vw;top:9vh;animation:slideL .9s .1s both}
.brand .b1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(28px,4vw,52px);letter-spacing:.12em;line-height:1;text-shadow:0 0 30px rgba(139,92,246,.7)}
.brand .b2{font-family:Cinzel,serif;font-weight:800;font-size:clamp(20px,2.6vw,34px);letter-spacing:.5em;background:linear-gradient(180deg,#fff3d1,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .b3{margin-top:10px;font-size:12px;color:var(--muted);letter-spacing:.08em}
.pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;padding:3px 8px;border-radius:20px;background:linear-gradient(135deg,var(--vio),var(--cyan));color:#fff;margin-right:6px;vertical-align:middle}
.pill.amber{background:rgba(255,207,107,.15);border:1px solid rgba(255,207,107,.5);color:var(--gold)}
.mnav{position:absolute;left:6vw;top:50%;transform:translateY(-38%);display:flex;flex-direction:column;gap:6px;width:min(340px,80vw)}
.mb{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:12px 18px 12px 14px;border-radius:14px;border:1px solid transparent;transition:.25s;animation:slideL .7s both}
.mb:nth-child(1){animation-delay:.25s}.mb:nth-child(2){animation-delay:.35s}.mb:nth-child(3){animation-delay:.45s}.mb:nth-child(4){animation-delay:.55s}.mb:nth-child(5){animation-delay:.65s}
.mb i{grid-row:1/3;font-style:normal;font-size:22px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);transition:.25s}
.mb span{font-family:Cinzel,serif;font-weight:800;font-size:24px;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.mb small{font-size:12px;color:var(--muted)}
.mb::before{content:"";position:absolute;left:-14px;top:50%;width:8px;height:8px;background:var(--gold);transform:translateY(-50%) rotate(45deg) scale(0);transition:.25s;box-shadow:0 0 12px var(--gold)}
.mb:hover,.mb.sel{background:linear-gradient(90deg,rgba(255,207,107,.16),rgba(255,207,107,0));border-color:rgba(255,207,107,.25);padding-left:22px}
.mb:hover::before,.mb.sel::before{transform:translateY(-50%) rotate(45deg) scale(1)}
.mb:hover i,.mb.sel i{background:rgba(255,207,107,.2);box-shadow:0 0 18px rgba(255,207,107,.35)}
.mb.main span{font-size:32px;background:linear-gradient(180deg,#fff3d1,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mb.dim span{font-size:18px;opacity:.8}
.topbar{position:absolute;right:24px;top:20px;display:flex;gap:10px;animation:fadein 1s .5s both}
.srv,.me{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);font-size:13px}
.srv .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 1.6s infinite}
.av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:linear-gradient(135deg,var(--pink),var(--vio))}
.foot{position:absolute;left:24px;right:24px;bottom:16px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);animation:fadein 1s .8s both}
body.panelopen .mnav,body.panelopen .brand{opacity:.25;filter:blur(1px);pointer-events:none;transition:.4s}
body.heroopen .mnav,body.heroopen .brand{opacity:0}

/* panele */
.panel{position:fixed;right:4vw;top:50%;width:min(460px,92vw);max-height:84vh;overflow:auto;transform:translate(40px,-50%);opacity:0;pointer-events:none;transition:.45s cubic-bezier(.2,.9,.3,1);z-index:20;padding:22px 24px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(24,16,44,.82),rgba(10,8,20,.86));border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.panel.on{transform:translate(0,-50%);opacity:1;pointer-events:auto}
.panel.wide{width:min(420px,92vw)}
#p-hero{left:4vw;right:auto;transform:translate(-40px,-50%)}#p-hero.on{transform:translate(0,-50%)}
.panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.panel h2{font-family:Cinzel,serif;font-weight:800;font-size:24px;letter-spacing:.06em;color:var(--gold)}
.x{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);font-size:14px;transition:.2s}.x:hover{background:rgba(255,255,255,.15);transform:rotate(90deg)}
.lbl{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:16px 0 8px}
input#hName{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--txt);font-size:16px;font-family:Cinzel,serif;font-weight:800;letter-spacing:.06em;outline:none}
input#hName:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,207,107,.15)}
.err{color:#ff8a8a;font-size:12px;min-height:16px;margin-top:4px}
.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cls{padding:12px 6px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-align:center;transition:.2s}
.cls .ci{font-size:28px;display:block}.cls b{font-family:Cinzel,serif;font-size:14px;letter-spacing:.04em}
.cls:hover{border-color:rgba(255,207,107,.4)}.cls.on{border-color:var(--gold);background:linear-gradient(180deg,rgba(255,207,107,.18),rgba(255,207,107,.03));box-shadow:0 0 24px rgba(255,207,107,.2)}
.cdesc{font-size:13px;color:var(--muted);margin-top:10px;min-height:36px}
.stats{display:grid;gap:7px;margin-top:6px}
.st{display:grid;grid-template-columns:90px 1fr 22px;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.st .bar{height:7px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}.st .bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .5s cubic-bezier(.2,.9,.3,1)}
.st b{color:var(--txt);text-align:right}
.colors{display:flex;gap:8px;flex-wrap:wrap}
.colors button{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);transition:.2s}.colors button.on{border-color:#fff;transform:scale(1.15);box-shadow:0 0 14px rgba(255,255,255,.4)}
.hint{font-size:12px;color:var(--muted);margin-top:12px}
.cta{width:100%;margin-top:18px;padding:15px;border-radius:14px;font-family:Cinzel,serif;font-weight:800;font-size:18px;letter-spacing:.08em;color:#2a1a05;background:linear-gradient(180deg,#ffe6a8,var(--gold) 50%,var(--gold2));box-shadow:0 10px 30px rgba(255,207,107,.25),inset 0 1px 0 rgba(255,255,255,.6);transition:.2s;display:flex;flex-direction:column;align-items:center}
.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,207,107,.4)}
.cta:disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}
.cta small{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;opacity:.8}
.srvlist{display:flex;flex-direction:column;gap:10px}
.srvcard{display:flex;gap:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.srvcard.on{border-color:rgba(255,207,107,.5);background:linear-gradient(135deg,rgba(255,207,107,.1),rgba(139,92,246,.08))}
.srvcard.locked{opacity:.5}
.sc-art{width:58px;height:58px;flex:0 0 58px;border-radius:14px;display:grid;place-items:center;font-size:32px;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.5),rgba(0,0,0,.4))}
.sc-body{flex:1;min-width:0}.sc-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.sc-top b{font-family:Cinzel,serif;font-size:18px}
.sc-meta{font-size:12px;color:var(--muted);margin:2px 0 8px}
.sc-bar{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sc-bar b{color:var(--txt)}
.mini{height:5px;border-radius:4px;background:rgba(255,255,255,.07);margin-top:4px;overflow:hidden}.mini i{display:block;height:100%;background:var(--gold)}
.herobox{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed var(--line);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px}
.herobox b{color:var(--txt);font-family:Cinzel,serif;font-size:16px}.herobox .hi{font-size:26px}
.herobox button{margin-left:auto;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,207,107,.4);color:var(--gold);font-weight:700;font-size:12px}
.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button{flex:1;padding:9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--muted)}
.tabs button.on{background:rgba(255,207,107,.15);border-color:rgba(255,207,107,.5);color:var(--gold)}
.tab{display:none}.tab.on{display:block;animation:fadein .3s}
.opt{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.opt>span{flex:1}.opt input[type=range]{width:150px;accent-color:var(--gold)}.opt b{width:30px;text-align:right;font-size:13px}
.seg{display:flex;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.seg button{padding:6px 10px;border-radius:7px;font-size:12px;font-weight:700;color:var(--muted)}.seg button.on{background:rgba(255,207,107,.2);color:var(--gold)}
.sw{position:relative;width:44px;height:24px;cursor:pointer}.sw input{display:none}.sw i{position:absolute;inset:0;border-radius:20px;background:rgba(255,255,255,.12);transition:.2s}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked+i{background:var(--gold2)}.sw input:checked+i::after{left:23px}
.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}
kbd{display:inline-block;min-width:26px;text-align:center;padding:2px 7px;margin-right:6px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-bottom-width:3px;color:var(--txt);font-family:inherit;font-size:12px;font-weight:700}
.road{position:relative;padding-left:22px}
.road::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(139,92,246,.4),transparent)}
.rv{position:relative;padding:8px 0 12px}
.rv::before{content:"";position:absolute;left:-20px;top:13px;width:12px;height:12px;border-radius:50%;background:#1a1430;border:2px solid rgba(255,255,255,.25)}
.rv.done::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold)}
.rv.next::before{border-color:var(--cyan);animation:pulse 1.6s infinite}
.rv b{display:block;font-family:Cinzel,serif;font-size:15px}.rv.done b{color:var(--gold)}.rv.next b{color:var(--cyan)}
.rv span{font-size:13px;color:var(--muted)}
#toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,20px);opacity:0;padding:12px 20px;border-radius:30px;background:var(--glass);border:1px solid rgba(255,207,107,.4);backdrop-filter:blur(10px);font-weight:600;font-size:14px;transition:.35s;z-index:70;pointer-events:none}
#toast.on{opacity:1;transform:translate(-50%,0)}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{opacity:.6}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
@keyframes fadein{to{opacity:1}}
@keyframes letter{to{opacity:1;transform:none;filter:none}}
@keyframes line{to{width:min(520px,70vw)}}
@keyframes slideL{from{opacity:0;transform:translateX(-40px)}}
.mnav .mb{animation-name:slideL}
@media (max-width:760px){.brand{left:20px;top:20px}.mnav{left:16px;top:auto;bottom:70px;transform:none}.mb span{font-size:18px}.mb.main span{font-size:24px}.panel,#p-hero{left:4vw;right:4vw;width:auto}.topbar{top:auto;bottom:40px;right:16px}}
#menu{pointer-events:none}#menu .mnav,#menu .topbar{pointer-events:auto}body.panelopen #menu .mnav{pointer-events:none}

/* ===== v0.0.2 – świat ===== */
#flash{position:fixed;inset:0;background:radial-gradient(circle,#fff,#ffe6a8 60%,#ffcf6b);opacity:0;pointer-events:none;z-index:55;transition:opacity .5s ease}
#flash.on{opacity:1;transition:opacity .35s ease}
#loading{display:none;place-items:center;z-index:54;background:radial-gradient(ellipse at center,rgba(40,20,70,.85),#05040a 75%)}
#loading.on{display:grid}
.ld-in{text-align:center}.ld-in b{display:block;font-family:Cinzel,serif;font-size:24px;letter-spacing:.1em;margin-top:6px}.ld-in small{color:var(--muted);letter-spacing:.2em;font-size:11px;text-transform:uppercase}
#hud{pointer-events:none;z-index:12}
#hud .chat,#hud .chat *{pointer-events:auto}
.hframe{position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);min-width:270px}
.hav{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 30% 30%,rgba(255,207,107,.35),rgba(20,12,40,.9));border:2px solid var(--gold);box-shadow:0 0 16px rgba(255,207,107,.35)}
.hinfo{flex:1}.hname{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.hname b{font-family:Cinzel,serif;font-size:16px;letter-spacing:.04em}.hname span{font-size:11px;color:var(--gold);font-weight:800}
.hbar{position:relative;height:13px;border-radius:7px;background:rgba(0,0,0,.5);overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.1)}
.hbar i{display:block;height:100%;transition:width .3s}.hbar.hp i{background:linear-gradient(90deg,#c0283c,#ff5a6a)}.hbar.mp i{background:linear-gradient(90deg,#2a5ad8,#5fb8ff)}
.hbar span{position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;font-weight:800;text-shadow:0 1px 2px #000}
.mapbox{position:absolute;right:20px;top:18px;width:196px;text-align:center}
.compass{position:relative;height:24px;overflow:hidden;border-radius:12px;background:var(--glass);border:1px solid var(--line);margin-bottom:8px;-webkit-mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.cstrip{position:absolute;top:0;left:0;height:100%;white-space:nowrap}
.cstrip span{position:absolute;top:4px;font-size:11px;font-weight:800;transform:translateX(-50%);color:var(--muted)}.cstrip span.c{color:var(--gold);font-size:13px;top:3px}.cstrip span.t{top:9px;width:1px;height:6px;background:rgba(255,255,255,.3)}
.cmark{position:absolute;left:50%;bottom:0;width:0;height:0;border:5px solid transparent;border-bottom-color:var(--gold);transform:translateX(-50%)}
#mini{width:180px;height:180px;border-radius:50%;border:3px solid rgba(255,207,107,.6);box-shadow:0 0 0 4px rgba(10,8,20,.6),0 10px 30px rgba(0,0,0,.5);background:#1a2a3a}
.mapinfo{display:flex;justify-content:space-between;gap:6px;margin-top:6px;padding:5px 10px;border-radius:10px;background:var(--glass);border:1px solid var(--line);font-size:11.5px;font-weight:700}
.mapinfo #clock{color:var(--gold)}
.zonebanner{position:absolute;left:50%;top:16%;transform:translateX(-50%);text-align:center;opacity:0;pointer-events:none}
.zonebanner.on{animation:zb 4.2s ease forwards}
.zonebanner small{display:block;letter-spacing:.5em;font-size:11px;color:var(--muted)}
.zonebanner b{display:block;font-family:Cinzel,serif;font-weight:900;font-size:clamp(28px,4vw,48px);letter-spacing:.08em;background:linear-gradient(180deg,#fff3d1,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.7))}
.zonebanner i{display:block;height:2px;width:min(420px,60vw);margin:6px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
@keyframes zb{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%,0)}80%{opacity:1}100%{opacity:0}}
.bottom{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.skills{display:flex;gap:8px}
.sk{position:relative;width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,rgba(30,22,52,.9),rgba(10,8,20,.9));border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.sk .k{position:absolute;left:5px;top:3px;font-size:10px;font-weight:800;color:var(--gold)}.sk .lk{position:absolute;right:4px;bottom:2px;font-size:11px}
.sk.locked{filter:grayscale(.8) brightness(.7)}.sk.ping{animation:skp .4s}@keyframes skp{50%{transform:scale(1.12);box-shadow:0 0 18px rgba(255,207,107,.5)}}
.xp{position:relative;width:min(420px,70vw);height:10px;border-radius:6px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);overflow:hidden}.xp i{display:block;height:100%;background:linear-gradient(90deg,var(--vio),var(--cyan))}.xp span{position:absolute;inset:0;display:grid;place-items:center;font-size:8.5px;font-weight:800;letter-spacing:.08em}
.chat{position:absolute;left:20px;bottom:18px;width:min(380px,40vw)}
.chatlog{max-height:170px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;margin-bottom:6px;-webkit-mask:linear-gradient(transparent,#000 30%);mask:linear-gradient(transparent,#000 30%)}
.cl{font-size:13px;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.6);line-height:1.35;animation:fadein .3s}.cl b{color:var(--gold)}.cl.sys{color:#9fe7ff}.cl.npc b{color:#c9b8ff}
#chatIn{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:var(--txt);font-family:inherit;font-size:13px;outline:none;opacity:.55;transition:.2s}
#chatIn:focus{opacity:1;background:rgba(10,8,20,.85);border-color:var(--gold)}
.prompt2{position:absolute;left:50%;top:62%;transform:translateX(-50%);padding:8px 16px;border-radius:12px;background:var(--glass);border:1px solid rgba(255,207,107,.5);font-weight:700;font-size:14px;display:none}
.prompt2 kbd{background:var(--gold);color:#2a1a05;border:0}
.hint2{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-size:12px;color:var(--muted);padding:6px 14px;border-radius:20px;background:rgba(0,0,0,.35);transition:opacity .6s}
.tag3{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;pointer-events:none}
.tag3 b{font-family:Cinzel,serif;font-weight:800;font-size:14px;letter-spacing:.04em;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.8)}
.tag3.me b{color:#fff3d1}.tag3.npc b{color:#c9b8ff}.tag3 small{display:block;font-size:10px;color:var(--gold);font-weight:700;text-shadow:0 1px 3px #000}
.tag3 .bub{display:none;max-width:240px;white-space:normal;margin:0 auto 6px;padding:8px 12px;border-radius:12px;background:rgba(255,250,240,.95);color:#2a1a10;font-size:13px;font-weight:600;line-height:1.35;box-shadow:0 6px 20px rgba(0,0,0,.4);position:relative}
.tag3 .bub::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(255,250,240,.95);border-bottom:0}
.tag3 .bub.on{display:block;animation:rise .25s}
#bigmap{display:none;place-items:center;z-index:40;background:rgba(5,4,10,.7);backdrop-filter:blur(6px)}
#bigmap.on{display:grid}
.bm-in{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(24,16,44,.92),rgba(10,8,20,.94));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bm-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.bm-head b{font-family:Cinzel,serif;font-size:22px;color:var(--gold)}.bm-head span{font-size:12px;color:var(--muted)}
#bigc{width:min(640px,80vh,90vw);height:min(640px,80vh,90vw);border-radius:12px;display:block;border:2px solid rgba(255,207,107,.35)}
.bm-legend{text-align:center;font-size:12px;color:var(--muted);margin-top:8px}
#pause{display:none;place-items:center;z-index:30;background:radial-gradient(ellipse at center,rgba(20,12,40,.55),rgba(0,0,0,.75));backdrop-filter:blur(4px)}
#pause.on{display:grid}
.pz-in{display:flex;flex-direction:column;align-items:center;gap:10px;animation:rise .35s}
.pz-t{font-family:Cinzel,serif;font-weight:900;font-size:44px;letter-spacing:.3em;margin-bottom:10px;background:linear-gradient(180deg,#fff3d1,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pzb{width:280px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--glass);font-family:Cinzel,serif;font-weight:800;font-size:17px;letter-spacing:.06em;transition:.2s}
.pzb:hover{border-color:rgba(255,207,107,.6);background:linear-gradient(90deg,rgba(255,207,107,.18),rgba(255,207,107,.04));transform:translateX(4px)}
.pzb.main{color:#2a1a05;background:linear-gradient(180deg,#ffe6a8,var(--gold) 50%,var(--gold2));border:0}.pzb.dim{opacity:.75;font-size:15px}
.pz-ver{margin-top:10px;font-size:12px;color:var(--muted)}
body.inworld .panel{z-index:45}
.zonebanner em{display:block;margin-top:6px;font-style:normal;font-size:14px;font-weight:700;letter-spacing:.06em;color:#ffd9a0;text-shadow:0 2px 8px #000}
.tag3.poi b,.tag3.boss b{font-family:Inter,sans-serif;font-size:13px;font-weight:800;padding:4px 10px;border-radius:10px;background:rgba(20,12,30,.72);border:1px solid rgba(255,207,107,.5);color:#ffe6a8}
.tag3.boss b{border-color:rgba(255,80,80,.7);color:#ffb0b0;background:rgba(40,8,12,.78)}

/* ===== HUD MMO v0.0.3 ===== */
#hud{--fr:linear-gradient(180deg,rgba(28,20,44,.88),rgba(12,9,22,.9));--edge:rgba(255,207,107,.35)}
#hud .uf,#hud .tf,#hud .mm,#hud .qt,#hud .micro,#hud .purse,#hud .chat,#hud .ab,#hud .win,#hud .mm *{pointer-events:auto}
.uf,.tf{position:absolute;top:16px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:40px 14px 14px 40px;background:var(--fr);border:1px solid var(--edge);box-shadow:0 8px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.uf{left:16px;width:330px}.tf{left:362px;width:250px;display:none;border-color:rgba(120,220,140,.4)}.tf.on{display:flex;animation:fadein .2s}
.uf-por{position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 35% 30%,rgba(255,207,107,.4),rgba(18,12,32,.95) 70%);border:3px solid #c8963a;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 18px rgba(255,207,107,.35)}
.uf-por.small{width:48px;height:48px;flex-basis:48px;font-size:22px;border-color:#5aa86a}
.uf-lvl{position:absolute;left:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#2a1a05;background:linear-gradient(180deg,#ffe6a8,#e2a43a);border:2px solid #2a1a05}
.uf-main{flex:1;min-width:0}.uf-name{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.uf-name b{font-family:Cinzel,serif;font-size:15px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uf-name small{font-size:10.5px;color:var(--gold);font-weight:700}
#hud .bar{position:relative;height:14px;border-radius:4px;background:rgba(0,0,0,.6);overflow:hidden;margin-top:3px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}
#hud .bar i{display:block;height:100%;transition:width .35s;position:relative}#hud .bar i::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0))}
#hud .bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;font-weight:800;text-shadow:0 1px 2px #000;letter-spacing:.04em}
#hud .bar.hp i{background:linear-gradient(90deg,#8a1424,#e0303c 60%,#ff6a6a)}#hud .bar.mp i{background:linear-gradient(90deg,#1a3a9a,#2a6ae0 60%,#6ab0ff)}#hud .bar.fr i{background:linear-gradient(90deg,#2a7a3a,#4ac060)}
#hud .bar.st{height:6px;margin-top:3px}#hud .bar.st i{background:linear-gradient(90deg,#c88a1a,#ffd23b)}#hud .bar.st.tired i{background:#8a5a2a;animation:pulse .5s infinite}
.buffs{display:flex;gap:4px;margin-top:5px}.buff{position:relative;width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:13px;background:rgba(0,0,0,.5);border:1px solid rgba(120,220,140,.5)}.buff.bad{border-color:rgba(255,90,90,.6)}
.compass2{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:min(420px,40vw);height:30px;border-radius:6px;overflow:hidden;background:var(--fr);border:1px solid var(--edge);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.compass2 .cstrip{position:absolute;top:0;left:0;height:100%}.compass2 .cstrip span{position:absolute;top:7px;font-size:12px;font-weight:800;transform:translateX(-50%);color:var(--muted)}.compass2 .cstrip span.c{color:var(--gold);font-size:14px;top:6px}.compass2 .cstrip span.t{top:18px;width:1px;height:7px;background:rgba(255,255,255,.3)}
.cmarks{position:absolute;inset:0}.cmarks i{position:absolute;top:2px;font-style:normal;font-size:12px;transform:translateX(-50%);filter:drop-shadow(0 1px 2px #000)}
.compass2 .cmark{position:absolute;left:50%;bottom:0;border:5px solid transparent;border-bottom-color:var(--gold);transform:translateX(-50%)}
.cz{display:none}
.mm{position:absolute;right:16px;top:14px;width:216px;text-align:center}
.mm-ring{position:relative;width:216px;height:216px;border-radius:50%;padding:8px;background:conic-gradient(from 0deg,#c8963a,#ffe6a8,#c8963a,#7a5a20,#c8963a,#ffe6a8,#c8963a);box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 2px rgba(0,0,0,.6)}
#mini{width:200px;height:200px;border-radius:50%;display:block;background:#1a2a3a;box-shadow:inset 0 0 20px rgba(0,0,0,.7)}
.mm-n{position:absolute;left:50%;top:-2px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:#1a1028;border:2px solid #c8963a;color:var(--gold)}
.mm-b{position:absolute;width:28px;height:28px;border-radius:50%;background:#1a1028;border:2px solid #c8963a;color:#ffe6a8;font-weight:900;font-size:15px;display:grid;place-items:center;transition:.15s}.mm-b:hover{background:#3a2a50;transform:scale(1.1)}
.mm-b.zin{right:2px;bottom:46px}.mm-b.zout{right:16px;bottom:14px}.mm-b.mapb{left:2px;bottom:46px;font-size:13px}
.mm-info{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding:6px 12px;border-radius:10px;background:var(--fr);border:1px solid var(--edge);font-size:12px;font-weight:700}.mm-info #clock{color:var(--gold)}
.mm-xy{font-size:10.5px;color:var(--muted);margin-top:3px}
.qt{position:absolute;right:16px;top:300px;width:250px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(12,9,22,0),rgba(12,9,22,.7) 30%);text-align:right}
.qt h4{font-family:Cinzel,serif;font-size:12px;letter-spacing:.14em;color:var(--gold);margin-bottom:6px}
.qt .q{margin-bottom:9px}.qt .q b{display:block;font-size:13px;color:#ffe6a8;text-shadow:0 1px 3px #000}.qt .q div{font-size:12px;color:#e8e0f0;text-shadow:0 1px 3px #000}.qt .q div.ok{color:#7ff0bf;text-decoration:line-through;opacity:.8}
.qt .q.done b{color:#7ff0bf}
.notes{position:absolute;left:50%;top:150px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.note{padding:8px 18px;border-radius:30px;background:linear-gradient(90deg,rgba(40,24,6,.0),rgba(40,24,6,.85) 20%,rgba(40,24,6,.85) 80%,rgba(40,24,6,0));color:#ffe6a8;font-weight:800;font-size:14px;text-shadow:0 1px 3px #000;animation:noteIn 3.4s ease forwards;white-space:nowrap}
.note b{color:#7ff0bf}.note.q{color:#9ff5c8}
@keyframes noteIn{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.indoor{position:absolute;left:50%;top:52px;transform:translateX(-50%);font-family:Cinzel,serif;font-size:13px;color:#ffe6a8;text-shadow:0 1px 4px #000;opacity:0;transition:.4s}.indoor.on{opacity:1}
.ab{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.ab-row{padding:6px 8px;border-radius:14px;background:var(--fr);border:1px solid var(--edge);box-shadow:0 10px 30px rgba(0,0,0,.5)}
#hud .skills{display:flex;gap:5px}
#hud .sk{position:relative;width:50px;height:50px;border-radius:9px;display:grid;place-items:center;font-size:22px;background:linear-gradient(180deg,#2a2040,#120c20);border:1px solid rgba(255,207,107,.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 6px 10px rgba(255,255,255,.04);cursor:pointer;transition:.12s}
#hud .sk:hover{border-color:var(--gold);transform:translateY(-2px)}#hud .sk .k{position:absolute;left:4px;top:2px;font-size:10px;font-weight:900;color:var(--gold);text-shadow:0 1px 2px #000}
#hud .sk .n{position:absolute;right:4px;bottom:2px;font-size:11px;font-weight:900;text-shadow:0 1px 2px #000}#hud .sk .lk{position:absolute;right:3px;bottom:1px;font-size:10px}
#hud .sk.locked{filter:grayscale(.85) brightness(.6)}#hud .sk.empty{opacity:.45}#hud .sk.sep{margin-left:10px}
.xp2{position:relative;width:min(640px,60vw);height:12px;border-radius:6px;background:rgba(0,0,0,.7);border:1px solid rgba(255,207,107,.35);overflow:hidden}
.xp2 i{display:block;height:100%;background:linear-gradient(90deg,#6a3ab0,#a46aff 70%,#d8b8ff);transition:width .6s}.xp2 .ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.6) calc(10% - 1px) 10%)}
.xp2 span{position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-shadow:0 1px 2px #000}
.micro{position:absolute;right:16px;bottom:44px;display:flex;gap:4px;padding:5px;border-radius:12px;background:var(--fr);border:1px solid var(--edge)}
.micro button{position:relative;width:38px;height:38px;border-radius:8px;font-size:18px;background:linear-gradient(180deg,#2a2040,#120c20);border:1px solid rgba(255,207,107,.25);transition:.15s}.micro button:hover{border-color:var(--gold);transform:translateY(-2px)}.micro button.on{border-color:var(--gold);box-shadow:0 0 12px rgba(255,207,107,.4)}
.micro small{position:absolute;right:2px;bottom:0;font-size:8px;font-weight:900;color:var(--gold)}
.purse{position:absolute;right:16px;bottom:12px;display:flex;gap:12px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:10px;background:var(--fr);border:1px solid var(--edge)}.purse b{color:var(--gold)}#fps2{color:var(--muted)}
#hud .chat{position:absolute;left:16px;bottom:12px;width:min(400px,30vw);padding:8px;border-radius:12px;background:rgba(10,8,20,.35);transition:background .3s}#hud .chat:hover,#hud .chat:focus-within{background:rgba(10,8,20,.78)}
.ctabs{display:flex;gap:3px;margin-bottom:6px}.ctabs button{font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px 7px 0 0;background:rgba(255,255,255,.06);color:var(--muted)}.ctabs button.on{background:rgba(255,207,107,.18);color:var(--gold)}
#hud .chatlog{max-height:150px}
.cl.local b{color:#9ff5c8}.cl.trade b{color:#ffb070}.cl.lvl{color:#ffd23b;font-weight:700}
.tag3.vil b{font-family:Cinzel,serif;font-size:14px;padding:4px 12px;border-radius:10px;background:rgba(20,30,20,.72);border:1px solid rgba(160,230,150,.55);color:#d8ffd0}
/* okna */
.win{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);opacity:0;pointer-events:none!important;width:min(560px,92vw);max-height:76vh;overflow:auto;border-radius:16px;background:linear-gradient(180deg,rgba(30,22,48,.96),rgba(12,9,22,.97));border:2px solid #8a6a2a;box-shadow:0 30px 80px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,207,107,.15);transition:.18s}
.win.on{opacity:1;transform:translate(-50%,-50%);pointer-events:auto!important}
.win header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,207,107,.2);background:linear-gradient(90deg,rgba(255,207,107,.12),transparent)}.win header b{font-family:Cinzel,serif;font-size:17px;color:var(--gold);letter-spacing:.05em}
.win header button{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08)}.wc{padding:14px}
.eq{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:center}.eq .col{display:flex;flex-direction:column;gap:8px}
.slot{position:relative;width:52px;height:52px;border-radius:9px;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,#2a2040,#120c20);border:1px solid rgba(255,255,255,.12);cursor:default}
.slot.q1{border-color:#9a9a9a}.slot.q2{border-color:#4ac060;box-shadow:0 0 8px rgba(74,192,96,.35)}.slot.q3{border-color:#4a8aff;box-shadow:0 0 8px rgba(74,138,255,.4)}.slot.q4{border-color:#b04aff;box-shadow:0 0 10px rgba(176,74,255,.45)}
.slot small{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:900;text-shadow:0 1px 2px #000}.slot em{position:absolute;left:0;right:0;bottom:-15px;font-style:normal;font-size:9px;color:var(--muted);text-align:center}
.eq .doll{display:grid;place-items:center;height:240px;border-radius:14px;background:radial-gradient(circle,rgba(255,207,107,.15),transparent 70%);font-size:110px}
.stats2{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:16px;font-size:13px}.stats2 div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.08);padding:3px 0}.stats2 b{color:var(--gold)}
.grid30{display:grid;grid-template-columns:repeat(6,52px);gap:7px;justify-content:center}
.ql{display:grid;grid-template-columns:200px 1fr;gap:14px}.ql .li{display:flex;flex-direction:column;gap:4px}.ql .li button{text-align:left;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);font-size:13px;font-weight:700}.ql .li button.on{background:rgba(255,207,107,.16);color:var(--gold)}.ql .li button.done{color:#7ff0bf}
.ql .de h3{font-family:Cinzel,serif;color:#ffe6a8;margin-bottom:6px}.ql .de p{font-size:13px;color:#d8d0e8;line-height:1.5}.ql .de .obj{margin-top:10px;font-size:13px}.ql .de .rw{margin-top:12px;font-size:12px;color:var(--gold)}
.skl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skl .s{display:flex;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.skl .s .i{font-size:28px}.skl .s b{display:block;font-size:14px}.skl .s small{font-size:11.5px;color:var(--muted)}.skl .s em{display:block;font-style:normal;font-size:11px;color:#ff9a9a;margin-top:4px}
.tip{position:fixed;z-index:80;max-width:260px;padding:10px 12px;border-radius:10px;background:rgba(10,8,18,.96);border:1px solid #8a6a2a;font-size:12.5px;pointer-events:none;display:none;box-shadow:0 10px 30px rgba(0,0,0,.6)}.tip b{display:block;font-size:14px;margin-bottom:3px}.tip .q2{color:#6ae07a}.tip .q3{color:#6aa8ff}.tip .q4{color:#c88aff}.tip i{display:block;font-style:normal;color:var(--muted);margin-top:4px}
.lvlup{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none}
.lvlup.on{animation:lvl 3.6s ease forwards}.lvlup small{display:block;letter-spacing:.6em;font-size:14px;color:#ffe6a8;font-weight:800}.lvlup b{display:block;font-family:Cinzel,serif;font-weight:900;font-size:64px;background:linear-gradient(180deg,#fff3d1,var(--gold) 55%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(255,180,40,.6))}.lvlup em{font-style:normal;font-size:14px;color:#d8ffd0;font-weight:700;text-shadow:0 1px 4px #000}
.lvlup .rays{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,207,107,.22) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 65%);mask:radial-gradient(circle,#000 20%,transparent 65%);animation:spin 12s linear infinite;z-index:-1}
@keyframes lvl{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
@media (max-width:1100px){.qt{display:none}.tf{left:16px;top:110px}}
.tf{left:16px!important;top:118px!important;border-radius:30px 12px 12px 30px}
.notes{top:30%!important}
/* ===== v0.0.4: walka ===== */
.tag3,.mtag{left:0;top:0;will-change:transform}
.tag3 .qm{display:block;font-style:normal;font-family:Cinzel,serif;font-weight:900;font-size:26px;color:#ffd23b;text-shadow:0 0 10px rgba(255,200,60,.9),0 2px 3px #000;animation:qbob 1.2s ease-in-out infinite;line-height:1}
@keyframes qbob{50%{transform:translateY(-5px)}}
.mtag{position:absolute;pointer-events:none;text-align:center;white-space:nowrap}
.mtag b{display:block;font:800 12px Inter,sans-serif;color:#ffb8a8;text-shadow:0 1px 3px #000,0 0 6px #000;opacity:.85}
.mtag b em{font-style:normal;display:inline-block;min-width:18px;margin-right:5px;padding:0 4px;border-radius:5px;background:rgba(120,20,20,.85);color:#fff;font-size:10px;line-height:15px}
.mtag.lvlhi b em{background:#b01a2a;box-shadow:0 0 8px rgba(255,40,40,.8)}
.mtag .mhp{width:64px;height:6px;margin:3px auto 0;border-radius:4px;background:rgba(0,0,0,.65);border:1px solid rgba(0,0,0,.8);overflow:hidden;opacity:0;transition:opacity .2s}
.mtag .mhp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a0141e,#ff4a4a);transition:width .15s}
.mtag.fight .mhp,.mtag.sel .mhp{opacity:1}.mtag.sel b{color:#fff;opacity:1}.mtag.sel .mhp{border-color:#ffcf6b}
.mtag.boss b{font:900 15px Cinzel,serif;color:#ff8a8a}.mtag.boss .mhp{width:110px;height:8px}
.mtag.dummy b{color:#ffe6a8}.mtag.dummy .mhp{display:none}
.dmgf{position:absolute;left:0;top:0;pointer-events:none;font:900 20px Inter,sans-serif;color:#fff;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.8);white-space:nowrap}
.dmgf.crit{font-size:28px;color:#ffd23b;text-shadow:0 2px 0 #5a2a00,0 0 14px rgba(255,180,0,.8)}.dmgf.me{color:#ff5a5a;font-size:22px}.dmgf.heal{color:#7fffa0}.dmgf.dum{color:#ffe6a8}
#hud .sk .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:rgba(0,0,0,.62);border-radius:0 0 9px 9px;pointer-events:none}
#hud .sk.nomana{filter:saturate(.3) brightness(.75);box-shadow:inset 0 0 0 2px rgba(60,120,255,.6)}
.tf.hostile{border-color:rgba(255,90,90,.55)!important}.tf.hostile .bar.fr i{background:linear-gradient(90deg,#8a1424,#e0303c 60%,#ff6a6a)!important}
.uf.low{animation:lowhp 1s infinite}@keyframes lowhp{50%{box-shadow:0 0 30px rgba(255,40,40,.65)}}
.bossbar{position:absolute;top:70px;left:50%;transform:translateX(-50%);width:min(560px,60vw);text-align:center;display:none;pointer-events:none}
.bossbar.on{display:block;animation:fadein .3s}
.bossbar .bb-t b{font:900 22px Cinzel,serif;color:#ffd0c0;letter-spacing:.08em;text-shadow:0 2px 4px #000,0 0 16px rgba(255,60,40,.6)}.bossbar .bb-t small{display:block;font:700 11px Inter;color:#ffcf6b;letter-spacing:.2em;text-transform:uppercase;margin:2px 0 6px}
.bossbar .bb-bar{position:relative;height:18px;border-radius:9px;background:rgba(10,4,8,.8);border:2px solid rgba(255,207,107,.55);overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.6)}
.bossbar .bb-bar i{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#6a0a14,#d0202c 60%,#ff5a4a);transition:width .2s}
.bossbar .bb-bar span{position:absolute;inset:0;display:grid;place-items:center;font:800 11px Inter;text-shadow:0 1px 2px #000}
.bossbar.enr .bb-bar{border-color:#ff3b3b;animation:enr .6s infinite}@keyframes enr{50%{box-shadow:0 0 26px rgba(255,40,40,.9)}}
.bossdown{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none}
.bossdown.on{animation:bdown 4.5s forwards}
@keyframes bdown{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
.bossdown small{font:800 14px Inter;letter-spacing:.4em;color:#ffcf6b}.bossdown b{display:block;font:900 52px Cinzel,serif;color:#fff3d1;text-shadow:0 0 30px rgba(255,200,80,.8),0 4px 8px #000}.bossdown em{font:600 15px Inter;color:#e8e0f0;font-style:normal}
.hurtfx{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at center,transparent 50%,rgba(200,0,0,.55))}
.death{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(ellipse at center,rgba(40,0,0,.35),rgba(10,0,0,.8));pointer-events:none;text-align:center}
.death.on{display:grid;animation:fadein .6s}.death small{font:800 14px Inter;letter-spacing:.5em;color:#ff9a9a}.death b{display:block;font:900 46px Cinzel,serif;color:#ffe0d8;margin:8px 0;text-shadow:0 4px 12px #000}.death em{font:600 15px Inter;color:#e8d8d8;font-style:normal}
.stones{position:absolute;inset:0;display:none;place-items:center;background:rgba(6,4,14,.55);pointer-events:auto}
.stones.on{display:grid;animation:fadein .2s}
.st-in{width:min(440px,92vw);padding:18px;border-radius:16px;background:var(--fr,rgba(16,12,28,.95));border:1px solid rgba(127,232,255,.45);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.st-in header{display:flex;justify-content:space-between;align-items:center;font:800 18px Cinzel,serif;color:#dff8ff}.st-in header button{background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.st-in p{font-size:13px;color:#b8b0c8;margin:8px 0 12px}
.st-list{display:grid;gap:6px}.st-list button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(127,232,255,.25);background:rgba(127,232,255,.06);color:#fff;cursor:pointer;text-align:left;font:600 14px Inter}
.st-list button:hover:not([disabled]){background:rgba(127,232,255,.16);border-color:#7fe8ff}.st-list button[disabled]{opacity:.4;cursor:not-allowed}.st-list button b{flex:1}.st-list button small{color:#7fe8ff;font-size:11px}
#bigc{max-width:96vw}
#bigc{width:auto;height:auto;max-height:82vh}
.stones{z-index:60}
/* ===== skala interfejsu (Ustawienia → Rozmiar interfejsu) ===== */
:root{--ui:1.3}
#hud .uf,#hud .tf,#hud .compass2,#hud .mm,#hud .qt,#hud .ab,#hud .micro,#hud .purse,#hud .chat,#hud .win,#hud .bossbar,#hud .zonebanner,#hud .notes,#hud .prompt2,#hud .indoor,#hud .hint2,#hud .lvlup,#hud .bossdown,#hud .death>div,#hud .st-in,#bigmap .bm-in,#pause .pz-in,#tip{zoom:var(--ui)}
#hud .chat{width:440px}#hud .chatlog{max-height:210px}.cl{font-size:14.5px}#chatIn{font-size:14.5px;padding:10px 13px;opacity:.75}.ctabs button{font-size:12.5px;padding:5px 11px}
.tag3 b{font-size:calc(14px * var(--ui))}.tag3 small{font-size:calc(10px * var(--ui))}.tag3 .bub{font-size:calc(13px * var(--ui));max-width:calc(240px * var(--ui))}
.tag3.poi b,.tag3.boss b,.tag3.vil b{font-size:calc(13px * var(--ui))}
.mtag b{font-size:calc(12px * var(--ui))}.mtag b em{font-size:calc(10px * var(--ui));line-height:calc(15px * var(--ui))}.mtag .mhp{width:calc(64px * var(--ui));height:calc(6px * var(--ui))}.mtag.boss b{font-size:calc(15px * var(--ui))}.mtag.boss .mhp{width:calc(110px * var(--ui))}
.dmgf{font-size:calc(20px * var(--ui))}.dmgf.crit{font-size:calc(28px * var(--ui))}.dmgf.me{font-size:calc(22px * var(--ui))}
#hud .hint2{top:auto;bottom:118px;color:#e8e0f0;background:rgba(0,0,0,.55)}
#hud .chat{width:380px}#hud .xp2{width:470px}

/* ===== kursory gry ===== */
body, #world, .screen, button, a, label{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff3c4%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffcf6b%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b8741a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M3%203%20L33%2015%20L20%2019%20L15%2033%20Z%22%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%232a1606%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7%207%20L25%2015%20L18%2017%20L15%2026%20Z%22%20fill%3D%22%23fff8e0%22%20opacity%3D%22.45%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%222.2%22%20fill%3D%22%237fe8ff%22%20stroke%3D%22%232a1606%22%20stroke-width%3D%221%22/%3E%3C/svg%3E") 3 3, auto}
body.inworld #world.c-atk{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20stroke%3D%22%231a0a06%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203%20L9%203%20L27%2021%20L21%2027%20L3%209%20Z%22%20fill%3D%22%23e8eef6%22/%3E%3Cpath%20d%3D%22M5%205%20L24%2024%22%20stroke%3D%22%239aa8b8%22%20stroke-width%3D%221.4%22/%3E%3Cpath%20d%3D%22M19%2029%20L29%2019%20L32%2022%20L22%2032%20Z%22%20fill%3D%22%23ffcf6b%22/%3E%3Cpath%20d%3D%22M27%2027%20L35%2035%22%20stroke-width%3D%225%22%20stroke%3D%22%231a0a06%22/%3E%3Cpath%20d%3D%22M27%2027%20L35%2035%22%20stroke-width%3D%223%22%20stroke%3D%22%238a4a2a%22/%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%222.6%22%20fill%3D%22%23ff3b3b%22/%3E%3C/g%3E%3C/svg%3E") 3 3, crosshair}
body.inworld #world.c-talk{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M4%206%20H34%20Q37%206%2037%209%20V24%20Q37%2027%2034%2027%20H17%20L9%2035%20V27%20H7%20Q4%2027%204%2024%20Z%22%20fill%3D%22%23fff3d1%22%20stroke%3D%22%232a1606%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2216.5%22%20r%3D%222.4%22%20fill%3D%22%23b8741a%22/%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2216.5%22%20r%3D%222.4%22%20fill%3D%22%23b8741a%22/%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2216.5%22%20r%3D%222.4%22%20fill%3D%22%23b8741a%22/%3E%3C/svg%3E") 9 34, pointer}
body.inworld #world.c-use{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M20%202%20L30%2020%20L20%2038%20L10%2020%20Z%22%20fill%3D%22%239ff5ff%22%20stroke%3D%22%2306202a%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M20%207%20L26%2020%20L20%2032%20Z%22%20fill%3D%22%23e8fdff%22%20opacity%3D%22.7%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%237fe8ff%22%20stroke-width%3D%221.6%22%20opacity%3D%22.7%22/%3E%3C/svg%3E") 20 20, pointer}
body.inworld #world.c-drag{cursor:grabbing}
body.inworld input{cursor:text}

body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}
/* ===== ramka postaci i celu v2 ===== */
#hud .uf,#hud .tf{gap:0;padding:0;border-radius:12px;background:linear-gradient(180deg,rgba(38,27,60,.94),rgba(14,10,26,.96));border:1px solid rgba(255,207,107,.6);box-shadow:0 0 0 3px rgba(10,7,18,.9),0 0 0 4px rgba(255,207,107,.22),0 14px 34px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 24px rgba(139,92,246,.12);overflow:visible}
#hud .uf{left:20px;top:20px;width:340px;height:92px;padding-left:66px}
#hud .uf::before,#hud .uf::after,#hud .tf::before,#hud .tf::after{content:"";position:absolute;top:-6px;width:10px;height:10px;background:linear-gradient(135deg,#fff3c4,#c8963a);transform:rotate(45deg);border:1px solid #2a1606;box-shadow:0 0 8px rgba(255,207,107,.6)}
#hud .uf::before,#hud .tf::before{left:50%}#hud .uf::after,#hud .tf::after{right:14px}
#hud .uf-por{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:84px;height:84px;font-size:36px;border:0;background:radial-gradient(circle at 38% 32%,#5a4380,#1a1030 68%);box-shadow:0 6px 18px rgba(0,0,0,.7),inset 0 0 14px rgba(0,0,0,.8)}
#hud .uf-por .ring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 210deg,#fff3c4,#c8963a,#6a4a1a,#ffcf6b,#c8963a,#fff3c4);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);filter:drop-shadow(0 0 6px rgba(255,207,107,.45))}
#hud .uf-por span{position:relative;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}
#hud .uf-lvl{left:50%;bottom:-10px;transform:translateX(-50%);width:30px;height:30px;font-size:13px;border-radius:8px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#fff3c4,#e2a43a 55%,#a86a1a);border:2px solid #2a1606;box-shadow:0 3px 8px rgba(0,0,0,.6)}
#hud .uf-lvl{display:grid;place-items:center;text-indent:0}#hud .uf-lvl{font-size:0}#hud .uf-lvl::after{content:attr(data-l);font-size:13px;font-weight:900;color:#2a1606;transform:rotate(-45deg)}
#hud .uf-main{padding:10px 16px 8px 28px;width:100%}
#hud .uf-name{align-items:center;margin-bottom:6px}
#hud .uf-name b{font:900 17px Cinzel,serif;letter-spacing:.06em;background:linear-gradient(180deg,#fffaf0,#ffd98a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}
#hud .uf-name small{font:800 10px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffcf6b;padding:3px 8px;border-radius:20px;background:rgba(255,207,107,.1);border:1px solid rgba(255,207,107,.35)}
#hud .uf .bar,#hud .tf .bar{border-radius:6px;border:1px solid rgba(0,0,0,.9);box-shadow:0 0 0 1px rgba(255,207,107,.25),inset 0 2px 4px rgba(0,0,0,.7);background:linear-gradient(180deg,#0a0610,#1a1224)}
#hud .uf .bar.hp,#hud .tf .bar.fr{height:19px}#hud .uf .bar.mp{height:13px;margin-top:5px}#hud .uf .bar.st{height:5px;margin-top:5px;box-shadow:none;border-color:rgba(0,0,0,.6)}
#hud .uf .bar.hp::after,#hud .uf .bar.mp::after,#hud .tf .bar.fr::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.35) calc(10% - 1px) 10%)}
#hud .bar.hp i{background:linear-gradient(180deg,#ff7a7a,#d8202e 45%,#8a0c18)}#hud .bar.mp i{background:linear-gradient(180deg,#8ac4ff,#2a6ae0 45%,#14308a)}#hud .bar.st i{background:linear-gradient(90deg,#e2a43a,#ffe066)}
#hud .uf .bar span,#hud .tf .bar span{font:800 11px Inter,sans-serif;z-index:1;letter-spacing:.05em}
#hud .uf .buffs{position:absolute;left:66px;bottom:-30px;margin:0}#hud .buff{width:24px;height:24px;border-radius:6px;background:linear-gradient(180deg,#2a2040,#120c20);border:1px solid rgba(255,207,107,.45);box-shadow:0 3px 8px rgba(0,0,0,.5)}
/* cel */
#hud .tf{left:20px!important;top:144px!important;width:300px;height:72px;padding-left:52px;display:none}#hud .tf.on{display:flex}
#hud .tf .uf-por{width:64px;height:64px;left:-12px;font-size:28px}
#hud .tf .uf-main{padding:9px 14px 8px 22px}
#hud .tf .uf-name{flex-direction:row;margin-bottom:5px;gap:8px}#hud .tf .uf-name b{font-size:15px;flex:1;min-width:0}
#hud .tf .uf-name small{white-space:nowrap}
#hud .tf.hostile{border-color:rgba(255,90,90,.7)!important;box-shadow:0 0 0 3px rgba(10,7,18,.9),0 0 0 4px rgba(255,80,80,.3),0 14px 34px rgba(0,0,0,.6),inset 0 0 24px rgba(255,40,40,.12)!important}
#hud .tf.hostile .uf-por .ring{background:conic-gradient(from 210deg,#ffb0a0,#c0303a,#5a0a10,#ff6a5a,#c0303a,#ffb0a0)}
#hud .tf.hostile .uf-name small{color:#ffb0a0;background:rgba(255,80,80,.1);border-color:rgba(255,90,90,.45)}
#hud .tf .bar.fr i{background:linear-gradient(180deg,#9aff9a,#3ab04a 45%,#1a6a2a)}#hud .tf.hostile .bar.fr i{background:linear-gradient(180deg,#ff7a7a,#d8202e 45%,#8a0c18)!important}
/* ===== HUD v3 (raport QA) ===== */
#hud .compass2{display:none}
#hud .ab{bottom:10px;gap:6px}
#hud .ab-sys{display:flex;align-items:center;gap:8px}
#hud .ab .micro,#hud .ab .purse{position:static;right:auto;bottom:auto}
#hud .micro button.locked{filter:grayscale(1) brightness(.6);position:relative}#hud .micro button.locked small{color:#ff9a9a}
#hud .purse{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:13px}
#hud .purse .gold b{color:var(--gold)}
.wt{position:relative;display:inline-flex;align-items:center;min-width:110px;height:20px;border-radius:10px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);overflow:hidden}
.wt i{position:absolute;left:0;top:0;bottom:0;width:0;transition:width .3s}.wt b{position:relative;width:100%;text-align:center;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000}.wt b em{font-style:normal}
.wt.g i{background:linear-gradient(90deg,#2a7a3a,#4ac060)}.wt.y i{background:linear-gradient(90deg,#9a7a1a,#e8c03a)}.wt.r i{background:linear-gradient(90deg,#8a1424,#e0303c);animation:pulse 1s infinite}
.fpsc{position:absolute;right:6px;bottom:4px;font:700 10px Inter;color:rgba(255,255,255,.45);pointer-events:none}
#hud .xp2{width:100%!important;min-width:470px}
/* buffy z czasem */
#hud .buff{position:relative}#hud .buff em{position:absolute;right:-3px;bottom:-5px;font:900 9px Inter;font-style:normal;color:#fff;background:#120c20;border:1px solid rgba(255,207,107,.5);border-radius:5px;padding:0 3px;line-height:12px}
#hud .buff.bad{border-color:rgba(255,90,90,.7)}
.clantag{font:800 11px Inter;color:#9fe7ff;margin-left:6px}
/* czat */
.ctabs button.lockd{opacity:.5}.ctabs .cop{margin-left:auto;font-size:13px!important}
#hud .chat{padding:8px;border-radius:12px;transition:background .2s}
#hud .chat.op0{background:transparent}#hud .chat.op1{background:rgba(10,7,18,.45)}#hud .chat.op2{background:rgba(10,7,18,.82);border:1px solid rgba(255,207,107,.25)}
/* okno postaci */
#w-char{width:min(640px,94vw)!important}
.cw{display:grid;grid-template-columns:76px 1fr 76px;gap:12px;align-items:center}
.cw-col{display:flex;flex-direction:column;gap:10px;align-items:center}
.slot.big{width:68px;height:68px;font-size:30px;cursor:pointer;position:relative}.slot.big em{position:absolute;right:4px;top:3px;font:900 10px Inter;font-style:normal;color:var(--gold)}.slot.big u{position:absolute;left:0;right:0;bottom:-15px;text-decoration:none;font-size:9.5px;color:var(--muted);text-align:center;white-space:nowrap}
.slot.empty{border-style:dashed!important;cursor:default}.slot.lockd{opacity:.45}
.slot.q1{box-shadow:inset 0 0 0 2px rgba(232,224,208,.35)}.slot.q2{box-shadow:inset 0 0 0 2px #6aff8a,0 0 10px rgba(106,255,138,.25)}.slot.q3{box-shadow:inset 0 0 0 2px #5ab0ff,0 0 12px rgba(90,176,255,.3)}.slot.q4{box-shadow:inset 0 0 0 2px #c77dff,0 0 14px rgba(199,125,255,.4)}.slot.q5{box-shadow:inset 0 0 0 2px #ffa53a,0 0 18px rgba(255,165,58,.55)}
.slot.nouse{filter:saturate(.3);opacity:.7}.slot.nouse::after{content:"⛔";position:absolute;left:3px;bottom:1px;font-size:10px}
.grid30 .slot{position:relative;cursor:pointer}.grid30 .slot em{position:absolute;right:3px;top:2px;font:900 9px Inter;font-style:normal;color:var(--gold)}
.cw-view{position:relative;height:330px;border-radius:14px;background:radial-gradient(ellipse at 50% 70%,rgba(139,92,246,.28),rgba(10,7,18,.2) 70%);border:1px solid rgba(255,207,107,.25);overflow:hidden}
.cw-cv{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:240px;height:300px;cursor:grab}
.cw-name{position:absolute;left:0;right:0;top:8px;text-align:center;pointer-events:none}.cw-name b{display:block;font:900 18px Cinzel,serif;color:#fff3d1;text-shadow:0 2px 4px #000}.cw-name small{color:var(--gold);font-size:11px;font-weight:700}
.cw-pow{position:absolute;left:0;right:0;bottom:24px;text-align:center;font:700 12px Inter;color:#e8e0f0;pointer-events:none}.cw-pow b{color:var(--gold)}.cw-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:10px;color:var(--muted);pointer-events:none}
.cw-foot{margin-top:12px;text-align:center;font-size:11.5px;color:var(--muted)}
.stats2 small{color:#7ff0bf;font-size:10px}
.bagfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.bagfoot .wt{min-width:180px}
/* tooltipy */
#tip{max-width:none!important;width:300px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.tt{padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,rgba(32,22,52,.98),rgba(12,8,22,.98));border:1px solid var(--rc,rgba(255,207,107,.55));box-shadow:0 0 0 3px rgba(10,7,18,.9),0 14px 34px rgba(0,0,0,.7);font-size:12.5px;line-height:1.45;color:#e8e0f0}
.tt-h{display:flex;gap:10px;align-items:center;margin-bottom:8px}.tt-i{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;font-size:24px;border-radius:9px;background:rgba(0,0,0,.45);border:1px solid var(--rc,rgba(255,207,107,.45))}
.tt-h b{display:block;font:800 14.5px Inter;color:#fff3d1}.tt-h small{display:block;font-size:11px;color:var(--muted);text-transform:capitalize}
.tt p{margin:0 0 8px;color:#d8d0e8}
.tl{display:flex;align-items:baseline;gap:8px;padding:3px 0;border-top:1px solid rgba(255,255,255,.06)}.tl span{flex:1;color:#b8b0c8}.tl b{color:#fff;font-weight:800}.tl em{font-style:normal;font-size:11px;color:var(--muted);min-width:50px;text-align:right}.tl em.up{color:#6aff8a}.tl em.dn{color:#ff6a6a}
.tt-pow{margin-top:6px;font-size:11.5px;color:var(--muted)}.tt-pow b{color:var(--gold)}
.tt-req{margin-top:4px;font-size:11.5px;color:#9a92b0}.tt-req.bad,.tt .bad{color:#ff7a7a}.tt-req.ok{color:#7ff0bf}
.tt-cmp{margin-top:6px;font-size:11px;color:#8a82a0;font-style:italic}
.tt-hint{margin-top:6px;padding:6px 10px;border-radius:8px;background:rgba(255,207,107,.1);border:1px solid rgba(255,207,107,.3);font-size:11px;color:#ffe6a8;text-align:center}
.tt kbd{display:inline-block;padding:0 5px;border-radius:4px;background:#2a2040;border:1px solid rgba(255,207,107,.5);color:var(--gold);font:800 10px Inter}
.note.bad{border-color:rgba(255,90,90,.6)!important}
.cw-col{gap:24px}.cw-view{height:350px}.cw-cv{top:46px;height:280px}
#w-char .stats2{margin-top:14px}
#hud .ab .micro,#hud .ab .purse{zoom:1}
#hud .ctabs{flex-wrap:wrap;row-gap:3px}
#hud .hint2{bottom:178px}

/* chowanie czatu i zadań */
#hud .chat.min{display:none}
.chatpill{display:none;position:absolute;left:16px;bottom:12px;pointer-events:auto;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,207,107,.35);background:rgba(10,7,18,.78);color:#f3e7cf;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.chatpill.on{display:flex;align-items:center;gap:8px}.chatpill:hover{border-color:#ffcf6b;color:#fff}
.chatpill i{font-style:normal;min-width:18px;padding:2px 6px;border-radius:999px;background:#d8434f;color:#fff;font-size:12px;text-align:center}.chatpill i:empty{display:none}
#qtT{cursor:pointer;pointer-events:auto;user-select:none}#qtT span{display:inline-block;margin-left:6px;opacity:.8}#qtT:hover{color:#fff}
.qt.min .q{display:none}.qt.min{background:none}
#hud .chatpill{zoom:var(--ui)}
/* ===== CZAT – grafiki z Claude Design (img/ui/chat) ===== */
#hud .chat{width:430px;padding:0;border:0!important;border-radius:0;background:transparent!important}
#hud .chat.op0 .cbody::before{opacity:0}#hud .chat.op1 .cbody::before{opacity:.72}#hud .chat.op2 .cbody::before{opacity:1}
#hud .chat.op1:hover .cbody::before,#hud .chat.op1:focus-within .cbody::before,#hud .chat.op0:focus-within .cbody::before{opacity:1}
.chat .ctabs{display:flex;flex-wrap:nowrap;gap:2px;margin:0 0 -3px 8px;position:relative;z-index:1}
.chat .ctabs button{flex:0 0 auto;height:27px;min-width:0;padding:0 2px;margin:0;border-style:solid;border-width:0 17px 0 25px;border-radius:0;border-image:url(/online/img/ui/chat/svg/tabs/tab_general_normal.svg) 0 22 0 32 fill / 0 17px 0 25px stretch;background:none!important;font:700 11.5px/27px Inter,system-ui,sans-serif;color:#ffe7a8;text-shadow:0 1px 2px #000;cursor:pointer;opacity:1;white-space:nowrap}
.chat .ctabs button:not(.on){font-size:0;padding:0}
.chat .ctabs button.lockd{opacity:1}
.chat .ctabs button[data-ic="general"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_general_normal.svg)}.chat .ctabs button[data-ic="general"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_general_hover.svg)}.chat .ctabs button[data-ic="general"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_general_active.svg)}.chat .ctabs button[data-ic="general"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_general_locked.svg)}
.chat .ctabs button[data-ic="local"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_local_normal.svg)}.chat .ctabs button[data-ic="local"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_local_hover.svg)}.chat .ctabs button[data-ic="local"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_local_active.svg)}.chat .ctabs button[data-ic="local"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_local_locked.svg)}
.chat .ctabs button[data-ic="trade"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_trade_normal.svg)}.chat .ctabs button[data-ic="trade"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_trade_hover.svg)}.chat .ctabs button[data-ic="trade"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_trade_active.svg)}.chat .ctabs button[data-ic="trade"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_trade_locked.svg)}
.chat .ctabs button[data-ic="party"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_party_normal.svg)}.chat .ctabs button[data-ic="party"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_party_hover.svg)}.chat .ctabs button[data-ic="party"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_party_active.svg)}.chat .ctabs button[data-ic="party"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_party_locked.svg)}
.chat .ctabs button[data-ic="clan"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_clan_normal.svg)}.chat .ctabs button[data-ic="clan"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_clan_hover.svg)}.chat .ctabs button[data-ic="clan"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_clan_active.svg)}.chat .ctabs button[data-ic="clan"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_clan_locked.svg)}
.chat .ctabs button[data-ic="system"]{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_system_normal.svg)}.chat .ctabs button[data-ic="system"]:hover{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_system_hover.svg)}.chat .ctabs button[data-ic="system"].on{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_system_active.svg)}.chat .ctabs button[data-ic="system"].lockd{border-image-source:url(/online/img/ui/chat/svg/tabs/tab_system_locked.svg)}
.chat .cbody{position:relative;padding:14px 14px 13px;isolation:isolate}
.chat .cbody::before{content:"";position:absolute;inset:0;z-index:-1;border:18px solid transparent;border-image:url(/online/img/ui/chat/svg/frame/chat_frame_9slice.svg) 24 fill / 18px stretch;transition:opacity .2s;pointer-events:none}
.chat .cops{position:absolute;top:11px;right:13px;display:flex;gap:4px;z-index:2}
.chat .cop{width:26px;height:26px;padding:0;border:0;background:url(/online/img/ui/chat/svg/buttons/btn_settings_normal.svg) 0 0/100% 100% no-repeat;cursor:pointer;font-size:0!important;margin:0!important}
.chat #chatOp:hover{background-image:url(/online/img/ui/chat/svg/buttons/btn_settings_hover.svg)}.chat #chatOp:active{background-image:url(/online/img/ui/chat/svg/buttons/btn_settings_pressed.svg)}
.chat #chatMin{background-image:url(/online/img/ui/chat/svg/buttons/btn_minimize_normal.svg)}.chat #chatMin:hover{background-image:url(/online/img/ui/chat/svg/buttons/btn_minimize_hover.svg)}.chat #chatMin:active{background-image:url(/online/img/ui/chat/svg/buttons/btn_minimize_pressed.svg)}
#hud .chat .chatlog{display:flex;flex-direction:column;justify-content:flex-start;max-height:200px;height:200px;overflow-y:auto;overflow-x:hidden;padding:4px 6px 0 2px;margin:16px 0 9px;gap:3px;-webkit-mask:linear-gradient(transparent,#000 14%);mask:linear-gradient(transparent,#000 14%);scrollbar-width:thin;scrollbar-color:#c8962e transparent}
.chat .chatlog>:first-child{margin-top:auto}
.chat .chatlog::-webkit-scrollbar{width:10px}
.chat .chatlog::-webkit-scrollbar-track{border-style:solid;border-width:6px 0;border-image:url(/online/img/ui/chat/svg/scrollbar/scroll_track_3slice.svg) 6 0 fill / 6px 0 stretch}
.chat .chatlog::-webkit-scrollbar-thumb{min-height:24px;border-style:solid;border-width:6px 0;border-image:url(/online/img/ui/chat/svg/scrollbar/scroll_thumb_3slice.svg) 6 0 fill / 6px 0 stretch}
.chat .cl{font-size:13.5px;line-height:1.4;padding-left:21px;position:relative}
.chat .cl::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background:url(/online/img/ui/chat/svg/icons/icon_general.svg) center/contain no-repeat}
.chat .cl.sys::before,.chat .cl.lvl::before{background-image:url(/online/img/ui/chat/svg/icons/icon_system.svg)}
.chat .cl.local::before,.chat .cl.me::before,.chat .cl.npc::before{background-image:url(/online/img/ui/chat/svg/icons/icon_local.svg)}
.chat .cl.trade::before{background-image:url(/online/img/ui/chat/svg/icons/icon_trade.svg)}
.chat .cl .emo,.tag3 .bub .emo{width:20px;height:20px;vertical-align:-5px;margin:0 1px}
.chat .cin{display:flex;gap:7px;align-items:center}
.chat .cfield{flex:1;display:flex;align-items:center;height:36px;border-style:solid;border-width:0 13px;border-image:url(/online/img/ui/chat/svg/input/input_field_3slice.svg) 0 16 fill / 0 13px stretch}
.chat .cfield:focus-within{border-image-source:url(/online/img/ui/chat/svg/input/input_field_3slice_focus.svg)}
#hud .chat #chatIn{flex:1;min-width:0;height:100%;padding:0 4px;border:0;border-radius:0;background:transparent!important;opacity:1;font-size:13.5px;color:#fff3d1;outline:none}
#hud .chat #chatIn::placeholder{color:#8e84a6}
.chat .cemo{flex:0 0 auto;width:24px;height:24px;padding:0;border:0;margin-right:-6px;background:url(/online/img/ui/chat/svg/buttons/btn_emotes_normal.svg) 0 0/100% 100% no-repeat;cursor:pointer}
.chat .cemo:hover{background-image:url(/online/img/ui/chat/svg/buttons/btn_emotes_hover.svg)}.chat .cemo:active{background-image:url(/online/img/ui/chat/svg/buttons/btn_emotes_pressed.svg)}
.chat .csend{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;width:86px;height:36px;padding:0 0 1px;border:0;font:800 13px/1 Inter,system-ui,sans-serif;color:#3a2108;text-shadow:0 1px 0 rgba(255,240,200,.5);background:url(/online/img/ui/chat/svg/input/btn_send_normal.svg) 0 0/100% 100% no-repeat;cursor:pointer}
.chat .csend img{width:15px;height:15px;filter:brightness(.25) sepia(1) saturate(3)}
.chat .csend:hover{background-image:url(/online/img/ui/chat/svg/input/btn_send_hover.svg)}.chat .csend:active{background-image:url(/online/img/ui/chat/svg/input/btn_send_pressed.svg)}
.chat .emopick{display:none;position:absolute;left:4px;bottom:54px;z-index:3;grid-template-columns:repeat(8,30px);gap:3px;padding:12px;border:14px solid transparent;border-image:url(/online/img/ui/chat/svg/frame/chat_frame_9slice.svg) 24 fill / 14px stretch}
.chat .emopick.on{display:grid}
.chat .emopick button{width:30px;height:30px;padding:3px;border:0;border-radius:6px;background:transparent;cursor:pointer}.chat .emopick button:hover{background:rgba(255,207,107,.18)}
.chat .emopick img{width:100%;height:100%}
#hud .chatpill{width:64px;height:44px;padding:0;border:0;border-radius:0;box-shadow:none;background:url(/online/img/ui/chat/svg/pill/chat_pill_nodot.svg) 0 0/100% 100% no-repeat;font-size:0}
#hud .chatpill.on{display:block}#hud .chatpill:hover{background-image:url(/online/img/ui/chat/svg/pill/chat_pill_nodot.svg);filter:brightness(1.18)}
#hud .chatpill i{position:absolute;top:-6px;right:-7px;min-width:22px;height:22px;padding:0 4px;border-radius:999px;background:url(/online/img/ui/chat/svg/pill/badge_unread.svg) center/100% 100% no-repeat;font:800 11px/22px Inter,system-ui,sans-serif;color:#fff;text-shadow:0 1px 1px #600}
/* ===== RAMKA GRACZA I CELU – grafiki z Claude Design (img/ui/player/player_frame) ===== */
#hud .uf,#hud .tf{background:none!important;border-radius:0!important;box-shadow:none!important;border-style:solid!important;border-color:transparent!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
#hud .uf::before,#hud .uf::after,#hud .tf::before,#hud .tf::after{display:none}
#hud .uf{height:92px;border-width:0 40px 0 46px!important;border-image:url(/online/img/ui/player/player_frame/frame/player_frame_3slice.svg) 0 48 0 56 fill / 0 42px 0 50px stretch;padding-left:22px;width:350px;animation:none!important}
#hud .uf .uf-main{padding:9px 0 7px 6px}
#hud .uf-por{left:-58px;width:86px;height:86px;border-radius:50%;box-shadow:none;background:url(/online/img/ui/player/player_frame/portrait/portrait_ring_normal.svg) center/100% 100% no-repeat,url(/online/img/ui/player/player_frame/classes/class_archer.svg) center/60% no-repeat,url(/online/img/ui/player/player_frame/portrait/portrait_background.svg) center/79% no-repeat}
#hud .uf-por .ring,#hud .uf .uf-por>span{display:none}
#hud .uf[data-cls="warrior"] .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_normal.svg),url(/online/img/ui/player/player_frame/classes/class_warrior.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg)}
#hud .uf[data-cls="mage"] .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_normal.svg),url(/online/img/ui/player/player_frame/classes/class_mage.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg)}
#hud .uf.combat .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_combat.svg),url(/online/img/ui/player/player_frame/classes/class_archer.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg)}
#hud .uf.combat[data-cls="warrior"] .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_combat.svg),url(/online/img/ui/player/player_frame/classes/class_warrior.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg)}
#hud .uf.combat[data-cls="mage"] .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_combat.svg),url(/online/img/ui/player/player_frame/classes/class_mage.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg)}
#hud .uf.dead .uf-por{background-image:url(/online/img/ui/player/player_frame/portrait/portrait_ring_dead.svg),url(/online/img/ui/player/player_frame/classes/class_archer.svg),url(/online/img/ui/player/player_frame/portrait/portrait_background.svg);filter:grayscale(1)}
#hud .uf-lvl{left:50%;bottom:-12px;width:34px;height:34px;transform:translateX(-50%)!important;border:0;border-radius:0;box-shadow:none;background:url(/online/img/ui/player/player_frame/level/level_badge.svg) center/100% 100% no-repeat}
#hud .uf-lvl::after{transform:none!important;color:#fff3d1!important;font:900 13px Inter,sans-serif!important;text-shadow:0 1px 2px #000}
#hud .uf-name{gap:8px;margin-bottom:4px}
#hud .uf-name b{font-size:16px;min-width:0}
#hud .uf-name small,#hud .tf .uf-name small{flex:0 0 auto;height:20px;padding:0 3px!important;border-radius:0!important;background:none!important;border-style:solid!important;border-width:0 11px!important;border-color:transparent!important;border-image:url(/online/img/ui/player/player_frame/level/class_plate_3slice.svg) 0 14 fill / 0 12px stretch!important;line-height:20px;font-size:9.5px!important;color:#ffe7a8!important;white-space:nowrap}
/* paski */
#hud .uf .bar,#hud .tf .bar{overflow:visible;border-radius:0!important;background:none!important;box-shadow:none!important;border-style:solid!important;border-color:transparent!important;border-width:3px!important;border-image:url(/online/img/ui/player/player_frame/bars/bar_frame_3slice.svg) 3 9 fill / 3px 9px stretch!important}
#hud .uf .bar.hp,#hud .tf .bar.fr{height:19px}#hud .uf .bar.mp{height:15px;margin-top:3px}
#hud .uf .bar.hp::after,#hud .uf .bar.mp::after,#hud .tf .bar.fr::after{display:none}
#hud .uf .bar i,#hud .tf .bar i{max-width:100%;background:none!important;border-style:solid;border-color:transparent;border-width:0 3px;box-sizing:border-box;min-width:0;border-image:url(/online/img/ui/player/player_frame/bars/bar_fill_hp_3slice.svg) 0 4 fill / 0 4px stretch}
#hud .uf .bar i::after,#hud .tf .bar i::after{display:none}
#hud .uf .bar.mp i{border-image-source:url(/online/img/ui/player/player_frame/bars/bar_fill_mana_3slice.svg)}
#hud .tf.npc .bar.fr i{border-image-source:url(/online/img/ui/player/player_frame/bars/bar_fill_mana_3slice.svg);filter:hue-rotate(-95deg) saturate(.9)}
#hud .uf .bar.st{height:10px;margin-top:4px;border-width:2px!important;border-image:url(/online/img/ui/player/player_frame/bars/bar_frame_xp_3slice.svg) 2 6 fill / 2px 6px stretch!important}
#hud .uf .bar.st i{border-width:0 2px;border-image:url(/online/img/ui/player/player_frame/bars/bar_fill_xp_3slice.svg) 0 3 fill / 0 3px stretch}
#hud .uf .bar.st::after{content:"";display:block;position:absolute;inset:0;background:url(/online/img/ui/player/player_frame/bars/bar_xp_ticks.svg) 0 0/100% 100% no-repeat;pointer-events:none}
#hud .uf .bar.st.tired i{filter:saturate(.4) brightness(.8)}
#hud .uf.low .bar.hp::before{content:"";position:absolute;inset:-9px -9px;border:1px solid transparent;border-image:url(/online/img/ui/player/player_frame/bars/bar_lowhp_glow_3slice.svg) 15 fill / 15px stretch;pointer-events:none;animation:lowglow .9s ease-in-out infinite}
@keyframes lowglow{0%,100%{opacity:.35}50%{opacity:1}}
/* efekty (buffy) */
#hud .uf .buffs{left:16px;bottom:-34px;gap:5px}
#hud .buff{width:28px!important;height:28px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:url(/online/img/ui/player/player_frame/effects/effect_frame_buff.svg) center/100% 100% no-repeat!important;font-size:13px}
#hud .buff.bad{background-image:url(/online/img/ui/player/player_frame/effects/effect_frame_debuff.svg)!important}
#hud .buff img{width:19px;height:19px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
/* ramka celu */
#hud .tf{width:300px;height:72px;border-width:0 30px 0 38px!important;border-image:url(/online/img/ui/player/player_frame/target/target_frame_mob_3slice.svg) 0 28 0 36 fill / 0 32px 0 40px stretch;padding-left:30px}
#hud .tf.boss{border-image-source:url(/online/img/ui/player/player_frame/target/target_frame_boss_3slice.svg)}
#hud .tf .uf-main{padding:9px 0 8px 4px}
#hud .tf .uf-por{left:-72px;top:-6px;transform:none;width:101px;height:72px;border-radius:0;box-shadow:none;display:grid;place-items:center;padding-top:7px;font-size:24px;background:url(/online/img/ui/player/player_frame/target/target_portrait_mob.svg) center/100% 100% no-repeat,url(/online/img/ui/player/player_frame/target/target_portrait_background.svg) 50% 58%/43px 43px no-repeat}
#hud .tf.boss .uf-por{background-image:url(/online/img/ui/player/player_frame/target/target_portrait_boss.svg),url(/online/img/ui/player/player_frame/target/target_portrait_background.svg)}
#hud .tf .uf-por .ring{display:none}
#hud .tf .uf-por>span{position:relative;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}
#hud .tf .uf-name b{font-size:14px}
#hud .tf.hostile{box-shadow:none!important}
/* sakiewka */
#hud .purse .pic{width:20px;height:20px;vertical-align:-5px;margin-right:4px}
#hud .uf-lvl{width:36px;height:36px;bottom:-14px}
#hud .uf-lvl::after{font:900 13px/1 Inter,sans-serif!important;letter-spacing:-.03em;transform:translateY(-.5px)!important}
#hud .uf-lvl.two::after{font-size:11px!important;letter-spacing:-.06em}
#hud .uf-lvl.three::after{font-size:8px!important;letter-spacing:-.08em}
#hud .uf-lvl{width:40px!important;height:40px!important;bottom:-16px!important;display:block!important;padding:0!important}
#hud .uf-lvl::after{position:absolute;left:0;top:0;width:40px;height:40px;display:flex!important;align-items:center;justify-content:center;line-height:1!important;padding-top:1px;box-sizing:border-box;transform:none!important;font-size:14px!important;letter-spacing:0}
#hud .uf-lvl.two::after{font-size:12px!important;letter-spacing:-.05em}
#hud .uf-lvl.three::after{font-size:9px!important;letter-spacing:-.07em}
/* ===== DOLNY PASEK – grafiki z Claude Design (img/ui/hotbar) ===== */
#hud .ab-row{position:relative;height:80px;display:flex;align-items:center;padding:0 4px;border-radius:0;background:none;box-shadow:none;border-style:solid;border-color:transparent;border-width:0 44px;border-image:url(/online/img/ui/hotbar/bar/hotbar_frame_3slice.svg) 0 60 fill / 0 60px stretch;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
#hud .ab-row::before{content:"";position:absolute;left:50%;top:-11px;width:64px;height:24px;transform:translateX(-50%);background:url(/online/img/ui/hotbar/bar/hotbar_crest.svg) center/100% 100% no-repeat;pointer-events:none;z-index:3}
#hud .skills{gap:6px;align-items:center}
#hud .sk{width:56px;height:56px;border:0;border-radius:0;box-shadow:none;transform:none!important;background:url(/online/img/ui/hotbar/slots/slot_skill_background.svg) center/100% 100% no-repeat;font-size:24px;cursor:pointer}
#hud .sk::after{content:"";position:absolute;inset:0;background:url(/online/img/ui/hotbar/slots/slot_skill_normal.svg) center/100% 100% no-repeat;pointer-events:none;z-index:1}
#hud .sk:hover::after{background-image:url(/online/img/ui/hotbar/slots/slot_skill_hover.svg)}
#hud .sk:active::after,#hud .sk.ping::after{background-image:url(/online/img/ui/hotbar/slots/slot_skill_pressed.svg)}
#hud .sk.locked{filter:none}#hud .sk.locked::after{background-image:url(/online/img/ui/hotbar/slots/slot_skill_locked.svg)}#hud .sk.locked .ic{filter:grayscale(1) brightness(.45)}
#hud .sk.nomana{filter:none;box-shadow:none}#hud .sk.nomana::after{background-image:url(/online/img/ui/hotbar/slots/slot_skill_nomana.svg)}#hud .sk.nomana .ic{filter:saturate(.35) brightness(.7)}
#hud .sk .ic{width:48px;height:48px;pointer-events:none}
#hud .sk.it{width:48px;height:48px;background-image:url(/online/img/ui/hotbar/slots/slot_item_background.svg)}
#hud .sk.it::after{background-image:url(/online/img/ui/hotbar/slots/slot_item_normal.svg)}
#hud .sk.it:hover::after{background-image:url(/online/img/ui/hotbar/slots/slot_item_hover.svg)}
#hud .sk.it:active::after,#hud .sk.it.ping::after{background-image:url(/online/img/ui/hotbar/slots/slot_item_pressed.svg)}
#hud .sk.it .ic{width:40px;height:40px}
#hud .sk.sep{margin-left:20px}
#hud .sk.sep::before{content:"";position:absolute;left:-17px;top:50%;width:12px;height:56px;transform:translateY(-50%);background:url(/online/img/ui/hotbar/bar/hotbar_divider.svg) center/100% 100% no-repeat;pointer-events:none}
#hud .sk .k{left:-3px;top:-3px;z-index:2;min-width:18px;height:16px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;font:900 10px/1 Inter,sans-serif;color:#ffe7a8;background:url(/online/img/ui/hotbar/slots/key_plate.svg) center/100% 100% no-repeat}
#hud .sk .n{right:-2px;bottom:-2px;z-index:2;min-width:24px;height:14px;padding:0 1px;box-sizing:border-box;text-align:center;font:900 9.5px/14px Inter,sans-serif;color:#fff;border-style:solid;border-color:transparent;border-width:0 6px;border-image:url(/online/img/ui/hotbar/slots/count_plate_3slice.svg) 0 7 fill / 0 7px stretch}
#hud .sk .lk{z-index:2;right:2px;bottom:1px;font:900 10px Inter,sans-serif;color:#ffd0a0;text-shadow:0 1px 2px #000}
#hud .sk .cd{display:none;left:4px;top:4px;right:4px;bottom:4px;height:auto!important;border-radius:6px;background:url(/online/img/ui/hotbar/cooldown/cooldown_overlay_skill.svg) center/calc(100% + 8px) calc(100% + 8px) no-repeat;-webkit-mask:conic-gradient(transparent calc((1 - var(--p,0)) * 360deg),#000 0);mask:conic-gradient(transparent calc((1 - var(--p,0)) * 360deg),#000 0);z-index:0}
#hud .sk.it .cd{background-image:url(/online/img/ui/hotbar/cooldown/cooldown_overlay_item.svg)}
#hud .sk.rdy .ic{animation:skrdy .45s ease-out}
#hud .sk.rdy::before{content:"";position:absolute;inset:-12px;background:url(/online/img/ui/hotbar/cooldown/cooldown_ready_flash_skill.svg) center/100% 100% no-repeat;pointer-events:none;z-index:3;animation:skflash .35s ease-out forwards}
#hud .sk.it.sep.rdy::before{inset:-12px;left:-12px;top:-12px;width:auto;height:auto;transform:none;background-image:url(/online/img/ui/hotbar/cooldown/cooldown_ready_flash_item.svg)}
@keyframes skflash{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.1);opacity:0}}
@keyframes skrdy{40%{filter:brightness(1.6)}}
/* pasek doświadczenia */
#hud .xp2{height:16px;margin:2px 0 16px;overflow:visible;border-radius:0;background:none;box-shadow:none;border-style:solid;border-color:transparent;border-width:5px 11px;border-image:url(/online/img/ui/hotbar/xp/xp_bar_frame_3slice.svg) 5 18 fill / 5px 18px stretch;box-sizing:border-box}
#hud .xp2 i{height:6px;background:none;border-style:solid;border-color:transparent;border-width:0 3px;box-sizing:border-box;max-width:100%;border-image:url(/online/img/ui/hotbar/xp/xp_bar_fill_3slice.svg) 0 3 fill / 0 3px stretch}
#hud .xp2 .ticks{position:absolute;inset:0;background:url(/online/img/ui/hotbar/xp/xp_bar_ticks.svg) 0 0/100% 100% no-repeat}
#hud .xp2 span{inset:auto 0 auto 0;top:calc(100% + 6px);font:800 11px Inter,sans-serif;color:#fff3d1;letter-spacing:.03em;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap}
#hud .xp2.lvfx::after{content:"";position:absolute;inset:-13px -19px;border-style:solid;border-color:transparent;border-width:0 24px;border-image:url(/online/img/ui/hotbar/xp/xp_bar_levelup_flash_3slice.svg) 0 24 fill / 0 24px stretch;pointer-events:none;animation:xpflash 1.4s ease-out forwards}
#hud .xp2.lvfx::before{content:"";position:absolute;top:-13px;left:0;width:32px;height:32px;background:url(/online/img/ui/hotbar/xp/xp_levelup_spark.svg) center/100% 100% no-repeat;pointer-events:none;z-index:2;animation:xpspark 1.1s ease-in-out forwards}
@keyframes xpflash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
@keyframes xpspark{0%{left:-16px;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 16px);opacity:0}}
/* przyciski menu */
#hud .micro{gap:6px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#hud .micro button{width:40px;height:40px;padding:0;border:0;border-radius:0;font-size:0;transform:none!important;filter:none!important;background:url(/online/img/ui/hotbar/menu/menu_button_normal.svg) center/100% 100% no-repeat}
#hud .micro button small{right:-5px;bottom:-5px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;font:900 9px/1 Inter,sans-serif!important;color:#ffe7a8!important;border-style:solid;border-color:transparent;border-width:0 5px;border-image:url(/online/img/ui/hotbar/slots/key_plate_3slice.svg) 0 8 fill / 0 6px stretch}
#hud .micro button[data-win="char"]{background-image:url(/online/img/ui/hotbar/menu/menu_character_normal.svg)}#hud .micro button[data-win="char"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_character_hover.svg)}#hud .micro button[data-win="char"]:active,#hud .micro button[data-win="char"].on{background-image:url(/online/img/ui/hotbar/menu/menu_character_pressed.svg)}#hud .micro button[data-win="char"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_character_locked.svg)}
#hud .micro button[data-win="bag"]{background-image:url(/online/img/ui/hotbar/menu/menu_backpack_normal.svg)}#hud .micro button[data-win="bag"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_backpack_hover.svg)}#hud .micro button[data-win="bag"]:active,#hud .micro button[data-win="bag"].on{background-image:url(/online/img/ui/hotbar/menu/menu_backpack_pressed.svg)}#hud .micro button[data-win="bag"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_backpack_locked.svg)}
#hud .micro button[data-win="quests"]{background-image:url(/online/img/ui/hotbar/menu/menu_quests_normal.svg)}#hud .micro button[data-win="quests"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_quests_hover.svg)}#hud .micro button[data-win="quests"]:active,#hud .micro button[data-win="quests"].on{background-image:url(/online/img/ui/hotbar/menu/menu_quests_pressed.svg)}#hud .micro button[data-win="quests"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_quests_locked.svg)}
#hud .micro button[data-win="skills"]{background-image:url(/online/img/ui/hotbar/menu/menu_skills_normal.svg)}#hud .micro button[data-win="skills"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_skills_hover.svg)}#hud .micro button[data-win="skills"]:active,#hud .micro button[data-win="skills"].on{background-image:url(/online/img/ui/hotbar/menu/menu_skills_pressed.svg)}#hud .micro button[data-win="skills"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_skills_locked.svg)}
#hud .micro button[data-win="clan"]{background-image:url(/online/img/ui/hotbar/menu/menu_clan_normal.svg)}#hud .micro button[data-win="clan"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_clan_hover.svg)}#hud .micro button[data-win="clan"]:active,#hud .micro button[data-win="clan"].on{background-image:url(/online/img/ui/hotbar/menu/menu_clan_pressed.svg)}#hud .micro button[data-win="clan"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_clan_locked.svg)}
#hud .micro button[data-win="map"]{background-image:url(/online/img/ui/hotbar/menu/menu_map_normal.svg)}#hud .micro button[data-win="map"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_map_hover.svg)}#hud .micro button[data-win="map"]:active,#hud .micro button[data-win="map"].on{background-image:url(/online/img/ui/hotbar/menu/menu_map_pressed.svg)}#hud .micro button[data-win="map"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_map_locked.svg)}
#hud .micro button[data-win="menu"]{background-image:url(/online/img/ui/hotbar/menu/menu_settings_normal.svg)}#hud .micro button[data-win="menu"]:hover{background-image:url(/online/img/ui/hotbar/menu/menu_settings_hover.svg)}#hud .micro button[data-win="menu"]:active,#hud .micro button[data-win="menu"].on{background-image:url(/online/img/ui/hotbar/menu/menu_settings_pressed.svg)}#hud .micro button[data-win="menu"].locked{background-image:url(/online/img/ui/hotbar/menu/menu_settings_locked.svg)}
#hud .micro button.locked small{color:#ffb0a0!important}
/* sakiewka */
#hud .purse{height:36px;padding:0 4px;gap:14px;border-radius:0;background:none;box-shadow:none;border-style:solid;border-color:transparent;border-width:0 16px;border-image:url(/online/img/ui/hotbar/purse/purse_panel_3slice.svg) 0 20 fill / 0 20px stretch}
#hud .purse .gold{display:flex;align-items:center;font:800 14px Inter,sans-serif}#hud .purse .gold b{color:#fff3d1}
#hud .purse .wt{min-width:0;height:auto;display:flex;align-items:center;gap:6px;background:none;border:0;border-radius:0;overflow:visible}
#hud .purse .wt .wtc{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:50px}
#hud .purse .wt b{font:800 11px/1 Inter,sans-serif;color:#fff3d1;text-align:center}
#hud .purse .wt .cap{position:relative;display:block;height:10px;border-style:solid;border-color:transparent;border-width:3px;box-sizing:border-box;border-image:url(/online/img/ui/hotbar/purse/capacity_bar_frame_3slice.svg) 3 6 fill / 3px 6px stretch}
#hud .purse .wt .cap i{position:static;display:block;height:4px;max-width:100%;background:none!important;animation:none;border-style:solid;border-color:transparent;border-width:0 2px;box-sizing:border-box;border-image:url(/online/img/ui/hotbar/purse/capacity_bar_fill_green_3slice.svg) 0 2 fill / 0 2px stretch}
#hud .purse .wt.y .cap i{border-image-source:url(/online/img/ui/hotbar/purse/capacity_bar_fill_yellow_3slice.svg)}
#hud .purse .wt.r .cap i{border-image-source:url(/online/img/ui/hotbar/purse/capacity_bar_fill_red_3slice.svg);animation:pulse 1s infinite}
#hud .purse .pic{width:22px;height:22px;vertical-align:middle;margin-right:4px}

/* ===== odczucia walki: opóźniony pasek HP, sekundy odnowienia, niskie HP ===== */
#hud .uf .bar .lag,#hud .tf .bar .lag{position:absolute;left:0;top:0;bottom:0;width:0;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:0 3px;border-image:url(/online/img/ui/player/player_frame/bars/bar_fill_damage_3slice.svg) 0 4 fill / 0 4px stretch;max-width:100%;pointer-events:none}
#hud .uf .bar i,#hud .tf .bar i{position:relative;z-index:1}
#hud .sk .cd{display:none;color:#fff;font:900 15px/1 Inter,sans-serif;text-shadow:0 0 3px #000,0 1px 2px #000;-webkit-mask:none;mask:none;background:none!important}
#hud .sk .cd::before{content:"";position:absolute;inset:0;border-radius:6px;background:url(/online/img/ui/hotbar/cooldown/cooldown_overlay_skill.svg) center/calc(100% + 8px) calc(100% + 8px) no-repeat;-webkit-mask:conic-gradient(transparent calc((1 - var(--p,0)) * 360deg),#000 0);mask:conic-gradient(transparent calc((1 - var(--p,0)) * 360deg),#000 0);z-index:-1}
#hud .sk.it .cd::before{background-image:url(/online/img/ui/hotbar/cooldown/cooldown_overlay_item.svg)}
#hud .sk .cd{display:none;align-items:center;justify-content:center;isolation:isolate}
#hud .sk .cd[style*="block"]{display:flex!important}
#hud.lowhp .hurtfx,#hud.lowhp ~ .hurtfx{animation:lowpulse .9s ease-in-out infinite}
@keyframes lowpulse{0%,100%{opacity:.15}45%{opacity:.75}}
body.amove #world{cursor:crosshair!important}

/* ===== GRYWALNOŚĆ: dół ekranu nie blokuje klikania w świat ===== */
#hud .ab{pointer-events:none!important}
#hud .ab .sk,#hud .ab .micro button,#hud .ab .purse>span,#hud .ab .xp2{pointer-events:auto}
#hud .ab-sys{display:contents}
#hud .ab-sys .micro{position:absolute;right:14px;bottom:60px;left:auto}
#hud .ab-sys .purse{position:absolute;right:14px;bottom:12px;left:auto}
#hud .ab .xp2{margin-bottom:18px}
#hud .hint2{pointer-events:none!important}
#hud .hint2{bottom:128px}
.dmgf.mana{color:#8fb8ff}