:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9dfc7;background:#08090b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}.app-shell{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#06070a,#151111 52%,#090b0e)}.game-canvas{position:absolute;inset:0;cursor:crosshair;touch-action:none}.game-canvas canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:2;border:1px solid rgba(176,142,91,.38);background:linear-gradient(180deg,#161718e6,#07080ad1),#08090bdb;box-shadow:inset 0 0 0 1px #ffe8b40d,0 16px 38px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-left{top:16px;left:16px;width:260px;padding:12px}.right-column{top:16px;right:16px;bottom:16px;width:312px;display:flex;flex-direction:column;gap:12px;padding:12px;overflow:hidden}.right-column-fixed{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}.inventory-heading{color:#c4ad82;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.bottom-left{left:16px;bottom:16px;width:min(520px,calc(100vw - 32px));min-height:148px;padding:12px}.field{display:grid;gap:6px;margin-bottom:12px;color:#c4ad82;font-size:12px;text-transform:uppercase}.field input,.field select{width:100%;border:1px solid rgba(176,142,91,.42);color:#f1e3c8;background:#090b0d;padding:8px 10px;outline:none}.field select{appearance:none;background:linear-gradient(45deg,transparent 50%,#d3a45c 50%) right 14px top 55% / 7px 7px no-repeat,#0d1011}.field input:disabled,.field select:disabled{color:#9d927c;cursor:default;opacity:.72}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.06);color:#cfc1a5;font-size:14px}.stat-line strong{color:#f0d78e}.character-name{margin-bottom:12px;color:#f2d596;font-family:Georgia,Times New Roman,serif;font-size:20px;text-shadow:0 2px 0 #000}.heat-meter{position:relative;margin-bottom:12px;overflow:hidden;padding:11px;border:1px solid rgba(191,75,56,.34);background:linear-gradient(180deg,#250d0bc2,#040507d1),#08090b;box-shadow:inset 0 0 18px #00000094}.heat-meter:before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(245,190,108,.08)}.heat-label-row,.heat-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.heat-label-row{color:#d3c29e;font-size:12px;text-transform:uppercase}.heat-label-row strong{color:#ffe2a6}.heat-track{height:18px;margin:8px 0;overflow:hidden;border:1px solid rgba(255,211,128,.18);background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 19px),#160f10;box-shadow:inset 0 0 10px #000000b8}.heat-fill{width:var(--heat);height:100%;background:linear-gradient(180deg,rgba(255,240,184,.36),transparent 52%),linear-gradient(90deg,#766744,#d6a457);box-shadow:0 0 18px #d6a45770}.heat-status-row{color:#aeb4aa;font-size:12px}.heat-status-row strong{color:#7fd69d}.heat-tier-hunted .heat-fill{background:linear-gradient(90deg,#b16b42,#f0b15f);box-shadow:0 0 18px #f08c4673}.heat-tier-swarming .heat-fill{background:linear-gradient(90deg,#b63834,#ff7b45);box-shadow:0 0 22px #ff5a3894}.heat-tier-inferno .heat-fill{background:linear-gradient(90deg,#9d1616,#ffdc73);box-shadow:0 0 26px #ff432ab8}.orb-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stamina-bar{position:relative;height:16px;margin-top:8px;border:1px solid rgba(228,198,133,.28);border-radius:8px;background:#14100ab3;overflow:hidden}.stamina-fill{height:100%;background:linear-gradient(90deg,#4a8a3a,#8fd06a);transition:width .12s linear}.stamina-bar.running .stamina-fill{background:linear-gradient(90deg,#c0a83a,#f2e06a);box-shadow:inset 0 0 8px #fff07899}.stamina-label{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff5d3;text-shadow:0 1px 0 #000;letter-spacing:.04em}.orb{position:relative;display:grid;min-height:76px;place-items:center;aspect-ratio:1;border:2px solid rgba(228,198,133,.22);border-radius:50%;color:#fff5d3;font-size:13px;font-weight:700;text-shadow:0 1px 0 #000;box-shadow:inset 0 9px 18px #ffffff0f,inset 0 -18px 22px #0000007a,0 8px 22px #0000006b}.orb:after{content:"";position:absolute;top:13%;left:25%;width:30%;height:18%;border-radius:50%;background:#fff5d72e;filter:blur(2px)}.health{background:radial-gradient(circle at 38% 28%,#d46f5b 0,#8d2020 38%,#30090b)}.mana{background:radial-gradient(circle at 38% 28%,#78b6d8 0,#255f8d 38%,#0a1734)}.gold{min-height:42px;aspect-ratio:auto;border-radius:2px;background:linear-gradient(180deg,#8b672e,#3a2410)}.xp{min-height:42px;aspect-ratio:auto;border-radius:2px;background:linear-gradient(180deg,#355c78,#142536)}.gold:after,.xp:after{display:none}.chat-panel{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font-size:13px;line-height:1.35}.chat-line strong{color:#e4c779}.system-line{color:#aeb4aa}.system-line strong{color:#d7a35f}.controls-panel{color:#cfc1a5;display:grid;gap:8px;font-size:13px}.progression-panel{display:grid;gap:10px;width:330px;max-height:calc(100vh - 232px);padding:12px;overflow:hidden}.progression-header,.progression-stats,.equipment-grid{display:grid;gap:8px}.progression-header{grid-template-columns:1fr auto}.progression-header>div,.progression-stats>div,.equipment-slot,.source-power{min-width:0;border:1px solid rgba(176,142,91,.16);background:linear-gradient(180deg,#16120fad,#04060894)}.progression-header>div,.progression-stats>div{display:grid;gap:3px;min-height:48px;padding:8px}.progression-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.progression-panel span{min-width:0;overflow:hidden;color:#adbaa7;font-size:10px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.progression-panel strong{min-width:0;overflow:hidden;color:#f4ddaa;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.equipment-grid{grid-template-columns:1fr 1fr}.equipment-slot,.source-power,.inventory-item{display:grid;align-items:center;gap:8px}.equipment-slot{grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding:8px}.equipment-slot>div{display:grid;min-width:0;gap:2px}.source-power{grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:8px;border-color:#bf5b3d47;background:#370f0d61}.source-power.unlocked{border-color:#71ca8a4d;background:#0e2c1c57}.progression-panel button{min-width:66px;height:30px;border:1px solid rgba(222,179,94,.54);color:#ffe6ad;background:linear-gradient(180deg,#6b4a23e6,#301e11eb);cursor:pointer}.progression-panel button:disabled{color:#877f72;background:#201d19bd;cursor:default}.inventory-list{flex:1 1 auto;min-height:96px;overflow-y:auto;padding-right:2px;display:flex;flex-direction:column;gap:4px;align-content:start}.inventory-empty{display:grid;min-height:72px;place-items:center;border:1px dashed rgba(255,255,255,.1);color:#8f9889;font-size:12px}.rarity-common .inventory-row-name,.item-tooltip.rarity-common .item-tooltip-name{color:#d8cdb2}.rarity-magic .inventory-row-name,.item-tooltip.rarity-magic .item-tooltip-name{color:#88c7f2}.rarity-rare .inventory-row-name,.item-tooltip.rarity-rare .item-tooltip-name{color:#f0ca5e}.rarity-unique .inventory-row-name,.item-tooltip.rarity-unique .item-tooltip-name{color:#e29a48}.inventory-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;text-align:left;padding:6px 8px;border:1px solid rgba(176,142,91,.2);border-left-width:3px;border-left-color:#9aa3ad;background:linear-gradient(180deg,#120f0ddb,#020305b3);color:#e7d6ad;cursor:pointer}.inventory-row:disabled{cursor:default;opacity:.78}.inventory-row:hover:not(:disabled){border-color:#ffd6678c}.inventory-row.rarity-magic{border-left-color:#88c7f2}.inventory-row.rarity-rare{border-left-color:#f0ca5e}.inventory-row.rarity-unique{border-left-color:#d98a3c;box-shadow:inset 0 0 10px #d98a3c40}.inventory-row.equipped{border-color:#ffd6679e;background:linear-gradient(180deg,#4f3a1b80,#120c08b8)}.inventory-row-glyph{font-size:18px;line-height:1;text-align:center}.inventory-row-main{display:flex;flex-direction:column;gap:1px;min-width:0}.inventory-row-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipped-tag{margin-left:6px;font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#ffd667}.inventory-row-sub{font-size:10px;color:#8f836a}.inventory-row-stats{font-size:11px;color:#b6cda0}.item-tooltip{z-index:7;width:240px;padding:10px 12px;border:1px solid rgba(176,142,91,.55);background:linear-gradient(180deg,#14110efa,#07080bf7);box-shadow:0 16px 40px #0009;pointer-events:none}.item-tooltip-name{font-weight:700;font-size:14px}.item-tooltip-sub{margin-top:2px;font-size:11px;color:#9c8e6f}.item-tooltip-stats{margin-top:8px;display:flex;flex-direction:column;gap:2px}.item-tooltip-stat{font-size:12px;color:#cfe0bd}.item-tooltip-empty{font-size:12px;color:#8f836a;font-style:italic}.item-tooltip-compare{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:4px 8px}.item-tooltip-compare-head{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9c8e6f}.compare-delta{font-size:12px;font-weight:600}.compare-delta.up{color:#7fd28a}.compare-delta.down{color:#e2706a}.objective-line{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:#f0d78e;font-family:Georgia,Times New Roman,serif;font-size:15px}.haven-line{margin-top:8px;color:#9edbb0;font-size:12px;line-height:1.35}.party-list{display:grid;gap:6px;margin-top:10px}.invite-button{width:100%;padding:6px 8px;border:1px solid rgba(255,210,94,.34);background:#ffd25e1a;color:#f0d79a;font-size:11px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.invite-button:hover{background:#ffd25e33}.party-member{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:28px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);background:#00000038;color:#cfc1a5;font-size:12px}.party-member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member strong{color:#d9e1c0;font-size:11px;text-transform:uppercase}.party-member em{color:#d3a45c;font-size:10px;font-style:normal;text-transform:uppercase}.party-member.local{border-color:#ffd25e57}.party-member.downed{border-color:#d6463a6b;background:#4a0c0a59}.party-member.downed strong{color:#ff8c76}.combat-bar{position:absolute;z-index:2;left:50%;bottom:18px;display:grid;grid-template-columns:repeat(2,minmax(140px,164px));gap:12px;transform:translate(-50%)}.skill-slot{position:relative;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr auto;min-height:64px;overflow:hidden;border:1px solid rgba(219,160,78,.5);color:#f2dfb6;background:linear-gradient(180deg,#652215e6,#0a090af2),#111;box-shadow:inset 0 0 0 1px #ffdd970f,0 12px 30px #0000007a;text-align:left}.skill-slot:disabled{opacity:1}.skill-slot{cursor:pointer;touch-action:manipulation}.skill-slot:active{transform:translateY(1px);border-color:#ffdd97d9}.skill-slot.unavailable{border-color:#925d3e80;color:#9f927d}.skill-mouse{grid-row:1 / span 2;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.11);color:#ffd06d;background:#00000047;font-weight:900}.skill-name{align-self:end;padding:8px 8px 0;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.skill-cost{padding:2px 8px 8px;color:#9fb9d2;font-size:11px;text-transform:uppercase}.skill-cooldown{position:absolute;inset:0;display:grid;place-items:center;color:#fff0c7;background:linear-gradient(to top,rgba(0,0,0,.74) var(--cooldown),rgba(0,0,0,.34) var(--cooldown)),#0000006b;font-size:20px;font-weight:900;text-shadow:0 2px 0 #000}.move-joystick{position:absolute;z-index:4;left:22px;bottom:26px;width:132px;height:132px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(176,142,91,.45);background:radial-gradient(circle at 50% 50%,#14100e80,#08090bb8);box-shadow:inset 0 0 0 1px #ffdd970d;touch-action:none;user-select:none;-webkit-user-select:none}.move-joystick.active{border-color:#e4c685b3}.move-joystick-knob{width:58px;height:58px;border-radius:50%;border:1px solid rgba(228,198,133,.7);background:radial-gradient(circle at 40% 35%,#652215f2,#0a090af2);box-shadow:0 6px 16px #00000080;pointer-events:none}.floating-controls{position:absolute;z-index:6;top:158px;right:14px;display:flex;flex-direction:column;gap:8px}.floating-controls,.vitals-cluster,.combat-bar,.inventory-panel{-webkit-user-select:none;user-select:none}.floating-btn{width:36px;height:36px;display:grid;place-items:center;font-size:17px;line-height:1;color:#f0c577;border:1px solid rgba(176,142,91,.5);border-radius:50%;background:#08090bd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.floating-btn:hover{color:#ffe6a8;border-color:#e4c685d9}.vitals-cluster{right:16px;bottom:14px;display:flex;align-items:flex-end;gap:10px;padding:10px 12px;border-radius:12px}.vital-orb{position:relative;width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:2px solid rgba(228,198,133,.3);background:radial-gradient(circle at 40% 30%,#ffffff0d,#0009);box-shadow:inset 0 8px 16px #ffffff0d,inset 0 -14px 18px #00000080,0 6px 18px #00000073}.vital-orb-fill{position:absolute;left:0;right:0;bottom:0;transition:height .12s linear}.vital-orb.health .vital-orb-fill{background:linear-gradient(180deg,#d4584a 0,#8d2020 60%,#30090b)}.vital-orb.mana .vital-orb-fill{background:linear-gradient(180deg,#78b6d8 0,#255f8d 60%,#0a1734)}.vital-orb span{position:relative;z-index:1;font-size:11px;font-weight:700;color:#fff5d3;text-shadow:0 1px 2px #000}.vital-side{display:flex;flex-direction:column;align-items:stretch;gap:6px}.vital-level{padding:4px 8px;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700;color:#f2d596;border:1px solid rgba(176,142,91,.45);border-radius:6px;background:#00000059;text-shadow:0 1px 0 #000}.inventory-toggle{width:100%;min-height:30px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:800;color:#f0c577;border:1px solid rgba(176,142,91,.5);border-radius:6px;background:#08090bcc;cursor:pointer}.inventory-toggle:hover,.inventory-toggle.active{color:#0c0a07;background:linear-gradient(180deg,#f0c577,#b88a3c);border-color:#e4c685d9}.skill-binding{display:flex;flex-direction:column;align-items:center;gap:2px}.mouse-glyph{display:block}.skill-key{font-size:11px;font-weight:900;line-height:1}.inventory-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#0404069e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.inventory-panel{display:flex;flex-direction:column;gap:10px;width:min(440px,96vw);max-height:90vh;overflow-y:auto;padding:16px;border:1px solid rgba(176,142,91,.5);border-radius:10px;background:linear-gradient(180deg,#161718f5,#07080af0),#08090bf5;box-shadow:0 24px 60px #0009}.inventory-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-panel-header strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:19px;color:#f2d596;text-shadow:0 2px 0 #000}.inventory-panel-header span{font-size:12px;color:#c4ad82}.inventory-stat-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.inventory-panel .inventory-list{max-height:40vh;overflow-y:auto}@media(max-width:760px){.minimap{transform:scale(.82);transform-origin:top right}.vital-orb{width:52px;height:52px}}@media(pointer:coarse){.chat-panel{display:none}.vitals-cluster{left:calc(10px + env(safe-area-inset-left,0px));top:calc(10px + env(safe-area-inset-top,0px));right:auto;bottom:auto}.minimap{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));transform:scale(.72);transform-origin:top right}.combat-bar{left:auto;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none;grid-template-columns:1fr;width:118px;gap:8px}.skill-slot{min-height:46px}.skill-cost{display:none}.move-joystick{left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.character-select{position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow-y:auto;padding:32px 18px;background:radial-gradient(120% 90% at 50% -10%,rgba(94,30,18,.5),transparent 60%),linear-gradient(135deg,#06070a,#160f0f 55%,#08090c)}.character-select-panel{width:min(980px,100%);display:flex;flex-direction:column;gap:22px}.character-select-header h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:40px;letter-spacing:2px;color:#f0c577;text-shadow:0 3px 14px rgba(217,90,40,.45)}.character-select-header p{margin:6px 0 0;color:#b9ab8c}.character-select-footer{margin-top:4px;padding-top:14px;border-top:1px solid rgba(176,142,91,.22);color:#8f836a;font-size:12px;line-height:1.5;text-align:center}.disclaimer{position:absolute;inset:0;z-index:10;display:grid;place-items:center;overflow-y:auto;padding:32px 18px;background:radial-gradient(120% 90% at 50% -10%,rgba(94,30,18,.5),transparent 60%),linear-gradient(135deg,#06070a,#160f0f 55%,#08090c)}.disclaimer-panel{width:min(620px,100%);display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid rgba(176,142,91,.38);background:linear-gradient(180deg,#161718f0,#07080ae6);box-shadow:inset 0 0 0 1px #ffe8b40d,0 20px 48px #0009}.disclaimer-header h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;letter-spacing:1.5px;color:#f0c577;text-shadow:0 3px 14px rgba(217,90,40,.45)}.disclaimer-rating{margin:6px 0 0;color:#d98a3c;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.disclaimer-body{display:flex;flex-direction:column;gap:12px}.disclaimer-body p{margin:0;color:#cfc1a5;font-size:13px;line-height:1.6}.disclaimer-body strong{color:#e7d6ad}.disclaimer-accept-line{color:#9c8e6f!important;font-size:12px!important}.disclaimer-actions{display:flex;justify-content:flex-end}.disclaimer-button{padding:11px 22px;border:1px solid rgba(255,214,103,.6);background:linear-gradient(180deg,#783c18e6,#3c1a0ceb);color:#ffe9b8;font-weight:700;letter-spacing:.5px;cursor:pointer}.disclaimer-button:hover{border-color:#ffd667;box-shadow:0 0 16px #d98a3c66}.character-select-footer-links{margin:8px 0 0}.legal-link{padding:0;border:0;background:none;color:#d3a45c;font:inherit;text-decoration:underline;cursor:pointer}.legal-link:hover{color:#f0c577}.legal-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px 16px;background:#040507b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.legal-modal-panel{width:min(720px,100%);max-height:86vh;display:flex;flex-direction:column;border:1px solid rgba(176,142,91,.4);background:linear-gradient(180deg,#141516fa,#08090bfa);box-shadow:0 24px 56px #000000a6}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.legal-modal-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:1px;color:#f0c577}.legal-modal-close{border:0;background:none;color:#9c8e6f;font-size:26px;line-height:1;cursor:pointer}.legal-modal-close:hover{color:#f0c577}.legal-modal-updated{margin:4px 22px 0;color:#8f836a;font-size:12px}.legal-modal-body{overflow-y:auto;padding:12px 22px 4px}.legal-modal-body h3{margin:16px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:15px;color:#e7d6ad}.legal-modal-body p{margin:0 0 8px;color:#cfc1a5;font-size:13px;line-height:1.6}.legal-modal-actions{display:flex;justify-content:flex-end;padding:12px 22px 18px;border-top:1px solid rgba(176,142,91,.2)}.legal-modal-done{padding:9px 20px;border:1px solid rgba(255,214,103,.6);background:linear-gradient(180deg,#783c18e6,#3c1a0ceb);color:#ffe9b8;font-weight:700;letter-spacing:.5px;cursor:pointer}.legal-modal-done:hover{border-color:#ffd667;box-shadow:0 0 16px #d98a3c66}.character-select h2{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:18px;color:#e7d6ad;letter-spacing:1px;border-bottom:1px solid rgba(176,142,91,.3);padding-bottom:6px}.roster-empty{color:#8f836a;font-style:italic;padding:6px 0}.roster-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.roster-card{position:relative;text-align:left;padding:12px 14px;border:1px solid rgba(176,142,91,.35);border-left:3px solid #d98a3c;background:linear-gradient(180deg,#18120eeb,#060609d9);color:#e9dfc7;cursor:pointer;transition:border-color .12s,transform .08s}.roster-card:hover{border-color:#ffd667b3;transform:translateY(-2px)}.roster-card-name{font-weight:700;font-size:16px;color:#f0d78e}.roster-card-class{font-size:12px;color:#b9ab8c;margin-top:2px}.roster-card-role{font-size:11px;color:#8f836a}.roster-card-play{display:inline-block;margin-top:8px;font-size:12px;color:#f0c577}.class-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.class-card{text-align:left;padding:14px;border:1px solid rgba(176,142,91,.3);background:linear-gradient(180deg,#14100de6,#050609d1);color:#e9dfc7;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s}.class-card:hover{transform:translateY(-2px);border-color:#ffd66780}.class-card.selected{border-color:#ffd667d9;box-shadow:inset 0 0 0 1px #ffd66766,0 0 18px #d98a3c4d}.class-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.class-card-name{font-family:Georgia,Times New Roman,serif;font-size:17px;color:#f0c577}.class-card-role{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9c8e6f}.class-card-theme{margin:8px 0 10px;font-size:12px;line-height:1.4;color:#c2b495;min-height:34px}.class-card-attacks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.class-card-attacks li{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.attack-hotkey{grid-row:1 / 3;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(176,142,91,.5);border-radius:3px;font-size:11px;font-weight:700;color:#f0d78e;background:#00000059}.attack-label{font-size:13px;font-weight:600;color:#e7d6ad}.attack-effect{font-size:11px;color:#9c8e6f}.create-controls{display:flex;align-items:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap}.create-controls .field{display:flex;flex-direction:column;gap:4px;flex:1 1 200px}.create-controls .field span{font-size:12px;color:#9c8e6f}.create-controls input{padding:8px 10px;border:1px solid rgba(176,142,91,.45);background:#0006;color:#f0e7cf}.create-button{padding:10px 18px;border:1px solid rgba(255,214,103,.6);background:linear-gradient(180deg,#783c18e6,#3c1a0ceb);color:#ffe9b8;font-weight:700;letter-spacing:.5px;cursor:pointer}.create-button:hover{border-color:#ffd667;box-shadow:0 0 16px #d98a3c66}.character-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.character-banner strong{display:block;font-size:15px;color:#f0d78e}.character-banner span{font-size:11px;color:#9c8e6f}.switch-hero{padding:5px 10px;border:1px solid rgba(176,142,91,.45);background:#00000059;color:#d8c79c;font-size:12px;cursor:pointer}.switch-hero:hover{border-color:#ffd667b3;color:#ffe9b8}.banner-actions{display:flex;align-items:center;gap:6px}.help-button{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(176,142,91,.45);background:#00000059;color:#f0d78e;font-weight:700;cursor:pointer}.help-button:hover{border-color:#ffd667b3;color:#ffe9b8}.controls-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:#040508b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.controls-help-panel{width:min(860px,100%);max-height:90vh;overflow-y:auto;padding:20px 22px 24px;border:1px solid rgba(176,142,91,.5);background:linear-gradient(180deg,#14110ef5,#07080bf0);box-shadow:0 24px 60px #0009}.controls-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(176,142,91,.32);padding-bottom:12px;margin-bottom:14px}.controls-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px;letter-spacing:1px;color:#f0c577}.controls-close{padding:6px 12px;border:1px solid rgba(176,142,91,.45);background:#00000059;color:#d8c79c;cursor:pointer}.controls-close:hover{border-color:#ffd667b3;color:#ffe9b8}.controls-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.controls-group h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#c79a5a}.controls-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.controls-group li{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}.controls-keys{display:flex;flex-wrap:wrap;gap:4px}kbd{display:inline-block;padding:2px 6px;border:1px solid rgba(176,142,91,.55);border-bottom-width:2px;border-radius:3px;background:#00000073;color:#f0d78e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;white-space:nowrap}.controls-label{display:block;font-weight:600;color:#e7d6ad;font-size:13px}.controls-desc{display:block;color:#9c8e6f;font-size:12px;line-height:1.4}.first-run-hint{position:absolute;z-index:4;left:50%;bottom:132px;transform:translate(-50%);width:min(520px,90%);padding:14px 18px;border:1px solid rgba(255,214,103,.5);background:linear-gradient(180deg,#221810f5,#0a090cf0);box-shadow:0 16px 40px #0000008c;text-align:center}.first-run-hint strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:16px;color:#f0c577;margin-bottom:4px}.first-run-hint p{margin:0 0 10px;font-size:13px;color:#d8c79c;line-height:1.7}.first-run-actions{display:flex;justify-content:center;gap:10px}.first-run-actions button{padding:7px 14px;border:1px solid rgba(255,214,103,.6);background:linear-gradient(180deg,#783c18e6,#3c1a0ceb);color:#ffe9b8;font-weight:600;cursor:pointer}.first-run-actions button.ghost{background:#00000059;border-color:#b08e5b73;color:#d8c79c}.first-run-actions button:hover{border-color:#ffd667}.minimap{position:absolute;z-index:3;top:14px;right:14px;width:168px;height:132px;border:1px solid rgba(176,142,91,.5);background:#06070ad1;box-shadow:inset 0 0 0 1px #00000080,0 10px 24px #00000080;cursor:pointer;overflow:hidden}.minimap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.minimap-zone{position:absolute;left:4px;bottom:2px;font-size:9px;color:#d8c79cb3;pointer-events:none}.automap-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:#040508c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.automap-panel{padding:16px 18px 18px;border:1px solid rgba(176,142,91,.5);background:linear-gradient(180deg,#14110ef5,#07080bf2);box-shadow:0 24px 60px #0009}.automap-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.automap-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;color:#f0c577}.automap-explored{font-size:12px;color:#9c8e6f}.automap-header .controls-close{margin-left:auto}.automap-panel canvas{display:block;background:#00000073;border:1px solid rgba(176,142,91,.3);image-rendering:pixelated}.toast-stack{position:absolute;z-index:5;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:9px 18px;border:1px solid rgba(176,142,91,.5);background:linear-gradient(180deg,#1c1610f5,#08080bf0);box-shadow:0 10px 28px #0000008c;font-family:Georgia,Times New Roman,serif;font-size:15px;color:#f0e7cf;animation:toast-in .22s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-downed{border-color:#e2706acc;color:#f3a39e}.toast-revive{border-color:#7fd28acc;color:#aee6b6}.stamina-bar.exhausted .stamina-fill{background:linear-gradient(90deg,#7a2d2d,#c25a5a)}.stamina-bar.exhausted .stamina-label{color:#ffd2cd}