@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#30241e;--cream:#f5efdf;--paper:#fffcf4;--line:#d9ceba;--yellow:#f4cc70;--green:#b8ccae;--peach:#e9a888}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b05233;outline-offset:4px}main{max-width:1240px;margin:auto;padding:0 46px}nav{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:23px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:4px;font-weight:500}.logo{width:43px;height:43px;background:var(--ink);color:var(--cream);display:grid;place-content:center;border-radius:9px;position:relative;font-family:Georgia;font-size:27px;transform:rotate(-5deg)}.logo span{position:absolute;font-size:17px;right:-5px;top:-6px;color:var(--ink);background:var(--yellow);border-radius:50%;width:21px;text-align:center;border:1px solid var(--ink)}.nav-right{display:flex;gap:25px;align-items:center}.pill{border:1px solid var(--line);border-radius:30px;font-size:9px;letter-spacing:1px;padding:9px 12px;display:flex;gap:9px;align-items:center}.pill i{height:6px;width:6px;background:#60805b;border-radius:50%}.text-btn{border:0;padding:4px 0;background:none;font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 16px}header{display:flex;justify-content:space-between;align-items:center;padding:44px 0 32px}h1,h2,p{margin-top:0}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:73px;line-height:.96;letter-spacing:-1.5px;font-weight:400;margin-bottom:17px}h1 em{font-style:normal;color:#88614c}.intro{line-height:1.7;color:#806e60;font-size:13px;margin-bottom:0}.hero-mark{position:relative;border:1px solid var(--ink);border-radius:50%;width:140px;height:140px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);margin-right:30px;background:var(--yellow)}.hero-mark span{font-size:16px;line-height:1.15;font-weight:700;letter-spacing:1px}.hero-mark b{position:absolute;font-size:70px;bottom:-33px;right:-25px;font-weight:400}.arena{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px}.wheel-card{background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:22px 27px 20px;box-shadow:5px 6px 0 #dfd2bb}.card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;font-weight:600}.wheel-wrap{position:relative;width:min(100%,480px);margin:23px auto 24px;padding:8px}.wheel-wrap:before{content:'';position:absolute;inset:1px;border-radius:50%;border:1px dashed #ac997c}.wheel-wrap svg{width:100%;display:block;filter:drop-shadow(0 7px 0 #d6c5a4);transform:rotate(0deg)}.pointer{position:absolute;left:calc(50% - 15px);top:-7px;width:30px;height:41px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);z-index:3;transform-origin:50% 0}.pointer:after{content:'';position:absolute;inset:5px 7px 13px;background:var(--yellow);clip-path:polygon(0 0,100% 0,50% 100%)}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:79px;height:79px;border:3px solid var(--ink);background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 3px 0 #30241e22}.hub span{font-size:36px;line-height:1}.hub small{font-size:9px;letter-spacing:1px;font-weight:700}.spin-btn,.dark-btn{background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:9px;font-weight:600;padding:15px 18px}.spin-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:17px;box-shadow:0 4px 0 #b19979}.spin-btn span{font-size:24px;line-height:20px}.spin-btn:active,.dark-btn:active{transform:translateY(2px)}.wheel-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:17px;font-size:10px;color:#826e5b}.wheel-foot button{font-size:10px}aside{display:flex;flex-direction:column;gap:20px}.result-card{background:var(--yellow);border:2px solid var(--ink);border-radius:22px;padding:29px;position:relative;min-height:395px;flex:1;overflow:hidden}.big-icon{font-size:65px;line-height:1.1;margin:18px 0 18px}.number{position:absolute;right:29px;top:65px;font-family:'Libre Caslon Display',Georgia,serif;font-size:105px;line-height:1;opacity:.17}h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:40px;line-height:1.03;font-weight:400;letter-spacing:-.5px;margin-bottom:14px}.result-card p{max-width:270px;font-size:14px;line-height:1.6;margin-bottom:22px}.result-bottom{border-top:1px solid #30241e33;padding-top:14px;margin-top:23px;font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center}.result-bottom span:last-child{font-size:20px}.tip{position:relative;background:var(--green);border:2px solid var(--ink);border-radius:15px;padding:23px 27px}.tip span{font-size:9px;letter-spacing:1.5px;font-weight:700}.tip p{font-family:'Libre Caslon Display',Georgia,serif;font-size:29px;line-height:1.1;margin:11px 0 0}.tip b{position:absolute;right:24px;top:28px;font-size:42px;font-weight:400}.games-section{padding-top:63px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:36px;margin:0}.section-heading>p{font-size:11px;color:#806e60;line-height:1.6;margin-bottom:0}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-tile{position:relative;min-height:190px;text-align:left;border:1.5px solid var(--ink);border-radius:15px;background:var(--paper);padding:18px;transition:transform .2s,box-shadow .2s}.game-tile:hover{transform:translateY(-4px);box-shadow:3px 4px 0 #d9c9ac}.tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tile-num{font-family:Georgia;font-size:19px;color:#8f7965}.tile-icon{font-size:26px}.game-tile h3{font-size:14px;font-weight:600;margin:0 0 9px}.game-tile p{font-size:11px;color:#806e60;line-height:1.5;margin:0;padding-right:10px}.game-tile .arrow{position:absolute;bottom:14px;right:16px}.reference{padding:32px 0}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:11px;color:#806e60}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}details p{line-height:1.6;max-width:650px;margin-top:20px}details img{max-width:100%;width:300px;border:1px solid var(--line);border-radius:12px}footer{padding:10px 0 35px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:14px}footer>span{font-size:9px;letter-spacing:1.3px;color:#9b8774}dialog{width:min(600px,calc(100% - 30px));max-height:90vh;border:2px solid var(--ink);border-radius:22px;background:var(--paper);color:var(--ink);padding:27px;box-shadow:8px 8px 0 #30241e44}dialog::backdrop{background:#30241e88;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-top .eyebrow{margin:0}.close{border:0;background:none;font-size:28px;line-height:1;padding:0 4px}dialog p{line-height:1.6;color:#806e60;font-size:13px}.sample-img{width:100%;border-radius:13px;border:1.5px solid var(--ink);display:block;margin:18px 0}.caption{font-size:10px!important;line-height:1.5!important}.challenge-box{border:1.5px solid var(--ink);border-radius:14px;padding:22px;margin:20px 0;background:var(--cream);line-height:1.6;font-size:17px}.clue-box{background:url('assets/clue-card.png') center/100% 100%;padding:35px 30px;min-height:220px}.clue-box p{font-size:14px;color:var(--ink);margin-bottom:12px}.answer{background:var(--green);border-radius:8px;padding:14px;margin-top:15px;font-size:14px}.control-row{display:flex;gap:10px;flex-wrap:wrap}.soft-btn{background:var(--cream);border:1px solid var(--ink);padding:12px 15px;border-radius:8px}.timer{font-family:'Libre Caslon Display',Georgia,serif;font-size:95px;text-align:center;padding:20px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chips button{background:var(--cream);border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:11px}.chips button.active{background:var(--ink);color:var(--paper)}.drawing{display:block;width:100%;height:270px;background:white;border:1.5px solid var(--ink);border-radius:12px;touch-action:none}.prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prize{background:var(--cream);border:1px solid var(--ink);border-radius:12px;padding:20px 10px;text-align:center}.prize span{font-size:40px;display:block;margin-bottom:10px}.prize p{font-size:12px;margin:0;color:var(--ink)}.editor-row{display:flex;gap:10px;align-items:center;margin:10px 0}.editor-row span{font-family:Georgia;width:25px}.editor-row input,#newname{min-width:0;flex:1;width:100%;border:1px solid var(--line);background:var(--cream);border-radius:7px;padding:12px}.editor-row button{background:none;border:0;font-size:22px;width:32px}#addform{display:flex;gap:10px;margin-top:22px}#addform button{padding:10px 15px}.editfoot{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1000}#confetti i{position:absolute;top:-20px;width:9px;height:14px;border:1px solid var(--ink);animation:fall 2.6s ease-in forwards}.land{animation:land .6s ease-out}.pointer.tick{animation:tick .13s ease-out}@keyframes fall{to{transform:translateY(110vh) rotate(650deg)}}@keyframes land{0%{transform:translateY(10px) scale(.97)}55%{transform:translateY(-4px) scale(1.01)}100%{transform:none}}@keyframes tick{50%{transform:rotate(-17deg)}}[hidden]{display:none!important}@media(max-width:800px){main{padding:0 24px}h1{font-size:62px}.hero-mark{width:110px;height:110px;margin-right:10px}.hero-mark span{font-size:13px}.arena{gap:17px;grid-template-columns:1.3fr 1fr}.wheel-card{padding:18px}.result-card{padding:23px;min-height:340px}.game-grid{grid-template-columns:repeat(2,1fr)}.number{right:20px}h2{font-size:34px}}@media(max-width:600px){main{padding:0 18px}nav{height:79px}.brand{font-size:19px;gap:10px}.brand small{font-size:7px}.logo{width:34px;height:34px;font-size:23px}.nav-right{gap:10px}.pill{display:none}header{padding:32px 0 27px}h1{font-size:50px;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro{font-size:11px}.hero-mark{display:none}.arena{grid-template-columns:1fr}.wheel-card{padding:20px 17px;border-radius:19px}.wheel-wrap{margin:22px auto 24px}.hub{width:66px;height:66px}.hub span{font-size:30px}.result-card{min-height:310px;padding:24px}.big-icon{font-size:45px;margin:14px 0}.result-card h2{font-size:39px;max-width:260px}.number{top:50px;font-size:100px}.result-card p{font-size:13px;max-width:270px}.result-bottom{margin-top:20px}.tip{display:none}.games-section{padding-top:42px}.section-heading{align-items:start}.section-heading h2{font-size:29px}.section-heading>p{display:none}.game-grid{gap:12px}.game-tile{padding:16px;min-height:185px}.tile-top{margin-bottom:20px}.game-tile h3{font-size:13px}.game-tile p{font-size:10px}.wheel-foot{font-size:9px}footer>span{display:none}dialog{padding:23px}dialog h2{font-size:34px}.prize-grid{gap:6px}.prize{padding:15px 5px}.prize span{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.land,.pointer.tick,#confetti i{animation:none}.game-tile{transition:none}}

