@font-face{font-family:Cinzel;src:url(/assets/fonts/cinzel-latin.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--iron-0:#0d0c0b;--iron-1:#171513;--iron-2:#211e1a;--iron-3:#2e2a24;--bronze:#8b6a3e;--bronze-hi:#d9b278;--parchment:#efe3c8;--parchment-dim:#b5a88d;--blood:#8a2f22;--realm:#e0a43c;--realm-deep:#5a2a1c;--realm-rgb:224, 164, 60;color:var(--parchment);background:var(--iron-0);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--iron-0)}button,input{font:inherit;color:inherit}button:disabled{opacity:.55;cursor:wait}#game{width:100%;height:100%}.realm-aurel{--realm:#e0a43c;--realm-deep:#5a2a1c;--realm-rgb:224, 164, 60}.realm-veyra{--realm:#86b4e6;--realm-deep:#1d2547;--realm-rgb:134, 180, 230}.wordmark{letter-spacing:.32em;text-transform:uppercase;color:var(--parchment);text-shadow:0 1px #000,0 0 1px #000;margin:0;font-family:Cinzel,serif;font-size:clamp(34px,4.2vw,50px);font-weight:700}.gate-plate .wordmark{letter-spacing:.22em;margin-right:-.22em}.wordmark.small{letter-spacing:.38em;font-size:18px}.plate{background:linear-gradient(180deg, var(--iron-2), var(--iron-1) 55%, #12100e);border:1px solid #000;border-radius:3px;position:relative;box-shadow:inset 0 0 0 1px #4a4136,inset 0 0 0 3px #15120f,inset 0 0 0 4px #3a3228,0 18px 50px #000c}.plate:before,.plate:after{content:"";background:radial-gradient(circle at 35% 35%,#c9a472,#5b4428 70%);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;box-shadow:0 1px 1px #000}.plate:before{left:9px}.plate:after{right:9px}.stack{gap:14px;display:grid}label{color:var(--parchment-dim);gap:6px;font-size:13px;display:grid}input{width:100%;color:var(--parchment);background:#0b0a09;border:1px solid #3d362d;border-radius:2px;outline:none;padding:11px 12px;box-shadow:inset 0 2px 6px #000}input:focus{border-color:var(--realm);box-shadow:inset 0 2px 6px #000, 0 0 0 1px rgba(var(--realm-rgb), .35)}.hint{color:#8f8472;margin:0;font-size:12px;line-height:1.45}.error-line{color:#f08a74;min-height:18px;font-size:13px}.message-line{min-height:18px;color:var(--realm);margin-top:12px;font-size:13px}.text-button{cursor:pointer;color:var(--parchment-dim);text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;-webkit-text-decoration:underline #5b5244;text-decoration:underline #5b5244}.text-button:hover{color:var(--parchment)}.text-button.danger{color:#c9806f}.forge-button{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#1b120a;text-shadow:0 1px #f5d9a066;background:linear-gradient(#f0cf8e,#c8964f 48%,#9c6c32 52%,#b88444);border:1px solid #000;border-radius:2px;width:100%;padding:13px 18px;font-family:Cinzel,serif;font-size:14px;font-weight:700;position:relative;box-shadow:inset 0 1px #fff6,inset 0 -2px #0004,0 0 0 1px #6b4a22,0 6px 18px #0008}.realm-veyra .forge-button{color:#0d1426;background:linear-gradient(#dfeaf7,#9fbbe0 48%,#6c8dbd 52%,#87a6d1);box-shadow:inset 0 1px #fff8,inset 0 -2px #0004,0 0 0 1px #3d557c,0 6px 18px #0008}.forge-button:hover{filter:brightness(1.08)}.forge-button:active{transform:translateY(1px)}.forge-button.danger{color:#fff1ea;text-shadow:none;background:linear-gradient(#d98b77,#9a3b2b 50%,#7c2a1f 52%,#8f3526)}.sigil{width:100%;height:100%;display:block}.gate-screen{background:radial-gradient(60% 55% at 22% 48%,#e0a43c29,#0000 70%),radial-gradient(60% 55% at 78% 48%,#86b4e626,#0000 70%),linear-gradient(#0f0e0d,#060606);grid-template-columns:1fr minmax(320px,420px) 1fr;align-items:center;gap:4vw;padding:0 4vw;display:grid;position:fixed;inset:0}.gate-plate{text-align:center;padding:38px 34px 28px}.gate-tagline{color:var(--parchment-dim);margin:10px 0 26px;font-style:italic}.gate-tabs{border-bottom:1px solid #3a3228;grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.gate-tabs button{cursor:pointer;color:var(--parchment-dim);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 4px}.gate-tabs button.active{color:var(--parchment);border-bottom-color:var(--bronze-hi)}.gate-plate form{text-align:left}.gate-banner{aspect-ratio:1/2.2;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);letter-spacing:.3em;text-transform:uppercase;grid-template-rows:auto 1fr;justify-self:center;justify-items:center;gap:16px;width:min(210px,18vw);padding:28% 18% 0;font-family:Cinzel,serif;font-size:13px;display:grid}.gate-banner.aurel{color:#f2c46a;background:linear-gradient(#6a2518,#3b140d);box-shadow:inset 0 0 60px #0009}.gate-banner.veyra{color:#bcd6f4;background:linear-gradient(#243463,#111831);box-shadow:inset 0 0 60px #0009}.gate-banner .sigil{filter:drop-shadow(0 2px #0007);--sigil-ink:#3b140d;width:70%;height:auto}.hall{background:radial-gradient(42% 60% at 50% 62%, rgba(var(--realm-rgb), .14), transparent 70%), radial-gradient(90% 60% at 50% 110%, var(--realm-deep), transparent 70%), linear-gradient(180deg, #0e0d0c, #070707);grid-template-rows:56px 1fr;grid-template-columns:minmax(260px,330px) 1fr minmax(300px,380px);gap:0 28px;padding:0 28px 28px;transition:background .6s;display:grid;position:fixed;inset:0}.hall-top{border-bottom:1px solid #2b261f;grid-column:1/-1;align-items:center;gap:18px;display:flex}.hall-top .account{color:var(--parchment-dim);margin-left:auto;font-size:13px}.hall h2{letter-spacing:.24em;text-transform:uppercase;color:var(--bronze-hi);margin:0 0 12px;font-family:Cinzel,serif;font-size:13px;font-weight:700}.roster{align-self:center;padding:30px 18px 18px}.roster-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.roster-entry{text-align:left;cursor:pointer;background:linear-gradient(90deg,#1d1a16,#14120f);border:1px solid #2f2922;border-radius:2px;grid-template-columns:40px 1fr;align-items:center;gap:12px;width:100%;padding:9px 12px;display:grid}.roster-entry:hover{border-color:#57493a}.roster-entry.active{border-color:var(--realm);background:linear-gradient(90deg, rgba(var(--realm-rgb), .18), #14120f 70%);box-shadow:inset 3px 0 0 var(--realm)}.roster-entry .entry-sigil{width:36px;height:36px;color:var(--realm);--sigil-ink:#14120f}.roster-entry b{color:var(--parchment);text-overflow:ellipsis;white-space:nowrap;font-family:Cinzel,serif;font-size:15px;display:block;overflow:hidden}.roster-entry small{color:var(--parchment-dim);font-size:12px}.roster-entry.empty{text-align:center;color:#857a68;border-style:dashed;grid-template-columns:1fr;padding:14px;font-size:13px}.roster-entry.empty:hover{color:var(--parchment);border-color:var(--bronze)}.stage{place-items:end center;min-height:0;padding-bottom:7vh;display:grid;position:relative}.stage-banner{aspect-ratio:1;width:min(300px,42%);color:rgba(var(--realm-rgb), .1);--sigil-ink:transparent;pointer-events:none;position:absolute;top:5vh;left:50%;translate:-50%}.stage-figure{z-index:2;place-items:center;width:380px;height:500px;margin-bottom:-14px;display:grid;position:relative}.stage-figure canvas{cursor:grab}.stage-figure.loading:after{content:"";border:3px solid #3a3228;border-top-color:var(--realm);border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin}.stage-empty{color:var(--parchment-dim);text-align:center;font-family:Cinzel,serif;line-height:1.6}.plinth{z-index:1;background:radial-gradient(closest-side,#2a251f,#15120f 70%,#0000 72%);border-radius:50%;width:300px;height:70px;position:absolute;bottom:calc(7vh - 26px);box-shadow:inset 0 -2px #3d352c}.stage-hint{color:#7d7263;letter-spacing:.08em;margin:0;font-size:12px;position:absolute;bottom:2vh}.dossier{align-self:center;gap:10px;max-height:calc(100vh - 110px);padding:30px 26px 22px;display:grid;overflow:auto}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--realm);margin:0;font-family:Cinzel,serif;font-size:12px}.hero-name{overflow-wrap:anywhere;letter-spacing:.04em!important;text-transform:none!important;color:var(--parchment)!important;margin:0!important;font-family:Cinzel,serif!important;font-size:clamp(24px,2.4vw,32px)!important}.facts{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.facts div{border-top:1px solid #2f2922;padding-top:6px}.facts dt{letter-spacing:.12em;text-transform:uppercase;color:#8f8472;font-size:11px}.facts dd{margin:2px 0 0;font-family:Cinzel,serif;font-size:16px}.motto{color:var(--parchment-dim);margin:4px 0 10px;font-style:italic}.lore{color:var(--parchment-dim);margin:0 0 10px;line-height:1.55}.lore.small{font-size:13px}.realms{align-self:center;gap:14px;display:grid}.realm-card{text-align:left;cursor:pointer;background:linear-gradient(90deg,#1b1815,#121010);border:1px solid #2f2922;border-radius:2px;gap:6px;min-height:150px;padding:18px 18px 18px 86px;display:grid;position:relative}.realm-card .realm-sigil{width:54px;height:54px;color:var(--realm);--sigil-ink:#121010;position:absolute;top:18px;left:16px}.realm-card .realm-name{letter-spacing:.1em;font-family:Cinzel,serif;font-size:22px}.realm-card .realm-title{letter-spacing:.12em;text-transform:uppercase;color:var(--realm);font-size:12px}.realm-card .realm-lore{color:var(--parchment-dim);font-size:12.5px;line-height:1.5;display:none}.realm-card .realm-motto{color:#9d917d;font-size:12.5px;font-style:italic}.realm-card:hover{border-color:#57493a}.realm-card.active{border-color:var(--realm);background:linear-gradient(90deg, rgba(var(--realm-rgb), .2), #121010 80%);box-shadow:inset 3px 0 0 var(--realm)}.realm-card.active .realm-lore{display:block}.forge-panel{gap:8px}.forge-panel h2{margin-top:10px}.class-picks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.class-pick{cursor:pointer;background:#15120f;border:1px solid #2f2922;border-radius:2px;justify-items:center;gap:4px;padding:12px 8px;display:grid}.class-pick .class-glyph{color:#8f8472;width:38px;height:38px}.class-pick b{font-family:Cinzel,serif;font-size:15px}.class-pick small{color:#8f8472;font-size:11px}.class-pick.active{border-color:var(--realm);box-shadow:inset 0 0 0 1px rgba(var(--realm-rgb), .4)}.class-pick.active .class-glyph{color:var(--realm)}.swatch-label{margin-top:4px;font-size:12px}.swatches{flex-wrap:wrap;gap:7px;display:flex}.swatch{cursor:pointer;background:var(--swatch);border:1px solid #000;border-radius:2px;width:28px;height:28px;box-shadow:inset 0 1px #fff3,inset 0 -3px 5px #0005,0 0 0 1px #3a3228}.swatch:hover{box-shadow:inset 0 1px 0 #fff3, inset 0 -3px 5px #0005, 0 0 0 1px var(--bronze-hi)}.swatch.active{box-shadow:inset 0 1px 0 #fff3, 0 0 0 2px #0d0c0b, 0 0 0 4px var(--realm)}.dialog-backdrop{z-index:30;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{gap:12px;width:min(480px,100%);padding:30px 26px 22px;display:grid}.dialog h2{margin:0;font-family:Cinzel,serif}.dialog p{color:var(--parchment-dim);margin:0;line-height:1.5}.dialog-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.dialog-actions .forge-button{width:auto}.travel{z-index:50;background:radial-gradient(50% 50% at 50% 45%, rgba(var(--realm-rgb), .16), #070707 75%);color:var(--parchment);letter-spacing:.1em;place-content:center;justify-items:center;gap:18px;font-family:Cinzel,serif;transition:opacity .6s;display:grid;position:fixed;inset:0}.travel.done{opacity:0;pointer-events:none}.travel-sigil{width:96px;height:96px;color:var(--realm);--sigil-ink:#070707;animation:2.2s ease-in-out infinite breathe}@keyframes breathe{50%{filter:drop-shadow(0 0 14px rgba(var(--realm-rgb), .5));transform:scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.hall{grid-template-rows:56px auto auto auto;grid-template-columns:1fr;gap:16px;overflow:auto}.stage{min-height:480px}.gate-screen{grid-template-columns:1fr}.gate-banner{display:none}html,body,#app{overflow:auto}}:root{--gold-hi:#f6dc95;--gold:#c9a15a;--gold-lo:#6d5429;--ink:#f1e6c8;--muted:#a9b9a6;--panel-a:#142620f2;--panel-b:#070f0cf5;--slot:50px;--q-common:#ece4cd;--q-uncommon:#3fdb5f;--q-rare:#4a98ff;--q-epic:#c27bff;--q-gold:#ffd76a}.ui-layer{z-index:10;pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0}.ui-layer *{box-sizing:border-box}.ui-panel{pointer-events:auto}.ui-layer button{font:inherit;color:inherit}.ui-window,.unit-frame,.action-bar,.chat-panel,.menu-bar,.tooltip{border:1px solid var(--gold-lo);background:radial-gradient(120% 70% at 50% 0%, #5a8c6924, transparent 60%), linear-gradient(180deg, var(--panel-a), var(--panel-b));border-radius:4px;box-shadow:0 0 0 1px #000c,0 0 0 3px #c9a15a38,0 14px 38px #000000a6,inset 0 1px #ffe6aa1f,inset 0 0 28px #00000080}.q-common{color:var(--q-common)}.q-uncommon{color:var(--q-uncommon)}.q-rare{color:var(--q-rare)}.q-epic{color:var(--q-epic)}.q-gold{color:var(--q-gold)}.gold-amount{color:var(--q-gold);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.coin{filter:drop-shadow(0 1px 1px #000);background:url(/assets/ui/icons/gold.webp) 50%/contain no-repeat;width:15px;height:15px;display:inline-block}.gilded-button{border:1px solid var(--gold);cursor:pointer;letter-spacing:.06em;text-shadow:0 1px 2px #000;background:linear-gradient(#a57a32,#6b4a1c 55%,#4b3313);border-radius:3px;padding:8px 16px;font-family:Cinzel,serif;font-weight:700;box-shadow:inset 0 1px #ffe3a066,0 2px 6px #000a;color:#fff4d4!important}.gilded-button:hover{filter:brightness(1.15)}.gilded-button:active{transform:translateY(1px)}.ui-window{min-width:240px;padding:0 14px 14px;display:none;position:absolute}.ui-window.open{animation:.14s ease-out window-in;display:block}@keyframes window-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}.ui-window:before,.ui-window:after{content:"";border:2px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}.ui-window:before{border-top:0;border-right:0;bottom:-3px;left:-3px}.ui-window:after{border-top:0;border-left:0;bottom:-3px;right:-3px}.window-title{cursor:grab;border-bottom:1px solid var(--gold-lo);background:linear-gradient(#c9a15a38,#c9a15a0a);align-items:center;gap:8px;height:38px;margin:0 -14px 12px;padding:0 10px 0 14px;display:flex;box-shadow:0 1px #ffe6aa14}.window-title:active{cursor:grabbing}.window-title h2{letter-spacing:.1em;color:var(--gold-hi);text-shadow:0 1px 3px #000,0 0 12px #f6dc9540;flex:1;margin:0;font:700 15px Cinzel,serif}.title-ornament{background:linear-gradient(135deg, var(--gold-hi), var(--gold-lo));width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 6px #f6dc9580}.window-title kbd,.action-slot kbd{color:var(--muted);background:#0009;border:1px solid #4a5a4a;border-radius:3px;padding:1px 5px;font:600 10px Inter,sans-serif}.window-close{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;width:24px;height:24px;font-size:13px;color:var(--gold)!important}.window-close:hover{border-color:var(--gold-lo);background:#fff1;color:var(--gold-hi)!important}.window-hint{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.45}.slot{width:var(--slot);height:var(--slot);cursor:pointer;background:radial-gradient(circle at 50% 35%,#1f2e28,#0a110e 75%);border:1px solid #000;border-radius:4px;outline:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #4a4430,inset 0 0 10px #000,0 1px #ffe6aa14}.slot img{object-fit:cover;pointer-events:none;border-radius:2px;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.slot img:not([src]){display:none}.slot img[src*="/icons/"]:not([src*="/icons/ability-"]){object-fit:contain;filter:drop-shadow(0 2px 2px #000000d9)drop-shadow(0 0 1px #0009);border-radius:0;width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.slot.filled,.slot.action-slot:not(.empty){background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--frame,#8d7c55) 22%, #1f2e28), #0a110e 72%)}.slot:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px var(--frame,transparent), inset 0 12px 14px -10px #ffffff38;border-radius:4px;position:absolute;inset:0}.slot.filled.q-common,.slot.action-slot:not(.empty){--frame:#8d7c55}.slot.q-uncommon{--frame:var(--q-uncommon)}.slot.q-rare{--frame:var(--q-rare)}.slot.q-epic{--frame:var(--q-epic)}.slot:hover{box-shadow:inset 0 0 0 1px var(--gold-hi), inset 0 0 12px #f6dc9540, 0 0 10px #f6dc9540}.slot .count{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 4px #000;pointer-events:none;font:700 12px Inter,sans-serif;position:absolute;bottom:1px;right:3px}.slot.drop-ok{box-shadow:inset 0 0 0 2px #7cff8e,0 0 14px #7cff8e88}.slot.drop-no{box-shadow:inset 0 0 0 2px #ff5a4a}.slot .glyph{color:#5b5a47;opacity:.9;pointer-events:none;width:60%;height:60%}.slot .glyph svg{width:100%;height:100%}.drag-ghost{z-index:1000;pointer-events:none;width:44px;height:44px;box-shadow:0 0 0 1px var(--gold-hi), 0 6px 18px #000c;opacity:.92;background:#0d1612 50%/cover no-repeat;border-radius:4px;position:fixed;top:0;left:0}body.dragging,body.dragging *{cursor:grabbing!important}.unit-frame{border-radius:40px 6px 6px 40px;align-items:center;gap:10px;width:290px;padding:8px 12px 8px 8px;display:none;position:absolute;top:16px}.unit-frame.visible{display:flex}.player-frame{left:16px}.target-frame{left:326px}.portrait{background:conic-gradient(from 200deg, var(--gold-lo), var(--gold-hi), var(--gold), var(--gold-lo), var(--gold-hi), var(--gold-lo));border-radius:50%;flex:none;width:66px;height:66px;padding:3px;position:relative;box-shadow:0 2px 8px #000c}.portrait img{object-fit:cover;background:radial-gradient(circle at 50% 30%,#2d4a3d,#06100c);border-radius:50%;width:100%;height:100%;display:block}.level-badge{min-width:24px;height:24px;color:var(--gold-hi);border:1px solid var(--gold);background:radial-gradient(circle at 50% 30%,#3a2c14,#120c04);border-radius:12px;place-items:center;padding:0 5px;font:700 12px Cinzel,serif;display:grid;position:absolute;bottom:-3px;right:-4px;box-shadow:0 1px 4px #000}.unit-info{flex:1;min-width:0}.unit-name{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.unit-name b{color:var(--gold-hi);text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;font:700 14px Cinzel,serif;overflow:hidden}.unit-name small{color:var(--muted);white-space:nowrap;font-size:11px}.unit-frame.hostile .unit-name b{color:#ff9c86}.unit-frame.dead .portrait img{filter:grayscale()brightness(.6)}.bar{background:linear-gradient(#050807,#121a16);border-radius:3px;height:16px;margin-top:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #3d3622}.bar i{width:0;transition:width .18s linear;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59,inset 0 -4px 6px #00000059}.bar i:after{content:"";background:linear-gradient(#ffffff40,#0000);position:absolute;inset:0 0 50%}.bar.hp i{background:linear-gradient(90deg,#1f7a2c,#37c24a 70%,#6fe879)}.unit-frame.hostile .bar.hp i{background:linear-gradient(90deg,#7a1b1b,#cc3a2f 70%,#ef6a4f)}.bar.mana i{background:linear-gradient(90deg,#163f96,#2e78e0 70%,#58b4ff)}.warrior-resource .bar.mana i{background:linear-gradient(90deg,#8b6b10,#d8a822 70%,#f7d257)}.bar span{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000;font-variant-numeric:tabular-nums;place-items:center;font:600 10.5px Inter,sans-serif;display:grid;position:absolute;inset:0}.bar.mana{height:11px}.bar.mana span{font-size:9px}.action-bar{border-radius:6px;padding:6px 10px 10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.action-bar:before,.action-bar:after{content:"";border:1px solid var(--gold-lo);pointer-events:none;background:linear-gradient(#2a2413,#0d0b05);width:34px;height:46px;position:absolute;bottom:8px}.action-bar:before{border-right:0;border-radius:22px 0 0 22px;left:-30px}.action-bar:after{border-left:0;border-radius:0 22px 22px 0;right:-30px}.xp-bar{background:#07060a;border-radius:5px;height:9px;margin:0 2px 7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #3c3322}.xp-bar i{background:linear-gradient(90deg,#5b2a9c,#9a55e6,#c895ff);transition:width .5s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #a86cff}.xp-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);position:absolute;inset:0}.xp-bar span{color:#fff;text-shadow:0 0 2px #000;opacity:0;z-index:1;place-items:center;font:600 8.5px Inter,sans-serif;transition:opacity .15s;display:grid;position:absolute;inset:-2px 0 0}.xp-bar:hover span{opacity:1}.action-slots{gap:6px;display:flex}.action-slot{--slot:52px}.action-slot kbd{color:#e8e1cc;z-index:3;pointer-events:none;background:#0000008c;border:0;padding:0 3px;position:absolute;top:2px;left:2px}.action-slot.empty kbd{color:#6d6b5d}.action-slot .cooldown{z-index:2;pointer-events:none;background:conic-gradient(#000000b8 var(--p,0%), transparent 0);position:absolute;inset:0}.action-slot .cd-text{z-index:3;color:#fff5d6;text-shadow:0 0 3px #000,0 0 6px #000;pointer-events:none;place-items:center;font:700 15px Inter,sans-serif;display:grid;position:absolute;inset:0}.action-slot.unaffordable img{filter:saturate(.3)brightness(.55)sepia(.4)hue-rotate(180deg)}.action-slot.out-of-stock img{filter:grayscale()brightness(.45)}.action-slot.pressed{animation:.22s ease-out press}@keyframes press{0%{box-shadow:inset 0 0 0 2px var(--gold-hi), 0 0 16px var(--gold-hi);transform:scale(.9)}}.action-slot.cooling:not(.pressed):after{box-shadow:inset 0 0 0 1px #5a4f35}.chat-panel{background:linear-gradient(#08120e8c,#050c0ab3);border-color:#6d542999;flex-direction:column;width:min(430px,34vw);height:220px;transition:background .2s,box-shadow .2s;display:flex;position:absolute;bottom:14px;left:16px;box-shadow:0 0 0 1px #000a,0 10px 30px #00000059}.chat-panel:hover,.chat-panel.typing{background:linear-gradient(180deg, var(--panel-a), var(--panel-b));box-shadow:0 0 0 1px #000c,0 0 0 3px #c9a15a38,0 14px 38px #000000a6}.chat-tabs{border-bottom:1px solid #6d542999;gap:2px;padding:4px 6px 0;display:flex}.chat-tabs button{letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:4px 4px 0 0;padding:4px 11px;font:600 11px Cinzel,serif;color:var(--muted)!important}.chat-tabs button.active{background:#c9a15a24;border-color:#6d5429cc;color:var(--gold-hi)!important}.chat-log{text-shadow:0 1px 2px #000,0 0 3px #000;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent;flex:1;padding:6px 10px;font-size:12.5px;line-height:1.5;overflow-y:auto}.chat-line time{color:#6e7c70;font-variant-numeric:tabular-nums;margin-right:6px;font-size:10.5px}.chat-line b{color:#9fd6ff;font-weight:600}.chat-line.system{color:#f2cd72}.chat-line.loot{color:#6fdc7e}.chat-line.combat{color:#c9a7ff}.chat-input{color:#fff;background:#00000080;border:1px solid #6d542999;border-radius:3px;outline:none;margin:0 6px 6px;padding:7px 9px;font:12.5px Inter,sans-serif}.chat-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c9a15a33}.menu-bar{border-radius:6px;gap:5px;padding:6px;display:flex;position:absolute;bottom:14px;right:16px}.menu-button{cursor:pointer;background:radial-gradient(circle at 50% 30%,#273b31,#0a130f 80%);border:1px solid #000;border-radius:4px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #4a4430,inset 0 1px #ffe6aa26;color:#cdb57a!important}.menu-button svg{width:22px;height:22px}.menu-button:hover{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #f6dc954d;color:var(--gold-hi)!important}.menu-button.active{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #f6dc9559;background:radial-gradient(circle at 50% 30%,#5b4a22,#1a1307 80%);color:#fff3c8!important}.menu-button .badge{color:#1b1203;background:linear-gradient(#ffe7a1,#d39a2e);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font:700 10px Inter,sans-serif;display:none;position:absolute;top:-6px;right:-5px;box-shadow:0 0 8px #ffcf5a}.menu-button .badge.visible{animation:1.6s ease-in-out infinite badge;display:grid}@keyframes badge{50%{box-shadow:0 0 14px #ffd76a,0 0 2px #fff}}.character-window{width:404px}.sheet-heading{flex-direction:column;align-items:center;margin:-4px 0 10px;display:flex}.sheet-heading b{color:var(--gold-hi);letter-spacing:.05em;text-shadow:0 1px 3px #000;font:700 18px Cinzel,serif}.sheet-heading span{color:var(--muted);font-size:12px}.paperdoll{grid-template-columns:var(--slot) 1fr var(--slot);--slot:54px;align-items:stretch;gap:10px;display:grid}.equip-column{align-content:space-between;gap:8px;display:grid}.preview-stage{background:radial-gradient(90% 60% at 50% 88%,#f6dc9529,#0000 60%),radial-gradient(120% 90% at 50% 20%,#1c3a2e,#07110d 75%);border-radius:4px;min-height:250px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3d3622,inset 0 0 30px #000}.preview-stage:before{content:"";pointer-events:none;border:1px solid #f6dc9540;border-radius:50%;height:18px;position:absolute;bottom:14px;left:12%;right:12%}.character-preview{cursor:ew-resize;touch-action:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.turn{border:1px solid var(--gold-lo);cursor:pointer;opacity:.6;background:#0000008c;border-radius:50%;width:26px;height:26px;font-size:14px;line-height:1;transition:opacity .15s;position:absolute;bottom:8px;color:var(--gold)!important}.turn:hover{opacity:1;color:var(--gold-hi)!important}.turn-left{left:8px}.turn-right{right:8px}.sheet-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.stat-group{background:#00000047;border-radius:4px;padding:8px 10px 10px;box-shadow:inset 0 0 0 1px #2e3a30}.stat-group h3{letter-spacing:.08em;color:var(--gold);border-bottom:1px solid #3a3522;margin:0 0 6px;padding-bottom:5px;font:700 12px Cinzel,serif}.stat-group dl{gap:3px;margin:0;display:grid}.stat-row{border-radius:2px;align-items:center;gap:6px;min-height:21px;padding:0 2px;font-size:12px;display:flex}.stat-row:hover{background:#ffffff0d}.stat-row dt{color:#cbbd97;flex:1}.stat-row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.stat-row .bonus{color:var(--q-uncommon);margin-left:3px;font-style:normal}.allocate{cursor:pointer;background:linear-gradient(#5d8e3c,#2c4f1b);border:1px solid #d6b15e;border-radius:3px;width:18px;height:18px;padding:0;font:700 13px/1 Inter,sans-serif;box-shadow:0 0 6px #6fdc7e73;color:#fff!important}.allocate:hover{filter:brightness(1.25)}.free-points{color:var(--muted);margin:8px 0 0;font-size:11px}.free-points.has-points{color:var(--gold-hi)}.free-points b{color:var(--q-uncommon);font-size:13px}.inventory-window{--slot:46px}.bag-grid{grid-template-columns:repeat(6, var(--slot));background:#0000004d;border-radius:4px;gap:5px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #2e3a30,inset 0 0 18px #000}.bag-slot.empty{cursor:default}.bag-slot.empty:hover{box-shadow:inset 0 0 0 1px #5a553d,inset 0 0 10px #000}.bag-footer{color:var(--muted);background:linear-gradient(90deg,#00000073,#3c2d0f59);border-radius:4px;justify-content:space-between;align-items:center;margin-top:10px;padding:7px 10px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #3d3622}.bag-gold{font-size:14px}.spellbook-window{width:300px}.ability-list{gap:6px;display:grid}.ability-row{background:#00000040;border-radius:4px;align-items:center;gap:10px;padding:5px;display:flex;box-shadow:inset 0 0 0 1px #2e3a30}.ability-row b{color:var(--gold-hi);font:700 13px Cinzel,serif;display:block}.ability-row small{color:var(--muted);font-size:11px}.ability-icon{--frame:#8d7c55}.loot-window{--slot:40px;width:250px;min-width:0}.loot-list{gap:4px;margin-bottom:10px;display:grid}.loot-row{cursor:pointer;text-align:left;background:linear-gradient(90deg,#00000073,#0000001a);border:0;border-radius:4px;align-items:center;gap:10px;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #2e3a30}.loot-row:hover{box-shadow:inset 0 0 0 1px var(--gold-lo);background:linear-gradient(90deg,#c9a15a40,#c9a15a0a)}.loot-row .slot{pointer-events:none;flex:none}.loot-row b{font:600 13px Inter,sans-serif}.loot-all{width:100%}.shop-window{--slot:46px;width:380px}.merchant-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.merchant-portrait{width:74px;height:74px}.merchant-text{flex-direction:column;flex:1;min-width:0;display:flex}.merchant-name{letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 1px 3px #000;font:700 17px Cinzel,serif}.npc-title{color:#9df08a;font-size:11.5px}.speech{color:#e6dbbd;background:linear-gradient(#0000006b,#00000047);border-radius:4px;margin:8px 0 0;padding:7px 10px;font:italic 12.5px/1.4 Inter,sans-serif;position:relative;box-shadow:inset 0 0 0 1px #3d3622}.speech:before{content:"";border:6px solid #0000;border-left:0;border-right-color:#3d3622;position:absolute;top:12px;left:-6px}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:0 0 8px;font:700 11px Cinzel,serif;display:flex}.section-label:before,.section-label:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-lo));flex:1;height:1px}.section-label:after{background:linear-gradient(90deg, var(--gold-lo), transparent)}.ware-list{gap:5px;display:grid}.ware{cursor:pointer;text-align:left;background:linear-gradient(90deg,#00000073,#00000026);border:0;border-radius:4px;align-items:center;gap:11px;width:100%;padding:4px 12px 4px 4px;transition:background .1s,box-shadow .1s;display:flex;box-shadow:inset 0 0 0 1px #2e3a30}.ware:hover{box-shadow:inset 0 0 0 1px var(--gold-lo), 0 0 12px #f6dc9514;background:linear-gradient(90deg,#c9a15a3d,#c9a15a0d)}.ware:active{transform:translateY(1px)}.ware .slot{pointer-events:none;flex:none}.ware-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ware-text b{font:600 13.5px Inter,sans-serif}.ware-text small{color:var(--muted);font-size:11.5px}.ware-price{flex:none;font-size:14px}.ware.unaffordable{cursor:not-allowed}.ware.unaffordable .slot img{filter:grayscale(.8)brightness(.6)}.ware.unaffordable .ware-text b{opacity:.6}.ware.unaffordable .gold-amount{color:#d0584a}.shop-hints{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:12px 0 0;font-size:11px;display:flex}.shop-hints kbd{color:#e8e1cc;background:#0009;border:1px solid #4a5a4a;border-bottom-width:2px;border-radius:3px;margin-right:4px;padding:0 5px;font:600 10px Inter,sans-serif}.tooltip{z-index:900;pointer-events:none;opacity:0;background:linear-gradient(#0a101af7,#05080ef7);border-color:#5c6a86;max-width:290px;padding:9px 12px;font-size:12.5px;line-height:1.45;transition:opacity 80ms;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #000,0 10px 26px #000c}.tooltip.visible{opacity:1}.tt-name{color:#fff;margin-bottom:2px;font:700 14px Cinzel,serif;display:block}.tt-ability{color:var(--gold-hi)}.tt-sub{color:#d6d6d6;justify-content:space-between;gap:16px;display:flex}.tt-main{color:#fff}.tt-bonus{color:var(--q-uncommon)}.tt-use{color:var(--q-uncommon);margin-top:3px}.tt-flavour{color:#e4c56b;margin-top:4px;font-style:italic}.tt-price{color:#d6d6d6;margin-top:4px}.tt-hint{color:#8fa0b8;margin-top:4px;font-size:11px}.toast{color:#ffd98a;text-shadow:0 2px 4px #000,0 0 16px #000c;opacity:0;pointer-events:none;white-space:nowrap;font:700 18px Cinzel,serif;position:absolute;top:20%;left:50%;transform:translate(-50%)}.toast.show{animation:2.6s toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.level-banner{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}.level-banner b{letter-spacing:.12em;color:#ffe7a0;text-shadow:0 0 24px #ffbf3a,0 3px 6px #000;font:700 44px Cinzel,serif}.level-banner span{color:#f1e6c8;text-shadow:0 1px 3px #000;font:600 14px Inter,sans-serif}.level-banner:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-hi), transparent);height:1px;position:absolute;top:50%;left:-80px;right:-80px}.level-banner.show{animation:4s banner}.level-banner.death b{color:#ff9a86;text-shadow:0 0 24px #b3261e,0 3px 6px #000}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}10%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)}}.debug-panel{color:#cfe;background:#000000b3;border-radius:4px;min-width:200px;margin:0;padding:10px;font:12px ui-monospace,monospace;display:none;position:absolute;top:16px;right:16px}.debug-panel.visible{display:block}@media (width<=1300px){.chat-panel{width:320px;height:170px;bottom:104px}.menu-bar{bottom:104px}}@media (width<=1100px){.action-slot{--slot:44px}.action-slots{gap:5px}.chat-panel{width:290px;height:150px;bottom:92px}.menu-bar{flex-direction:column;bottom:92px}.target-frame{top:104px;left:16px}}@media (width<=700px){.action-slot{--slot:38px}.action-slots{gap:4px}.action-bar:before,.action-bar:after{display:none}.chat-panel{width:calc(100vw - 90px);height:120px;bottom:82px}.menu-bar{bottom:82px;right:8px}.unit-frame{width:250px}}