html,body { margin:0; width:100%; height:100%; overflow:hidden; background:#355c30; touch-action:none; overscroll-behavior:none; }
html,body,canvas,#release-dialog,#release-settings { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
canvas { touch-action:none; outline:0; }
#release-loading { position:fixed; inset:0; z-index:999; background:#42b6ed; display:flex; flex-direction:column; align-items:center; justify-content:space-between; pointer-events:none; }
#release-loading picture,#release-loading img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
#release-loading h1 { z-index:1; margin:6vh 20px 0; color:#fff1a9; font:900 clamp(26px,5vw,70px)/1.05 system-ui; text-align:center; text-shadow:3px 4px #473127,-2px -2px #473127; }
#release-loading p { z-index:1; margin-bottom:6vh; padding:12px 30px; border-radius:22px; background:#50331dd9;color:#fff4d0;font:700 20px system-ui; }
#release-settings { position:fixed; z-index:1000; top:max(10px,env(safe-area-inset-top)); right:max(10px,env(safe-area-inset-right)); border:2px solid #684628; border-radius:14px; background:#fff5d8; color:#684628; width:44px; height:44px; font-size:25px; cursor:pointer; }
#release-dialog { position:fixed; z-index:1002; inset:0; background:#152411b8; display:grid; place-items:center; padding:16px; }
#release-dialog[hidden] { display:none; }
#release-settings[hidden] { display:none; }
#release-locked-offer { position:fixed;inset:0;z-index:1003;display:grid;place-items:center;background:#152411b8;padding:16px; }
#release-locked-offer p { line-height:1.4;text-align:center; }
#release-locked-offer button { display:block;width:100%;margin-top:12px; }
.settings-box { font:600 18px system-ui,sans-serif; color:#563f2e; background:#fff1cf; border:5px solid #765735; border-radius:24px; padding:24px; width:min(330px,calc(100vw - 90px)); box-shadow:0 10px 0 #241c2444; }
.settings-box { max-height:calc(100dvh - 90px); overflow-y:auto; }
.settings-box h2 { margin:0 0 24px; text-align:center; }
.settings-box label { display:flex; justify-content:space-between; align-items:center; margin:18px 0; gap:12px; }
.settings-box button,.settings-box select { font:inherit; border:2px solid #765735; border-radius:10px; padding:8px 12px; color:#563f2e; background:#e8d59d; cursor:pointer; }
.settings-box button.close { width:100%; margin-top:20px; background:#a3ce65; }
.settings-box button.main-menu { width:100%; margin-top:10px; min-height:44px; background:transparent; }
#release-toast { position:fixed; z-index:1010; left:50%; bottom:15%; transform:translateX(-50%); background:#382717eF; color:#fff6d6; border-radius:14px; padding:12px 20px; font:600 16px system-ui; max-width:80vw; text-align:center; pointer-events:none; }