/* baseline reset (auto-injected) */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; min-height: 100vh; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
ul, ol { list-style: none; }
button { background: none; border: none; cursor: pointer; }
a { color: inherit; text-decoration: none; }

:root{--primary:#FFCC00;--accent:#2A3378;--bg:#101638;--surface:#1B2255;--text:#FFFFFF;--muted:#C9CDE8;--space-sm:12px;--space-md:20px;--space-lg:32px;--radius:999px;--font-h1:clamp(1.75rem,1.2rem + 2.6vw,3rem);--font-body:clamp(1rem,0.95rem + 0.3vw,1.2rem)}html,body{min-height:100%;background:var(--bg);color:var(--text)}body{font-family:"Noto Sans Khmer","Khmer OS",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:var(--font-body);line-height:1.7;background:radial-gradient(ellipse at 50% 35%,var(--surface) 0%,var(--bg) 70%) fixed;overflow-x:hidden}.container{min-height:100vh;min-height:100dvh;width:100%;max-width:1100px;margin:0 auto;padding:var(--space-md);display:flex;flex-direction:column;align-items:center;justify-content:center}.first-screen,.final-screen{display:none;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center;min-width:0}.first-screen.active,.final-screen.active{display:flex}.hidden{display:none!important}.header{display:flex;flex-direction:column;gap:var(--space-sm);max-width:640px;min-width:0}.header h3{font-size:var(--font-h1);line-height: 1.6;color:var(--primary);font-weight:800;text-wrap:balance;overflow-wrap:anywhere}.header p,.text p{color:var(--muted);overflow-wrap:anywhere;text-wrap:pretty}.header .lead,.text .lead{color:var(--text);font-weight:600;font-size:clamp(1.1rem,1rem + 0.6vw,1.4rem)}.header .bold{font-weight:700;color:var(--text)}.chest-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;padding:var(--space-sm)}.chest-glow{position:absolute;top:42%;left:50%;width:min(80vw,380px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,204,0,.35) 0%,rgba(255,204,0,0) 65%);pointer-events:none;z-index:0;animation:pulse 2.8s ease-in-out infinite}.chest-img,.chest-img-final{position:relative;z-index:1;display:block;width:min(52vw,260px);max-height:34vh;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;animation:float 3s ease-in-out infinite}.chest-img-final{width:min(62vw,320px);max-height:40vh}#box{position:relative;display:flex;justify-content:center;padding:var(--space-sm)}.final-visual{display:flex;justify-content:center}.text{display:flex;flex-direction:column;gap:var(--space-sm);max-width:560px;min-width:0}.btn{position:relative;z-index:1;min-height:56px;min-width:min(100%,280px);padding:14px 40px;border:0;border-radius:var(--radius);background:var(--primary);color:#101638;font:inherit;font-weight:800;font-size:1.2rem;cursor:pointer;box-shadow:0 8px 24px rgba(255,204,0,.3);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease
  line-height: 1.5;
  white-space: normal;
}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,204,0,.45)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}.final-screen .btn{width:min(100%,320px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}@media (min-width:900px){.container{padding:var(--space-lg)}.chest-img{width:300px;max-height:36vh}.chest-img-final{width:340px;max-height:40vh}.chest-glow{width:460px}}@media (prefers-reduced-motion:reduce){.chest-img,.chest-img-final,.chest-glow{animation:none}.btn{transition:none
  line-height: 1.5;
  white-space: normal;
}}

html,
body {
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}