:root{--bg:#11100d;--bg-2:#191611;--panel:#241f17;--panel-2:#302819;--parchment:#d8c49a;--parchment-soft:#bca678;--gold:#c99b45;--gold-2:#f0c976;--moss:#78a66a;--ember:#c85b3a;--text:#f4ead4;--muted:#a99a7d;--border:#4d3f29;--shadow:0 22px 60px #00000061}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 48% 0,#c99b4529,#0000 28rem),linear-gradient(135deg,#0d0c0a 0%,#17130e 42%,#0f1110 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-rows:auto 1fr auto;gap:16px;min-height:100vh;padding:22px;display:grid}.topbar{min-height:76px;box-shadow:var(--shadow);background:#191611e0;border:1px solid #c99b4542;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.topbar h1{color:var(--gold-2);margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1}.topbar p{color:var(--muted);margin:6px 0 0;font-size:13px}.username-form{grid-template-columns:auto minmax(140px,210px) auto;align-items:end;gap:8px;display:grid}.account-card{background:#17130e;border:1px solid #c99b4552;justify-items:end;gap:3px;min-width:220px;padding:10px 12px;display:grid}.account-card span{color:var(--parchment-soft);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.account-card strong{color:var(--gold-2);font-size:15px}.account-card small{color:var(--text);font-size:12px}.username-form label,.create-form label{color:var(--parchment-soft);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.username-form input,.create-form input{border:1px solid var(--border);min-height:38px;color:var(--text);background:#15120d;outline:none;padding:0 11px}.username-form input:focus,.create-form input:focus{border-color:var(--gold)}.username-form button,.primary-button,.choice,.dpad-button,.inventory-item,.action-button{border:1px solid var(--border);color:var(--text);background:#1d1811;min-height:38px;transition:border-color .16s,background .16s,transform .16s}.username-form button:hover,.primary-button:hover,.choice:hover,.dpad-button:hover,.inventory-item:hover,.action-button:hover{border-color:var(--gold);background:#2b2114}.game-grid{grid-template-columns:minmax(230px,280px) minmax(420px,1fr) minmax(250px,320px);gap:16px;min-height:0;display:grid}.panel,.room-stage{box-shadow:var(--shadow);background:#1f1b14eb;border:1px solid #c99b4538}.panel{min-width:0;padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading span{color:var(--parchment-soft);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.panel-heading strong{color:var(--gold-2);font-size:12px;font-weight:800}.panel-heading.compact{margin:0 0 10px}.create-form{gap:12px;display:grid}.class-options{grid-template-columns:1fr;gap:8px;display:grid}.choice,.primary-button,.dpad-button{padding:0 12px;font-size:13px;font-weight:800}.choice.active,.inventory-item.active{border-color:var(--gold);color:var(--gold-2);background:#c99b4526}.primary-button{color:#17100a;background:linear-gradient(#c89a45,#825d23);border-color:#e0b361}.sheet h2,.encounter-card h2{color:var(--text);margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.1}.hp-track,.xp-track,.enemy-track{background:#15120d;border:1px solid #403520;height:10px;margin-bottom:10px;overflow:hidden}.hp-track span,.xp-track span,.enemy-track span{background:linear-gradient(90deg, var(--moss), #a8ca68);height:100%;display:block}.xp-track{height:8px;margin-bottom:10px}.xp-track span{background:linear-gradient(90deg,#7fa8d8,#f0c976)}.enemy-track span{background:linear-gradient(90deg, var(--ember), #e49a58)}.stat-row,.stat-grid{gap:8px;display:grid}.stat-row{color:var(--muted);grid-template-columns:1fr auto;margin-bottom:12px;font-size:13px}.stat-row strong{color:var(--text)}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-grid.two{grid-template-columns:repeat(2,1fr)}.stat-grid div{background:#0d0c0a8a;border:1px solid #4d3f29d1;padding:10px}.stat-grid span{color:var(--muted);font-size:11px;font-weight:800;display:block}.stat-grid strong{color:var(--gold-2);margin-top:4px;font-size:18px;display:block}.inventory,.lore-box,.seed-box,.mini-map-box,.room-content-card{border-top:1px solid #4d3f29b8;margin-top:20px;padding-top:16px}.downed-box{background:#c85b3a1a;border:1px solid #c85b3a7a;margin-top:16px;padding:12px}.downed-box strong{color:#ffad82;text-transform:uppercase;font-size:13px;font-weight:900;display:block}.downed-box p{color:#e8c5ad;margin:8px 0 12px;font-size:13px;line-height:1.45}.inventory-list{gap:8px;display:grid}.inventory-item{text-align:left;grid-template-columns:1fr auto;grid-template-areas:"name count""effect effect";align-items:center;gap:3px 8px;width:100%;min-height:48px;padding:8px 10px;display:grid}.inventory-name{grid-area:name;font-size:13px;font-weight:800}.inventory-count{color:var(--muted);grid-area:count;font-size:11px}.inventory-effect{color:var(--parchment-soft);grid-area:effect;font-size:11px;font-style:normal;line-height:1.35}.room-stage{grid-template-rows:minmax(300px,1fr) auto auto;min-width:0;display:grid;position:relative;overflow:hidden}.room-art{background:radial-gradient(circle at 50% 40%, var(--room-glow,#f0c97629), transparent 13rem), linear-gradient(180deg, #08080714, #080807c2), linear-gradient(90deg, #483d2957 1px, transparent 1px), linear-gradient(0deg, #483d2942 1px, transparent 1px), #151410;background-size:auto,auto,72px 72px,72px 72px,auto;min-height:340px;position:relative}.room-art.generated-room-art{background:linear-gradient(180deg, #08080714, #080807b8), radial-gradient(circle at 50% 42%, #f0c97624, transparent 13rem), var(--room-image) center / cover no-repeat, #15120d}.room-art.generated-room-art .arch,.room-art.generated-room-art .stone-wall,.room-art.generated-room-art .floor-grid{display:none}.room-art.tone-verdant{--room-glow:#78a66a38}.room-art.tone-arcane{--room-glow:#6b8ec43d}.room-art.tone-haunted{--room-glow:#9c80c438}.room-art.tone-sacred{--room-glow:#e8ce883d}.room-art.tone-military{--room-glow:#9c8e7638}.arch{aspect-ratio:.78;border:18px solid #564a35ad;border-bottom:0;border-radius:50% 50% 0 0;width:42%;max-width:420px;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 60px #000000c2}.arch-two{border-color:#251f17eb;width:28%;bottom:78px}.stone-wall{opacity:.72;filter:drop-shadow(0 0 18px #0009);background:linear-gradient(90deg,#00000075,#0000),repeating-linear-gradient(0deg,#846f4b29 0 2px,#0000 2px 34px),repeating-linear-gradient(90deg,#846f4b2e 0 2px,#0000 2px 54px);width:26%;position:absolute;top:0;bottom:32%}.stone-wall-left{clip-path:polygon(0 0,82% 0,54% 100%,0 100%);left:0}.stone-wall-right{clip-path:polygon(0 0,82% 0,54% 100%,0 100%);right:0;transform:scaleX(-1)}.enemy-silhouette{opacity:0;filter:drop-shadow(0 0 24px #c85b3a94);background:radial-gradient(circle at 50% 18%,#15100d 0 24%,#0000 25%),radial-gradient(circle at 33% 35%,#c85b3acc 0 5%,#0000 6%),radial-gradient(circle at 67% 35%,#c85b3acc 0 5%,#0000 6%),linear-gradient(160deg,#0000 0 24%,#100d0b 25% 64%,#0000 65%),radial-gradient(at 50% 76%,#120e0d 0 54%,#0000 55%);width:92px;height:116px;transition:opacity .18s;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.room-art.combat-active .enemy-silhouette{opacity:.92}.enemy-art{z-index:1;object-fit:contain;opacity:0;filter:drop-shadow(0 22px 26px #000000bd)drop-shadow(0 0 20px #c85b3a38);pointer-events:none;width:min(52%,260px);max-height:72%;transition:opacity .18s,transform .18s;position:absolute;bottom:42px;left:50%;transform:translate(-50%)translateY(10px)scale(.98)}.room-art.combat-active .enemy-art{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.room-art.combat-active.enemy-art-active .enemy-silhouette{opacity:0}.room-art.monster-hit-active .enemy-art,.room-art.monster-hit-active .enemy-silhouette{animation:.26s ease-out enemy-hit-jolt}.room-art.player-hit-active{animation:.24s ease-out player-hit-shake}.combat-effects{z-index:5;pointer-events:none;position:absolute;inset:0}.combat-effect{min-width:42px;color:var(--gold-2);text-align:center;text-shadow:0 2px #000000b8,0 0 14px #000c;background:#0f0a0885;border:1px solid #ffebaa57;padding:4px 8px;font-size:20px;font-weight:1000;line-height:1;animation:.82s ease-out forwards float-combat-number;position:absolute;transform:translate(-50%)}.effect-monster{top:34%;left:55%}.effect-player{bottom:30%;left:22%}.effect-damage{color:#ff876c;border-color:#ff876c73;box-shadow:0 0 22px #c85b3a2e}.effect-heal{color:#b8f0a6;border-color:#78a66a80;box-shadow:0 0 22px #78a66a33}.effect-miss{color:#d8cab2;letter-spacing:0;border-color:#d8cab247;font-size:15px}.effect-defeat{color:#f0c976;letter-spacing:0;border-color:#f0c97685;font-size:15px}.room-art.defeat-pulse-active .loot-glow{opacity:1;animation:.76s ease-out defeat-loot-pulse}.chest-overlay{z-index:2;opacity:0;filter:drop-shadow(0 18px 24px #000000b3)drop-shadow(0 0 18px #f0c97659);pointer-events:none;width:min(32%,178px);transition:opacity .18s,transform .18s;position:absolute;bottom:52px;left:50%;transform:translate(-50%)translateY(10px)scale(.96)}.room-art.chest-active .chest-overlay{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.loot-glow{opacity:0;background:radial-gradient(#f0c9769e,#c99b4529 45%,#0000 72%);width:130px;height:30px;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.room-art.loot-active .loot-glow{opacity:1}.downed-haze{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 58%,#c85b3a33,#0000 18rem),linear-gradient(#0000,#53101070);position:absolute;inset:0}.room-art.downed-active .downed-haze{opacity:1}@keyframes float-combat-number{0%{opacity:0;transform:translate(-50%,12px)scale(.9)}16%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-42px)scale(1)}}@keyframes enemy-hit-jolt{0%{filter:drop-shadow(0 22px 26px #000000bd)drop-shadow(0 0 20px #c85b3a38);transform:translate(-50%)translateY(0)scale(1)}34%{filter:drop-shadow(0 22px 26px #000000bd)drop-shadow(0 0 30px #ff876ca3);transform:translate(calc(5px - 50%))translateY(-2px)scale(1.03)}68%{transform:translate(calc(-50% - 4px))translateY(0)scale(.99)}to{transform:translate(-50%)translateY(0)scale(1)}}@keyframes player-hit-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}55%{transform:translate(4px)}78%{transform:translate(-2px)}}@keyframes defeat-loot-pulse{0%{opacity:0;transform:translate(-50%)scale(.7)}35%{opacity:1;transform:translate(-50%)scale(1.28)}to{opacity:.78;transform:translate(-50%)scale(1)}}.floor-grid{transform-origin:bottom;background:linear-gradient(100deg,#0000 0 45%,#c99b4529 46%,#0000 47%),repeating-linear-gradient(0deg,#4d3f296b 0 1px,#0000 1px 38px);height:42%;position:absolute;inset:auto 0 0;transform:perspective(340px)rotateX(54deg)}.room-copy{z-index:2;background:linear-gradient(#14110ce0,#100e0bf7),#15120df0;border-top:1px solid #c99b4538;gap:10px;max-width:none;padding:18px 22px 16px;display:grid;position:relative}.room-copy h2{color:var(--gold-2);margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,64px);line-height:.96}.room-copy p{color:#f0dfbf;max-width:680px;margin:0;font-size:15px;line-height:1.6}.room-key{color:var(--parchment-soft);font-size:12px;font-weight:800}.discovery{color:var(--parchment-soft)!important;font-size:13px!important}.discovery strong{color:var(--gold-2)}.turn-log{z-index:2;background:#15120df0;border-top:1px solid #c99b453d;min-height:0;padding:16px 18px;position:relative}.turn-log-actions{align-items:center;gap:8px;display:inline-flex}.log-toggle-button{min-height:28px;color:var(--gold-2);background:#c99b451a;border-color:#c99b4557;border-radius:4px;padding:0 9px;font-size:11px;font-weight:900}.turn-entry{border-top:1px solid #4d3f298f;grid-template-columns:76px 1fr;gap:12px;padding:10px 0;display:grid}.turn-entry span{color:var(--gold-2);text-transform:uppercase;font-size:11px;font-weight:900}.turn-entry p{color:#dfd1b7;margin:0;font-size:13px;line-height:1.5}.encounter-card{background:#0d0c0a85;border:1px solid #c85b3a5c;padding:14px}.encounter-header{align-items:center;gap:12px;min-height:58px;margin-bottom:12px;display:flex}.encounter-card .encounter-header h2{margin:0}.encounter-portrait{object-fit:contain;filter:drop-shadow(0 10px 14px #000000ad)drop-shadow(0 0 12px #c99b452e);flex:none;width:58px;height:58px}.lore-box p,.seed-box p,.room-content-card p,.muted{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.5}.room-content-card .primary-button{width:100%;min-height:36px}.mini-map{grid-template-columns:repeat(5,minmax(24px,1fr));gap:5px;display:grid}.map-heading-actions{align-items:center;gap:8px;display:inline-flex}.map-open-button,.map-close-button{min-height:28px;color:var(--gold-2);background:#c99b451a;border-color:#c99b4557;border-radius:4px;padding:0 9px;font-size:11px;font-weight:900}.map-cell{--exit-north-alpha:0;--exit-east-alpha:0;--exit-south-alpha:0;--exit-west-alpha:0;aspect-ratio:1;color:var(--muted);background:#0d0c0a6b;border:1px solid #4d3f29b3;place-items:center;font-size:12px;font-weight:900;display:grid;position:relative}.map-cell.visited{color:var(--gold-2);background:#c99b451f;border-color:#c99b4580}.map-cell.current{border-color:var(--moss);color:#ddffd5;background:#78a66a47}.map-cell.discovered{box-shadow:inset 0 0 0 2px #f0c97642}.map-cell.adjacent{color:var(--parchment-soft);border-style:dashed;border-color:#bca6787a}.map-legend{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;font-weight:800;display:flex}.map-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040403bd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.map-modal{background:linear-gradient(145deg, #1e1913f7, #0e0d0afa), var(--panel);width:fit-content;min-width:min(92vw,320px);max-width:92vw;max-height:86vh;box-shadow:var(--shadow);border:1px solid #c99b4552;padding:18px;overflow:auto}.map-close-button{text-transform:uppercase;width:30px;padding:0}.full-map-grid{gap:5px;width:max-content;max-width:none;margin-top:16px;display:grid}.full-map-cell{--exit-north-alpha:0;--exit-east-alpha:0;--exit-south-alpha:0;--exit-west-alpha:0;aspect-ratio:1;width:28px;color:var(--muted);background:#0d0c0a7a;border:1px solid #4d3f29ad;place-items:center;font-size:11px;font-weight:900;display:grid;position:relative}.full-map-cell.visited{color:var(--gold-2);background:#c99b4524;border-color:#c99b458c}.full-map-cell.current{border-color:var(--moss);color:#ddffd5;background:#78a66a4d}.full-map-cell.discovered{box-shadow:inset 0 0 0 2px #f0c97642}.full-map-cell.empty{opacity:.12;background:#0d0c0a29;border-color:#4d3f295c}.map-cell.exit-north,.full-map-cell.exit-north{--exit-north-alpha:1;border-top-color:var(--gold-2)}.map-cell.exit-east,.full-map-cell.exit-east{--exit-east-alpha:1;border-right-color:var(--gold-2)}.map-cell.exit-south,.full-map-cell.exit-south{--exit-south-alpha:1;border-bottom-color:var(--gold-2)}.map-cell.exit-west,.full-map-cell.exit-west{--exit-west-alpha:1;border-left-color:var(--gold-2)}.map-cell:before,.map-cell:after,.full-map-cell:before,.full-map-cell:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.map-cell:before,.full-map-cell:before{background:linear-gradient(90deg, transparent 0 33%, rgba(240, 201, 118, calc(var(--exit-north-alpha) * .78)) 33% 67%, transparent 67% 100%) top / 100% 3px no-repeat, linear-gradient(90deg, transparent 0 33%, rgba(240, 201, 118, calc(var(--exit-south-alpha) * .78)) 33% 67%, transparent 67% 100%) bottom / 100% 3px no-repeat}.map-cell:after,.full-map-cell:after{background:linear-gradient(180deg, transparent 0 33%, rgba(240, 201, 118, calc(var(--exit-west-alpha) * .78)) 33% 67%, transparent 67% 100%) left / 3px 100% no-repeat, linear-gradient(180deg, transparent 0 33%, rgba(240, 201, 118, calc(var(--exit-east-alpha) * .78)) 33% 67%, transparent 67% 100%) right / 3px 100% no-repeat}.map-modal-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;font-weight:800;display:flex}.action-bar{box-shadow:var(--shadow);background:#191611eb;border:1px solid #c99b4542;grid-template-columns:minmax(170px,220px) repeat(4,minmax(92px,128px));gap:10px;padding:12px;display:grid}.dpad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,46px);place-content:center;gap:5px;display:grid}.dpad-button{min-height:38px;padding:0}.dpad-button.north{grid-area:1/2}.dpad-button.west{grid-area:2/1}.dpad-button.east{grid-area:2/3}.dpad-button.south{grid-area:3/2}.dpad-center{color:var(--muted);background:#0d0c0a94;border:1px solid #4d3f29e0;grid-area:2/2;place-items:center;font-size:10px;font-weight:900;display:grid}.action-button{color:var(--text);grid-template-columns:22px 1fr;place-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:900;display:grid}.action-button svg{fill:currentColor;width:20px;height:20px;color:var(--gold-2)}@media (max-width:1050px){.app-shell{padding:14px}.game-grid{grid-template-columns:1fr}.character-panel,.encounter-panel{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel-heading{grid-column:1/-1}.inventory,.lore-box,.seed-box,.mini-map-box,.room-content-card{border-top:0;margin-top:0;padding-top:0}.action-bar{grid-template-columns:minmax(160px,1fr) repeat(4,1fr)}.dpad{grid-column:1/-1}}@media (max-width:680px){.topbar,.username-form,.character-panel,.encounter-panel{grid-template-columns:1fr}.topbar{display:grid}.username-form{align-items:stretch}.room-stage{grid-template-rows:420px auto auto}.room-copy{padding:16px}.room-copy h2{font-size:38px}.turn-entry{grid-template-columns:1fr;gap:4px}.action-bar{grid-template-columns:repeat(2,1fr)}.dpad{grid-column:1/-1}}