.rk{--rk-red:#b8322a;--rk-red-hi:#ff6a4d;--rk-red-deep:#2a0707;--rk-plate-top:#9b2119;--rk-plate-bottom:#4f0b09;--rk-yellow:#ffe36e;--rk-cyan:#8fe3ff;--rk-ink:#f3e7c9;max-width:1680px;height:100vh;color:var(--rk-ink);background:radial-gradient(at 70% 0,#3d0b0b 0%,#160303 55%,#0b0101 100%) fixed;grid-template:"logo title title people""side pic pic people"minmax(0,1.05fr)"bars bars actions people""log log actions people"minmax(0,1fr)"input input status status"/minmax(250px,.95fr) minmax(0,1.3fr) minmax(160px,.42fr) minmax(200px,.72fr);gap:8px;margin:0 auto;padding:10px;display:grid}body:has(.rk){background:#0b0101}.rk-frame{border:2px solid var(--rk-red);background:radial-gradient(at 20% 10%,#ff5a3c2e,#0000 60%),linear-gradient(160deg,#4b1010 0%,#270606 55%,#3a0b0a 100%);border-radius:6px;min-height:0;position:relative;box-shadow:inset 0 0 0 1px #ff8c6e2e,inset 0 0 22px #0000008c,0 6px 18px #0000008c}.rk-logo{grid-area:logo;align-items:center;min-width:0;display:flex}.rk-brand{font-family:"Cinzel Decorative", var(--font-title);letter-spacing:.02em;background:linear-gradient(#ffd27a 0%,#f07b2c 55%,#b5171b 100%);color:#0000;filter:drop-shadow(0 2px #2a0505)drop-shadow(0 0 10px #ff502859);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,2.3vw,2.2rem);font-weight:700}.rk-brand span{color:#0000}.rk-title{text-align:center;font-family:"Cinzel Decorative", var(--font-title);color:var(--rk-yellow);text-shadow:0 2px #3a0606,0 0 12px #ffc85059;border:2px solid var(--rk-red);white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#6e1512,#3a0807 60%,#551010);border-bottom:0;border-radius:6px 6px 0 0;grid-area:title;margin:0;padding:.35rem 1rem .45rem;font-size:clamp(1.15rem,1.9vw,1.75rem);font-weight:700;overflow:hidden;box-shadow:inset 0 1px #ff967840}.rk-picture{background:#000;border-radius:0 0 6px 6px;grid-area:pic;margin-top:-8px;padding:0;overflow:hidden}.rk-picture .room-picture{object-fit:cover;width:100%;height:100%;display:block}.rk-side{grid-area:side;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.rk-side-body{background:#00000047;border:1px solid #ff6e5040;border-radius:4px;min-height:0;padding:10px;overflow-y:auto}.rk-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.rk-tabs button{font-family:var(--font-title);color:#ffb27a;background:linear-gradient(#c3291f,#6a0f0c);border:1px solid #ff7a5c;border-radius:4px;padding:.35rem .2rem;font-size:.85rem;box-shadow:inset 0 1px #ffdcc859}.rk-tabs button.active{color:var(--rk-yellow);border-color:var(--rk-yellow);background:linear-gradient(#3d0807,#1f0303)}.rk-tabs button:hover:not(.active){filter:brightness(1.15)}.rk-empty{color:#d9a58a;text-align:center;margin:2rem 0}.rk-who{background:linear-gradient(#a01e168c,#3c08068c);border:1px solid #ff785a66;border-radius:4px;align-items:center;gap:.7rem;margin-bottom:.7rem;padding:.5rem .6rem;display:flex}.rk-who img{border:1px solid #0009;flex:none}.rk-who p{font-family:var(--font-title);color:var(--rk-yellow);margin:0;font-size:1.05rem;line-height:1.25}.rk-stat-grid{grid-template-columns:auto minmax(0,1fr);gap:.8rem;display:grid}.rk-stat-grid dl{gap:.15rem;margin:0;display:grid}.rk-stat-grid dl>div{justify-content:space-between;gap:.8rem;display:flex}.rk-stat-grid dt{color:#ff8f6b}.rk-stat-grid dd{color:var(--rk-yellow);font-variant-numeric:tabular-nums;margin:0}.rk-attrs{background:#780a0859;border:1px solid #ff785a59;border-radius:4px;padding:.3rem .6rem}.rk-vitals{padding:.3rem 0}.rk-room-id{color:#ffd9a0;opacity:.8;font-size:.6em}.rk-side-body.fit{overflow:hidden}.rk .inventory{--cell:min(calc((100cqw - 1rem) / 6), calc((100cqh - 4rem) / 4));height:100%;container-type:size}.rk .inventory h3{font-family:var(--font-title);color:var(--rk-yellow);text-transform:none;margin:.2rem 0 .3rem;font-size:.95rem;line-height:1.2}.rk .inventory .item-grid{grid-template-columns:repeat(6, var(--cell))}.rk .inventory .item-cell{width:var(--cell);height:var(--cell)}.rk .item-cell{background:#00000073;border-color:#ff6e5059}.rk .item-cell.worn{background:#96461459;border-color:#c98a3a}.rk-map{width:100%;height:auto;max-height:100%;display:block}.rk-map-room{fill:#ffd400;stroke:#6b5200;stroke-width:1px}.rk-map-exit{stroke:#f3f3f3;stroke-width:2px}.rk-map-you{fill:#22c7c7;stroke:#0a4747;stroke-width:1.5px}.rk-map-ud{text-anchor:middle;fill:#5a3d00;font-size:11px;font-weight:700}.rk-bars{border:2px solid var(--rk-red);background:linear-gradient(#3a0807,#1c0303);border-radius:6px;grid-area:bars;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px 6px;display:grid}.rk-bar{background:#120202;border:1px solid #000000b3;border-radius:3px;height:24px;position:relative;overflow:hidden}.rk-bar-fill{transition:width .35s;position:absolute;inset:0 auto 0 0}.rk-bar.life .rk-bar-fill{background:linear-gradient(#f0516a,#b51d38 60%,#8e1229)}.rk-bar.turns .rk-bar-fill{background:linear-gradient(#49d65a,#1d9a2d 60%,#137020)}.rk-bar.magic .rk-bar-fill{background:linear-gradient(#4f84ff,#1f4fd0 60%,#163aa0)}.rk-bar span{text-align:center;line-height:22px;font-family:var(--font-title);color:#ffe9a0;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;font-size:.85rem;display:block;position:relative}.rk-log{grid-area:log;padding:6px;display:grid}.rk-log .terminal{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;scrollbar-color:#7a2018 #160303;background:#050101;border:1px solid #ff6e5040;border-radius:3px;min-height:0;padding:.5rem .75rem;font-family:Fira Sans,Segoe UI,Tahoma,sans-serif;font-size:.98rem;line-height:1.42;overflow-y:auto}.rk-log .line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.rk-log .line.move{margin-top:0}.rk-log .line.combat{color:inherit}.rk-input{grid-area:input;padding:6px}.rk-input input{width:100%;color:var(--rk-yellow);background:#050101;border:1px solid #ff6e504d;border-radius:3px;padding:.55rem .75rem;font-family:Fira Sans,Segoe UI,Tahoma,sans-serif;font-size:1rem}.rk-input input:focus{border-color:var(--rk-yellow);outline:none}.rk-input input::placeholder{color:#8a5a48}.rk-actions{flex-direction:column;grid-area:actions;gap:8px;padding:8px;display:flex;overflow-y:auto}.rk-compass{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.rk-compass button{height:1.9rem;font-family:var(--font-title);color:var(--rk-yellow);background:linear-gradient(#7b1812,#3b0705);border:1px solid #c4422f;border-radius:3px;font-size:.75rem}.rk-compass button:disabled{opacity:.22}.rk-compass button:hover:not(:disabled){border-color:var(--rk-yellow)}.rk-buttons{gap:6px;display:grid}.rk-buttons button,.rk-small-buttons button{text-align:left;font-family:var(--font-title);color:var(--rk-yellow);background:linear-gradient(115deg, #ffffff1f 0%, transparent 35%), linear-gradient(180deg, var(--rk-plate-top), var(--rk-plate-bottom));text-shadow:0 1px 1px #2a0303;border:1px solid #d0503b;border-radius:4px;padding:.5rem .65rem;font-size:.92rem;font-weight:700;box-shadow:inset 0 1px #ffd2be4d,0 2px 4px #00000080}.rk-buttons button.special{border-color:#ffb347}.rk-buttons button:hover,.rk-small-buttons button:hover{filter:brightness(1.18)}.rk-small-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:auto;display:grid}.rk-small-buttons button{text-align:center;padding:.3rem .4rem;font-size:.78rem;font-weight:500}.rk-people{grid-area:people;padding:10px 8px;overflow-y:auto}.rk-people ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rk-plate{text-align:left;background:0 0;border:0;border-radius:4px;align-items:stretch;gap:0;width:100%;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 5px #0000008c}.rk-face{background:#120303;border:1px solid #000;flex:none;place-items:center;width:52px;height:52px;display:grid}.rk-face img{object-fit:cover;width:100%;height:100%}.occupant.item .rk-face img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.rk-name{min-width:0;font-family:var(--font-title);color:var(--rk-cyan);text-shadow:0 1px 1px #200303;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(115deg,#ffffff24 0%,#0000 40%),repeating-linear-gradient(115deg,#ffffff08 0 6px,#0000 6px 12px),linear-gradient(#b32a21,#5a0c0a);border:1px solid #d0503b;border-left:0;flex:1;align-content:center;padding:0 .7rem;font-size:1.05rem;font-weight:700;display:grid;overflow:hidden}.occupant.monster .rk-name,.occupant.item .rk-name{color:var(--rk-yellow)}.occupant.me .rk-name{border-color:var(--rk-yellow)}.rk-name .health{font-family:var(--font-body);color:#9ff0a5;text-shadow:none;font-size:.72rem;font-weight:400}.rk-name .health.slightly-wounded{color:#e1f07d}.rk-name .health.wounded{color:#ffc07a}.rk-name .health.badly-wounded,.rk-name .health.nearly-dead{color:#ff9a8a}.rk-plate:hover .rk-name,.rk-plate:focus-visible .rk-name{filter:brightness(1.2)}.rk-plate:focus-visible{outline:2px solid var(--rk-yellow);outline-offset:1px}.rk-people .glyph{border:0;width:100%;height:100%}.rk-status{grid-area:status;align-items:center;gap:1.2rem;padding:.35rem 1rem;display:flex}.rk-state{font-family:var(--font-title);color:var(--rk-cyan);min-width:7.5rem;font-size:1.35rem;font-weight:700}.rk-state.tired{color:#7fc8e8;opacity:.85}.rk-hits{font-family:var(--font-title);color:var(--rk-yellow);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.rk-quit{font-family:var(--font-title);color:var(--rk-yellow);background:linear-gradient(#7b1812,#3b0705);border:1px solid #c4422f;border-radius:4px;margin-left:auto;padding:.35rem .9rem}.rk-picture .examine{background:#140303f0}@media (width<=1150px){.rk{grid-template:"logo title""pic pic""bars bars""log log"minmax(260px,46vh)"input input""status status""actions people""side people"/minmax(0,1fr) minmax(0,1fr);height:auto;min-height:100vh}.rk-picture{aspect-ratio:350/249;border-radius:6px;margin-top:0}.rk-title{border-bottom:2px solid var(--rk-red);border-radius:6px}.rk-side{min-height:360px}}@media (width<=640px){.rk{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"logo""title""pic""bars""log""input""status""actions""people""side";padding:8px 16px}.rk-log{height:50vh}.rk-bars{gap:4px}.rk-bar span{font-size:.75rem}.rk-status{gap:.8rem}}.rk-spells ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rk-spells button{text-align:left;width:100%;color:var(--rk-ink);background:linear-gradient(#1f4fd059,#0f1e5a73);border:1px solid #4f84ff;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:0 .6rem;padding:.45rem .6rem;display:grid}.rk-spells button:hover:not(:disabled){filter:brightness(1.2)}.rk-spells button:disabled{opacity:.5}.rk-spell-name{font-family:var(--font-title);color:var(--rk-yellow);font-weight:700}.rk-spell-cost{color:#9fc0ff;font-variant-numeric:tabular-nums}.rk-spell-cost:after{content:" magic";font-size:.75rem}.rk-spell-desc{color:#d9c7a8;grid-column:1/-1;font-size:.82rem}.rk-spell-mana,.rk-effects{color:#9fc0ff;margin:0 0 .5rem;font-size:.85rem}.rk-effects{color:var(--rk-cyan);margin-top:.6rem}.occupant.party .rk-name{color:#fff;background:linear-gradient(115deg,#ffffff29 0%,#0000 40%),repeating-linear-gradient(115deg,#ffffff08 0 6px,#0000 6px 12px),linear-gradient(#2a5fb3,#0c2a5a);border-color:#5a9be0}.rk-people{flex-direction:column;display:flex}.rk-party{border-top:1px solid #ff785a4d;margin-top:auto;padding:.5rem .3rem 0}.rk-people ul.occupants+ul,.rk-people>ul{margin-bottom:.6rem}.rk-party h3{font-family:var(--font-title);color:var(--rk-yellow);margin:0 0 .35rem;font-size:.95rem}.rk-party ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.rk-party li{gap:.15rem;display:grid}.rk-party li.away{opacity:.6}.rk-party-name{color:#7cc4ff;font-size:.85rem}.rk-party li.me .rk-party-name{color:#ffe0d0}.rk-party-lead{color:var(--rk-yellow);margin-right:.25rem}.rk-party-bar{background:#00000080;border:1px solid #ff6e5059;border-radius:3px;height:14px;display:block;position:relative;overflow:hidden}.rk-party-bar>span{background:linear-gradient(#3fae4a,#1f6e28);height:100%;display:block}.rk-party-bar.low>span{background:linear-gradient(#d0402e,#7a1a10)}.rk-party-bar em{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:.7rem;font-style:normal;line-height:12px;position:absolute;inset:0}.rk-party h3 span{text-transform:none;letter-spacing:0}.rk-party-creature{color:#a9d2ff;justify-content:space-between;padding-left:.9rem;font-size:.72rem;display:flex}.rk-party-creature em{color:#cfe6ff;font-style:normal}.rk-clan{color:#c9a0ff}.rk-map-tile{stroke:#0009;stroke-width:1px}.rk-map-here{fill:none;stroke:#ffe066;stroke-width:2px}:root{--bg:#120303;--bg-2:#1e0605;--panel:#2c0908ed;--panel-edge:#7a2119;--panel-edge-hi:#b8322a;--ink:#eadfc8;--muted:#b3a385;--gold:#f2d675;--accent:#d9a441;--accent-ink:#1b130c;--danger:#ff6b5e;--life:#c0392b;--magic:#3a7bd5;--radius:6px;--font-title:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"Alegreya", Georgia, "Times New Roman", serif;--font-mono:"Fira Mono", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at top, #3d0b0b 0%, var(--bg) 60%) fixed, var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);margin:0;font-size:17px;line-height:1.45}#app,.app{min-height:100vh}h1,h2,h3{font-family:var(--font-title);letter-spacing:.04em;margin:0 0 .6rem;font-weight:700}h1{font-size:1.7rem}h2{color:var(--gold);margin-top:1.2rem;font-size:1.05rem}h2:first-child{margin-top:0}h3{color:var(--muted);text-transform:uppercase;margin:.8rem 0 .4rem;font-size:.85rem}p{margin:.3rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.btn{border:1px solid var(--panel-edge-hi);color:var(--ink);border-radius:var(--radius);font-family:var(--font-title);letter-spacing:.05em;background:linear-gradient(#5a120e,#360806);padding:.5rem 1rem;font-size:.9rem}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--gold)}.btn:disabled{opacity:.45}.btn.primary{color:var(--accent-ink);background:linear-gradient(#e7b65a,#b98128);border-color:#f2d675;font-weight:700}.btn.primary:hover:not(:disabled){color:var(--accent-ink);filter:brightness(1.08)}.btn.ghost{border-color:var(--panel-edge);background:0 0}.btn.small{padding:.3rem .6rem;font-size:.78rem}.btn.wide{width:100%;margin-top:.8rem;padding:.75rem}input{font:inherit;color:var(--ink);border:1px solid var(--panel-edge);border-radius:var(--radius);background:#0d0202;width:100%;padding:.55rem .7rem}input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:var(--danger)}label{color:var(--muted);gap:.3rem;font-size:.9rem;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:1.1rem;box-shadow:inset 0 0 0 1px #0009,0 8px 30px #00000073}.brand{font-family:var(--font-title);letter-spacing:.08em;color:var(--ink);text-shadow:0 2px #000,0 0 24px #d9a44159;margin:0;font-size:clamp(2.2rem,6vw,3.6rem)}.brand span{color:var(--gold)}.brand.small{font-size:1.2rem}.splash{text-align:center;place-content:center;gap:1rem;min-height:100vh;padding:1rem;display:grid}.splash-title{font-family:var(--font-title);color:var(--muted)}.login{grid-template-columns:minmax(0,1.2fr) minmax(300px,380px);align-items:center;gap:3rem;max-width:1050px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:grid}.login-hero{text-align:center}.login-art{aspect-ratio:350/249;object-fit:cover;border:3px solid var(--panel-edge-hi);border-radius:var(--radius);width:min(100%,420px);margin-bottom:1.2rem;box-shadow:0 10px 40px #000}.tagline{font-family:var(--font-title);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.motd{margin-top:1rem;font-style:italic}.login-form{gap:.9rem;display:grid}.tabs,.seg{border:1px solid var(--panel-edge);border-radius:var(--radius);gap:0;display:flex;overflow:hidden}.tab,.seg-btn{color:var(--muted);font-family:var(--font-title);background:0 0;border:0;flex:1;padding:.5rem;font-size:.85rem}.tab.active,.seg-btn.active{color:var(--gold);background:#5a120e}.page{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 3rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.char-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.char-card{text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);align-content:start;justify-items:center;gap:.25rem;width:100%;min-height:240px;padding:1.1rem;display:grid}.char-card:hover:not(:disabled){border-color:var(--accent)}.char-card img,.char-top img,.summary img{border:2px solid var(--panel-edge-hi);background:#000;border-radius:4px}.char-card.new{border-style:dashed;align-content:center}.plus{color:var(--accent);font-size:3rem;line-height:1}.char-name{font-family:var(--font-title);color:var(--gold);font-size:1.15rem}.char-play{font-family:var(--font-title);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;font-size:.8rem}.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.big-input{font-family:var(--font-title);font-size:1.2rem}.seg{margin:.6rem 0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.choice-grid.tight .choice{min-height:0}.choice{text-align:left;border:1px solid var(--panel-edge);border-radius:var(--radius);background:#220605;gap:.1rem;min-height:4.2rem;padding:.5rem .6rem;display:grid}.choice:hover:not(:disabled){border-color:var(--panel-edge-hi)}.choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#4a120c}.choice.warn:not(.active) strong{color:var(--muted)}.choice.active.warn{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.choice:disabled{opacity:.35}.choice.god{grid-column:span 2;grid-template-columns:32px 1fr;align-items:center;gap:.6rem;min-height:0}.max-line{font-family:var(--font-mono);color:var(--gold);font-size:.75rem}.stats-table{border-collapse:collapse;width:100%;margin:.5rem 0}.stats-table th{text-align:left;color:var(--muted);padding:.2rem 0;font-weight:400}.stats-table td{padding:.15rem .25rem}.stat{font-family:var(--font-mono);color:var(--gold);text-align:center;min-width:2.5rem;font-size:1.05rem}.stat.over{color:#ffb070}.step{border:1px solid var(--panel-edge);background:#220605;border-radius:50%;width:2rem;height:2rem;line-height:1}.step:hover{border-color:var(--accent)}.pool{font-family:var(--font-title)}.stats-table.compact td,.stats-table.compact th{padding:.05rem 0;font-size:.9rem}.portrait-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.35rem;max-height:320px;padding:2px;display:grid;overflow:auto}.portrait{aspect-ratio:1;background:#000;border:2px solid #0000;border-radius:4px;padding:0}.portrait img{width:100%;height:100%;display:block}.portrait.active{border-color:var(--accent)}.pager{justify-content:space-between;margin-top:.5rem}.summary{border-top:1px solid var(--panel-edge);align-items:center;gap:.9rem;margin-top:1.2rem;padding-top:1rem;display:flex}.side{overflow:auto}.char-top{align-items:flex-start;gap:.75rem;margin-bottom:.7rem;display:flex}.char-top img{width:72px;height:72px}.char-top .god-line img{border:0;width:20px;height:20px}.god-line{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.gold{font-family:var(--font-title);color:var(--gold)}.gauge{margin:.35rem 0}.gauge-label{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.gauge-track{border:1px solid var(--panel-edge);background:#0b0705;border-radius:5px;height:10px;overflow:hidden}.gauge-fill{height:100%;transition:width .3s}.gauge.life .gauge-fill{background:linear-gradient(90deg, #7d1e14, var(--life))}.gauge.magic .gauge-fill{background:linear-gradient(90deg, #1c3e78, var(--magic))}.picture-frame{border:3px solid var(--panel-edge-hi);border-radius:var(--radius);aspect-ratio:350/249;background:#000;max-height:46vh;overflow:hidden;box-shadow:0 8px 30px #0009}.room-picture{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.people ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.person{border-radius:var(--radius);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.2rem;display:flex}.person:hover{border-color:var(--panel-edge)}.person img{border:1px solid var(--panel-edge);border-radius:3px}.terminal{font-family:var(--font-mono);min-height:0;padding:.6rem .8rem;font-size:.88rem;line-height:1.5;overflow-y:auto}.line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .15rem}.line.move{margin-top:.5rem}@media (width<=1100px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){body{font-size:16px}.login{grid-template-columns:1fr;gap:1.5rem}.creator-grid{grid-template-columns:1fr}.picture-frame{max-height:none}}.gauge.turns .gauge-fill{background:linear-gradient(90deg, #6b5a1c, var(--gold))}.exp-line{margin-top:.2rem}.train{color:#5fd36a}.btn.action{border-color:var(--accent);color:var(--gold)}.monsters{margin-bottom:.8rem!important}.monster{border:1px solid var(--panel-edge);border-radius:var(--radius);background:#220605;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.25rem;display:grid}.monster.hostile{border-color:#7d2a1e}.person .health{color:#5fd36a;font-size:.75rem;display:block}.health.slightly-wounded{color:#c8d35f}.health.wounded{color:#ffb070}.health.badly-wounded,.health.nearly-dead{color:var(--danger)}.glyph{border:1px solid var(--panel-edge);width:48px;height:46px;color:var(--danger);background:#0d0202;border-radius:3px;place-items:center;font-size:1.5rem;display:grid}.btn.attack{color:#ffe0d0;background:linear-gradient(#8a2a1c,#5a170e);border-color:#c0392b}.line.combat{color:#f0c0a0}.side-tabs{margin-bottom:.6rem}.inventory h3{margin-top:.8rem}.item-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.item-cell{aspect-ratio:1;border:1px solid var(--panel-edge);background:#0d0202;border-radius:4px;place-items:center;width:100%;padding:0;display:grid;position:relative}button.item-cell:hover,button.item-cell:focus-visible{border-color:var(--accent)}.item-cell.worn{border-color:var(--panel-edge-hi);background:#3a1208}.item-cell img{width:32px;max-width:90%;height:32px;max-height:90%;image-rendering:pixelated}.item-cell.empty{opacity:.55}.item-glyph{color:var(--muted);font-family:var(--font-title)}.inv-summary{margin-top:.4rem}.occupants,.floor-items{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.occupant{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem;display:grid}.occupant.me{border-color:var(--panel-edge);background:#d9a4410f}.occupant.npc .person>span:last-child{color:#9fd6a0}.occupant.monster{background:#220605;border-color:#7d2a1e}.you{color:var(--muted);font-size:.8rem}.floor-items img{image-rendering:pixelated}.ctx-menu{z-index:50;border:1px solid var(--panel-edge-hi);border-radius:var(--radius);background:#240606;min-width:11rem;padding:.25rem;font-size:.92rem;position:fixed;box-shadow:0 10px 30px #000000b3}.ctx-title{font-family:var(--font-title);color:var(--gold);border-bottom:1px solid var(--panel-edge);margin-bottom:.2rem;padding:.3rem .6rem .35rem;font-size:.8rem}.ctx-list{margin:0;padding:0;list-style:none}.ctx-list li{position:relative}.ctx-list button{text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;gap:1rem;width:100%;padding:.35rem .6rem;display:flex}.ctx-list button:hover:not(:disabled),.ctx-list button:focus-visible{color:var(--gold);background:#5a120e;outline:none}.ctx-list button:disabled{opacity:.4}.ctx-arrow{color:var(--muted)}.ctx-sub{border:1px solid var(--panel-edge-hi);border-radius:var(--radius);background:#240606;min-width:10rem;max-height:60vh;padding:.25rem;position:absolute;top:-.25rem;left:100%;overflow:auto;box-shadow:0 10px 30px #000000b3}.ctx-menu.flip .ctx-sub{left:auto;right:100%}.picture-frame{position:relative}.examine{cursor:pointer;background:#0a0704f0;grid-template-rows:minmax(0,1fr) auto;padding:.9rem;display:grid;position:absolute;inset:0;overflow:auto}.examine-body{align-items:flex-start;gap:.9rem;display:flex}.examine-img{border:2px solid var(--panel-edge-hi);background:#000;border-radius:4px;flex:none}.examine-img.portrait{width:100px;height:100px}.examine-img.monster{width:84px;height:80px}.examine-img.item{width:64px;height:64px;image-rendering:pixelated}.examine-name{color:var(--gold);text-transform:none;margin:0 0 .4rem;font-size:1.1rem}.examine p{margin:0 0 .35rem;font-size:.95rem}.examine-close{justify-self:end}.modal-backdrop{z-index:900;background:#080503b8;place-items:center;padding:16px;animation:.12s ease-out modal-fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--panel-edge-hi);border-radius:var(--radius);background:#240606;flex-direction:column;gap:.75rem;width:min(560px,100%);max-height:min(720px,100vh - 32px);padding:1rem 1.1rem;display:flex;box-shadow:0 20px 60px #000c}.modal-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-head h2{font-family:var(--font-title);color:var(--gold);margin:0;font-size:1.15rem}.modal-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:1.6rem;line-height:1}.modal-x:hover,.modal-x:focus-visible{color:var(--ink)}.modal-message{margin:0}.modal-filter,.modal-form input{width:100%}.modal-form{gap:.6rem;display:grid}.modal-form .row{flex-wrap:nowrap}.modal-form .row .btn{white-space:nowrap}.modal-form .row.end{justify-content:flex-end}.modal-foot{border-top:1px solid var(--panel-edge);padding-top:.55rem}.choice-scroll{min-height:0;margin:0 -.3rem;padding:0 .3rem;overflow-y:auto}.choice-group{font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.6rem 0 .3rem;font-size:.8rem}.choice-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.dlg-option{text-align:left;width:100%;color:var(--ink);border:1px solid var(--panel-edge);border-radius:var(--radius);font:inherit;cursor:pointer;background:#ffffff06;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.dlg-option:hover:not(:disabled),.dlg-option:focus-visible{border-color:var(--panel-edge-hi);background:#3b0d0a;outline:none}.dlg-option:disabled{cursor:not-allowed}.dlg-option:disabled img,.dlg-option:disabled .choice-label,.dlg-option:disabled .choice-price{opacity:.5}.dlg-option img{image-rendering:pixelated;flex:none}.choice-text{flex:1;min-width:0;display:grid}.choice-label{overflow-wrap:anywhere}.choice-detail{color:var(--muted);font-size:.85rem}.choice-hint{color:var(--danger);font-size:.8rem}.modal>*{flex:none}.modal>.choice-scroll{flex:auto}.choice-price{color:var(--gold);font-variant-numeric:tabular-nums;flex:none}.choice-go{font-family:var(--font-title);color:var(--accent);opacity:0;flex:none;font-size:.75rem}.dlg-option:hover:not(:disabled) .choice-go,.dlg-option:focus-visible .choice-go{opacity:1}@keyframes modal-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.modal-backdrop{animation:none}}@media (width<=520px){.choice-go{display:none}}