:root{font-family:Arial,Helvetica,sans-serif;color:#073c87;background:#ffda24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header{width:min(100% - 48px,1080px);margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{width:188px;height:auto}.week{font-size:14px;font-weight:800;letter-spacing:1.5px;border:1.5px solid #073c87;padding:9px 13px;border-radius:30px}main{width:min(100% - 40px,980px);margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;padding:40px 0}.eyebrow{font-size:14px;font-weight:800;letter-spacing:2px}.intro h1{font-size:clamp(40px,5.6vw,68px);line-height:1.02;letter-spacing:-2px;margin:20px 0;max-width:340px}.intro>p:last-child{font-size:19px;line-height:1.55;max-width:270px}.game{background:white;border:2px solid #073c87;border-radius:24px;padding:24px;min-width:0}.question-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.question-top>span:first-child{color:#496580}.picture{height:238px;display:grid;place-items:center}.picture img{width:180px;height:180px;object-fit:contain}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #071e47;outline-offset:4px}.option{border:2px solid #d8e7fb;background:#edf4ff;color:#073c87;border-radius:12px;min-height:60px;padding:12px 8px;font-size:21px;font-weight:700;overflow-wrap:anywhere}.option:disabled{cursor:default;opacity:1}.option.correct{background:#b9ecc9;border-color:#208146;color:#124b28}.tick{margin-left:8px}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.next{border:0;background:#0757ba;color:#fff;font-size:17px;font-weight:700;border-radius:11px;padding:15px 26px;min-height:50px}.next:disabled{background:#e3eaf3;color:#62758d;cursor:default}.back{border:0;background:transparent;color:#073c87;font-size:15px;padding:12px 4px;min-height:48px}.back:disabled{color:#748398;cursor:default}footer{background:#0757ba;color:white;display:flex;justify-content:space-between;gap:16px;padding:20px max(24px,calc((100vw - 1080px)/2));font-size:14px;line-height:1.5}footer a{color:white}#end{text-align:center;padding:42px 0}.end-mark{font-size:70px;letter-spacing:-4px;font-weight:800;color:#0757ba}#end h2{font-size:30px}#end p{font-size:17px;line-height:1.6;margin-bottom:26px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:700px){header{width:calc(100% - 36px);margin-top:20px}.logo{width:158px}.week{font-size:12px;padding:8px 11px}main{width:min(100% - 28px,440px);grid-template-columns:1fr;gap:20px;margin:0 auto;padding:25px 0 30px}.intro{text-align:center}.eyebrow{display:none}.intro h1{font-size:36px;max-width:none;letter-spacing:-1px;margin:0 0 9px}.intro>p:last-child{font-size:16px;max-width:none;margin:0}.game{padding:20px;border-radius:20px}.picture{height:210px}.picture img{width:160px;height:160px}.option{font-size:20px;min-height:58px}.controls{margin-top:20px}footer{margin-top:auto;font-size:12px;padding:16px 18px}}@media(max-width:360px){.game{padding:15px}.option{font-size:18px}.picture{height:175px}.picture img{width:140px;height:140px}}@media(min-width:701px) and (max-height:700px){main{padding:24px 0}.picture{height:190px}}
/* Banner-inspired palette: sky blue, lavender, sunshine yellow. */
:root{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;color:#24266b;background:#a4e3fc}body{background:radial-gradient(ellipse at 6% 5%,#d9f5ff 0,transparent 48%),radial-gradient(ellipse at 95% 90%,#74c8ff 0,transparent 58%),#a4e3fc}header{margin-top:28px}.week{background:#ffffffc9;border:2px solid #fff;color:#2755a8;box-shadow:0 3px 0 #8bc7ee;font-weight:900}.eyebrow{display:inline-block;background:#fff9ed;padding:10px 18px;border-radius:30px;letter-spacing:1.4px;color:#2b4592;box-shadow:0 3px 0 #95cfee}.intro h1{color:#285bbb;font-size:clamp(44px,5.7vw,72px);font-weight:900;letter-spacing:-2px;line-height:1.12;paint-order:stroke fill;-webkit-text-stroke:10px white;filter:drop-shadow(0 5px 0 #78b9e3);margin:20px 0 28px}.intro h1 span{color:#ffe053;-webkit-text-stroke:8px #285bbb}.intro>p:last-child{background:#3973d9;color:white;padding:14px 20px;border-radius:8px 24px 24px 8px;font-weight:700;font-size:18px;max-width:320px;box-shadow:0 5px 0 #77b8e9}.game{background:#fffdf6;border:9px solid #c6a1f3;border-radius:36px;padding:22px;box-shadow:0 8px 0 #a57cde,0 15px 24px #2876b62b,inset 0 0 0 3px #f4e8ff;position:relative}.question-top{color:#535087;font-size:14px}.question-top>span:first-child{color:#674399;background:#eee2ff;border-radius:20px;padding:6px 12px}.question-top>span:last-child{align-self:center}.picture{height:230px}.option{background:#eaeaff;border-color:#e0ddfb;color:#292564;border-radius:22px;font-size:22px;font-weight:900;box-shadow:0 4px 0 #cecaf0;min-height:60px}.option.correct{background:#b9ecc9;border-color:#238648;color:#124b28;box-shadow:0 4px 0 #81c69a}.next{background:#ffdf57;color:#272763;border:2px solid #f9cf3e;border-radius:24px;box-shadow:0 4px 0 #efb83f;font-weight:900}.next:disabled{background:#f4edce;color:#756b4a;border-color:#e9dfba;box-shadow:0 4px 0 #e2d6ae}.back{color:#575380}.back:disabled{color:#817c94}.controls{margin-bottom:5px}footer{background:transparent;color:#264c87;font-size:13px}footer a{color:#264c87}.end-mark{color:#925ad6}#end h2{color:#322770}@media(max-width:700px){header{margin-top:20px}main{gap:22px;padding-top:22px}.eyebrow{display:none}.intro h1{font-size:38px;-webkit-text-stroke:7px white;letter-spacing:-1.3px;margin:0 0 16px}.intro h1 span{-webkit-text-stroke:5px #285bbb}.intro>p:last-child{font-size:15px;padding:9px 12px;max-width:100%;display:inline-block;margin:0;border-radius:14px;box-shadow:0 3px 0 #77b8e9}.game{border-width:7px;border-radius:30px;padding:19px}.picture{height:195px}.option{font-size:20px;border-radius:19px}.controls{margin-top:23px}footer{font-size:12px}}@media(max-width:360px){.game{padding:14px}.intro h1{font-size:34px}.picture{height:175px}.option{font-size:18px}.question-top{font-size:13px}}@media(min-width:701px) and (max-height:700px){.picture{height:185px}}