*{box-sizing:border-box}body{margin:0;background:#04070d;color:#eff4ff;font:16px/1.6 "Avenir Next","Segoe UI",system-ui,sans-serif}header{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2d46}a{color:inherit;text-decoration:none}.wordmark{font-size:18px;font-weight:700;letter-spacing:-.5px}nav{display:flex;gap:12px}nav a{padding:8px 16px;background:#111e32;border:1px solid #253c60;border-radius:10px;font-size:14px}nav a:hover{background:#1b3558}main{max-width:850px;margin:auto;padding:40px 24px 70px;text-align:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#80b5ff}h1{font-size:clamp(38px,7vw,58px);line-height:1.1;letter-spacing:-2px;margin:14px 0}h2{font-size:20px;font-weight:600}.subtitle{color:#9eafca;margin-bottom:32px}.wheel-stage{position:relative;width:min(370px,86vw);aspect-ratio:1;margin:45px auto 30px}.pointer{position:absolute;top:-14px;left:calc(50% - 12px);border-left:12px solid transparent;border-right:12px solid transparent;border-top:25px solid #f3f7ff;z-index:2;filter:drop-shadow(0 3px 6px #0008)}#wheel{width:100%;height:100%;border-radius:50%;border:7px solid #263f68;background:conic-gradient(#236bd0 0deg 60deg,#183d74 60deg 120deg,#317fdf 120deg 180deg,#13305a 180deg 240deg,#245395 240deg 300deg,#194573 300deg);box-shadow:0 20px 80px -18px #1b6cee80,0 0 30px #1b6cee20;position:relative;transition:transform 4s cubic-bezier(.14,.68,.13,1)}.wheel-center{position:absolute;inset:calc(50% - 42px);width:84px;height:84px;border-radius:50%;background:#0b1527;border:3px solid #7296ca;display:grid;place-content:center;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.4}.wheel-label{position:absolute;font-size:12px;font-weight:600;width:100px;text-align:center;left:calc(50% - 50px);top:calc(50% - 10px)}.l0{transform:rotate(-60deg) translateY(-120px) rotate(60deg)}.l1{transform:translateX(120px)}.l2{transform:rotate(60deg) translateY(120px) rotate(-60deg)}.l3{transform:rotate(-60deg) translateY(120px) rotate(60deg)}.l4{transform:translateX(-120px)}.l5{transform:rotate(60deg) translateY(-120px) rotate(-60deg)}button{font:inherit;cursor:pointer}.primary{border:1px solid #6da5f7;border-radius:13px;background:#246ee5;color:white;min-height:52px;padding:12px 36px;box-shadow:0 8px 25px #1a61d440;font-weight:650}.primary:disabled{opacity:.6;cursor:wait}#result{background:#0d182a;border:1px solid #284670;border-radius:16px;margin:30px auto 20px;padding:20px;max-width:530px;min-height:135px}#result p{color:#a7b9d6;font-size:14px}.options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:580px;margin:auto}.options span{font-size:11px;color:#859ab9;padding:6px 10px;border:1px solid #1e314c;border-radius:20px}#announcement{text-align:left;padding:18px 22px;background:#102a4e;border:1px solid #3569ad;border-radius:14px;margin-bottom:35px}#announcement b{font-size:13px;color:#85b8ff}#announcement p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}#reaction{width:100%;height:300px;border:1px solid #35517a;border-radius:22px;background:#142039;color:#eff6ff;font-size:24px;font-weight:600;box-shadow:0 20px 60px #196be525;margin:25px 0}#reaction.ready{background:#246ee5}#reaction-result{color:#a8bcdb}.back{display:inline-block;margin:24px;color:#86baff}a:focus-visible,button:focus-visible{outline:3px solid #8fbeff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:500px){header{padding:18px 16px}.wordmark{font-size:14px}nav{gap:6px}nav a{padding:8px 10px;font-size:12px}main{padding:28px 16px}.wheel-stage{width:300px;max-width:85vw}.wheel-label{font-size:10px}.l0{transform:rotate(-60deg) translateY(-94px) rotate(60deg)}.l1{transform:translateX(94px)}.l2{transform:rotate(60deg) translateY(94px) rotate(-60deg)}.l3{transform:rotate(-60deg) translateY(94px) rotate(60deg)}.l4{transform:translateX(-94px)}.l5{transform:rotate(60deg) translateY(-94px) rotate(-60deg)}}@media(prefers-reduced-motion:reduce){#wheel{transition:none}}

.l0{transform:translate(60px,-104px)}.l1{transform:translate(120px,0)}.l2{transform:translate(60px,104px)}.l3{transform:translate(-60px,104px)}.l4{transform:translate(-120px,0)}.l5{transform:translate(-60px,-104px)}@media(max-width:500px){.l0{transform:translate(47px,-81px)}.l1{transform:translate(94px,0)}.l2{transform:translate(47px,81px)}.l3{transform:translate(-47px,81px)}.l4{transform:translate(-94px,0)}.l5{transform:translate(-47px,-81px)}}
.personal-intro{padding:10px 0 32px;margin-bottom:32px;border-bottom:1px solid #223957}.personal-intro h1{font-size:42px}.personal-intro p{max-width:540px;margin:16px auto;color:#b4c5e0}.game-picker{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:24px 0}.game-picker button,.game-button{background:#132844;color:#dceaff;border:1px solid #335984;padding:12px 18px;border-radius:10px;min-height:46px}.game-picker button[aria-pressed=true]{background:#226cdd}.game-panel{padding:24px;background:#0c192d;border:1px solid #294971;border-radius:20px}.game-panel h2{margin-top:0}.game-panel input{width:130px;background:#152944;border:1px solid #47658d;color:white;border-radius:9px;padding:12px;font:18px system-ui;margin:10px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:20px auto}.memory-grid button{aspect-ratio:1;background:#17345b;border:1px solid #3b65a0;color:white;border-radius:10px;font-size:22px;font-weight:700}.memory-grid button.matched{background:#23594a;border-color:#448e74}.tap-target{font-size:25px;padding:40px;width:100%;background:#226cdd;border:0;border-radius:16px;color:white}.game-panel p{color:#b2c5e2}.game-panel [role=status]{min-height:28px}

.cooldown{font-size:13px;color:#9ab6df;margin:15px 0 0}#photo-reveal{display:block;max-width:100%;max-height:550px;object-fit:contain;border-radius:12px;margin:18px auto 0}