@font-face{font-family:BYekan;src:url('/assets/fonts/byekan-regular-v2.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BYekan;src:url('/assets/fonts/byekan-bold-v2.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--canvas-width:min(100vw,760px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020a1d;color:#fff;font:400 18px/1.7 BYekan,Tahoma,sans-serif}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe082;outline-offset:4px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.skip{position:fixed;z-index:100;top:-100px;right:16px;padding:8px 16px;background:#fff;color:#00132d;border-radius:10px}
.skip:focus{top:12px}
.page-canvas{width:var(--canvas-width);margin-inline:auto;overflow:clip;box-shadow:0 0 40px #0008}
.page-canvas>section{position:relative;isolation:isolate;width:100%;margin:0;padding:0;line-height:0;background:#020a1d}
.full-art{display:block;width:100%;height:auto;max-width:none}
.preview-hero{aspect-ratio:1080/1920}
.preview-hero>.full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.preview-between{aspect-ratio:1080/1574;margin-top:-1px!important}
.preview-between>.full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 4%,#000 97%,transparent 100%)}
.preview-between::before,.preview-rules::before,.preview-shop::before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:calc(var(--canvas-width)*.07);background:linear-gradient(#020a1d,transparent);pointer-events:none}
.prize-filter-def{position:absolute;visibility:hidden;pointer-events:none}
.preview-between>.prize-title-motion{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;clip-path:inset(57% 16% 27% 16%);filter:url(#prize-neon-outline) drop-shadow(0 0 4px #a6efff) drop-shadow(0 0 11px #4bc5ff);transform-origin:50% 64%;animation:prize-title-breathe 5.4s ease-in-out infinite}
@keyframes prize-title-breathe{0%,100%{transform:scale(1);opacity:.55;filter:url(#prize-neon-outline) drop-shadow(0 0 2px #71cfff) drop-shadow(0 0 5px #268bd4)}48%{transform:scale(1.08);opacity:1;filter:url(#prize-neon-outline) drop-shadow(0 0 12px #fff) drop-shadow(0 0 28px #48d9ff)}52%{transform:scale(1.078);opacity:.55;filter:url(#prize-neon-outline) drop-shadow(0 0 3px #9ce7ff) drop-shadow(0 0 8px #268bd4)}57%{transform:scale(1.06);opacity:1;filter:url(#prize-neon-outline) drop-shadow(0 0 10px #fff) drop-shadow(0 0 22px #48d9ff)}}
.preview-rules{aspect-ratio:1080/1920;margin-top:-1px!important}
.preview-rules>.full-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 100%)}
.preview-rules::after{content:"";position:absolute;z-index:2;top:71%;left:38%;width:24%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#66ff81aa 0%,#12da4f66 35%,transparent 74%);filter:blur(11px);mix-blend-mode:screen;pointer-events:none;animation:exit-aura 2.2s ease-in-out infinite alternate}
@keyframes exit-aura{from{opacity:.26;transform:scale(.9)}to{opacity:.9;transform:scale(1.12)}}
.rules-art{position:absolute;z-index:3;inset:0;cursor:pointer;touch-action:manipulation}
.cart-blink{display:block;width:100%;height:100%;pointer-events:none}
.cart-blink-eyes{opacity:0;transform-box:fill-box;transform-origin:center;transform:scaleY(.35)}
.rules-entered .cart-blink-eyes{animation:cart-happy-blink 5.1s ease-in-out 1.4s infinite}
.rules-art.is-winking .cart-blink-eyes{animation:cart-trigger-blink .52s ease-in-out both!important}
@keyframes cart-happy-blink{0%,80%,88%,100%{opacity:0;transform:scaleY(.35)}82%,85%{opacity:1;transform:scaleY(1)}}
@keyframes cart-trigger-blink{0%,100%{opacity:0;transform:scaleY(.35)}28%,68%{opacity:1;transform:scaleY(1)}}
.rules-accents{position:absolute;z-index:4;inset:0;pointer-events:none}
.rules-text-reveal{position:absolute;z-index:4;inset:0;pointer-events:none}
.rules-text-reveal span{position:absolute;top:var(--y);left:22%;width:58%;height:3.9%;background:linear-gradient(90deg,transparent,#030c25 7%,#030c25 93%,transparent);opacity:0}
.rules-entered .rules-text-reveal span{animation:rule-row-reveal .48s ease-out var(--delay) both}
@keyframes rule-row-reveal{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}
.rule-glint{position:absolute;left:var(--x);top:var(--y);width:clamp(10px,3.4vw,22px);aspect-ratio:1;clip-path:polygon(50% 0%,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);background:radial-gradient(circle,#fff 0 18%,#d8faff 35%,#72c8ff 58%,transparent 76%);filter:drop-shadow(0 0 8px #8cddff);opacity:0;transform:scale(.4);animation:rule-glint 3.9s ease-in-out var(--delay) infinite}
@keyframes rule-glint{0%,65%,100%{opacity:0;transform:scale(.4) rotate(0deg)}72%,80%{opacity:1;transform:scale(1.15) rotate(35deg)}87%{opacity:.2;transform:scale(.6) rotate(70deg)}}
.rules-exit-cover{position:absolute;z-index:4;top:71.5%;left:39%;display:grid;place-items:center;width:22%;aspect-ratio:240/118;background:radial-gradient(ellipse,#04142b 46%,#04142bc9 63%,transparent 82%);pointer-events:none}
.rules-exit-cover img{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 63%,transparent 91%);animation:rules-exit-glow 2.2s ease-in-out infinite alternate}
@keyframes rules-exit-glow{from{filter:drop-shadow(0 0 3px #25ff61);transform:scale(.985)}to{filter:drop-shadow(0 0 13px #4eff73);transform:scale(1.035)}}
.rules-cta{position:absolute;z-index:5;top:82.3%;right:50%;translate:50% 0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,14px);width:77%;min-height:clamp(52px,13vw,68px);padding:8px 14px;border:2px solid #62d8ff;border-radius:clamp(19px,5vw,32px);color:#fff;background:linear-gradient(180deg,#09295a,#06152f 78%);box-shadow:inset 0 2px 0 #caf6ff55,inset 0 -4px 0 #e12b4b88,0 0 18px #27a9ff77;font-size:clamp(17px,4.4vw,26px);font-weight:700;line-height:1.3;white-space:nowrap;text-shadow:0 0 8px #a2eaff77;transition:transform .2s,box-shadow .2s;animation:rules-cta-breathe 4.5s ease-in-out infinite}
.rules-cta::after{content:"";position:absolute;z-index:1;inset:2px;width:22%;border-radius:inherit;background:linear-gradient(100deg,transparent,#ffffff2b,transparent);transform:skewX(-18deg) translateX(-130%);opacity:0;pointer-events:none;animation:rules-cta-sheen 5.5s ease-in-out infinite}
.rules-cta>span{position:relative;z-index:2}
@keyframes rules-cta-breathe{0%,100%{filter:drop-shadow(0 0 3px #18aaff)}50%{filter:drop-shadow(0 0 11px #63dbff)}}
@keyframes rules-cta-sheen{0%,64%,100%{opacity:0;transform:skewX(-18deg) translateX(-130%)}70%{opacity:.8}85%{opacity:0;transform:skewX(-18deg) translateX(500%)}}
.rules-cta:hover,.rules-cta:focus-visible{transform:translateY(-2px);box-shadow:inset 0 2px 0 #caf6ff55,inset 0 -4px 0 #e12b4b88,0 0 28px #27a9ffaa}
.rules-cta-arrow{display:grid;place-items:center;width:clamp(30px,7vw,48px);height:clamp(30px,7vw,48px);border-radius:50%;background:#e6223a;box-shadow:0 0 12px #f9254d99;font:700 24px/1 Arial,sans-serif;animation:rules-arrow-pulse 4.5s ease-in-out infinite}
@keyframes rules-arrow-pulse{0%,100%{box-shadow:0 0 8px #f9254d99}50%{box-shadow:0 0 19px #ff315d}}
.preview-shop{min-height:calc(var(--canvas-width)*2.15);margin-top:-1px!important}
.preview-shop>.full-art{position:absolute;inset:0 auto auto 0;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.shop-scene{position:absolute;z-index:3;inset:0 auto auto 0;width:100%;aspect-ratio:1080/1920;pointer-events:none}
.shop-cart-blink{display:block;width:100%;height:100%}
.shop-cart-blink-eyes{opacity:0;animation:shop-happy-blink 5.7s ease-in-out 2s infinite}
@keyframes shop-happy-blink{0%,78%,86%,100%{opacity:0}81%,83%{opacity:1}}
.shop-content{position:relative;z-index:4;padding:calc(var(--canvas-width)*1.24) clamp(12px,4vw,30px) 130px}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px 12px;max-width:670px;margin:0 auto}
.shop-product{--product-accent:#83ddff;position:relative;display:grid;grid-template-rows:clamp(145px,44vw,170px) auto;place-items:center;align-content:start;gap:12px;width:100%;height:auto;padding:10px 6px 14px;border:1px solid transparent;border-radius:18px;background:transparent;color:#fff;cursor:pointer;appearance:none;transition:transform .22s,border-color .22s,background-color .22s,filter .22s}
.shop-product::before{content:"";position:absolute;z-index:-1;inset:16% 8% 3%;border-radius:50%;background:radial-gradient(ellipse,#1e9cff38,transparent 68%);opacity:.75;transition:opacity .22s,transform .22s}
.shop-product::after{content:"";position:absolute;right:18%;bottom:6px;width:64%;height:2px;border-radius:50%;background:#4dcfff77;box-shadow:0 0 10px #39bcff}
.shop-product img{display:block;width:100%;height:clamp(145px,44vw,170px);object-fit:contain;filter:drop-shadow(0 12px 8px #0009);pointer-events:none}
.shop-product-name{display:block;min-height:3.2em;font-size:clamp(14px,3.7vw,17px);line-height:1.6;font-weight:700;text-align:center;overflow-wrap:break-word}
.shop-product:hover,.shop-product:focus-visible,.shop-product:active{transform:translateY(-7px) scale(1.045);border-color:var(--product-accent);background:#12488720;filter:brightness(1.08)}
.shop-product:hover::before,.shop-product:focus-visible::before{opacity:1;transform:scale(1.16)}
.shop-cart-icon{position:absolute;z-index:3;top:8px;left:8px;display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:9px;background:#041a3ed9;color:var(--product-accent);box-shadow:0 0 9px #41caff66;opacity:0;transform:translateY(5px) scale(.86);transition:opacity .25s,transform .35s,box-shadow .25s;pointer-events:none}
.shop-cart-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shop-cart-icon circle{fill:currentColor;stroke:none}
.shop-product:hover .shop-cart-icon,.shop-product:focus-visible .shop-cart-icon,.shop-product:active .shop-cart-icon{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 12px var(--product-accent),inset 0 0 8px #8fe9ff44}
@media(min-width:600px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-product{grid-template-rows:190px auto}.shop-product img{height:190px}.shop-product-name{font-size:16px}.preview-shop{min-height:calc(var(--canvas-width)*1.85)}}
.play-dock-anchor{position:relative;z-index:40;height:0}
.play-dock{--dock-offset:0px;position:fixed;z-index:40;inset:auto 0 0;display:flex;justify-content:center;padding:8px 20px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;transform:translateY(calc(0px - var(--dock-offset)));will-change:transform}
.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;font-weight:700}
.dock-cta{position:relative;isolation:isolate;pointer-events:auto;width:min(86vw,calc(var(--canvas-width)*.9),460px);min-height:50px;padding:clamp(8px,1.4svh,14px) 20px;border:2px solid #fc7278;border-radius:100px;color:#fff;background:linear-gradient(180deg,#ff4953,#ed1124 60%,#e92332);box-shadow:inset 0 3px 3px #ffffff77,inset 0 -4px 3px #87061966,0 5px 0 #87061966;font-size:clamp(22px,3.8svh,38px);line-height:1.2;text-shadow:0 2px 2px #70000055}
@property --cta-orbit-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.dock-cta::before{content:"";position:absolute;inset:-5px;border-radius:inherit;padding:3px;background:conic-gradient(from var(--cta-orbit-angle),transparent 0deg 230deg,#46cfff55 265deg,#8eeaff 300deg,#fff 322deg,transparent 350deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;filter:drop-shadow(0 0 5px #63d9ff);animation:cta-orbit 6.5s linear infinite}
@keyframes cta-orbit{to{--cta-orbit-angle:360deg}}
.entry-dialog{max-width:min(90vw,530px);border:1px solid #4293ff;border-radius:24px;padding:0;background:#06152f;color:#fff;box-shadow:0 0 30px #245dff80;position:relative}
.entry-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}
.entry{padding:32px;text-align:center}
.entry h2{font-size:26px;margin:0 0 8px}
.entry p{font-size:16px}
.entry .button{width:100%;margin-top:20px;padding:12px;border:1px solid #ff7b80;border-radius:99px;background:linear-gradient(180deg,#ff4953,#ed1124);color:#fff;font-size:20px}
.entry-close{position:absolute;top:8px;left:13px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}
.entry-fields{display:grid;gap:12px;margin-top:18px;text-align:right}
.entry-field input{width:100%;box-sizing:border-box;border:1px solid #4d7ec4;border-radius:14px;background:#04112ada;color:#fff;padding:12px 14px;font:inherit;text-align:right}
.entry-field input:disabled{opacity:.7}
.entry-message{min-height:1.4em;margin:0;font-size:14px;color:#9be7ff}
.entry-message.is-error{color:#ffb5a8}
.entry-resend{border:0;background:none;color:#9be7ff;font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.game-shell{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#020719}
.game-shell::backdrop{background:#020719}
.game-shell iframe{display:block;width:100%;height:100%;border:0;background:#020719}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-between>.prize-title-motion,.preview-rules::after,.cart-blink-eyes,.rule-glint,.rules-text-reveal span,.rules-exit-cover img,.rules-cta,.rules-cta::after,.rules-cta-arrow,.shop-cart-blink-eyes,.dock-cta::before{animation:none!important}.cart-blink-eyes,.shop-cart-blink-eyes,.rules-text-reveal span{opacity:0!important}.shop-product,.shop-cart-icon,.rules-cta{transition:none!important}}