:root{color-scheme:dark;--void:#09080b;--panel:#171319;--raised:#211a21;--line:#493744;--ink:#f3e8d8;--muted:#a99a94;--coral:#d46f57;--gold:#d5aa61;--blood:#c54d49;--blue:#78a8bd;--green:#72b99d;--focus:#ffd27a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 30% -20%,#42251e 0,transparent 40%),linear-gradient(#0f0b10,#080709);color:var(--ink);font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #684435;border-radius:9px;background:linear-gradient(#c26951,#a74f3e);padding:8px 12px}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.ghost{background:#191419;border-color:var(--line);color:var(--muted)}#app{width:min(1240px,100%);height:100dvh;margin:auto;padding:8px 18px 12px;overflow:hidden;display:flex;flex-direction:column}header{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;gap:12px}main{min-height:0;flex:1;display:flex}.world{min-height:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.crest{display:grid;place-items:center;width:40px;height:40px;border:1px solid #73503f;background:linear-gradient(145deg,#452920,#201418);color:var(--gold);font:700 21px Georgia;border-radius:10px;box-shadow:inset 0 0 0 3px #130e11}.eyebrow,small{display:block;color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.15em;margin:0 0 3px}h1{font:800 clamp(24px,3vw,38px)/.9 Georgia,serif;letter-spacing:.1em;margin:0}.header-actions{display:flex;gap:7px}.world{position:relative;background:linear-gradient(145deg,#1a151b,#121014);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 70px #0008;padding:12px}#floor{display:flex;justify-content:space-between;align-items:end;padding:0 3px 8px}#floor h2{margin:0;font:700 20px Georgia,serif}#floor p{margin:2px 0 0;color:var(--muted);font:italic 12px Georgia,serif}.seed{text-align:right;color:#71656a;font-size:8px;letter-spacing:.15em}.seed b{font-size:10px;color:var(--muted)}.play-hud{display:grid;grid-template-columns:190px minmax(150px,1fr) 190px minmax(210px,auto) 72px;align-items:center;gap:9px;margin-bottom:9px;padding:8px;background:#0e0b10e8;border:1px solid #392d39;border-radius:12px}.hud-reader{display:flex;align-items:center;gap:8px}.hud-reader img{width:38px;height:46px;object-fit:contain;image-rendering:pixelated;background:radial-gradient(circle,#543524,#171015);border:1px solid #684938;border-radius:8px}.hud-reader b,.hud-reader span{display:block}.hud-reader b{font:700 13px Georgia}.hud-reader span{color:var(--muted);font-size:10px}.hud-health-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.hud-health-track{height:10px;margin-top:4px;border:1px solid #3d2226;border-radius:10px;overflow:hidden;background:#25171c}.hud-health-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#9f3638,#e16b59);transition:width .2s}.hud-combat{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.hud-combat span{text-align:center;color:var(--muted);font-size:8px;padding:5px 3px;background:#1b151b;border-radius:7px}.hud-combat b{display:block;color:var(--ink);font-size:15px}.hud-equipment{display:grid;grid-template-columns:repeat(6,32px);gap:3px}.hud-gear-slot{display:grid;place-items:center;width:32px;height:32px;border:1px dashed #493b47;border-radius:7px;color:#665a61;font-size:9px;background-color:#151117;background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:pixelated}.hud-gear-slot.filled{border-style:solid;border-color:#7d5840;background-color:#251a19}.bag-button{justify-self:end;width:64px;height:52px;padding:3px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:center;background:#37231f;border-color:#a26952;opacity:.5;transition:opacity .15s,transform .15s}.bag-button:hover,.bag-button:focus-visible{opacity:1;transform:translateY(-1px)}.bag-button>span{grid-row:1/3;font-size:22px}.bag-button b{font-size:11px}.bag-button small{font-size:8px;margin:0;color:#e8c39f}.viewport-frame{position:relative;overflow:hidden;min-height:0;flex:1;display:flex;padding:8px;background:radial-gradient(circle at center,#1a1518,#080708);border:2px solid #5a3d3a;border-radius:14px;box-shadow:inset 0 0 60px #000,0 8px 30px #0008}#game-canvas{display:block;width:100%;height:100%;min-height:0;object-fit:contain;image-rendering:pixelated;background:#080708;border-radius:7px;cursor:crosshair;margin:auto}#float-text{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:5;padding:5px 10px;background:#100d10e8;border:1px solid var(--line);border-radius:8px;opacity:0;max-width:70%;text-align:center;font-weight:700}.hurt{color:#ff8275!important}.event{color:#f5d18e!important}.game-tools{display:flex;align-items:center;gap:6px;padding-top:8px;color:var(--muted);font-size:10px}.game-tools button{padding:5px 9px;background:#181318;border-color:#3b2d38;color:#c4b7b1}.game-tools span{margin-left:auto}.mobile-controls{display:none}.game-drawer{position:fixed;z-index:30;right:18px;top:85px;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 105px);overflow:auto;padding:42px 9px 9px;background:#100d12f2;border:1px solid #5b4148;border-radius:17px;box-shadow:0 28px 100px #000c;backdrop-filter:blur(18px);transform:translateX(calc(100% + 35px));opacity:0;pointer-events:none;transition:.22s}.game-drawer.open{transform:none;opacity:1;pointer-events:auto}.game-drawer>section{display:none;padding:13px;background:#181319;border:1px solid var(--line);border-radius:12px}.game-drawer>section.panel-active,.game-drawer #npc:not([hidden]){display:block}.drawer-close,.bag-close{position:absolute;right:10px;top:9px;width:44px;height:44px;padding:0;border-radius:50%;background:#251a20;border-color:#513b47;font-size:24px}.quest h2{margin:0;font:700 18px Georgia}.quest p{color:var(--muted);font:italic 12px Georgia}.depth-track{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.depth-track i{display:grid;place-items:center;height:22px;border:1px solid var(--line);border-radius:5px;color:#675b62;font:normal 9px sans-serif}.depth-track .done{background:#4d3028;color:#dbaa76}.depth-track .current{background:var(--coral);color:white}.chronicle h3{color:var(--gold);font:700 12px Georgia;text-transform:uppercase;letter-spacing:.1em}.chronicle ol{list-style:none;padding:0;max-height:230px;overflow:auto}.chronicle li{display:grid;grid-template-columns:25px 1fr auto;gap:5px;padding:6px 0;border-bottom:1px solid #292028;color:var(--muted);font:11px Georgia}.chronicle li.latest{color:var(--ink)}.chronicle li span{color:#72656c}.chronicle li em{font-style:normal}.bag-dialog{width:min(1060px,calc(100vw - 24px));height:min(720px,calc(100vh - 24px));max-width:none;max-height:none;margin:auto;padding:18px;border:1px solid #7a5446;border-radius:18px;background:linear-gradient(145deg,#21171a,#0e0c10);color:var(--ink);box-shadow:0 35px 130px #000}.bag-dialog::backdrop,dialog::backdrop{background:#050406dc;backdrop-filter:blur(5px)}.bag-heading{display:flex;justify-content:space-between;align-items:end;padding-right:40px;margin-bottom:12px}.bag-heading h2{margin:0;font:700 25px Georgia}.bag-heading>span{color:var(--muted);font-size:11px}.bag-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px;height:calc(100% - 175px);min-height:330px}.bag-grid{display:grid;grid-template-columns:repeat(9,minmax(42px,1fr));grid-template-rows:repeat(9,minmax(42px,1fr));gap:4px;min-height:0;padding:8px;overflow:auto;background:#0c090d;border:1px solid #342831;border-radius:12px}.bag-slot{position:relative;min-width:42px;min-height:42px;padding:2px;background:#171218;border:1px solid #392d38;border-radius:7px;box-shadow:none}.bag-slot:hover{background:#241a21}.bag-slot.selected{border-color:var(--focus);box-shadow:0 0 0 2px #ffd27a44,inset 0 0 12px #ffd27a19}.bag-slot.combine-source{border-color:#78d3bd;box-shadow:0 0 0 2px #78d3bd55}.bag-slot img{width:75%;height:75%;object-fit:contain;image-rendering:pixelated}.bag-slot>span:not(.empty-mark){position:absolute;right:3px;bottom:2px;font-size:8px;color:#f8ddb0;background:#160f13cc;border-radius:4px;padding:0 3px}.empty-mark{color:#41343e;font-size:18px}.kind-weapon{background:#221718}.kind-armor{background:#181c23}.kind-consumable{background:#15201d}.kind-artifact{background:#21192a}.item-inspector{display:flex;flex-direction:column;min-height:0;padding:15px;background:#151116;border:1px solid #43343f;border-radius:12px}.selected-icon{width:76px;height:76px;align-self:center;margin:4px 0 12px;background-position:center;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;border:1px solid #493b43;border-radius:13px;background-color:#211820}.item-inspector h3{margin:3px 0;font:700 18px Georgia;color:var(--gold)}.item-inspector p{color:var(--muted);font-size:11px}.bag-actions{margin-top:auto;display:grid;gap:7px}.bag-actions button{min-height:42px;font-weight:700}.combine-action{background:linear-gradient(#4f716a,#31514d);border-color:#6ca897}.combine-help{min-height:34px;margin-bottom:0}.worn-section{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #3b2d36}.worn-section h3{margin:0;color:var(--gold);font:700 14px Georgia}.worn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.worn-slot{display:flex;align-items:center;gap:6px;min-width:0;padding:5px;background:#151116;border-color:#392e38;box-shadow:none;text-align:left}.worn-slot.filled{border-color:#75513f}.worn-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;border-radius:6px;background-color:#211820;color:#716169}.worn-slot small{margin:0}.worn-slot b{display:block;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.worn-slot:disabled{opacity:.62}.bag-close{z-index:2}dialog:not(.bag-dialog){width:min(520px,calc(100% - 28px));border:1px solid #754b39;border-radius:20px;background:linear-gradient(145deg,#21171a,#100d11);color:var(--ink);padding:27px;box-shadow:0 30px 120px #000}dialog:not(.bag-dialog) h2{font:700 26px Georgia;margin:8px 0}dialog:not(.bag-dialog) p,dialog:not(.bag-dialog) li{color:#b9aca4}.dialog-art{float:right;display:grid;place-items:center;width:96px;height:96px;background:radial-gradient(circle,#73442b,#201418);border:1px solid #694333;border-radius:18px;margin:0 0 10px 18px}.dialog-art img{width:75px;height:75px;image-rendering:pixelated}#npc-choices{display:grid;gap:6px}@media(max-width:1000px){#app{padding:8px 10px}.play-hud{grid-template-columns:170px 1fr 160px 72px}.hud-equipment{display:none}#game-canvas{max-height:calc(100vh - 220px)}.bag-grid{grid-template-columns:repeat(9,minmax(40px,1fr));grid-template-rows:repeat(9,44px)}.worn-section{grid-template-columns:1fr}.worn-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:50px}.header-actions .ghost{display:none}.crest{width:34px;height:34px}h1{font-size:23px}.world{padding:7px}.play-hud{grid-template-columns:1fr 70px;gap:6px}.hud-reader,.hud-equipment{display:none}.hud-vitals{grid-column:1}.hud-combat{grid-column:1}.bag-button{grid-column:2;grid-row:1/3;height:64px}.viewport-frame{padding:4px}#game-canvas{max-height:none}.game-tools span{display:none}.mobile-controls{display:grid;grid-template-columns:repeat(3,42px);justify-content:center;gap:4px;margin-top:7px}.mobile-controls button{height:38px;padding:0}.bag-dialog{width:100vw;height:100dvh;border-radius:0;padding:10px}.bag-heading{margin:2px 0 8px}.bag-layout{display:block;height:calc(100% - 118px);overflow:auto}.bag-grid{width:max-content;height:420px;grid-template-columns:repeat(9,44px);grid-template-rows:repeat(9,44px);overflow:visible}.item-inspector{min-height:290px;margin-top:10px}.worn-grid{grid-template-columns:repeat(2,1fr)}#floor p,.seed{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bag-button:hover{transform:none}}