/* "Win $10" page (/win) */
/* Press Start 2P subset (SIL OFL 1.1) — glyphs for "Win $10" only. License: /assets/fonts/press-start-2p-OFL.txt */
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/press-start-2p-win.woff2") format("woff2")}
.win-main{margin:0 5%;padding:0 0 50px}
.win-page header{padding-block:14px}
.win-h1{font-size:clamp(40px,4.5vw,56px);letter-spacing:-2px;margin:0 0 4px;line-height:1}
.win-sub{font-size:19px;margin:0 0 16px;color:var(--text)}
.win-hero{display:flex;justify-content:center;margin:8px 0 22px}
.win-hero-card{position:relative;width:100%;max-width:720px;text-align:center;padding:22px 16px 24px;background:#11163a;border:4px solid #ff7a00;box-shadow:inset 0 0 0 3px #171717, 0 0 0 4px #ffe600, 8px 8px 0 #2fbf3a;overflow:hidden}
.win-hero-mascot{display:block;width:72px;height:72px;margin:0 auto 8px;object-fit:contain;image-rendering:auto}
.win-hero .win-h1{margin:0 0 12px;font-family:"Press Start 2P",ui-monospace,Menlo,Consolas,"Courier New",monospace;font-size:clamp(40px,7.2vw,80px);font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:0;line-height:1.25;white-space:nowrap;-webkit-font-smoothing:none}
.win-hero .win-word{color:#ff7a00;text-shadow:3px 0 0 #171717,-3px 0 0 #171717,0 3px 0 #171717,0 -3px 0 #171717,3px 3px 0 #171717,5px 5px 0 #ffe600}
.win-hero .win-cash{color:#ffe600;text-shadow:3px 0 0 #171717,-3px 0 0 #171717,0 3px 0 #171717,0 -3px 0 #171717,3px 3px 0 #171717,5px 5px 0 #2fbf3a}
.win-hero .win-sub{margin:0;color:#faf2df;font-size:clamp(20px,4.8vw,28px);font-weight:800;line-height:1.35}
.win-sparkle{position:absolute;width:8px;height:8px;background:#ffe600;box-shadow:0 -5px 0 #ffe600,0 5px 0 #ffe600,-5px 0 0 #ffe600,5px 0 0 #ffe600}
.win-sparkle-a{top:12px;left:12px;background:#ff7a00;box-shadow:0 -5px 0 #ff7a00,0 5px 0 #ff7a00,-5px 0 0 #ff7a00,5px 0 0 #ff7a00}
.win-sparkle-b{bottom:14px;right:14px;background:#7dff7a;box-shadow:0 -5px 0 #7dff7a,0 5px 0 #7dff7a,-5px 0 0 #7dff7a,5px 0 0 #7dff7a}
.win-coin{position:absolute;width:18px;height:18px;border-radius:50%;background:#ffe600;border:2px solid #171717;box-shadow:2px 2px 0 #171717}
.win-coin::after{content:"";position:absolute;inset:4px;border-radius:50%;border:2px solid #d4a200}
.win-coin-a{top:16px;right:18px}
.win-coin-b{bottom:16px;left:18px;background:#ffb347}
@media(min-width:720px){
  .win-hero-card{padding:28px 36px 30px}
  .win-hero-mascot{width:88px;height:88px;margin-bottom:10px}
  .win-hero .win-h1{font-size:80px}
  .win-hero .win-word{text-shadow:4px 0 0 #171717,-4px 0 0 #171717,0 4px 0 #171717,0 -4px 0 #171717,4px 4px 0 #171717,7px 7px 0 #ffe600}
  .win-hero .win-cash{text-shadow:4px 0 0 #171717,-4px 0 0 #171717,0 4px 0 #171717,0 -4px 0 #171717,4px 4px 0 #171717,7px 7px 0 #2fbf3a}
}
.win-grid{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);grid-template-areas:"how game rules";gap:28px;align-items:start}
.win-game{grid-area:game;display:flex;flex-direction:column;align-items:center}
.win-how{grid-area:how}.win-rules{grid-area:rules}
.win-frame{position:relative;height:clamp(520px,calc(100svh - 190px),720px);aspect-ratio:180/340;max-width:100%;border:3px solid #171717;box-shadow:6px 6px 0 var(--orange,#ff744d);background:#070a20;touch-action:none;overscroll-behavior:contain}
#sd-game{display:block;width:100%;height:100%;border:0;touch-action:none}
.win-keys{max-width:380px;margin:14px 0 0;font-size:15px;color:var(--muted);text-align:center}
.win-keys kbd{display:inline-block;min-width:26px;padding:1px 6px;background:#faf2df;color:#171717;border-radius:3px;font-weight:800;font-family:inherit;text-align:center}
.win-box{background:#faf2df;color:#171717;border:2px solid #171717;box-shadow:6px 6px 0 #050505;padding:20px 22px}
.win-box h2{font-size:28px;letter-spacing:-1px;margin:0 0 12px;font-weight:900}
.win-box ul{margin:0;padding-left:20px;font-size:17px;line-height:1.45}
.win-box li{margin-bottom:9px}
.win-rules{border-top:8px solid var(--orange,#ff744d)}
.win-how{border-top:8px solid var(--accent,#d6fa48)}
.win-fine{font-size:15px;margin:12px 0 0}.win-fine a{text-decoration:underline;font-weight:800}
.demo-wrap{background:#11163a;border:2px solid #171717;padding:0;line-height:0}
#howto-demo{width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}
.demo-cap{margin:8px 0 14px;font-weight:900;font-size:17px;min-height:1.4em}
/* claim panel over the game */
.claim{position:absolute;inset:0;background:rgba(7,10,32,.94);display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto;touch-action:auto}
.claim[hidden]{display:none}
.claim-box{background:#faf2df;color:#171717;border:3px solid #171717;box-shadow:5px 5px 0 var(--orange,#ff744d);padding:18px;width:100%;max-width:380px}
.claim-box h2{font-size:28px;margin:0 0 8px;font-weight:900;letter-spacing:-1px}
.claim-box p{font-size:18px;margin:0 0 10px}
.claim-box label{display:block;font-size:18px;font-weight:800;margin:0 0 6px}
.claim-box input{font-size:22px;padding:12px;margin:0 0 12px;border:2px solid #171717;letter-spacing:1px;width:100%;box-sizing:border-box}
.claim-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:var(--orange,#ff744d);color:#171717;border:2px solid #171717;box-shadow:3px 3px 0 #171717;font-weight:900;font-size:18px;text-align:center;text-decoration:none}
.claim-btn:disabled{opacity:.6}
.claim-link{display:block;margin:12px auto 0;background:none;border:0;text-decoration:underline;font-weight:800;font-size:16px;color:#171717;min-height:44px}
.claim-fine{font-size:15px!important;color:#3a3a33}
.claim-msg{color:#b3261e;font-weight:800}.claim-msg:empty{display:none}
.claim-test{display:inline-block;background:#ffe600;color:#000;border:2px solid #000;font-weight:900;padding:3px 8px;margin:0 0 10px;font-size:14px}
.claim-testcode{background:#ffe600;border:2px dashed #000;padding:10px;font-weight:600;font-size:13px;line-height:1.4;margin:0 0 12px;text-align:left;white-space:pre-wrap;word-break:break-word}
.claim-code{font:900 28px/1.1 "Courier New",monospace;letter-spacing:2px;white-space:nowrap;background:#fff;border:3px dashed var(--orange,#ff744d);padding:10px;text-align:center;margin:0 0 10px}
@media(max-width:1100px){.win-grid{grid-template-columns:1fr 1fr;grid-template-areas:"game game" "how rules"}}
@media(max-width:720px){
  .win-main{margin:0 4%}
  .win-grid{grid-template-columns:1fr;grid-template-areas:"game" "how" "rules";gap:22px}
  .win-frame{height:auto;width:min(100%,calc((100svh - 16px) * 180 / 340));max-height:none;margin:0 auto}
  .win-sub{font-size:17px;margin-bottom:14px}
  .win-h1{font-size:44px}
  .win-hero .win-h1{font-size:40px}
  .win-hero .win-sub{font-size:clamp(20px,5.2vw,24px)}
}

.win-watch{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0 0 16px;padding:12px 16px;background:var(--orange,#ff744d);color:#171717;border:2px solid #171717;box-shadow:4px 4px 0 #171717;font-weight:900;font-size:22px;line-height:1.2;text-align:center;text-decoration:none}
.win-watch:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #171717}
.howto-page .howto-main{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px;margin:0 auto;padding:0 16px 56px}
.howto-page .win-h1{margin-top:8px}
.howto-page .demo-cap{font-size:clamp(20px,5vw,28px);font-weight:900;margin:8px 0 16px;min-height:1.3em}
.howto-back{display:flex;align-items:center;justify-content:center;width:min(100%,420px);min-height:56px;margin:8px 0 16px;padding:12px 18px;background:var(--orange,#ff744d);color:#171717;border:2px solid #171717;box-shadow:4px 4px 0 #050505;font-weight:900;font-size:22px;text-decoration:none;text-align:center}
.howto-back-bottom{margin:22px 0 0}
.howto-frame-wrap{width:min(100%,420px);aspect-ratio:180/340;border:3px solid #171717;box-shadow:6px 6px 0 var(--orange,#ff744d);background:#070a20}
.howto-frame-wrap iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:720px){
  .win-watch{font-size:20px;min-height:52px}
  .howto-back{font-size:20px;min-height:52px}
  .howto-frame-wrap{width:min(100%,calc((100svh - 220px) * 180 / 340),360px)}
}

.claim-share{margin:14px 0 0}
.claim-share-btn{white-space:normal;line-height:1.25;min-height:56px;padding:14px 16px;font-size:18px}
.claim-share-fallback{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.claim-share-fallback[hidden]{display:none}
.claim-share-copy{background:#ffe600}
.claim-share-sms{background:#fff}
.claim-share-sms[hidden]{display:none}
.claim-share-copied{font-weight:800!important;color:#1a7a24}

.win-rules{scroll-margin-top:16px;outline:none}
.win-rules.win-rules-flash{animation:winRulesFlash 1.6s ease}
@keyframes winRulesFlash{
  0%{box-shadow:6px 6px 0 #050505,0 0 0 0 rgba(255,116,77,.85)}
  25%{box-shadow:6px 6px 0 #050505,0 0 0 6px rgba(255,116,77,.55)}
  100%{box-shadow:6px 6px 0 #050505,0 0 0 0 rgba(255,116,77,0)}
}

/* Turnstile on claim (managed; mostly invisible until a challenge is needed) */
.claim-turnstile{margin:0 0 12px;min-height:0}
.claim-turnstile:empty{display:none}