:root{--color-bg:#f4f8ff;--color-surface-1:#fff;--color-surface-2:#f6faff;--color-text:#12344d;--color-text-muted:#5a7890;--color-border:#d4e6f5;--color-primary-500:#0ea5e9;--color-primary-600:#2563eb;--color-accent-500:#22d3ee;--color-success-bg:#ecfdf5;--color-success-fg:#065f46;--color-warning-bg:#fff7ed;--color-warning-fg:#b45309;--color-danger-bg:#fff1f2;--color-danger-fg:#be123c;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 2vw, 2.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 4px 12px #11375814;--shadow-md:0 14px 30px #11375817;--shadow-lg:0 20px 42px #11375829;--ease-ui:cubic-bezier(.2, 0, 0, 1);--ease-play:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Inter,Arial,sans-serif;font-size:var(--text-base);color:var(--color-text);background:radial-gradient(640px 240px at -20% -8%, #22d3ee38, transparent 70%), radial-gradient(600px 260px at 110% 5%, #0ea5e92e, transparent 70%), var(--color-bg);line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}h3{font-size:var(--text-lg)}.container{width:min(1140px,92vw);margin:0 auto}.pageMain{padding:var(--space-7) 0 var(--space-8)}.stack{gap:var(--space-5);display:grid}.card,.hero,.notice,.gameCard,.formCard,.gamePlay{background:linear-gradient(180deg, var(--color-surface-1) 0%, var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.hero,.notice,.gameCard,.formCard,.gamePlay{padding:var(--space-4)}.siteHeader{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#ffffffe0;position:sticky;top:0}.bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:76px;display:flex}.logo{align-items:center;display:inline-flex}.navList{gap:var(--space-4);color:#2d5d7d;font-weight:600;list-style:none;display:flex}.navList a{border-radius:var(--radius-pill);transition:background-color .2s var(--ease-ui), color .2s var(--ease-ui);padding:6px 10px}.navList a:hover{color:#194f78;background:#e8f4ff}.authLinks{align-items:center;gap:var(--space-3);display:flex}.authGhost{color:#275a7f;border-radius:var(--radius-pill);padding:8px 10px;font-weight:600}.authGhost:hover{background:#ecf6ff}.cta,button{border-radius:var(--radius-pill);cursor:pointer;color:#fff;font-size:var(--text-sm);background:linear-gradient(90deg, var(--color-primary-500), var(--color-primary-600));transition:transform .2s var(--ease-ui), box-shadow .2s var(--ease-ui), opacity .2s var(--ease-ui);border:0;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;line-height:1.2;display:inline-flex}.cta:hover,button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2563eb47}button:disabled,.cta[aria-disabled=true]{opacity:.68;cursor:not-allowed;box-shadow:none;transform:none}.actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.eyebrow{color:#0369a1;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.muted,.tiny{color:var(--color-text-muted)}.tiny{font-size:var(--text-sm)}.heroEnhanced{gap:var(--space-3);padding:var(--space-6);display:grid;position:relative;overflow:hidden}.heroGlow{border-radius:var(--radius-pill);pointer-events:none;filter:blur(14px);position:absolute}.heroGlowOne{background:radial-gradient(circle,#22d3ee61 0%,#22d3ee00 70%);width:300px;height:240px;top:-110px;right:-84px}.heroGlowTwo{background:radial-gradient(circle,#fbbf2452 0%,#fbbf2400 70%);width:260px;height:220px;bottom:-100px;left:-88px}.heroPills{gap:var(--space-2);flex-wrap:wrap;display:flex}.heroPills span,.gameCardMeta span{border-radius:var(--radius-pill);font-size:var(--text-xs);padding:5px 10px;font-weight:800}.heroPills span{color:#235e85;background:#eff6ff;border:1px solid #bfdbfe}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.gameCard{gap:var(--space-2);transition:transform .32s var(--ease-ui), box-shadow .32s var(--ease-ui);display:grid;position:relative;overflow:hidden}.gameCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gameCardShine{pointer-events:none;width:55%;height:260%;transition:transform .48s var(--ease-ui);background:linear-gradient(120deg,#fff0,#ffffff5c,#fff0);position:absolute;inset:-120% auto auto -76%;transform:rotate(16deg)}.gameCard:hover .gameCardShine{transform:translate(218%)rotate(16deg)}.gameCoverWrap{border-radius:var(--radius-lg);aspect-ratio:16/9;background:#edf7ff;border:1px solid #cde3f4;overflow:hidden}.gameCover{object-fit:cover;width:100%;height:100%;transition:transform .32s var(--ease-ui);display:block}.gameCard:hover .gameCover{transform:scale(1.04)}.gameCardMeta{flex-wrap:wrap;gap:6px;display:flex}.gameCardMeta span{color:#245f84;background:#ecf7ff;border:1px solid #c9e3f7}.gamePageHeader{gap:var(--space-3);display:grid}.ruleList{gap:var(--space-2);padding-left:18px;display:grid}.ruleList li{color:#2c607f}.rulesCard{padding:var(--space-4)}.infoGrid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.infoTile{border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);background:#f7fbff;border:1px solid #cde3f4;display:grid}.infoTile p{color:#3e6883;font-size:var(--text-sm)}.gameHeroCoverWrap{border-radius:var(--radius-lg);aspect-ratio:16/9;border:1px solid #c9e2f4;max-width:860px;margin:0 auto;overflow:hidden}.gameHeroCover{object-fit:cover;width:100%;height:100%;display:block}.gameCenterStage{width:100%;max-width:920px;padding:var(--space-2);border-radius:var(--radius-xl);background:linear-gradient(#eef7ff 0%,#f7fbff 100%);border:1px solid #cfe3f5;margin:0 auto}.relatedLinks{flex-wrap:wrap;gap:10px;display:flex}.relatedLink{border-radius:var(--radius-pill);color:#255d84;transition:background-color .2s var(--ease-ui), transform .2s var(--ease-ui);background:#f4faff;border:1px solid #cde3f4;padding:8px 12px;font-weight:700}.relatedLink:hover{background:#e8f4ff;transform:translateY(-1px)}.siteFooter{margin-top:var(--space-8);padding:var(--space-7) 0 var(--space-5);background:linear-gradient(#eaf6ff 0%,#e3f2ff 100%);border-top:1px solid #cde3f4}.footerGrid{gap:var(--space-5);grid-template-columns:1.15fr repeat(3,1fr);display:grid}.footerGrid h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.footerGrid ul{gap:var(--space-2);list-style:none;display:grid}.footerGrid a{color:#205982}.footerGrid a:hover{text-decoration:underline}.footerBrand{gap:var(--space-2);display:grid}.footerNote{margin-top:var(--space-5);font-size:var(--text-sm);color:#3d6178;padding-top:var(--space-3);border-top:1px solid #c7e1f3}.formCard{gap:var(--space-3);max-width:560px;display:grid}.formCard input{border:1px solid #c5dfef;border-radius:10px;padding:11px 12px}.gamePlay{gap:var(--space-3);padding:var(--space-5);width:100%;max-width:780px;margin:0 auto;display:grid}.scoreRow{border-radius:var(--radius-md);background:#f3f9ff;border:1px solid #d8eafa;padding:10px 12px}.reelBoard{gap:var(--space-3);grid-template-columns:repeat(3,minmax(90px,1fr));display:grid}.reelBoard.isSpinning .reel{animation:reelSpinPulse .52s var(--ease-play)}.reel{background:linear-gradient(#fafdff 0%,#e8f5ff 100%);border:1px solid #bfe0f4;border-radius:14px;place-items:center;gap:4px;min-height:100px;display:grid}.symbolIcon{width:38px;height:38px}.reel.reelWin{box-shadow:inset 0 0 0 2px #10b98138}.reelMark{font-size:var(--text-sm);color:#09517b;font-weight:800}.reel small{color:#2f6688;font-weight:600;font-size:var(--text-xs)}.pickGrid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.pickCard{padding:var(--space-3);color:#194963;text-align:left;background:linear-gradient(#fcfeff 0%,#edf8ff 100%);border:1px solid #bddced;border-radius:14px;gap:5px;display:grid}.pickCard small{color:#5f7e94;font-size:var(--text-xs)}.pickCardTitle{align-items:center;gap:var(--space-2);font-weight:700;display:flex}.cardIcon{flex:0 0 24px;width:24px;height:24px}.pickCard.revealed-good{background:var(--color-success-bg);border-color:#6ee7b7}.pickCard.revealed-bad{background:var(--color-danger-bg);border-color:#fca5a5}.pickCard.revealed-neutral{background:#eff6ff;border-color:#bfdbfe}.pickCard.justRevealed{animation:popReveal .45s var(--ease-play)}.feedback{font-weight:700}.feedback.win{color:var(--color-success-fg)}.feedback.loss{color:var(--color-warning-fg)}.feedback.neutral{color:#36617f}.wheelWrap{place-items:center;width:232px;height:232px;margin:0 auto;display:grid;position:relative}.wheelPointer{z-index:2;border-top:16px solid #0f172a;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-7px}.wheel{width:208px;height:208px;transition:transform 1s var(--ease-play);background:conic-gradient(#fb923c 0 45deg, #facc15 45deg 90deg, #60a5fa 90deg 135deg, #34d399 135deg 180deg, #f472b6 180deg 225deg, #a78bfa 225deg 270deg, #22d3ee 270deg 315deg, #f59e0b 315deg 360deg);border:10px solid #fff;border-radius:50%;box-shadow:0 10px 25px #10304529}.rewardLegend{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rewardChip{border-radius:var(--radius-pill);font-size:var(--text-xs);color:#2f6688;background:#f7fbff;border:1px solid #cfe3f5;justify-content:center;align-items:center;gap:6px;padding:6px;font-weight:800;display:flex}.rewardIcon{width:18px;height:18px}.rewardChip.active{background:var(--color-success-bg);color:var(--color-success-fg);animation:chipPulse .52s var(--ease-play);border-color:#34d399}@keyframes reelSpinPulse{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-10px)scale(1.03)}to{transform:translateY(0)scale(1)}}@keyframes popReveal{0%{transform:scale(.96)}45%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes chipPulse{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}@media (max-width:980px){.footerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.navList{display:none}.heroEnhanced{padding:var(--space-5)}.rewardLegend{grid-template-columns:repeat(2,minmax(0,1fr))}.infoGrid{grid-template-columns:1fr}.gameCenterStage{padding:var(--space-1)}}@media (max-width:620px){.pickGrid,.footerGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}