html{-webkit-text-size-adjust:100%}body,html{height:100%;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}@media (max-width:640px){body,html{min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}:root{--game-secs:20s;--header-h:clamp(90px,16vh,160px);--header-real-h:var(--header-h);--header-gap:clamp(4px,1.5vh,16px);--bg-pos-x:50%;--bg-pos-y:50%}.hidden{display:none!important}#overlay{z-index:30}#loading-popup{z-index:9999}.wrapper{border-radius:0;box-shadow:none;display:grid;grid-template-rows:auto 1fr;height:clamp(480px,70vh,820px);overflow:hidden;position:relative}.wrapper.full-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;width:100dvw}.hud{grid-row:1;margin-inline:auto;pointer-events:none;position:relative;z-index:1}.hud *{pointer-events:auto}#arena{grid-row:2;height:auto;inset:auto;min-height:0}#arena,.hud .timer{overflow:hidden;position:relative;width:100%}.hud .timer{--c-bg:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1);background:var(--c-bg);border-radius:9999px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.2),inset 0 -6px 14px rgba(0,0,0,.35),0 10px 24px rgba(0,0,0,.22);height:20px}.hud .timer>span{animation:timer 20s linear both,barcolor 20s linear both;animation:timer var(--game-secs,20s) linear both,barcolor var(--game-secs,20s) linear both;background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#34d399,#10b981);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);filter:drop-shadow(0 0 8px rgba(16,185,129,.45));height:100%;position:relative;transform-origin:left center}.hud .timer>span:before{animation:stripes 1s linear infinite;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.28) 0 7px,hsla(0,0%,100%,0) 7px 14px);content:"";inset:0;mix-blend-mode:overlay;position:absolute}.hud .timer>span:after{background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(34,197,94,.9),0 0 18px rgba(34,197,94,.55);content:"";height:12px;position:absolute;right:0;top:50%;translate:50% -50%;width:12px}.hud .timer>em{color:#fff;display:grid;font:800 12px/1 ui-sans-serif;font-feature-settings:"tnum" 1;inset:0;letter-spacing:.2px;place-items:center;pointer-events:none;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stripes{to{background-position:44px 0}}@keyframes barcolor{0%,70%{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#34d399,#10b981)}90%{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#f59e0b,#fbbf24)}to{background:linear-gradient(180deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.02)),linear-gradient(90deg,#ef4444,#dc2626)}}.hud .timer.warn>span{filter:drop-shadow(0 0 10px rgba(239,68,68,.55))}.pachinko-stage{align-items:center;display:flex;height:auto;justify-content:center;max-width:720px;position:relative;width:100%}.pachinko-stage canvas{background:radial-gradient(1000px 500px at 50% -80px,rgba(102,204,255,.08),transparent 60%),linear-gradient(#0b1224,#0a1020);border-radius:14px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),0 14px 40px rgba(0,0,0,.45);display:block;height:auto;max-width:720px;width:min(92vw,720px)}.slot-labels{bottom:10px;color:rgba(226,232,255,.9);display:flex;font-size:11px;font-weight:600;justify-content:space-between;left:50%;letter-spacing:.03em;padding:0 40px;pointer-events:none;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.85);transform:translateX(-50%);width:min(92vw,720px)}.slot-labels span{flex:0 0 auto;min-width:0;text-align:center}@media (max-width:480px){.slot-labels{font-size:10px;padding:0 28px}}#congrats-animation{transform:scale(1.4)}#header-section{display:grid;height:auto;margin-bottom:0!important;margin-top:0!important;min-height:clamp(90px,16vh,160px);min-height:var(--header-h);place-items:center}.game-stage{display:grid;grid-template-rows:auto 1fr;margin-top:0!important;overflow:visible;padding-top:clamp(4px,1.5vh,16px);padding-top:var(--header-gap);position:relative}@media (max-width:640px){.game-stage{min-height:0;overflow:hidden;overscroll-behavior:contain}}.game-stage .wrapper{grid-row:2;height:auto!important;min-height:0;overflow:hidden;position:relative}.game-stage #arena{align-items:center;box-sizing:border-box;display:flex;height:auto;inset:auto;justify-content:center;min-height:0;overflow:visible;padding:12px;position:relative;width:100%;z-index:0}.game-stage .hud{grid-row:1;margin-inline:auto;pointer-events:none;position:relative;z-index:1}.game-stage .hud *{pointer-events:auto}.game-stage .hud>div>.grid{display:grid;grid-template-columns:minmax(120px,auto) 1fr;grid-gap:.5rem;align-items:stretch;gap:.5rem}.game-stage .hud>div>.grid>:first-child{align-items:center;display:flex;gap:.5rem;min-width:0;white-space:nowrap}.game-stage .hud>div>.grid>:nth-child(2){min-width:0}@media (min-width:768px){.game-stage .hud>div>.grid{gap:.75rem}}@media (max-width:340px){.game-stage .hud>div>.grid{grid-template-columns:1fr}}.game-stage .hud>div>.grid{-moz-column-gap:.5rem;column-gap:.5rem;grid-template-columns:max-content 1fr}.game-stage .hud>div>.grid>:first-child{gap:.375rem;padding-inline:.5rem}.game-stage .hud .timer{width:100%}@media (max-width:480px){.game-stage .hud>div>.grid{-moz-column-gap:.5rem;column-gap:.5rem;grid-template-columns:max-content minmax(200px,1fr)}}@media (min-width:768px){.game-stage .hud>div>.grid{-moz-column-gap:.75rem;column-gap:.75rem;grid-template-columns:max-content minmax(360px,1fr)}}@media (max-width:480px){:root{--header-h:110px;--header-gap:6px}#header-section{padding:10px 12px}.game-stage{height:calc(100dvh - clamp(90px, 16vh, 160px) - clamp(4px, 1.5vh, 16px));height:calc(100dvh - var(--header-real-h) - var(--header-gap));min-height:0}.game-stage .wrapper{height:100%;min-height:0}.game-stage .hud>div{transform:scale(.85);transform-origin:top center}.game-stage .hud>div>.grid{-moz-column-gap:.35rem;column-gap:.35rem}.hud{padding-inline:0}.hud .timer{height:18px;width:100%}.game-stage #arena{padding:6px}}@media (max-width:640px){.pachinko-stage{align-items:center;justify-content:center;padding:6px}.pachinko-stage canvas{height:auto;max-height:calc(100dvh - clamp(90px, 16vh, 160px) - clamp(4px, 1.5vh, 16px) - 140px);max-height:calc(100dvh - var(--header-real-h) - var(--header-gap) - 140px);max-width:360px;width:min(96vw,360px)}}#bg-video{-o-object-position:50% 50%;object-position:50% 50%;-o-object-position:var(--bg-pos-x) var(--bg-pos-y);object-position:var(--bg-pos-x) var(--bg-pos-y)}@media (max-width:640px){:root{--bg-pos-x:30%;--bg-pos-y:45%}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-54%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.popup-box{scrollbar-color:rgba(0,0,0,.25) transparent;scrollbar-width:thin}.popup-box::-webkit-scrollbar{width:8px}.popup-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:999px}.popup-box:not(.hidden){animation:popIn .18s ease-out;will-change:transform,opacity}@supports (padding:max(0px)){.popup-box{padding-bottom:max(1rem,calc(1rem + env(safe-area-inset-bottom)))}}@media (max-width:640px){.popup-box{backdrop-filter:blur(16px);background:hsla(0,0%,100%,.85);border-radius:1rem;box-shadow:0 18px 40px rgba(0,0,0,.25);max-width:20rem;padding:.9rem 1rem;width:92vw}.popup-box h2,.popup-box h3{font-size:1.125rem;line-height:1.25;margin-bottom:.5rem}.popup-box p{font-size:.82rem;margin-bottom:.9rem}.popup-box input{font-size:16px;line-height:1.2;padding:.65rem .85rem}.popup-box button{border-radius:.75rem;font-size:.95rem;padding:.8rem 1rem}.confetti-wrapper{height:3.75rem}button,input,select,textarea{font-size:16px}}.popup-box input,.popup-box select,.popup-box textarea{color:#0f172a}.popup-box input::-moz-placeholder,.popup-box textarea::-moz-placeholder{color:rgba(100,116,139,.85)}.popup-box input::placeholder,.popup-box textarea::placeholder{color:rgba(100,116,139,.85)}