:root{color-scheme:dark;--text: #f4ead7;--muted: #d8cab0;--accent: #ffc66d}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;background:#050608;color:var(--text);font-family:system-ui,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;background:#173b25;overflow:hidden}canvas{display:block;width:100vw;height:100vh;width:100dvw;height:100dvh;background:#234b2f;image-rendering:auto}.hud{position:fixed;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border:2px solid rgba(255,198,109,.45);background:#121014d1;color:var(--text);font:16px/1.25 system-ui,sans-serif;pointer-events:none}.hud span{color:var(--muted);text-align:right}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,rgba(255,198,109,.12),transparent 20rem),#000000eb;z-index:10}.screen.hidden{display:none}.frontpage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.frontpage-overlay:focus,.frontpage-overlay:focus-visible{outline:none}.frontpage-overlay.hidden{display:none}.frontpage-overlay iframe{display:block;width:100%;height:100%;border:0;outline:none;pointer-events:none}.memory-slideshow-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#000}.memory-slideshow-overlay.hidden{display:none}.memory-slideshow-overlay iframe{width:100%;height:100%;border:0}.memory-slideshow-label,.memory-slideshow-exit{position:fixed;z-index:6;border:2px solid rgba(255,229,166,.68);background:#0000008c;color:#ffe5a6;font:700 17px/1 system-ui,sans-serif;pointer-events:none}.memory-slideshow-label{top:16px;left:16px;padding:11px 22px}.memory-slideshow-exit{right:16px;bottom:16px;padding:10px 14px;color:#d8cab0;font-size:14px}.screen-card{width:min(520px,100%);padding:32px;border:3px solid rgba(255,198,109,.58);background:#100d12f0;text-align:center;box-shadow:0 18px 60px #0000008c}.screen-card h1{margin:0 0 12px;color:var(--accent);font:700 36px/1.1 Georgia,Times New Roman,serif}.screen-card p{margin:12px 0;color:var(--muted)}.screen-card button{margin:18px 0 8px;padding:12px 22px;border:2px solid #ffdc91;background:#533622;color:#fff3cf;cursor:pointer;font:700 18px/1 system-ui,sans-serif}.screen-card button:hover,.screen-card button:focus-visible{background:#745032;outline:3px solid rgba(255,198,109,.4)}.hint{font-size:14px}.mobile-controls{position:fixed;left:14px;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:20;display:none;align-items:end;justify-content:space-between;gap:18px;pointer-events:none}.mobile-controls.is-hidden{display:none!important}.mobile-controls.is-actions-only .mobile-dpad{visibility:hidden}.mobile-dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:7px;grid-template-areas:". up ." "left . right" ". down ."}.mobile-actions{display:grid;gap:10px}.mobile-control{width:54px;height:54px;border:2px solid rgba(255,229,166,.78);border-radius:8px;background:#121014bd;color:#fff0c4;font:700 11px/1 system-ui,sans-serif;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 22px #00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-control:focus,.mobile-control:focus-visible{outline:none}.mobile-control:active,.mobile-control.is-pressed{background:#ffc66d61;transform:translateY(1px)}.mobile-up{grid-area:up}.mobile-left{grid-area:left}.mobile-right{grid-area:right}.mobile-down{grid-area:down}.mobile-action,.mobile-back{width:78px}.mobile-action{height:78px}.mobile-back{height:48px;color:#d8cab0}@media (hover: none),(pointer: coarse){.mobile-controls{display:flex}.hud{bottom:calc(14px + env(safe-area-inset-bottom));left:10px;right:10px;font-size:13px;gap:10px;padding:8px 10px;border-width:1px}.hud strong{display:none}.hud span{text-align:left}}@media (hover: none) and (max-width: 520px),(pointer: coarse) and (max-width: 520px){.mobile-controls{bottom:calc(62px + env(safe-area-inset-bottom));left:10px;right:10px}.mobile-dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:6px}.mobile-control{width:48px;height:48px;font-size:10px}.mobile-action,.mobile-back{width:70px}.mobile-action{height:70px}.mobile-back{height:44px}}