.immersive-game{color:#fff8df;height:100dvh;font-family:var(--font-nunito),sans-serif;isolation:isolate;background:#a5c3a0;position:fixed;inset:0;overflow:hidden}.immersive-game *{box-sizing:border-box}:where(.immersive-game) :where(button,input,select){font:inherit}.immersive-game button{cursor:pointer;touch-action:manipulation}.immersive-game button:disabled{opacity:.45;cursor:default}.immersive-game button:focus-visible,.immersive-game a:focus-visible,.immersive-game input:focus-visible,.immersive-game select:focus-visible,.immersive-game summary:focus-visible{outline-offset:3px;outline:3px solid #f4bd5b}.mini-world{touch-action:none;position:absolute;inset:0}.mini-world canvas{touch-action:none}.mini-shade{pointer-events:none;background:linear-gradient(#193d3855,#0000 28% 65%,#193d3855);position:absolute;inset:0}.mini-header{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.mini-header>*{pointer-events:auto}.mini-header h1{font:500 clamp(18px,2.5vw,28px) var(--font-fredoka),sans-serif;text-shadow:0 2px 4px #23433788;text-align:center;margin:0}.mini-pill{white-space:nowrap;color:#29483b;background:#fff6df;border:0;border-radius:28px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 3px #203f3530}.mini-vitals{top:max(86px,calc(env(safe-area-inset-top) + 74px));pointer-events:none;text-shadow:0 2px 4px #23433766;justify-content:space-between;gap:16px;display:flex;position:absolute;left:22px;right:22px}.mini-vitals>div{gap:4px;display:grid}.mini-vitals>div:last-child{text-align:right}.mini-vitals strong{font:500 clamp(19px,2.8vw,30px) var(--font-fredoka),sans-serif}.mini-vitals small{letter-spacing:.07em;font-size:10px;font-weight:900}.mini-center-card{color:#29483b;text-align:center;background:#fff5dfef;border-radius:22px;width:min(420px,100% - 32px);max-height:calc(100% - 150px);padding:24px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 8px 30px #203f3533}.mini-center-card h2{font:500 32px var(--font-fredoka),sans-serif;margin:8px 0 12px}.mini-center-card p{font-size:13px;line-height:1.6}.mini-primary{color:#fff4db;background:#294d40;border:0;border-radius:12px;min-height:48px;padding:12px 20px;font-weight:900}.mini-secondary{color:#294d40;background:#fff6e3;border:1px solid #294d4044;border-radius:12px;min-height:44px;padding:10px 15px;font-weight:800}.mini-center-card .mini-primary{width:100%;margin-top:10px}.mini-hint{bottom:max(12px,env(safe-area-inset-bottom));text-shadow:0 2px 4px #173a39;text-align:center;pointer-events:none;width:max-content;max-width:90%;font-size:10px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.mini-guide{color:#29483b;overscroll-behavior:contain;background:#fff5df;border:1px solid #294d4044;border-radius:20px;width:min(650px,100% - 24px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.mini-guide::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#152e39a8}.mini-guide header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.mini-guide h2{font:500 28px var(--font-fredoka),sans-serif;margin:0}.mini-guide button,.mini-guide input,.mini-guide select{min-height:44px}.mini-guide header button{color:inherit;background:0 0;border:1px solid #294d4044;border-radius:22px;padding:8px 15px}.mini-guide p{font-size:13px;line-height:1.7}.mini-guide label{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.mini-guide input[type=range]{accent-color:#426f53;flex:1;min-width:140px}.mini-guide a{color:inherit}.mini-guide details{margin-top:18px}.mini-guide summary{cursor:pointer;align-items:center;min-height:44px;font-weight:900;display:flex}.mini-graphics-error{text-align:center;background:#294d40dd;border-radius:16px;place-content:center;padding:25px;line-height:1.7;display:grid;position:absolute;inset:35% 10%}.immersive-game .game-touch-controls{display:block}.immersive-game .game-touch-button,.immersive-game .game-touch-center{background:#294d40c9}.immersive-game .game-touch-actions span{text-align:center;max-width:86px;font-size:10px}.immersive-game .game-touch-actions{bottom:max(36px,calc(env(safe-area-inset-bottom) + 24px))}.immersive-game .game-touch-dpad{bottom:max(32px,calc(env(safe-area-inset-bottom) + 20px))}@media (max-width:600px){.mini-header{left:12px;right:12px;top:max(10px,env(safe-area-inset-top))}.mini-header h1{font-size:20px}.mini-pill{padding:9px 14px;font-size:10px}.mini-vitals{top:max(80px,calc(env(safe-area-inset-top) + 65px));left:17px;right:17px}.mini-center-card{padding:20px}.mini-guide{padding:18px}.mini-hint{bottom:max(8px,env(safe-area-inset-bottom));font-size:8px}}@media (max-height:500px){.mini-header{top:max(8px,env(safe-area-inset-top))}.mini-vitals{top:65px}.mini-vitals strong{font-size:19px}.mini-center-card{max-height:calc(100dvh - 100px);padding:16px}.mini-center-card h2{font-size:25px}.mini-center-card p{margin:8px 0}.immersive-game .game-touch-dpad{bottom:max(18px,env(safe-area-inset-bottom));grid-template:repeat(3,44px)/repeat(3,44px)}.immersive-game .game-touch-button{min-width:44px;min-height:44px}.immersive-game .game-touch-actions{height:116px;bottom:max(14px,env(safe-area-inset-bottom))}.immersive-game .game-touch-action{width:50px;height:50px}.mini-hint{max-width:55%;bottom:6px}}.immersive-game .game-touch-a .game-touch-action{color:#27314f;background:#f4c531}.immersive-game .game-touch-b .game-touch-action{color:#fff8e5;background:#c97755}.immersive-game .game-touch-button{touch-action:none}
