:root{color-scheme:dark;font-family:system-ui,"Myanmar Text","Noto Sans Myanmar",sans-serif;background:#120602;color:#fff9ec}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden}
body{min-height:100dvh;background:radial-gradient(ellipse at center,#4e1508 0,#1a0804 44%,#0c0504 100%)}
button,a{-webkit-tap-highlight-color:transparent}
.page-shell{min-height:100dvh;display:grid;place-items:center;padding:16px}
.landing{position:relative;isolation:isolate;width:min(100%,440px);height:min(900px,calc(100dvh - 32px));min-height:560px;overflow:hidden;border-radius:26px;background:#170704;border:1px solid #8b3818;box-shadow:0 0 0 5px #100504,0 20px 60px #000c,0 0 80px #a42c0b4d}
.backdrop{position:absolute;inset:-35px;z-index:-3;background:url("assets/poster.jpg") center/cover;filter:blur(22px) saturate(1.15);opacity:.45;transform:scale(1.1)}
.heat-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1c0807dd 0%,#1c080733 12%,transparent 31%,transparent 56%,#1706036e 70%,#120402 100%);pointer-events:none}
.visual-viewport{position:absolute;inset:0 0 90px;display:grid;place-items:center;overflow:hidden}
.visual-viewport video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.06) contrast(1.04)}
.topbar{position:absolute;z-index:3;left:0;right:0;top:0;display:flex;align-items:center;justify-content:flex-end;padding:calc(env(safe-area-inset-top) + 16px) 18px 10px}
.sound-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffca775c;border-radius:50%;background:#220a06c9;backdrop-filter:blur(7px);color:#ffe8bb;cursor:pointer;box-shadow:0 2px 12px #0007}
.sound-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sound-button[aria-pressed="false"] .sound-wave{opacity:.4}
.sound-button[aria-pressed="true"]{border-color:#ffbb56;background:#6f2609e8;box-shadow:0 0 15px #ff5d174d}
.bottom-content{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;justify-items:center;padding:20px 20px calc(env(safe-area-inset-bottom) + 22px);background:linear-gradient(180deg,transparent,#120402dc 48%,#120402);text-align:center}
.download-button{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;width:100%;max-width:380px;min-height:68px;padding:9px 17px;border:1px solid #fff0a7;border-radius:18px;background:linear-gradient(180deg,#fff0ab 0%,#ffb533 20%,#ff6d10 61%,#c72b06 100%);box-shadow:inset 0 2px 2px #fff9c7bb,inset 0 -3px 5px #7b1505a9,0 5px 0 #6b1605,0 13px 25px #000b,0 0 22px #f43d0a9e;color:#320900;text-decoration:none;text-align:left;animation:buttonBreath 2.2s ease-in-out infinite;transform-origin:center bottom;cursor:pointer}
.download-button::before{content:"";position:absolute;z-index:-1;inset:-6px;border-radius:22px;border:2px solid #ff8f2b70;box-shadow:0 0 19px #ff6e15,0 0 32px #d8230c80;animation:rimGlow 2.2s ease-in-out infinite;pointer-events:none}
.download-button::after{content:"";position:absolute;inset:2px;border-radius:15px;background:linear-gradient(115deg,transparent 25%,#fff6bd4d 43%,transparent 57%);transform:translateX(-100%);animation:shine 4.4s ease-in-out infinite;pointer-events:none}
.download-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:13px;background:#6c1e08ca;border:1px solid #ffd072b0;color:#fff3c7;box-shadow:inset 0 1px 4px #ffab4e80,0 2px 6px #65200b8c}
.download-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.download-text{display:grid;gap:2px;flex:1;min-width:0;font-size:18px;font-weight:900;line-height:1.22;text-shadow:0 1px 0 #ffdb7b7a}
.download-chevron{font-size:31px;line-height:1;color:#571202;font-weight:800}
.button-spark{position:absolute;z-index:4;width:4px;height:4px;border-radius:50%;background:#fff5b1;box-shadow:0 0 6px 2px #ff9e1f;opacity:0;pointer-events:none;animation:sparkRise 2.8s linear infinite}
.spark-one{left:13%;top:14%;animation-delay:.1s}
.spark-two{left:74%;top:12%;animation-delay:1.1s}
.spark-three{left:92%;top:34%;animation-delay:2s}
.download-button:hover{filter:brightness(1.07)}
.download-button:active{transform:translateY(3px) scale(.99);box-shadow:inset 0 2px 5px #6b170766,0 2px 0 #6b1605,0 6px 16px #0009}
.download-button:focus-visible,.sound-button:focus-visible{outline:3px solid #fff0ac;outline-offset:4px}
.choice-backdrop{position:absolute;inset:0;z-index:5;background:#100400b8;backdrop-filter:blur(3px)}
.choice-backdrop[hidden],.entry-choices[hidden]{display:none}
.entry-choices{position:absolute;z-index:6;left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom) + 20px);display:grid;gap:12px;padding:27px 18px 18px;border:1px solid #ffcb7e;border-radius:20px;background:linear-gradient(160deg,#4b1509,#1b0805 75%);box-shadow:0 15px 45px #000c,0 0 35px #c43a1399;text-align:center}
.entry-choices h1{margin:0 0 4px;color:#ffe0a1;font-size:22px}
.choice-close{position:absolute;top:6px;right:10px;border:0;background:none;color:#fff4d6;font-size:30px;cursor:pointer}
.choice-link{display:grid;place-items:center;min-height:56px;padding:10px 12px;border-radius:13px;font-weight:800;text-decoration:none}
.choice-web{border:1px solid #ffe6a1;background:linear-gradient(180deg,#ffeaa7,#eda73e);color:#371500}
.choice-apk{border:1px solid #e96b2f;background:linear-gradient(180deg,#9c330e,#662009);color:#fff1d7}
.choice-link:focus-visible,.choice-close:focus-visible{outline:3px solid #fff0ac;outline-offset:3px}
@keyframes buttonBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.028)}}
@keyframes rimGlow{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes sparkRise{0%{opacity:0;transform:translate(0,4px) scale(.5)}15%{opacity:.9}65%{opacity:.5}100%{opacity:0;transform:translate(9px,-35px) scale(.15)}}
@keyframes shine{0%,58%,100%{transform:translateX(-100%)}73%{transform:translateX(100%)}}
@media(max-width:520px){.page-shell{display:block;padding:0}.landing{width:100%;height:100dvh;min-height:500px;max-height:none;border:0;border-radius:0;box-shadow:none}.topbar{padding-left:17px;padding-right:17px}.bottom-content{padding-left:18px;padding-right:18px}}
@media(max-height:700px){.visual-viewport{inset:0 0 80px}.bottom-content{padding-top:14px;padding-bottom:calc(env(safe-area-inset-bottom) + 18px)}}
@media(prefers-reduced-motion:reduce){.download-button,.download-button::before,.download-button::after,.button-spark{animation:none}.download-button:hover{filter:none}}