.tile-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;border:1.3px solid var(--ink)}.tile-icon svg{width:25px;height:25px}.big-icon svg{width:65px;height:65px}.control-row>.answer{flex-basis:100%}

.topic-landing{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;background:#f5efdf70;border-radius:50%;backdrop-filter:blur(2px)}.landing-disc{width:68%;max-width:320px;background:var(--paper);border:3px solid var(--ink);border-radius:23px;box-shadow:6px 7px 0 #30241e33;padding:17px 16px 7px;animation:topic-in .35s cubic-bezier(.2,.8,.3,1.3) both,topic-out .22s 2.18s ease-in forwards}.landing-label{display:block;text-align:center;font-weight:700;font-size:13px;letter-spacing:.3px;background:var(--topic-color);padding:8px 5px;border:1.5px solid var(--ink);border-radius:9px}.wheel-wrap .landing-disc svg{width:100%;filter:none;transform:none;margin:5px 0}.landing-disc svg text{font:700 10px 'DM Sans',sans-serif;letter-spacing:1.5px;text-anchor:middle;fill:var(--ink);stroke:none}.landing-disc svg g{transform-box:fill-box;transform-origin:center}.replay-landing{display:block;margin:12px 0 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.ai-face{animation:human-switch 2.2s both}.ai-robot{animation:robot-switch 2.2s both}.scan-beam{animation:scan 1.2s ease-in-out 2}.lens{animation:investigate 1.6s ease-in-out both}.chip{animation:chip-pulse .55s .6s 2}.draw-line{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1.5s .2s forwards}.pencil{animation:sketch 1.6s ease-in-out both}.app-one,.app-two,.app-three,.app-four{animation:app-pop .45s both;transform-box:fill-box;transform-origin:center}.app-one{animation-delay:.15s}.app-two{animation-delay:.35s}.app-three{animation-delay:.55s}.app-four{animation-delay:.75s}.bug{animation:bug-shift .24s .3s 4}.glitch-lines{animation:glitch .2s .3s 5}.bug-check{stroke-dasharray:80;stroke-dashoffset:80;animation:draw .55s 1.15s forwards}.shackle{transform-origin:72px 89px;animation:unlock .6s .7s forwards}.cipher-stream{animation:glitch .3s 3}.code-stars{animation:app-pop .5s 1s both}.clock-hand{transform-origin:100px 90px;animation:hand-sweep 1.5s ease-out forwards}.clock-ring{stroke-dasharray:252;animation:clock-run 1.8s linear both}.bolt{animation:bolt-pop .4s .6s 3;transform-origin:150px 100px}.gift-lid{animation:gift-open .8s .3s both}.gift-stars{animation:stars-rise 1.1s .65s both}@keyframes topic-in{from{opacity:0;transform:scale(.65) rotate(-7deg)}to{opacity:1;transform:none}}@keyframes topic-out{to{opacity:0;transform:translateY(-12px) scale(.94)}}@keyframes human-switch{0%,35%{opacity:1}55%,100%{opacity:0}}@keyframes robot-switch{0%,35%{opacity:0;transform:scale(.8)}55%,100%{opacity:1;transform:scale(1)}}@keyframes scan{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(78px);opacity:1}}@keyframes investigate{0%{transform:translate(-20px,12px)}40%{transform:translate(12px,-8px)}75%,100%{transform:none}}@keyframes chip-pulse{50%{transform:scale(1.08)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes sketch{0%{transform:translate(-34px,-8px) rotate(-10deg)}35%{transform:translate(-10px,8px)}65%{transform:translate(14px,-7px)}100%{transform:none}}@keyframes app-pop{from{opacity:0;transform:scale(.3);filter:blur(5px)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1);filter:none}}@keyframes bug-shift{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes glitch{50%{opacity:.2;transform:translateX(7px)}}@keyframes unlock{to{transform:translateY(-10px) rotate(-19deg)}}@keyframes hand-sweep{to{transform:rotate(360deg)}}@keyframes clock-run{from{stroke-dashoffset:0}to{stroke-dashoffset:252}}@keyframes bolt-pop{50%{transform:scale(1.25)}}@keyframes gift-open{0%{transform:none}30%{transform:translateY(3px)}100%{transform:translate(-5px,-32px) rotate(-9deg)}}@keyframes stars-rise{from{opacity:0;transform:translateY(40px) scale(.4)}to{opacity:1;transform:none}}@media(max-width:600px){.landing-disc{padding:13px 12px 5px}.landing-label{font-size:11px}}@media(prefers-reduced-motion:reduce){.landing-disc,.landing-disc *{animation:none!important}.ai-face{display:none}.draw-line,.bug-check{stroke-dashoffset:0}.topic-landing{backdrop-filter:none}}

#confetti{contain:strict}
.wheel-wrap{overflow:clip;overflow-clip-margin:12px}

.hero-logo{width:min(295px,58vw);height:auto;display:block;margin:0 0 24px -8px;transform:rotate(-1.5deg);filter:drop-shadow(3px 4px 0 rgba(48,36,30,.14))}
@media(max-width:600px){.hero-logo{width:min(215px,66vw);margin:0 0 18px -6px}}

/* Real club mark in the requested top-left header. */
nav .brand{gap:12px} .nav-logo{width:88px;height:70px;object-fit:contain;flex:none;filter:drop-shadow(1px 2px 0 rgba(48,36,30,.1))}nav .brand small{letter-spacing:1.5px}
@media(max-width:600px){nav .brand{gap:7px;font-size:19px}.nav-logo{width:57px;height:49px}nav .brand small{font-size:6px;letter-spacing:.6px}.nav-right{gap:8px}}

/* Original blue club identity, compact header lockup. */
nav .nav-logo{width:272px;height:58px;filter:none} @media(max-width:600px){nav .nav-logo{width:215px;height:47px}}