:root{font-family:system-ui,sans-serif;color:#183b45;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 5%,#d9f3ea,transparent 45%),radial-gradient(circle at 90% 10%,#e4e6ff,transparent 45%),#f6f5ef;min-height:100dvh}button,select,a{touch-action:manipulation}button,select{font:inherit}button{cursor:pointer;border:0;border-radius:16px;padding:13px 20px;min-height:48px;background:#226b68;color:white;font-weight:750}button:hover{filter:brightness(1.08)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #edb840;outline-offset:4px}a{color:#236675}header{max-width:1020px;margin:auto;padding:22px 22px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px}header a{text-decoration:none;font-weight:750;font-size:14px}.brand{font-weight:850;letter-spacing:1px;font-size:13px}main{max-width:1020px;margin:auto;padding:16px 22px 40px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.6px;color:#547078}h1{font-size:clamp(32px,6vw,56px);letter-spacing:-2px;line-height:1.1;margin:10px 0}h2{margin:0 0 12px;font-size:27px}.lead{font-size:18px;max-width:650px;color:#567079;margin-bottom:25px}.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.bar label{font-weight:700}.bar select{padding:12px;border:1px solid #a5bcbc;border-radius:12px;background:white;color:inherit}.secondary{background:#e3ece9;color:#214c50}.activities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.activities button{background:#fff;color:#224a54;box-shadow:0 4px 0 #ccdeda;border:2px solid transparent;text-align:left;padding:20px}.activities button[aria-pressed=true]{border-color:#236f68;background:#e6f4eb}.activities .icon{display:block;font-size:32px;margin-bottom:8px}.activities small{font-weight:500;display:block;margin-top:5px}.playbox{background:#fffefb;border:1px solid #d4e2dd;border-radius:28px;padding:28px;margin-top:26px;box-shadow:0 16px 45px #24484b0d}.question{font-size:clamp(24px,4.5vw,34px);font-weight:800;margin:15px 0}.pictures{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:40px;padding:15px 0;max-width:620px;margin:auto}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px auto;max-width:600px}.choices button{font-size:27px;min-height:76px;background:#e9eefb;color:#203858;border:3px solid transparent}.choices button.correct{background:#d5f3df;border-color:#3b9062}.feedback{min-height:48px;font-size:19px;font-weight:700;margin:16px 0;color:#24665d}.stars{font-size:20px;font-weight:800;color:#745522}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:660px;margin:20px auto}.memory button{aspect-ratio:1.1;font-size:36px;padding:6px;background:#e1eaff;color:#264977;border:2px solid #b9ccee}.memory button.matched{background:#d8eee0;border-color:#83b89b}.footer{font-size:13px;line-height:1.6;color:#526c71;margin-top:26px}.footer details{background:#eaf0ed;border-radius:14px;padding:16px}.footer summary{cursor:pointer;font-weight:700}.footer p{max-width:760px}.notice{border-radius:14px;background:#edf3f0;padding:16px}.tabletop{background:#193e48;color:#eff8f5;border-radius:24px;padding:24px;margin:24px 0}.tabletop h2{font-size:18px;color:#bcd4d7}.tabletop .centre{display:flex;align-items:center;gap:30px;justify-content:center;margin:24px 0}.card{width:94px;min-height:136px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:16px;padding:12px;background:#eef8f1;color:#184533;border:3px solid #82b6a0;box-shadow:0 5px 0 #0002;font-weight:800}.card .number{font-size:38px}.card .symbol{font-size:25px}.card.mint{background:#d5f0df;border-color:#73b292;color:#184c33}.card.blue{background:#dceeff;border-color:#87afd3;color:#234c79}.card.gold{background:#ffedbd;border-color:#dcb458;color:#684613}.card.wild{background:#e8defb;border-color:#b8a1d6;color:#5a3984}.hand{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.hand button{width:94px;min-height:136px}.hand button.playable{outline:3px solid #30796d;outline-offset:3px}.hand button:disabled{opacity:.72}.hand .card{min-height:136px}.computer{display:flex;gap:7px;flex-wrap:wrap}.back{width:29px;height:42px;border-radius:7px;background:repeating-linear-gradient(45deg,#345b66,#345b66 5px,#406975 5px,#406975 10px);border:1px solid #6e8c95}.meter{padding:10px 18px;background:#e6f0eb;border-radius:20px;font-weight:700}.colourpick{padding:20px;background:#f0eafb;border:2px solid #b8a1d6;border-radius:16px}.colourpick button{margin:4px}.rules{line-height:1.7}.rules li{margin-bottom:7px}[hidden]{display:none!important}@media(max-width:600px){header{padding:18px 16px 6px}main{padding:12px 16px 28px}.activities{gap:8px}.activities button{padding:14px 10px;font-size:15px}.activities small{font-size:11px}.playbox{padding:20px 16px;border-radius:20px}.pictures{font-size:32px;gap:9px}.choices button{padding:10px;font-size:24px}.memory{gap:8px}.memory button{font-size:30px}.card,.hand button{width:78px;min-height:116px}.hand{gap:12px}.tabletop{padding:18px}.tabletop .centre{gap:18px}.card .number{font-size:32px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:no-preference){.playbox{animation:appear .25s ease}@keyframes appear{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}