:root{color-scheme:dark;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(182,129,53,.22),transparent 35%),linear-gradient(180deg,#17120d,#0b0e0c);color:#f2e6c9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow:hidden}.shell{display:grid;grid-template-columns:390px 1fr;height:100vh;overflow:hidden}.shell-combat-mode{grid-template-columns:1fr}.shell-combat-mode .sidebar,.shell-combat-mode .hud{opacity:0;pointer-events:none}.shell-combat-mode .main{padding:0}.shell-combat-mode .view-frame{min-height:100vh;border-radius:0;border:0}.shell-combat-mode #dungeon-canvas{height:100vh}.sidebar{padding:20px;border-right:1px solid rgba(242,230,201,.12);background:#0d0f0dc7;overflow-y:auto}.hero,.panel,.card{background:#1e1812d9;border:1px solid rgba(242,230,201,.1);border-radius:16px;box-shadow:0 14px 40px #00000040}.panel-focus{animation:panel-focus-pulse 1.2s ease}.panel-active{border-color:#ffdd8885;box-shadow:0 0 0 1px #ffd87a29,0 18px 46px #00000047}.hero,.panel{padding:18px;margin-bottom:18px}.panel-body{display:grid;gap:12px;margin-top:12px}.panel-body-collapsed{max-height:0;margin-top:0;overflow:hidden;opacity:0;pointer-events:none}.panel-summary{margin:10px 0 0;color:#cdbd9d;font-size:14px;line-height:1.35}.stack{display:grid;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#d3b37d}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{padding:12px}.card dl,.shop-list{margin:0;padding:0;list-style:none}.status,.muted{color:#c6b99f;font-size:14px}.card dt,.card dd{display:inline;margin:0}input,select,button{font:inherit}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(242,230,201,.18);background:#080b09cc;color:inherit}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.top-nav{margin-top:14px}.button{border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#ba8b3d,#8c5a1e);color:#120f0b;cursor:pointer;font-weight:700}.button.secondary{background:#f2e6c91f;color:inherit;border:1px solid rgba(242,230,201,.14)}.button:disabled{cursor:not-allowed;opacity:.45}.shop-row{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;padding:8px 0;border-bottom:1px solid rgba(242,230,201,.08)}.inventory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(242,230,201,.08)}.inventory-row-selected{background:#ffdf9614;border-radius:10px}.inventory-select{display:flex;flex:1;gap:6px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.inventory-actions{margin-top:0}.inventory-stats{display:flex;flex-wrap:wrap;gap:10px;color:#e7d8b6}.portrait-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px}.portrait-option{display:grid;gap:8px;justify-items:stretch;padding:10px;border-radius:14px;border:1px solid rgba(242,230,201,.12);background:#080b098c;color:inherit;cursor:pointer;text-align:left}.portrait-option-selected{border-color:#ffdd88b8;box-shadow:0 0 0 1px #ffd87a2e}.portrait-tile,.portrait-preview{width:100%;aspect-ratio:3 / 4;border-radius:12px;background-repeat:no-repeat;background-size:300% 200%;background-color:#100c0ae6}.portrait-label{font-size:13px;color:#e7d8b6}.portrait-preview-panel{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.character-sheet-header{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;margin-bottom:16px}.character-sheet-portrait{width:100%;aspect-ratio:3 / 4;border-radius:14px;background-repeat:no-repeat;background-size:300% 200%;background-color:#100c0ae6;border:1px solid rgba(242,230,201,.12)}.select-row{display:flex;align-items:center;gap:8px}.log{display:grid;gap:6px;max-height:180px;overflow-y:auto;padding:10px 12px;border-radius:12px;background:#080b098c;border:1px solid rgba(242,230,201,.08)}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.main{padding:20px}.view-frame{position:relative;min-height:calc(100vh - 40px);border-radius:22px;overflow:hidden;border:1px solid rgba(242,230,201,.12);background:#090b0a}#dungeon-canvas{display:block;width:100%;height:calc(100vh - 40px)}.hud{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:8px}.hud-row{display:flex;gap:14px;justify-content:space-between;padding:12px 14px;background:#0b100cb8;border:1px solid rgba(242,230,201,.1);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-overlay{position:absolute;inset:0}.scene-overlay-combat{position:fixed;inset:0;z-index:50;display:grid;place-items:stretch;padding:16px;background:radial-gradient(circle at center,rgba(0,0,0,.34),transparent 45%),linear-gradient(180deg,#06070873,#060708cc)}.combat-shell{display:grid;grid-template-rows:auto 1fr;gap:12px;border:2px solid rgba(194,181,159,.5);border-radius:18px;background:#0a0a0bb8;box-shadow:inset 0 0 0 1px #fff5dc0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px;min-height:calc(100vh - 32px)}.combat-top-banner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 12px;border-radius:12px;background:#040405db;border:1px solid rgba(203,192,170,.28)}.combat-top-banner strong,.combat-command-header strong{display:block;font-size:22px;font-weight:500;letter-spacing:.03em}.combat-top-label{display:block;margin-bottom:4px;color:#b9ab8b;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.combat-battlefield{display:grid;grid-template-columns:196px 1fr 196px;gap:14px;min-height:0}.combat-column{display:grid;grid-auto-rows:min-content;gap:10px;align-content:start}.combat-column-header{padding:7px 10px;border-radius:12px;border:1px solid rgba(202,191,170,.28);background:#050506d1;font-size:18px;color:#f0e6ce}.combat-party-card{display:grid;grid-template-columns:68px 1fr;gap:8px;padding:7px;border-radius:12px;border:1px solid rgba(202,191,170,.18);background:#0c0d0ee0}.combat-party-card-active{border-color:#ffe195a3;box-shadow:0 0 0 1px #ffe1952e}.combat-party-card-fallen{opacity:.45}.combat-party-portrait{aspect-ratio:3 / 4;border-radius:8px;background-size:cover;background-position:center;background-color:#1c1f20f5;border:1px solid rgba(255,255,255,.08)}.combat-party-name{margin:0 0 6px;font-size:16px;color:#f8f0db}.combat-party-stats{margin:0;color:#c9bea4;font-size:12px}.combat-center-stage{display:grid;grid-template-rows:1fr auto;gap:10px;min-height:0}.combat-enemy-board{display:grid;grid-template-rows:auto 1fr;place-items:center;padding:14px;border-radius:14px;background:#0000008a;border:1px solid rgba(202,191,170,.14)}.combat-enemy-board-copy{justify-self:stretch;width:100%;margin-bottom:10px;text-align:center}.combat-enemy-stage{width:100%;display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px;align-items:end}.combat-enemy-card{display:grid;gap:6px;justify-items:center;padding:10px;border-radius:14px;background:#0b0c0cb8;border:1px solid rgba(202,191,170,.14);color:inherit;cursor:pointer;font:inherit;text-align:center}.combat-enemy-card-lead{border-color:#f4957485;box-shadow:0 0 0 1px #f4957429}.combat-enemy-card-selected{border-color:#ffdd88db;box-shadow:0 0 0 1px #ffdd8847,0 0 22px #ffd2762e;transform:translateY(-2px)}.combat-enemy-portrait{width:100%;max-width:92px;aspect-ratio:1 / 1;border-radius:12px;background-size:cover;background-position:center;background-color:#1e1f1ff2}.combat-enemy-name,.combat-enemy-stats{margin:0;text-align:center}.combat-enemy-name{font-size:15px;color:#f5ecd9}.combat-enemy-stats{font-size:12px;color:#ccbea0}.combat-lower-panel{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:10px;align-items:stretch}.combat-command-box{align-self:stretch;justify-self:stretch;width:100%;padding:12px;border-radius:12px;background:#080809eb;border:1px solid rgba(202,191,170,.28)}.combat-command-header{margin-bottom:8px}.combat-command-header span{display:block;color:#b9ab8b;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.combat-command-list{display:grid;gap:6px}.combat-command-button{width:100%;text-align:left;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#040405eb;color:#f5efe3;padding:10px 12px;cursor:pointer}.combat-command-button-primary{background:#565656b8}.combat-command-button-selected{background:linear-gradient(180deg,#6d6d6df0,#3f3f3ff0);border-color:#ffdd88b8;box-shadow:0 0 0 1px #ffdd882e}.combat-command-button:disabled{opacity:.42;cursor:not-allowed}.combat-command-note{margin:8px 0 0;font-size:12px}.combat-log-box{min-width:0;padding:12px;border-radius:12px;background:#080809eb;border:1px solid rgba(202,191,170,.28)}.combat-log-list{display:grid;gap:6px;max-height:160px;overflow-y:auto;padding-right:6px;color:#d6c9af;font-size:13px;line-height:1.35}.combat-empty-slot{padding:18px 12px;border-radius:12px;border:1px dashed rgba(202,191,170,.16);background:#0a0b0c7a;color:#998f79}.scene-overlay-dungeon-alert{display:grid;align-items:start;justify-items:center;padding:24px;pointer-events:none}.dungeon-alert-banner{margin-top:8px;width:min(520px,100%);padding:18px 20px;border-radius:18px;background:#3b0e0ed1;border:1px solid rgba(255,160,122,.36);box-shadow:0 18px 40px #00000059;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dungeon-alert-banner h2{margin:8px 0 10px;font-size:28px}.dungeon-alert-banner p{margin:0}.scene-overlay-loading{display:grid;place-items:center;padding:24px;text-align:center;color:#d7c6a0;background:radial-gradient(circle at center,rgba(186,139,61,.12),transparent 45%),#090b0ae0;font-size:18px;letter-spacing:.02em}.scene-overlay-town{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);align-items:stretch;gap:24px;background:#090b0a;padding:24px}.town-art-frame{position:relative;display:grid;place-items:center;min-height:0;height:100%;padding:18px;border-radius:24px;background:#0a0c0be0;border:1px solid rgba(242,230,201,.12);box-shadow:inset 0 0 0 1px #ffe1aa0d;overflow:hidden}.scene-overlay-location{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);align-items:stretch;gap:24px;padding:24px;background:radial-gradient(circle at top,rgba(186,139,61,.12),transparent 30%),linear-gradient(180deg,#090b0afa,#0c0e0dfa)}.scene-overlay-character{display:grid;place-items:stretch;padding:24px;background:radial-gradient(circle at top,rgba(186,139,61,.12),transparent 30%),linear-gradient(180deg,#090b0afa,#0c0e0dfa)}.character-stage-panel{overflow-y:auto;padding:22px;border-radius:24px;background:#14100ceb;border:1px solid rgba(242,230,201,.12);box-shadow:0 18px 40px #00000047}.character-stage-panel h2{margin:8px 0 10px;font-size:32px;line-height:1.05}.town-image{width:100%;height:100%;object-fit:contain;object-position:center}.location-art-frame{position:relative;display:grid;place-items:center;min-height:0;height:100%;padding:18px;border-radius:24px;background:#0a0c0be0;border:1px solid rgba(242,230,201,.12);box-shadow:inset 0 0 0 1px #ffe1aa0d;overflow:hidden}.location-image{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 40px rgba(0,0,0,.28))}.town-hotspots{position:absolute;inset:0}.town-hotspot{position:absolute;border:2px solid rgba(255,236,188,.18);border-radius:18px;background:#ffde9c14;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.town-hotspot:hover,.town-hotspot.active{border-color:#ffe49bb8;background:#ffd88224;box-shadow:0 0 0 1px #ffe29633;transform:translateY(-2px)}.town-hotspot.guild{left:37%;top:22%;width:18%;height:18%}.town-hotspot.shop{left:6%;top:30%;width:20%;height:14%}.town-hotspot.inn{right:8%;top:27%;width:20%;height:16%}.town-hotspot.maw{left:9%;bottom:11%;width:53%;height:34%;border-radius:28px}.town-overlay-copy,.location-overlay-copy{position:relative;align-self:end;max-width:none;padding:18px 20px;border-radius:18px;background:#0d100eb8;border:1px solid rgba(242,230,201,.12);box-shadow:0 20px 40px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-overlay-copy h2{margin:8px 0 10px;font-size:28px;line-height:1.1}.location-overlay-copy p{margin:0}.town-overlay-copy h2{margin:8px 0 10px;font-size:28px;line-height:1.1}.town-overlay-copy p{margin:0}.location-placeholder{display:grid;place-content:center;gap:10px;width:100%;height:100%;padding:32px;text-align:center;background:radial-gradient(circle at top,rgba(186,139,61,.18),transparent 35%),linear-gradient(180deg,#121413f5,#0b0d0cfa)}.location-placeholder h2{margin:0;font-size:34px}.location-placeholder p{margin:0}.town-primary-action{margin-top:14px}@keyframes panel-focus-pulse{0%{border-color:#f2e6c91a;box-shadow:0 14px 40px #00000040}35%{border-color:#ffdd88bf;box-shadow:0 0 0 1px #ffd87a38,0 22px 50px #00000059}to{border-color:#f2e6c91a;box-shadow:0 14px 40px #00000040}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(242,230,201,.12)}.town-overlay-copy{max-width:none}.scene-overlay-town{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:16px}.town-art-frame{min-height:42vh;padding:12px}.scene-overlay-location{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:16px}.scene-overlay-character{padding:16px}.scene-overlay-combat{padding:10px}.combat-shell{min-height:calc(100vh - 20px)}.combat-top-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-battlefield,.combat-lower-panel{grid-template-columns:1fr}.combat-enemy-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-command-box{justify-self:stretch;width:100%}.location-art-frame{min-height:42vh;padding:12px}.location-overlay-copy{max-width:none}#dungeon-canvas{height:60vh}}