/* WOW layer */
#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;font-family:"Anuphan",sans-serif;color:#fff;overflow:hidden}
#boot::before,#boot::after{content:"";position:absolute;left:0;right:0;height:50.5%;background:#070203;z-index:0;transition:transform .8s cubic-bezier(.77,0,.18,1)}
#boot::before{top:0}#boot::after{bottom:0}
#boot.out::before{transform:translateY(-101%)}#boot.out::after{transform:translateY(101%)}
#boot.out .bt{opacity:0;transform:scale(1.25);filter:blur(6px)}
#boot.gone{display:none}
.bt{position:relative;z-index:1;text-align:center;transition:.45s;width:min(520px,86vw)}
.bt img{width:84px;height:84px;border-radius:20px;box-shadow:0 0 60px rgba(255,42,42,.7);animation:pulse 1s infinite alternate}
.bn{font-size:clamp(56px,14vw,110px);font-weight:700;line-height:1;letter-spacing:-.02em;margin:18px 0 4px;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(255,42,42,.8)}
.bn small{font-size:.22em;color:var(--red2);letter-spacing:.3em;margin-left:8px}
.bb{height:6px;border-radius:9px;background:#2a1012;overflow:hidden}
.bb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b10f16,#ff2a2a,#fff);box-shadow:0 0 20px #ff2a2a}
.bl{margin-top:16px;min-height:3.6em;font:600 13px/1.8 ui-monospace,Menlo,monospace;color:#ff8a7a;letter-spacing:.12em;text-align:left}
.bl div{opacity:0;animation:up .3s forwards}
.bs{position:absolute;right:22px;bottom:18px;z-index:2;font-size:12px;color:#b9a7a8;opacity:.7}
#boot.hit .bt{animation:wshake .25s 2}
@keyframes wshake{25%{transform:translate(-6px,3px)}75%{transform:translate(6px,-3px)}}
#wowc{position:fixed;inset:0;width:100%;height:100%;z-index:60;pointer-events:none}
#tach{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:128px;height:128px;z-index:25;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));transition:filter .3s}
#tach.red{filter:drop-shadow(0 0 18px rgba(255,42,42,.9))}
#tach .nd{transform-origin:60px 60px;transition:transform .12s linear}
#tach text{font:700 15px "Anuphan",sans-serif;fill:#fff;font-variant-numeric:tabular-nums}
#tach .u{font-size:7px;fill:#ff6a5a;letter-spacing:.2em}
body.shake{animation:wshake .18s 5}
.card{background-image:radial-gradient(240px circle at var(--mx,-999px) var(--my,-999px),rgba(255,70,55,.2),transparent 65%)}
.hot .ch{display:inline-block}
.btn.red{position:relative;overflow:hidden}
@media(max-width:700px){#tach{display:none}}
@media(prefers-reduced-motion:reduce){#boot,#wowc{display:none}body.shake,#boot.hit .bt{animation:none}}