:root{font-family:Arial,Helvetica,sans-serif;color:#102d30;background:#f5f5ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible{outline:5px solid #235be8;outline-offset:5px}button:disabled{cursor:default;opacity:.65}header{display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;border-bottom:1px solid #d4ddd1;gap:15px}.brand{color:inherit;text-decoration:none;font-weight:900;letter-spacing:1px;font-size:20px;display:flex;align-items:center;gap:12px}.brand-icon{background:#d4f15b;border-radius:50%;font-size:32px;width:46px;height:46px;text-align:center}.small,.back{background:#e6eadf;color:#102d30;border-radius:16px;min-height:60px;padding:14px 22px;font-size:20px;font-weight:bold}main{max-width:1300px;margin:auto;padding:36px 4vw 24px}.eyebrow{font-weight:800;letter-spacing:3px;font-size:18px;text-transform:uppercase;color:#45605a;margin:0 0 18px}h1{font-size:clamp(48px,6.5vw,88px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px}h2{font-size:clamp(32px,4.5vw,58px);line-height:1.12;margin:18px 0}p{font-size:clamp(24px,2.7vw,34px);line-height:1.35;margin:12px 0}.intro{max-width:850px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.mode{padding:32px;border-radius:28px;text-align:left;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 7px 0 #102d3012;transition:transform .15s}.mode:active{transform:scale(.98)}.mode-wheel{background:#d4f15b;color:#102d30}.mode-quiz{background:#102d30;color:#fff}.mode .icon{font-size:58px}.mode strong{font-size:clamp(30px,3.3vw,44px);line-height:1.15}.mode span:last-child{font-size:24px;margin-top:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pill{font-size:22px;font-weight:bold;background:#e6eadf;padding:14px 20px;border-radius:40px}.game-title{font-size:clamp(38px,5vw,60px);letter-spacing:-2px}.wheel-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px}.wheel-wrap{position:relative;width:min(100%,540px);margin:16px auto}.pointer{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:23px solid transparent;border-right:23px solid transparent;border-top:44px solid #102d30;z-index:2;filter:drop-shadow(0 3px 0 white)}.wheel{width:100%;aspect-ratio:1;display:block;transform:rotate(0deg);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;contain:paint}.wheel-face{width:100%;height:100%;display:block}.wheel-wrap::before{content:"";position:absolute;inset:2%;border-radius:50%;box-shadow:0 10px 0 #102d3015;pointer-events:none}.wheel text{font-weight:900;font-size:23px;fill:#071e20}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:23%;aspect-ratio:1;background:#102d30;border:7px solid #fff;border-radius:50%;display:grid;place-items:center;color:#d4f15b;font-size:52px}.primary{width:100%;padding:24px;border-radius:20px;background:#102d30;color:white;font-size:clamp(28px,3.5vw,42px);font-weight:900;min-height:92px}.lime{background:#d4f15b;color:#102d30}.wheel-result{min-height:170px;display:flex;flex-direction:column;justify-content:center}.wheel-result h2{font-size:clamp(38px,5vw,64px)}.question{background:white;padding:32px;border-radius:28px;border:1px solid #d7dfd2;margin:22px 0}.question h2{margin:0;min-height:125px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:22px}.answer{min-height:120px;font-size:clamp(28px,3.7vw,44px);font-weight:900;border-radius:22px;padding:22px}.true{background:#d4f15b;color:#102d30}.false{background:#ffe1d8;color:#602414}.feedback{padding:26px;border-radius:24px;margin-top:24px;border:3px solid #102d30}.feedback.correct{background:#e4f5bf}.feedback.incorrect{background:#fff0db}.feedback h2{margin:0 0 10px}.feedback .primary{margin-top:20px}.progress{height:9px;border-radius:9px;background:#dce3d6;margin:22px 0}.progress span{display:block;height:100%;background:#102d30;border-radius:9px}.result{text-align:center;max-width:850px;margin:auto}.result-icon{font-size:90px}.score{font-size:clamp(80px,12vw,140px);font-weight:900;letter-spacing:-5px;margin:20px}.result-actions{display:grid;gap:18px;margin-top:32px}.source-list{font-size:24px;line-height:1.8}.source-list a{color:#164fb5}footer{padding:26px 4vw;display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:bold;letter-spacing:2px}.text-button{background:transparent;color:#102d30;text-decoration:underline;font-size:18px;min-height:48px;letter-spacing:0} [hidden]{display:none!important}@media(max-width:800px){header{padding:16px 4vw}.brand{font-size:16px}.small{font-size:16px;padding:10px;min-height:54px}main{padding-top:28px}.wheel-layout{grid-template-columns:1fr;gap:8px}.wheel-wrap{width:min(72vw,490px)}.wheel-result{min-height:110px;text-align:center}.modes{gap:18px}.mode{padding:25px;min-height:280px}.mode strong{font-size:30px}.question{padding:26px}.question h2{min-height:150px}.answer{min-height:120px;font-size:30px}}@media(max-width:540px){.modes,.answers{grid-template-columns:1fr}.mode{min-height:230px}.brand-icon{display:none}h1{letter-spacing:-2px}.toolbar{flex-wrap:wrap}.pill{font-size:18px}.answer{min-height:90px}footer{letter-spacing:0;flex-wrap:wrap}.question h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.mode{transition:none}}

@media (min-width:600px) and (orientation:portrait){.wheel-wrap{width:min(65vw,40dvh,490px)}.wheel-result{min-height:100px}.wheel-result h2{margin:12px 0}.wheel-layout{gap:6px}}

.screen-lock{display:block;margin:12px 4vw 0 auto;background:#102d30;color:#fff;border-radius:16px;padding:16px 20px;min-height:64px;font-size:20px;font-weight:bold}.screen-locked header,.screen-locked footer,.screen-locked .back{display:none}.screen-locked .screen-lock{background:#d4f15b;color:#102d30;border:3px solid #102d30}.screen-locked main{padding-top:20px}

#lock-help{font-size:16px;line-height:1.3;margin:10px 4vw;max-width:1100px}#lock-help a{color:#164fb5}html:has(.screen-locked){overflow:hidden;overscroll-behavior:none}.screen-locked{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen-locked main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;width:100%;-webkit-overflow-scrolling:touch}.screen-locked .screen-lock{flex-shrink:0;margin-top:8px;min-height:56px}.screen-locked #lock-help{flex-shrink:0}.screen-locked .wheel-wrap{touch-action:none}.screen-locked:has(.wheel-layout) main{overflow:hidden}.screen-locked .toolbar{margin-bottom:6px}.screen-locked .wheel-wrap{width:min(100%,40svh,440px)}.screen-locked .wheel-result{min-height:80px}.screen-locked .wheel-result h2{font-size:clamp(28px,4vw,50px);margin:8px 0}.screen-locked .wheel-result p{font-size:22px}.screen-locked .game-title{font-size:clamp(28px,4vw,46px);margin-bottom:10px}.screen-locked .primary{min-height:72px;padding:16px}@media(max-width:800px) and (orientation:portrait){.screen-locked .wheel-wrap{width:min(70vw,30svh)}.screen-locked main{padding:10px 4vw}.screen-locked .pill{padding:8px 14px;font-size:18px}.screen-locked .wheel-result p{font-size:20px}}@media(orientation:landscape) and (max-height:600px){.screen-locked .wheel-layout{grid-template-columns:1fr 1fr;gap:20px}.screen-locked .wheel-wrap{width:min(100%,47svh)}.screen-locked #lock-help{font-size:12px;margin:5px 4vw}.screen-locked .screen-lock{min-height:44px;font-size:16px;padding:10px}.screen-locked .toolbar{display:none}.screen-locked main{padding:8px 4vw}.screen-locked .game-title{font-size:26px}.screen-locked .wheel-result h2{font-size:26px}.screen-locked .wheel-result p{font-size:18px}.screen-locked .primary{min-height:56px;font-size:24px}}
@media(max-width:540px) and (orientation:portrait){.screen-locked .wheel-wrap{width:min(65vw,25svh)}.screen-locked .wheel-result h2{font-size:28px}.screen-locked .wheel-result p{font-size:18px}.screen-locked #lock-help{font-size:13px}.screen-locked .primary{font-size:26px}}
@media(max-width:540px) and (max-height:740px) and (orientation:portrait){.screen-locked .wheel-wrap{width:min(60vw,20svh)}.screen-locked .wheel-result{min-height:60px}.screen-locked .wheel-result p{margin:4px 0}.screen-locked .game-title{font-size:24px}.screen-locked .screen-lock{padding:10px;min-height:46px}}
@media(orientation:landscape) and (max-height:600px){.screen-locked .wheel-result{min-height:60px}.screen-locked .wheel-result p{margin:4px 0}.screen-locked .primary{font-size:22px;padding:12px}}
.wheel-center{height:23%;line-height:1;font-size:clamp(24px,5vw,52px)}

.spin-overlay{position:fixed;inset:0;z-index:1000;background:#f5f5ec;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;padding-bottom:90px;padding-top:60px}.spin-stage{width:min(96vw,calc(100dvh - 160px));aspect-ratio:1;transform-origin:50% 50%;will-change:transform}.spin-overlay .wheel-wrap{width:100%!important;margin:0!important}.spin-overlay .pointer{border-left-width:clamp(18px,3vw,32px);border-right-width:clamp(18px,3vw,32px);border-top-width:clamp(35px,5vw,60px)}.spin-overlay .wheel-center{font-size:clamp(32px,8vmin,90px)}.spin-announcement{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:3vw;right:3vw;text-align:center;font-size:clamp(28px,4.5vw,56px);font-weight:900;line-height:1.05;min-height:60px}.spin-overlay.returning{background:transparent}.spin-overlay.returning .spin-announcement{opacity:0;transition:opacity .2s}.wheel-presenting{overflow:hidden}.wheel-presenting #screen-lock{position:fixed;top:env(safe-area-inset-top);right:2vw;z-index:1001;margin:6px 0;min-height:44px;padding:10px 14px;font-size:16px}.wheel-placeholder{flex-shrink:0}@media(orientation:landscape) and (max-height:600px){.spin-overlay{padding-top:45px;padding-bottom:55px}.spin-stage{width:min(96vw,calc(100dvh - 110px))}.spin-announcement{font-size:26px;bottom:10px;min-height:36px}}