:root{color-scheme:dark;--yellow:#f0ff3d;--muted:#a8b3ef;--blue:#0c1b94}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:28px 20px 80px;background:radial-gradient(ellipse at 50% 10%,#1129b7 0,#0b1ca4 50%,#091889 100%);color:#fff;font-family:Arial,Helvetica,sans-serif}.panel{max-width:884px;margin:auto;padding:32px 78px 40px;background:#0c1988;border:2px solid #3c4775;border-radius:100px 100px 64px 64px;box-shadow:0 38px 55px -15px #02093f99;text-align:center}.game-icon{width:160px;height:160px;border-radius:38px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 20%,#7828b7,transparent 55%),linear-gradient(140deg,#060451,#243cef);box-shadow:inset 0 0 0 1px #727aff44,0 12px 25px #0002;overflow:hidden}.game-icon span{font-size:140px;line-height:100px;font-style:italic;font-weight:900;color:var(--yellow);transform:translateX(-5px)}.game-icon small{font-size:15px;letter-spacing:3px;color:var(--yellow);font-weight:900;margin-top:10px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);margin:14px 0 24px}.steps{list-style:none;display:flex;justify-content:center;gap:80px;padding:0;margin:0 auto 54px}.steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;font-weight:800;font-size:20px;color:#6d7bce}.steps li:not(:last-child):after{position:absolute;content:"";height:4px;width:48px;background:#3b4aaf;left:calc(50% + 44px);top:29px;border-radius:3px}.steps b{width:56px;height:56px;display:grid;place-items:center;border:2px solid #3040a5;background:#1d2b93;border-radius:50%;font-size:28px}.steps .active{color:var(--yellow)}.steps .active b{background:var(--yellow);color:#0b1889;border-color:var(--yellow);box-shadow:0 0 32px #efff3d33}h1{font-size:44px;letter-spacing:-1.2px;line-height:1.12;margin:0 0 16px}.subtitle{font-size:25px;line-height:1.4;color:#b4c0fa;margin:0 0 42px}input{width:100%;height:104px;background:#071052;border:4px solid #8e9944;border-radius:60px;text-align:center;color:#fff;font:inherit;font-size:30px;padding:15px 25px}input::placeholder{color:#818fce}.hint{font-size:14px;color:var(--muted);margin:16px 0 32px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:6px}.primary{width:100%;min-height:106px;border:0;border-radius:60px;background:var(--yellow);color:#071181;font-size:32px;font-weight:800;box-shadow:0 12px 0 #a1aa33,0 23px 35px #e6f5431f;padding:22px 16px;margin:8px 0 18px;transition:transform .15s,background .15s}.primary:hover{background:#f7ff7b;transform:translateY(-2px)}.primary:active{transform:translateY(5px);box-shadow:0 7px 0 #a1aa33}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.ball{font-size:104px;margin:8px auto 40px;filter:drop-shadow(0 16px 15px #0003)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:40px}.choices button{background:#091260;border:4px solid #43539f;border-radius:40px;min-height:112px;color:white;font-size:24px;font-weight:700;padding:16px}.choices button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);background:#17247e}.back{display:block;margin:24px auto 0;border:0;background:none;color:#bec8f7;padding:12px;text-decoration:underline}.summary{border:4px solid var(--yellow);border-radius:58px;background:#070f58;padding:30px;margin:44px 0 28px;color:var(--yellow);font-size:26px;text-align:left}.summary>div{display:flex;gap:20px;justify-content:space-between;padding:24px 0}.summary>div+div{border-top:1px solid #ffffff12}.summary span{color:#b1bf42}.summary strong{text-align:right;overflow-wrap:anywhere;min-width:0}.disclosure{text-align:left;padding:20px 24px;background:#ffffff08;border:1px solid #ffffff22;border-radius:22px;margin-bottom:28px;color:#c6cffb;font-size:16px;line-height:1.55}.disclosure strong{color:white}.disclosure p{margin:10px 0 0}footer{font-size:13px;line-height:1.7;color:#96a4e1;margin-top:36px}footer span{display:block;margin-top:12px;font-size:12px}.offer-note{font-size:16px;line-height:1.6;color:#c5cdf4}#offer-status{padding:24px;color:#d0d7ff}.offer{background:white;color:#11193e;border-radius:24px;padding:24px;text-align:left;margin:16px 0;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}.offer img{width:64px;height:64px;object-fit:contain;border-radius:16px}.offer h2{font-size:21px;margin:0 0 8px}.offer p{margin:0;line-height:1.5;font-size:15px;white-space:pre-line;overflow-wrap:anywhere}.offer a{grid-column:1/-1;background:#427ad5;color:white;border-radius:24px;text-align:center;font-size:19px;font-weight:800;padding:15px;text-decoration:none}.secondary{padding:14px 24px;border:2px solid var(--yellow);border-radius:30px;color:var(--yellow);background:transparent}.spinner{display:block;width:48px;height:48px;border:5px solid #ffffff20;border-bottom-color:var(--yellow);border-radius:50%;margin:0 auto 18px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:650px){body{padding:18px 12px 40px}.panel{padding:28px 22px 30px;border-radius:52px 52px 36px 36px}.game-icon{width:118px;height:118px;border-radius:30px}.game-icon span{font-size:100px;line-height:75px}.game-icon small{font-size:11px;letter-spacing:2px}.steps{gap:48px;margin-bottom:38px}.steps li{font-size:13px}.steps b{width:44px;height:44px;font-size:22px}.steps li:not(:last-child):after{width:28px;left:calc(50% + 29px);top:22px}h1{font-size:31px;letter-spacing:-.7px}.subtitle{font-size:18px;margin-bottom:30px}input{height:78px;font-size:22px;border-width:3px}.primary{min-height:78px;font-size:23px}.choices{gap:12px;margin-bottom:28px}.choices button{min-height:90px;border-radius:28px;font-size:18px;border-width:3px}.ball{font-size:80px;margin-bottom:28px}.summary{padding:16px 22px;border-radius:35px;font-size:19px;margin-top:30px}.summary>div{padding:18px 0}.disclosure{font-size:14px;padding:18px}.offer{padding:20px;grid-template-columns:48px 1fr;gap:12px}.offer img{width:48px;height:48px}.offer h2{font-size:18px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Reference artwork is displayed through cropped CSS viewports, unmodified. */
.game-icon{position:relative;background:none;box-shadow:none;margin-bottom:22px}
.game-icon img{position:absolute;width:871.25%;max-width:none;height:auto;left:-412.5%;top:-40%}
#profile .subtitle{margin-bottom:50px}
#profile .primary{margin-top:46px}
#profile .hint{margin:23px 0 0}
.coin-art{width:190px;height:130px;margin:52px auto 52px;background:url('images/reference-coins.png') -706px -474px / 1398px 1364px no-repeat}
.selection-note{margin:0 0 24px;font-size:14px}
.choices button{font-size:32px}
.summary small{font-size:15px}
.processing-spinner{width:128px;height:128px;border-width:10px;margin:64px auto}
.processing-list{list-style:none;text-align:left;padding:0;margin:0 0 30px;font-size:26px;line-height:1.4;color:#9ca8df}
.processing-list li{padding:22px 0;border-bottom:1px solid #ffffff0a}
.processing-list .complete{color:var(--yellow)}
body[data-screen=processing] nav{display:none}
body[data-screen=processing] .game-icon{margin-bottom:36px}
body[data-screen=offers]{background:white;padding:16px;color:#111}
body[data-screen=offers] .panel{max-width:832px;padding:0;border:0;border-radius:0;background:white;box-shadow:none}
body[data-screen=offers] .main-header,body[data-screen=offers] nav{display:none}
.locker-banner{position:relative;width:100%;aspect-ratio:800/450;overflow:hidden;background:#080084}
.locker-banner img{position:absolute;width:118.5%;max-width:none;height:auto;left:-2%;top:-6.222222%}
.locker-intro{background:#457bcd;color:white;padding:38px 24px}
.locker-intro h1{font-size:32px;line-height:1.25;letter-spacing:0;margin:22px 0 14px}
.locker-intro p{font-size:20px;line-height:1.45;margin:0}
.locker-intro p[lang=ar]{font-size:28px;font-weight:700}
#offer-status{color:#48556e;padding:20px 12px;font-size:14px}
.offer{display:grid;grid-template-columns:88px minmax(0,1fr) 132px;gap:28px;align-items:center;border-bottom:2px solid #f0f0f0;border-radius:0;margin:0;padding:28px 14px 28px 40px;color:#070707}
.offer-visual{width:80px;height:80px;display:grid;place-items:center;background:#eaf0ff;color:#4378c9;border-radius:50%;font-size:32px;overflow:hidden}
.offer .offer-visual img{width:80px;height:80px;object-fit:cover;border-radius:50%}
.offer h2{font-size:25px;line-height:1.25;margin-bottom:5px}
.offer p{font-size:21px;line-height:1.4}
.offer a{grid-column:auto;border-radius:22px;padding:10px 16px;font-size:28px;background:#447bd4}
body[data-screen=offers] .back{color:#3867b0}
body[data-screen=offers] footer{color:#69758a;margin:36px 20px 18px}
body[data-screen=offers] .secondary{border-color:#437bd4;color:#3263af}
@media(max-width:650px){
 .game-icon{width:120px;height:120px;border-radius:30px;margin-bottom:24px}
 #profile .subtitle{margin-bottom:32px}
 #profile .primary{margin-top:30px}
 .coin-art{margin:30px auto}
 .choices button{font-size:26px}
 .selection-note{font-size:12px}
 .processing-spinner{width:96px;height:96px;margin:42px auto}
 .processing-list{font-size:19px}
 .summary small{font-size:12px}
 body[data-screen=offers]{padding:12px}
 .locker-intro{padding:24px 18px}
 .locker-intro h1{font-size:24px;margin:16px 0 12px}
 .locker-intro p,.locker-intro p[lang=ar]{font-size:18px}
 .offer{grid-template-columns:52px minmax(0,1fr) 76px;gap:12px;padding:22px 0}
 .offer-visual,.offer .offer-visual img{width:52px;height:52px}
 .offer h2{font-size:17px}.offer p{font-size:14px}
 .offer a{padding:10px 8px;font-size:17px;border-radius:15px}
}

.completion-form{margin:36px 0 0;padding:26px;border:2px solid #dbe5f5;border-radius:24px;background:#f5f8ff;text-align:left;color:#172747}
.completion-form h2{margin:0 0 14px}.completion-form label{display:block;font-size:15px;line-height:1.5}
.completion-form textarea{display:block;width:100%;min-height:100px;margin:12px 0 20px;padding:14px;border:1px solid #b6c7e1;border-radius:14px;background:white;color:#172747;font:inherit;resize:vertical}
.completion-form .checkbox-label{display:flex;gap:12px;align-items:flex-start}
.completion-form input[type=checkbox]{flex:none;width:20px;height:20px;margin:2px 0;padding:0;accent-color:#102697}
.completion-form .primary{font-size:22px;min-height:72px;margin-top:24px;text-align:center}
#submit-error,#check-error{color:#e5858c;font-size:15px;line-height:1.4}
#submit-error{color:#a52d3c}#receipt-id{font-size:17px}
body[data-screen=submitted] nav{display:none}body[data-screen=submitted] .game-icon{margin-bottom:40px}
@media(max-width:650px){.completion-form{padding:20px}.completion-form .primary{font-size:18px}#receipt-id{font-size:13px}}