.lottery-app{--vertical-card-size:clamp(250px, 26vw, 370px);--vertical-card-gap:clamp(74px, 9vh, 118px);isolation:isolate;background:linear-gradient(#010818b3 0%,#03143052 46%,#010919d4 100%),linear-gradient(105deg,#010b1fb8,#08427733),url(/aopa-lottery-bg.png) 50% 56%/cover no-repeat;min-height:100dvh;position:relative;overflow:clip}.lottery-app:before,.lottery-app:after{z-index:-1;content:"";pointer-events:none;position:absolute}.lottery-app:before{background:radial-gradient(circle at 50% 44%,#0000 0 20%,#000e292e 55%,#010716b3 100%),linear-gradient(90deg,#0007185c,#0000 26% 74%,#0007185c);inset:0}.lottery-app:after{border:1px solid #73d3ff38;border-radius:22px;inset:14px;box-shadow:inset 0 0 70px #0d73c021}.background-grid{z-index:-1;opacity:.13;pointer-events:none;background-image:linear-gradient(#78d6ff33 1px,#0000 1px),linear-gradient(90deg,#78d6ff33 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 5%,#000 38% 76%,#0000 100%);mask-image:linear-gradient(#0000 5%,#000 38% 76%,#0000 100%)}.ambient-glow{z-index:-1;aspect-ratio:1;opacity:.16;filter:blur(70px);pointer-events:none;background:var(--electric);border-radius:50%;width:38vw;position:absolute}.glow-left{top:8vh;left:-22vw}.glow-right{bottom:-18vh;right:-24vw}.screen{min-height:100dvh;padding:clamp(24px,3vw,58px) clamp(28px,4.5vw,92px);position:relative}.top-bar{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:clamp(28px,3vw,54px);left:clamp(34px,4.7vw,92px);right:clamp(34px,4.7vw,92px)}.aopa-mark{color:#f0faffe6;letter-spacing:.12em;align-items:center;gap:15px;display:flex}.aopa-mark__brand{letter-spacing:.04em;font-size:clamp(22px,2vw,34px);font-weight:900}.aopa-mark__line{background:linear-gradient(#0000,#6fd8ffcc,#0000);width:1px;height:30px}.aopa-mark__caption{font-size:clamp(10px,.85vw,14px)}.fullscreen-button{color:#f3fbffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#03153675;border:1px solid #97e1ff66;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:112px;height:46px;padding:0 18px;transition:all .18s;display:inline-flex}.fullscreen-button:hover{background:#1868a361;border-color:#97e1ffe0;transform:translateY(-2px)}.cover-screen{text-align:center;justify-content:center;align-items:flex-start;display:flex}.cover-hero{flex-direction:column;align-items:center;width:min(92vw,1380px);margin-top:clamp(105px,14vh,152px);animation:.9s cubic-bezier(.2,.8,.2,1) both copy-enter;display:flex}.cover-copy{width:100%}.eyebrow{color:var(--electric-soft);letter-spacing:.33em;justify-content:center;align-items:center;gap:14px;margin:0;font-size:clamp(11px,.9vw,15px);font-weight:700;display:flex}.eyebrow span{background:linear-gradient(90deg, transparent, var(--electric));width:clamp(32px,3.2vw,64px);height:1px}.eyebrow span:last-child{transform:rotate(180deg)}.cover-copy h1{color:#fff;letter-spacing:.055em;text-shadow:0 3px 24px #000e30e6,0 0 36px #2cb5ff47;margin:28px 0 0;font-size:clamp(40px,4.6vw,79px);font-weight:800;line-height:1.18}.cover-subtitle{color:#e7f7fff0;letter-spacing:.34em;text-indent:.34em;text-shadow:0 2px 16px #00112ee6;margin:22px 0 24px;font-size:clamp(21px,2.1vw,36px);font-weight:500}.cover-divider{justify-content:center;align-items:center;gap:8px;margin:0 auto;display:flex}.cover-divider i{background:linear-gradient(90deg,#0000,#77dcffe6);width:54px;height:1px}.cover-divider i:last-child{transform:rotate(180deg)}.cover-divider b{border:1px solid var(--electric);width:7px;height:7px;box-shadow:0 0 12px var(--electric);transform:rotate(45deg)}.cover-actions{margin-top:42px}.primary-button{cursor:pointer;color:#05223e;letter-spacing:.12em;background:linear-gradient(120deg,#d7f5ff,#69d7ff 48%,#39b9f4);border:1px solid #b9eeffb8;border-radius:999px;justify-content:center;align-items:center;gap:24px;min-width:clamp(220px,18vw,320px);height:clamp(68px,5.4vw,88px);padding:0 clamp(26px,3vw,50px);font-size:clamp(20px,1.55vw,28px);font-weight:800;transition:all .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 50px #004a845c,0 0 32px #50ccff59}.primary-button:before{content:"";background:linear-gradient(105deg,#0000 20%,#fff9 45%,#0000 68%);transition:transform .5s;position:absolute;inset:0;transform:translate(-110%)}.primary-button:hover{transform:translateY(-4px)scale(1.015);box-shadow:0 20px 60px #0057967a,0 0 48px #5bd6ff80}.primary-button:hover:before{transform:translate(110%)}.primary-button span,.primary-button i{z-index:1;position:relative}.primary-button i{font-size:1.2em;font-style:normal;transition:transform .18s}.primary-button:hover i{transform:translate(5px)}.keyboard-hint{color:#dbf1fcd1;letter-spacing:.08em;margin:16px 0 0;font-size:clamp(12px,.9vw,16px)}.keyboard-hint kbd{color:#e4f7ffe0;background:#041c408f;border:1px solid #95dfff59;border-radius:5px;margin:0 4px;padding:3px 8px;font-family:inherit;font-size:.85em}.cover-system-label{color:#c3e8f86b;letter-spacing:.26em;writing-mode:vertical-rl;margin:0;font-size:10px;position:absolute;bottom:clamp(28px,3vw,54px);right:clamp(34px,4.7vw,92px)}.lottery-screen{grid-template-rows:auto minmax(0,1fr) auto;align-items:center;display:grid}.stage-header{justify-content:center;align-items:center;width:min(100%,1540px);margin:0 auto;display:flex}.stage-heading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,.7vh,10px);display:flex}.stage-heading h1{color:#fff;letter-spacing:.1em;text-shadow:0 0 28px #2dbeff59;margin:0;font-size:clamp(42px,4.2vw,76px);line-height:1.05}.stage-eyebrow{letter-spacing:.24em;justify-content:center;width:100%;font-size:clamp(10px,.75vw,13px)}.reels-shell{place-items:center;width:100%;min-height:0;display:grid}.vertical-reel{filter:drop-shadow(0 28px 42px #000a2075);place-items:center;width:min(86vw,820px);min-height:0;display:grid;position:relative}.vertical-reel-window{isolation:isolate;width:min(82vw,720px);height:clamp(390px,58vh,640px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0003 8%,#000 24% 76%,#0003 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0003 8%,#000 24% 76%,#0003 92%,#0000 100%)}.vertical-name-track{justify-items:center;gap:var(--vertical-card-gap);will-change:transform;width:100%;display:grid;position:absolute;inset:0 auto auto 0}.vertical-name-card{width:var(--vertical-card-size);height:var(--vertical-card-size);color:#f6fcff;letter-spacing:.08em;text-shadow:0 0 22px #58d2ff80;background:radial-gradient(circle at 42% 32%,#47b3ec47,#0000 38%),linear-gradient(160deg,#09335eeb,#021231f5);border:2px solid #61d1ffc7;border-radius:50%;flex:none;place-items:center;font-size:clamp(42px,5vw,76px);font-weight:850;animation:linear both vertical-card-focus;animation-timeline:view();animation-range:entry exit;display:grid;box-shadow:inset 0 0 0 8px #47bff00d,inset 0 0 58px #2eb6ef45,0 0 0 1px #cef4ff1f,0 0 44px #24b5f44d}.vertical-reel-focus{z-index:3;width:calc(var(--vertical-card-size) + 34px);height:calc(var(--vertical-card-size) + 34px);pointer-events:none;border:1px solid #7fdeff38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #2eb6ef09,0 0 58px #2eb6ef26}.vertical-reel-window[data-stopping=true] .vertical-reel-focus{border-color:#ffdb73b3;animation:.6s ease-in-out infinite alternate reel-lock;box-shadow:0 0 0 12px #ffd65b0d,0 0 70px #ffcd4847}@keyframes vertical-card-focus{0%,to{opacity:.18;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@supports not (animation-timeline:view()){.vertical-name-card{opacity:.9;transform:scale(.96)}}.stage-controls{place-items:center;margin-top:clamp(8px,1.2vh,18px);display:grid}.stop-button{aspect-ratio:1;color:#0b2540;background:radial-gradient(circle at 38% 30%, #fff8d5, var(--gold) 54%, var(--gold-deep));cursor:pointer;letter-spacing:.1em;border:1px solid #ffedbacc;border-radius:50%;align-content:center;place-items:center;gap:8px;width:clamp(116px,9vw,152px);padding:0;font-size:clamp(20px,1.45vw,27px);font-weight:900;transition:all .18s;display:grid;box-shadow:0 0 0 10px #ffd76914,0 0 0 18px #ffd76909,0 14px 46px #0008196b,0 0 38px #ffc94757}.stop-button:hover:not(:disabled){transform:scale(1.055);box-shadow:0 0 0 12px #ffd7691c,0 0 0 22px #ffd7690b,0 16px 50px #00081973,0 0 56px #ffc94785}.stop-button:disabled{cursor:wait;filter:saturate(.7)}.stop-button__core{opacity:.72;background:currentColor;border-radius:3px;width:12px;height:12px}.stage-hint{margin-top:10px}.winner-screen{text-align:center;align-content:center;place-items:center;display:grid}.winner-kicker{color:var(--gold);justify-content:center;align-items:center;gap:14px;display:flex}.winner-kicker span{background:linear-gradient(90deg, transparent, var(--gold));width:44px;height:1px}.winner-kicker span:last-child{transform:rotate(180deg)}.winner-kicker p{letter-spacing:.32em;margin:0;font-size:clamp(10px,.75vw,13px);font-weight:800}.winner-screen h1{color:#fff8d7;letter-spacing:.14em;text-indent:.14em;text-shadow:0 0 34px #ffcb4540;margin:10px 0 0;font-size:clamp(42px,4.6vw,80px)}.winner-stage{aspect-ratio:1;place-items:center;width:clamp(245px,25vw,410px);margin:clamp(16px,2.4vh,30px) 0 clamp(18px,2.4vh,30px);display:grid;position:relative}.winner-orbit{border:1px solid #ffd76a47;border-radius:50%;position:absolute;inset:5%}.orbit-one{animation:14s linear infinite orbit-spin}.orbit-one:before,.orbit-two:before{content:"";background:var(--gold);width:10px;height:10px;box-shadow:0 0 15px var(--gold);border-radius:50%;position:absolute;top:50%;left:-5px}.orbit-two{opacity:.6;border-style:dashed;animation:22s linear infinite reverse orbit-spin;inset:-3%}.winner-orb{z-index:2;aspect-ratio:1;color:#08213e;background:radial-gradient(circle at 34% 27%, #fffffff2, transparent 16%), radial-gradient(circle at 45% 40%, #fff5bd 0, var(--gold) 48%, var(--gold-deep) 100%);border:2px solid #fff2b3;border-radius:50%;align-content:center;place-items:center;gap:8px;width:75%;animation:.72s cubic-bezier(.17,.84,.3,1.18) both winner-pop;display:grid;position:relative;box-shadow:0 0 0 12px #ffd86b17,0 0 0 28px #ffd86b09,inset 0 -18px 30px #c5721229,0 0 80px #ffca418f}.winner-crown{filter:drop-shadow(0 2px 3px #69380029);font-size:clamp(18px,1.6vw,26px)}.winner-orb strong{letter-spacing:.06em;font-size:clamp(48px,5vw,86px);line-height:1}.winner-orb small{letter-spacing:.22em;opacity:.58;font-size:clamp(8px,.65vw,11px);font-weight:800}.next-button{min-width:clamp(210px,16vw,280px);height:clamp(58px,4.6vw,74px);font-size:clamp(17px,1.2vw,22px)}.winner-hint{margin-top:10px}.particle-field{z-index:0;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.celebration-particle{background:var(--gold);opacity:0;width:8px;height:8px;animation:particle-burst 1.45s cubic-bezier(.1, .7, .3, 1) var(--delay) both;border-radius:1px;position:absolute;box-shadow:0 0 12px #ffda6ecc}.particle-1{background:var(--electric);border-radius:999px;width:5px;height:13px;box-shadow:0 0 12px #52ccffcc}.particle-2{background:#fff3c2;border-radius:50%;width:7px;height:7px}@keyframes copy-enter{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes winner-pop{0%{opacity:0;transform:scale(.6)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes particle-burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}18%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) rotate(540deg) scale(.85)}}@keyframes reel-lock{0%{border-color:#61d1ff9e}to{border-color:#ffda6bb8;box-shadow:inset 0 0 48px #ffc5461f,0 0 38px #ffc7462e}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1500px),(height<=820px){.lottery-app{--vertical-card-size:clamp(220px, 24vw, 310px);--vertical-card-gap:clamp(58px, 7vh, 82px)}.vertical-reel-window{height:clamp(360px,54vh,470px)}.screen{padding-top:24px;padding-bottom:22px}.stage-heading h1{font-size:clamp(38px,3.7vw,58px)}.stop-button{width:clamp(102px,8vw,124px)}.winner-stage{width:clamp(220px,22vw,315px);margin-block:10px 14px}.winner-screen h1{font-size:clamp(38px,4.1vw,62px)}}@media (width<=980px){.lottery-app{--vertical-card-size:clamp(190px, 43vw, 290px)}.screen{padding-inline:22px}.top-bar{left:28px;right:28px}.aopa-mark__caption,.cover-system-label{display:none}.vertical-reel{width:min(92vw,680px)}.vertical-name-card{font-size:clamp(34px,9vw,60px)}.stage-heading{gap:12px}.stage-eyebrow{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.celebration-particle,.winner-orbit{display:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--navy-950:#020818;--navy-900:#061631;--navy-800:#0b2a54;--electric:#43c8ff;--electric-soft:#bceeff;--gold:#ffd86b;--gold-deep:#f0a330;--white:#f7fbff}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{background:var(--navy-950);color:var(--white);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,system-ui,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}