:root{--gold: #d1ab55;--gold-dim: #8c6d2f;--bronze: #4b3519;--ink: #0d0b09;--panel: linear-gradient(180deg, #221c14f0 0%, #15110cf0 100%);--text: #eadfc6;--muted: #a99a7c;--serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--c-hp: #b3302a;--c-mn: #2f6fb5;--c-st: #c9a227;--c-xp: #8a52c4}body{font-family:Segoe UI,system-ui,sans-serif}#hud{position:fixed;inset:0;padding:0;background:none;border:0;backdrop-filter:none;pointer-events:none;color:var(--text);z-index:20}#hud>*{pointer-events:auto}#hud #charinfo,#hud #stats,#hud #net,#hud #hint,#hud #xpbar{pointer-events:none}#charinfo{position:fixed;top:12px;left:12px;min-width:0;width:292px;display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:6px;margin:0}#charinfo .portrait{position:relative;grid-row:1;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a3a22,#1a140c 70%);border:3px solid var(--gold);box-shadow:0 0 0 2px var(--ink),0 4px 10px #000a,inset 0 0 14px #000c;text-shadow:0 2px 4px #000}#charinfo .lvl{position:absolute;right:-6px;bottom:-6px;min-width:24px;height:24px;padding:0 4px;box-sizing:border-box;border-radius:12px;background:linear-gradient(#e2c06a,#a8812f);color:#1a1208;font:700 13px/21px var(--serif);text-align:center;border:2px solid var(--ink)}#charinfo .uf{grid-column:2;grid-row:1;padding:6px 8px 6px 10px;background:var(--panel);border:1px solid var(--bronze);border-radius:4px 12px 12px 4px;box-shadow:0 0 0 1px #000a,inset 0 0 0 1px #ffffff0d,0 4px 10px #0008;align-self:center}#charinfo .who{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}#charinfo .who strong{font:700 15px var(--serif);color:var(--gold);letter-spacing:.03em;text-shadow:0 1px 2px #000}#charinfo .who small{color:var(--muted);font-size:11px}#charinfo .bar{position:relative;height:15px;margin:3px 0;background:#07060580;border:1px solid #000;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}#charinfo .bar i{position:absolute;inset:0 auto 0 0;width:0;transition:width .3s;background-image:linear-gradient(180deg,#ffffff40,#fff0 45%,#00000040)}#charinfo .bar.hp{height:18px}#charinfo .bar.st{height:9px}#charinfo .hp i{background-color:var(--c-hp)}#charinfo .mn i{background-color:var(--c-mn)}#charinfo .st i{background-color:var(--c-st)}#charinfo .bar span{position:relative;display:block;text-align:center;font:600 10.5px/15px Segoe UI,sans-serif;text-shadow:0 1px 2px #000,0 0 3px #000;color:#fff}#charinfo .bar.hp span{line-height:18px;font-size:11.5px}#charinfo .bar.st span{display:none}#charinfo .survival{grid-column:1 / span 2;grid-row:2;display:flex;gap:6px;align-items:center;margin-top:8px;padding-left:2px}#charinfo .survival .bar.mini{flex:1;height:12px;margin:0;border-radius:6px}#charinfo .survival .bar.mini span{display:none}#charinfo .survival .bar em{position:absolute;left:2px;top:-1px;z-index:2;font-style:normal;font-size:10px;line-height:12px;filter:drop-shadow(0 1px 1px #000)}#charinfo .hu i{background-color:#b96a1c}#charinfo .th i{background-color:#2b8fc4}#charinfo .wa i{background-color:#d9692a}#charinfo .survival .gold{flex:0 0 auto;padding:0 8px;height:18px;line-height:18px;font-size:12px;font-weight:600;color:#f0d27a;background:#00000070;border:1px solid var(--bronze);border-radius:9px}#charinfo .xp{display:none}#xpbar{position:fixed;left:0;right:0;bottom:0;height:7px;background:#0009;border-top:1px solid #000;z-index:29}#xpbar .bar{position:relative;height:100%;margin:0}#xpbar .bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(180deg,#b27be0,var(--c-xp) 60%,#5c2f8a);box-shadow:0 0 6px #b27be0aa;transition:width .4s}#xpbar .bar span{display:none}#stats{position:fixed;right:14px;top:172px;font:600 11px var(--serif);color:var(--muted);text-shadow:0 1px 2px #000;margin:0;text-align:right;opacity:.8}#net{position:fixed;right:14px;top:188px;max-width:220px;text-align:right;font-size:11px;color:var(--muted);text-shadow:0 1px 2px #000}#hint{position:fixed;left:50%;bottom:150px;transform:translate(-50%);padding:4px 14px;border-radius:12px;color:#ffd488;font-size:13px;text-shadow:0 1px 3px #000;background:#0008}#hint:empty{display:none}#hovertip{position:fixed;z-index:90;pointer-events:none;padding:4px 10px;font:600 12px var(--serif);color:var(--gold);background:#100c08ee;border:1px solid var(--gold-dim);border-radius:4px;box-shadow:0 2px 8px #000a;white-space:nowrap}#hovertip[hidden]{display:none}#minimap{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--ink),0 0 0 5px var(--bronze),0 6px 14px #000a,inset 0 0 18px #0008;right:16px;top:16px}button{font-family:inherit}#hud button,.win button,.win select,#entry button,#charscreen button{background:linear-gradient(180deg,#4a3a22,#2a2014);color:var(--text);border:1px solid var(--gold-dim);border-radius:4px;padding:5px 12px;cursor:pointer;text-shadow:0 1px 1px #000;box-shadow:inset 0 1px #ffffff1a,0 1px 3px #0008;margin-top:0}#hud button:hover,.win button:hover,#entry button:hover,#charscreen button:hover{background:linear-gradient(180deg,#5d4a2b,#3a2b19);border-color:var(--gold)}#hud button:active,.win button:active{transform:translateY(1px)}#hud button.primary,#charscreen .go,#entry .go{background:linear-gradient(180deg,#7a5d24,#4a3512);border-color:var(--gold);color:#fff3d2}.win,#invpanel,#settingswin,#charwin,#mapwin{background:var(--panel);color:var(--text);border:1px solid var(--gold-dim);border-radius:6px;box-shadow:0 0 0 1px #000,0 10px 30px #000c,inset 0 0 0 1px #ffffff0a;backdrop-filter:none}.win-head{padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--bronze)}.win-head strong,.win h3,.win h2,#charscreen h2,#charscreen h1{font-family:var(--serif);color:var(--gold);letter-spacing:.04em;text-transform:none}.win-close{background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;font-size:16px}.win-close:hover{color:#fff!important}.win input,.win select,.win textarea{background:#0b0907;color:var(--text);border:1px solid var(--bronze);border-radius:3px}.sub{color:var(--muted)}#abilitybar{bottom:80px;gap:5px}#abilitybar .ab{background:linear-gradient(180deg,#2b2216ee,#14100bee);border:1px solid var(--gold-dim);border-radius:4px;box-shadow:inset 0 0 8px #000c,0 2px 6px #0009;color:var(--text)}#abilitybar .ab.ready{border-color:var(--gold);box-shadow:inset 0 0 8px #000c,0 0 8px #d1ab5555}#abilitybar .ab small{color:var(--muted)}#hotbar{bottom:14px;gap:4px;padding:5px 6px;background:linear-gradient(180deg,#1c1710e6,#100d09e6);border:1px solid var(--gold-dim);border-radius:6px;box-shadow:0 0 0 1px #000,0 6px 14px #000a}#hotbar .hslot{width:46px;height:46px;background:radial-gradient(circle at 50% 30%,#2b2318,#0e0b08);border:1px solid var(--bronze);border-radius:4px;box-shadow:inset 0 0 8px #000}#hotbar .hslot:hover{border-color:var(--gold)}#hotbar .hk{color:var(--gold)}.hudbtn{background:radial-gradient(circle at 40% 30%,#4c3b22,#1c150d)!important;border:2px solid var(--gold-dim)!important;border-radius:8px!important;box-shadow:0 0 0 1px #000,0 3px 8px #000a!important}.hudbtn:hover{border-color:var(--gold)!important}#chat .log{background:linear-gradient(180deg,#0c0a0799,#0c0a07cc);border:1px solid #000;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0a}#chat .tabs button{background:linear-gradient(180deg,#2f2518,#1c150d);border:1px solid var(--bronze);color:var(--muted);border-radius:4px 4px 0 0}#chat .tabs button.on{color:var(--gold);border-color:var(--gold-dim);background:linear-gradient(180deg,#4a3a22,#2a2014)}#chat input{background:#0c0a07dd;border:1px solid var(--bronze);border-radius:4px}#chat .line b{color:#e6c27a}#targetframe{background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;box-shadow:0 0 0 1px #000,0 6px 14px #000a}#partyframe{top:150px}#pausemenu{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0005,#000c);backdrop-filter:blur(2px);pointer-events:auto!important}#pausemenu[hidden]{display:none}#pausemenu .pm-card{width:min(340px,90vw);display:flex;flex-direction:column;gap:10px;padding:22px 26px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 50px #000e,inset 0 0 0 1px #ffffff0d}#pausemenu h2{margin:0 0 6px;text-align:center;font:700 24px var(--serif);letter-spacing:.12em;color:var(--gold);text-transform:uppercase;text-shadow:0 2px 4px #000}#pausemenu button{padding:10px 14px;font-size:15px}#pausemenu .pm-row{display:flex;gap:10px;justify-content:space-between;color:var(--muted);font-size:13px}#pausemenu select{background:#0b0907;color:var(--text);border:1px solid var(--bronze);border-radius:3px;padding:3px 6px;margin-left:4px}#pausemenu .pm-help{color:var(--muted);font-size:12px;line-height:1.5;padding:8px 10px;background:#0005;border-radius:4px}#pausemenu small{text-align:center;color:var(--muted);opacity:.7}#entry .card,#charscreen .card{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 50px #000d;color:var(--text)}#entry,#charscreen{background:radial-gradient(ellipse at 50% 30%,#1d2a22,#0a0f0c 70%)}#stats,#net{background:#0b0907a0;padding:2px 8px;border-radius:8px}#net:empty{display:none}#charscreen .card.create{display:grid;grid-template-columns:minmax(340px,1fr) 340px;gap:24px;width:min(920px,96vw);max-width:none;align-items:start}#charscreen .cc-right{display:flex;flex-direction:column;align-items:center;gap:6px}#charscreen .cc-stage{width:320px;height:440px;border:1px solid var(--gold-dim);border-radius:6px;background:radial-gradient(ellipse at 50% 35%,#3a3326,#14110c 75%);box-shadow:inset 0 0 30px #000c;overflow:hidden}#charscreen .cc-canvas{display:block;cursor:grab;touch-action:none}#charscreen .cc-hint{font-size:11px}@media (max-width: 760px){#charscreen .card.create{grid-template-columns:1fr}}#charscreen input,#entry input{background:#0b0907!important;color:var(--text);border:1px solid var(--bronze)!important;border-radius:3px}#charscreen .arch{background:linear-gradient(180deg,#2f2518,#1c150d)!important;border:1px solid var(--bronze)!important;color:var(--text);text-align:left}#charscreen .arch.on{background:linear-gradient(180deg,#5a4524,#33260f)!important;border-color:var(--gold)!important;box-shadow:0 0 10px #d1ab5555}#charscreen .arch small{color:var(--muted)!important}#charscreen .go,#entry .go{background:linear-gradient(180deg,#8a6a28,#55400f)!important;border:1px solid var(--gold)!important;color:#fff3d2!important}#charscreen .charslot{background:linear-gradient(180deg,#2b2216,#15110b);border:1px solid var(--bronze);border-radius:4px}#charscreen .arch.on{outline:none}.win,[id$=win],#invpanel{background:var(--panel)!important;color:var(--text);border:1px solid var(--gold-dim)!important;border-radius:6px;box-shadow:0 0 0 1px #000,0 10px 30px #000c,inset 0 0 0 1px #ffffff0a;backdrop-filter:none}.win .slot,#invpanel .slot{background:radial-gradient(circle at 50% 30%,#2b2318,#0e0b08);border:1px solid var(--bronze);border-radius:3px}.win .slot.filled,#invpanel .slot.filled{border-color:var(--gold-dim)}.win button.on,.win .tab.on{background:linear-gradient(180deg,#7a5d24,#4a3512)!important;border-color:var(--gold)!important}.win a{color:var(--gold)}#zonebanner{position:fixed;left:50%;top:18%;transform:translate(-50%);padding:8px 26px;border-radius:4px;color:#e9d9b0;font-family:var(--font-title, Georgia, serif);font-size:20px;letter-spacing:1px;text-shadow:0 2px 6px #000;background:linear-gradient(90deg,#0000,#000a 20% 80%,#0000);border-top:1px solid #c9a24d66;border-bottom:1px solid #c9a24d66;opacity:0;pointer-events:none}#zonebanner.safe{color:#bfe6c4;border-color:#6bd68a88}#zonebanner.show{animation:zonebanner 4.2s ease-out forwards}@keyframes zonebanner{0%{opacity:0;transform:translate(-50%) translateY(-8px)}12%{opacity:1;transform:translate(-50%)}78%{opacity:1}to{opacity:0}}