:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f3edd8;--muted: #a9b3a6;--gold: #e8bd68;--ember: #d46a44;--moss: #6fa777;--glass: rgba(15, 29, 28, .86);--glass-strong: rgba(11, 22, 21, .95);--line: rgba(224, 197, 133, .28);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);background:#09100f;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{position:fixed;inset:0;background:radial-gradient(circle at 50% 15%,rgba(82,118,92,.22),transparent 40%),#09100f}button{font:inherit}#game-shell{position:relative;width:100%;height:100%;max-width:540px;margin:0 auto;overflow:hidden;background:#101c1b;box-shadow:0 0 60px #0009}#game-container,#game-container canvas{width:100%;height:100%}#game-container canvas{display:block;image-rendering:auto}#hud-root{position:absolute;inset:0;z-index:5;pointer-events:none;padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}.title-ui{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto 18%;pointer-events:none}.title-ui[hidden]{display:none}.title-actions{grid-row:2;display:grid;gap:12px;width:min(84%,380px);justify-self:center;pointer-events:auto}.title-button{min-height:58px;border:1px solid rgba(143,179,157,.65);border-radius:18px 8px;background:#1a302bf0;color:#dce8df;font-size:16px;font-weight:850;letter-spacing:.08em;box-shadow:0 8px 24px #00000059}.title-button-primary{border-color:#e8bd68b3;background:linear-gradient(180deg,#8c5b3c,#653d2d);color:#fff1c9}.title-button:active{filter:brightness(1.18);transform:scale(.98)}.title-lore{position:absolute;inset:0;display:grid;place-items:center;padding:22px;pointer-events:auto;background:#050c0bd1;backdrop-filter:blur(8px)}.title-lore[hidden]{display:none}.title-lore-card{width:min(100%,410px);padding:28px;border:1px solid rgba(232,189,104,.42);border-radius:28px 12px;background:var(--glass-strong);text-align:center}.title-lore-card h2{margin:0 0 14px;color:var(--gold);font-family:Georgia,serif;font-size:27px}.title-lore-card p{margin:0 0 22px;color:#c8d0c2;font-family:Georgia,serif;font-size:17px;line-height:1.55}.title-lore-card button{width:100%;min-height:52px;border:1px solid rgba(143,179,157,.55);border-radius:15px;background:#354f45;color:var(--ink);font-weight:800}.hud{display:grid;width:100%;height:100%;grid-template-rows:auto 1fr auto}.hud[hidden]{display:none}.hud-top{display:grid;grid-template-columns:54px minmax(0,1fr) 52px;gap:9px;align-items:center;min-height:66px;padding:7px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#11211ff0,#0b1615e6);box-shadow:0 8px 22px #00000052;backdrop-filter:blur(9px)}.portrait{display:grid;width:52px;height:52px;place-items:center;border:2px solid rgba(232,189,104,.65);border-radius:16px 8px;background:radial-gradient(circle at 50% 38%,#ead6a5 0 15%,transparent 16%),linear-gradient(150deg,#516f62 0 45%,#263d38 46%);color:#172521;font-family:Georgia,serif;font-size:22px;font-weight:800}.vitals{min-width:0}.name-line{display:flex;gap:7px;align-items:baseline;margin:0 2px 5px}.hero-name{overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.hero-level{color:var(--gold);font-size:12px;font-weight:800}.meter{position:relative;height:9px;margin-top:4px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0000006b}.meter-fill{height:100%;border-radius:inherit;transition:width .18s ease-out}.meter-health{background:linear-gradient(90deg,#9d3e32,#db7352)}.meter-energy{background:linear-gradient(90deg,#4e8269,#82b68a)}.pause-button,.quick-button,.action-button,.dpad-button{pointer-events:auto;min-width:48px;min-height:48px;border:1px solid rgba(232,189,104,.35);color:var(--ink);cursor:pointer}.pause-button{display:grid;place-items:center;border-radius:14px;background:#1d302df0;font-size:22px}.message-stack{align-self:end;justify-self:center;width:min(94%,430px);margin-bottom:12px;text-align:center}.game-message{margin-top:6px;padding:8px 13px;border:1px solid rgba(232,189,104,.2);border-radius:999px;background:#070f0ec9;color:#f3e9cb;font-size:14px;line-height:1.25;opacity:0;transform:translateY(5px);animation:message-in .18s ease-out forwards;backdrop-filter:blur(6px)}.hud-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:8px;align-items:end}.quick-button{min-width:58px;border-radius:17px;background:var(--glass);font-size:12px;font-weight:750}.action-button{grid-column:1 / -1;min-width:88px;padding:0 16px;border-color:#e8bd6899;border-radius:18px;background:linear-gradient(180deg,#9b603b,#693d2d);box-shadow:0 5px 18px #00000057;font-weight:850}.tap-hint{display:none;align-self:end;min-width:164px;padding:17px 12px;pointer-events:none;border:1px solid rgba(143,179,157,.32);border-radius:20px;background:#091312d1;color:#d4dfd6;font-size:13px;font-weight:850;line-height:1.2;text-align:center;letter-spacing:.08em;backdrop-filter:blur(8px)}.tap-hint small{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0}.hud[data-movement=tap] .dpad{display:none}.hud[data-movement=tap] .tap-hint{display:block}.hud.is-left-handed .dpad,.hud.is-left-handed .tap-hint{grid-column:1;grid-row:1}.hud.is-left-handed .quick-actions{grid-column:2;grid-row:1}.dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:3px;padding:7px;pointer-events:auto;border:1px solid rgba(232,189,104,.22);border-radius:23px;background:#091312d1;box-shadow:0 9px 24px #00000061;backdrop-filter:blur(8px)}.dpad-button{display:grid;min-width:54px;min-height:54px;place-items:center;border-radius:16px;background:linear-gradient(180deg,#374f45f2,#1e322df2);font-size:19px;font-weight:900;transition:transform 70ms ease-out,filter 70ms ease-out}.dpad-button:active,.dpad-button.is-pressed{filter:brightness(1.35);transform:scale(.93)}.dpad-center{display:grid;place-items:center;color:#e8bd688c;font-size:17px}.drawer{position:absolute;inset:0;display:grid;align-items:end;padding-top:calc(76px + var(--safe-top));pointer-events:auto;background:#040a099e;backdrop-filter:blur(5px)}.drawer[hidden]{display:none}.drawer-sheet{display:grid;max-height:82%;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(232,189,104,.32);border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#172b27fa,#091412fc),#10201d;box-shadow:0 -18px 50px #00000080}.drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 18px;border-bottom:1px solid var(--line)}.drawer-kicker{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.22em}.drawer-header h2{margin:2px 0 0;font-family:Georgia,serif;font-size:27px}.drawer-close{width:48px;height:48px;border:1px solid rgba(232,189,104,.35);border-radius:15px;background:#2b433c;color:var(--ink);font-size:28px}.drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:14px 14px calc(22px + var(--safe-bottom));touch-action:pan-y;user-select:text;-webkit-user-select:text}.inventory-summary{display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px;color:var(--muted);font-size:13px}.inventory-summary strong{color:var(--gold)}.inventory-list{display:grid;gap:10px}.inventory-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(143,179,157,.18);border-radius:18px 8px;background:#263c359e}.inventory-item.is-equipped{border-color:#e8bd68a6;background:#4c412b80}.item-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(232,189,104,.3);border-radius:14px;background:#182c28;color:var(--gold);font-size:24px}.item-copy{min-width:0}.item-name-line{display:flex;justify-content:space-between;gap:8px}.item-name-line h3{margin:0;font-family:Georgia,serif;font-size:17px}.item-name-line span{color:var(--gold);font-weight:800}.item-copy p{margin:5px 0;color:#bac7bd;font-size:13px;line-height:1.35}.item-copy small{color:#84978d}.item-actions{display:flex;grid-column:1 / -1;gap:8px;justify-content:flex-end}.item-actions button{min-height:44px;padding:0 14px;border:1px solid rgba(232,189,104,.36);border-radius:13px;background:#304a42;color:var(--ink);font-size:12px;font-weight:850}.journal-entry{margin-bottom:12px;padding:18px;border-left:3px solid #607d6d;border-radius:4px 18px 18px 4px;background:#24393399}.journal-entry.is-active{border-left-color:var(--gold)}.entry-status{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.16em}.journal-entry h3{margin:6px 0;font-family:Georgia,serif;font-size:20px}.journal-entry p{margin:0;color:#bdc8bf;font-size:14px;line-height:1.5}.settings-list{display:grid;gap:9px}.setting-row{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(143,179,157,.18);border-radius:16px;background:#20342e9e}.setting-row span{display:grid;gap:3px}.setting-row strong{font-size:15px}.setting-row small{color:var(--muted);font-size:12px}.setting-row select{max-width:155px;min-height:44px;border:1px solid rgba(232,189,104,.3);border-radius:12px;background:#1f3932;color:var(--ink);font:inherit}.setting-row input[type=checkbox]{width:26px;height:26px;accent-color:#d7a95a}.empty-state{padding:38px 20px;color:var(--muted);text-align:center}.pause-panel{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;background:#050b0abd;backdrop-filter:blur(8px)}.pause-panel[hidden]{display:none}.pause-card{width:min(86%,360px);padding:28px;border:1px solid rgba(232,189,104,.38);border-radius:28px 12px;background:var(--glass-strong);text-align:center;box-shadow:0 24px 70px #0000008c}.pause-card h2{margin:0 0 8px;font-family:Georgia,serif;color:var(--gold);font-size:31px}.pause-card p{margin:0 0 22px;color:var(--muted);line-height:1.5}.pause-card button{width:100%;min-height:54px;border:1px solid rgba(232,189,104,.45);border-radius:16px;background:#354f45;color:var(--ink);font-weight:800}.pause-card button+button{margin-top:9px}.high-contrast{--ink: #fffbe9;--muted: #d3ddd5;--line: rgba(255, 221, 139, .62)}.high-contrast .hud-top,.high-contrast .drawer-sheet,.high-contrast .dpad{border-width:2px}.large-text .drawer-body,.large-text .pause-card{font-size:1.12rem}.large-text .item-copy p,.large-text .journal-entry p,.large-text .setting-row small{font-size:14px}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#orientation-warning{position:fixed;inset:0;z-index:50;display:none;place-content:center;gap:10px;padding:32px;background:#0b1514;text-align:center}.orientation-glyph{color:var(--gold);font-size:52px}#orientation-warning strong{font-family:Georgia,serif;color:var(--gold);font-size:28px}#orientation-warning span{color:var(--muted);font-size:16px}@keyframes message-in{to{opacity:1;transform:translateY(0)}}@media(orientation:landscape)and (max-height:600px){#orientation-warning{display:grid}}@media(max-width:380px),(max-height:700px){.dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px)}.dpad-button{min-width:48px;min-height:48px;border-radius:14px}.quick-button{min-width:52px}.quick-actions{gap:5px}.quick-button,.action-button{padding:0 8px;font-size:11px}.hud-top{min-height:62px}.drawer-sheet{max-height:88%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}