.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}.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}.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)}.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}