.bottom-nav{min-height:var(--nav-h);padding-bottom:var(--safe-bottom);background:linear-gradient(var(--c-wood-700), var(--c-wood-900));border-top:3px solid var(--c-brass);grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav__item{min-height:var(--touch-min);color:var(--c-text-light);cursor:pointer;background:0 0;border:0;font-weight:700}.bottom-nav__item.is-active{color:var(--c-brass)}.wood-button{min-height:var(--touch-min);border:3px solid var(--c-wood-900);border-radius:var(--radius);background:linear-gradient(var(--c-wood-500), var(--c-wood-700));min-width:220px;color:var(--c-text-light);letter-spacing:.03em;text-shadow:0 1px #1a1008;cursor:pointer;padding:12px 24px;font-size:1.1rem;font-weight:700;box-shadow:inset 0 2px #ffdc9659,0 3px #1a1008}.wood-button:active{transform:translateY(2px);box-shadow:inset 0 2px #ffdc9640,0 1px #1a1008}.wood-button:focus-visible{outline:3px solid var(--c-brass);outline-offset:2px}.wood-button:disabled{filter:grayscale(.7)brightness(.7);cursor:not-allowed}.panel{background:var(--c-parchment);color:var(--c-ink);border:4px solid var(--c-wood-700);border-radius:var(--radius);box-shadow:inset 0 0 0 2px var(--c-parchment-dark), 0 4px 0 #1a1008;padding:16px}.hud{gap:8px}.hud__title{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hud__chips{gap:6px;font-size:.8rem;display:flex}.hud__chip{border:2px solid var(--c-brass);white-space:nowrap;background:#00000059;border-radius:999px;padding:2px 8px}.book__tabs{background:var(--c-wood-900);display:flex;overflow-x:auto}.book__tab{min-height:var(--touch-min);color:var(--c-text-light);background:0 0;border:0;border-bottom:4px solid #0000;flex:none;padding:0 14px;font-weight:700}.book__tab.is-active{color:var(--c-brass);border-bottom-color:var(--c-brass)}.book__body{flex-direction:column;gap:12px;display:flex}.book__page{text-align:left;flex:1;overflow:auto}.book__page h2{margin:0 0 8px}.book__page h3{margin:12px 0 4px}.book__figure{aspect-ratio:2/3;border:3px solid var(--c-wood-700);background:#00000014;border-radius:12px;justify-content:center;align-items:center;max-height:42vh;margin:0 auto 10px;display:flex;overflow:hidden}.book__figure img{object-fit:cover;width:100%;height:100%}.book__arrows{justify-content:space-between;display:flex}.book__arrows button{min-width:72px;min-height:var(--touch-min);border:3px solid var(--c-wood-900);background:var(--c-wood-500);color:var(--c-text-light);border-radius:12px;font-size:1.4rem}.book__arrows button:disabled{opacity:.35}.book__figure img.is-silhouette{filter:brightness(0)opacity(.55)}.book__facts{grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:.9rem;display:grid}.book__facts dt{font-weight:800}.book__facts dd{margin:0}.inv-tabs{background:var(--c-wood-900);grid-template-columns:1fr 1fr;display:grid}.inv-tab{min-height:var(--touch-min);color:var(--c-text-light);background:0 0;border:0;border-bottom:4px solid #0000;font-weight:700}.inv-tab.is-active{color:var(--c-brass);border-bottom-color:var(--c-brass)}.inv-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.inv-cell{aspect-ratio:1;background:var(--c-parchment);border:3px solid var(--c-wood-700);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.inv-cell.is-empty{background:#ecd9aa59;border-style:dashed}.inv-cell.is-sel{outline:3px solid var(--c-brass)}.inv-cell__qty{color:var(--c-ink);font-size:.8rem;font-weight:800;position:absolute;bottom:2px;right:4px}.inv-detail,.inv-overflow{flex-direction:column;gap:8px;margin-top:12px;display:flex}.inv-overflow__row{align-items:center;gap:8px;display:flex}.inv-close{top:var(--safe-top);color:var(--c-text-light);position:absolute;right:0}.map{background:var(--c-wood-900);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.map__frame{aspect-ratio:2/3;max-width:100%;height:100%;position:relative}.map__img{object-fit:contain;width:100%;height:100%;display:block}.map__pin{width:var(--touch-min);height:var(--touch-min);filter:drop-shadow(0 2px 2px #0009);background:0 0;border:0;font-size:2rem;position:absolute;transform:translate(-50%,-100%)}.map__pin.is-locked{opacity:.6}.scene{background:var(--c-wood-900);flex:1;position:relative;overflow:hidden}.scene__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.scene__hotspot{cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);background:0 0;border:0;border-radius:50%;position:absolute}.scene__hotspot:focus-visible{outline:3px solid var(--c-brass)}.scene-bar{left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 10px);flex-direction:column;gap:8px;display:flex;position:absolute}.scene-sheet{z-index:5;background:#00000059;align-items:flex-end;display:flex;position:absolute;inset:0}.scene-sheet__panel{width:100%;margin:12px;margin-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);flex-direction:column;gap:8px;display:flex}.scene-action{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.scene-action__label{flex:1}.scene-action__cost{opacity:.9;white-space:nowrap;font-size:.8rem}.screen--title{background:#1a2b14 url(/art/ui/backgrounds/scr_title_bg.webp) 50%/cover no-repeat}.title__logo{flex:0 0 25%;justify-content:center;align-items:center;padding:16px 20px 0;display:flex}.title__logo img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:100%;max-height:100%}.title__center{flex:1}.title__menu{padding:16px 16px calc(32px + var(--safe-bottom));flex-direction:column;flex:none;align-items:center;gap:14px;display:flex}.title__menu .wood-button:disabled{opacity:.5;filter:grayscale(.6);cursor:default}.title__center{justify-content:center;align-items:flex-end;padding:0 24px;display:flex}.title__notice{text-align:center;background:#0000008c;border-radius:10px;margin:0;padding:8px 12px}:root{--c-wood-900:#2b1d12;--c-wood-700:#5a3b22;--c-wood-500:#8a5a2e;--c-brass:#d9a441;--c-parchment:#ecd9aa;--c-parchment-dark:#cfb582;--c-leaf:#4f7a2c;--c-ink:#3a2616;--c-text-light:#fff3d6;--radius:14px;--touch-min:48px;--nav-h:64px;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--c-wood-900);color:var(--c-text-light);font-family:var(--font);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}.game{max-width:560px;height:100%;padding-top:var(--safe-top);background:linear-gradient(#3f2a19,#24170d);margin:0 auto;position:relative;overflow:hidden}.screen{padding-top:var(--safe-top);flex-direction:column;display:flex;position:absolute;inset:0}.screen__header{min-height:var(--touch-min);background:linear-gradient(var(--c-wood-500), var(--c-wood-700));border-bottom:3px solid var(--c-wood-900);justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.screen__body{flex:1;padding:16px;overflow:auto}.screen--full .screen__body{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.screen__body--center{flex-direction:column;align-items:center;gap:12px;display:flex}.screen__close{min-width:var(--touch-min);min-height:var(--touch-min);cursor:pointer;background:0 0;border:0;font-size:1.3rem}