@font-face{font-family:Walone;font-weight:100;font-style:normal;font-display:swap;src:url(/fonts/walone/Z06-Walone%20Thin.ttf)format("truetype")}@font-face{font-family:Walone;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/walone/Z06-Walone%20Regular.ttf)format("truetype")}@font-face{font-family:Walone;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/walone/Z06-Walone%20Bold.ttf)format("truetype")}@font-face{font-family:Walone Myanmar;font-weight:100;font-display:swap;unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F;src:url(/fonts/walone/Z06-Walone%20Thin.ttf)format("truetype")}@font-face{font-family:Walone Myanmar;font-weight:400;font-display:swap;unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F;src:url(/fonts/walone/Z06-Walone%20Regular.ttf)format("truetype")}@font-face{font-family:Walone Myanmar;font-weight:700;font-display:swap;unicode-range:U+1000-109F,U+A9E0-A9FF,U+AA60-AA7F;src:url(/fonts/walone/Z06-Walone%20Bold.ttf)format("truetype")}:root{--bg:#1a1410;--fg:#f3e9d8;--muted:#b8a88f;--accent:#e0a030;background:var(--bg);color:var(--fg);font-family:Walone Myanmar,system-ui,sans-serif;line-height:1.5}[lang=my]{font-family:Walone,system-ui,sans-serif;line-height:1.8}*{box-sizing:border-box}body{min-height:100dvh;padding:16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));place-items:center;margin:0;display:grid}main{width:100%;max-width:960px}h1,h2,p,ol{margin:0}button{border:2px solid var(--accent);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 20px;font-weight:700}button:hover,button:focus-visible{background:var(--accent);color:var(--bg);outline:none}.title-screen{grid-template-columns:1fr;gap:16px 32px;padding-top:52px;display:grid;position:relative}@media (width>=640px){.title-screen{grid-template-columns:1fr 1fr;align-items:center;padding-top:0}}.language-toggle{min-height:40px;padding:0 14px;position:absolute;top:0;right:0}.hero{justify-items:start;gap:12px;display:grid}h1{color:var(--accent);font-size:clamp(2.5rem,9vw,4.5rem);font-weight:700}@media (height<=440px){body{align-items:start}h1{font-size:2.25rem}.tagline{font-size:1rem}}.tagline{font-size:1.125rem}.play{background:var(--accent);min-height:56px;color:var(--bg);padding:0 40px;font-size:1.25rem}.play:hover,.play:focus-visible{filter:brightness(1.1)}.status{color:var(--muted);min-height:1.5em;font-weight:100}.howto{border:1px solid var(--muted);border-radius:12px;gap:10px;padding:16px 20px;display:grid}.howto h2{color:var(--accent);font-size:1.125rem}.howto ol{gap:6px;padding-left:1.5em;display:grid}[lang=my] .howto ol{list-style-type:myanmar}.howto-start{color:var(--muted);font-variant-numeric:tabular-nums}.rotate{z-index:10;background:var(--bg);text-align:center;place-content:center;justify-items:center;gap:24px;padding:24px;font-size:1.25rem;display:grid;position:fixed;inset:0}.rotate[hidden],.blocked-link[hidden]{display:none}.rotate-icon{border:4px solid var(--accent);border-radius:10px;width:48px;height:84px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(90deg)}}.blocked{justify-items:start;gap:16px;max-width:560px;margin:0 auto;display:grid}.blocked-message{font-size:1.125rem}.blocked-message[lang=en]{color:var(--muted)}.blocked-link{border:1px solid var(--muted);width:100%;min-height:44px;color:var(--fg);font:inherit;background:0 0;border-radius:8px;padding:0 12px}.blocked-outcome{color:var(--muted);min-height:1.5em}.blocked-outcome [lang=en]{font-weight:100;display:block}