:root{--ink:#073b4c;--sun:#ffd166;--mint:#06d6a0;--ocean:#118ab2;--cream:#fff8ec;--shadow:0 6px 0 #073b4c30,0 12px 24px #073b4c20}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#7fd6f5,#48cae4 35%,#118ab2);background-attachment:fixed;color:var(--ink);font:500 18px/1.45 Fredoka,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:600 18px Fredoka,system-ui,sans-serif;min-height:50px;border:3px solid var(--ink);border-radius:18px;background:var(--cream);color:var(--ink);padding:12px 20px;box-shadow:0 4px 0 #073b4c30;cursor:pointer}button:hover:not(:disabled),.game-card:hover{transform:translateY(-2px)}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #8a32a4;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1040px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar a,.treasure{min-height:48px;padding:9px 14px;border:3px solid var(--ink);border-radius:28px;background:var(--cream);box-shadow:var(--shadow);font-size:16px;font-weight:600}.treasure{background:var(--sun)}.treasure b{font-size:23px;margin-left:5px}main{max-width:1000px;padding:6px 24px 50px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 4px 22px}.masthead p{margin:8px 0;color:var(--ink)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,.game-card strong{font-family:'Baloo 2',Fredoka,system-ui,sans-serif}h1{font-size:clamp(34px,5vw,53px);line-height:1.02;margin:4px 0;color:white;text-shadow:0 3px 0 #118ab2,0 5px 0 #073b4c40}h1 span{color:var(--sun)}.beep{width:104px;height:104px;object-fit:cover;border:4px solid white;border-radius:50%;box-shadow:var(--shadow);background:#ffedb9;flex:none}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-card{border:3px solid var(--ink);border-radius:24px;background:var(--cream);box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;gap:15px}.game-card:nth-child(2){background:#d9fff0}.game-card:nth-child(3){background:#ffebb8}.game-card:nth-child(4){background:#ffe0ea}.game-card:nth-child(5){background:#e9e0ff}.game-card>span{flex:1}.game-card small{font-size:13px;font-weight:600}.game-card strong{display:block;font-size:27px;line-height:1.1}.game-card em{display:block;font-size:15px;font-style:normal;margin-top:5px}.game-card>b{border:3px solid var(--ink);border-radius:24px;background:var(--mint);padding:9px 12px;font-size:17px}.mini-art{width:60px;height:60px;flex:none}.packet{border:3px solid var(--ink);border-radius:20px;background:var(--cream);padding:12px 18px;margin-top:28px;font-size:16px}.packet summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:600}.game-panel,.finish{background:var(--cream);border:3px solid var(--ink);border-radius:27px;padding:22px;box-shadow:var(--shadow);text-align:center}.game-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiet{font-size:15px;padding:10px 14px}.game-head>span{font-size:15px;font-weight:600}h2{font-size:32px;line-height:1.1;margin:20px 0 12px}h2:focus{outline:none}.prompt{font-size:24px;font-weight:600;margin:14px 0 20px}.passage{font-size:18px;text-align:left;border-left:5px solid var(--ocean);padding:12px 16px;border-radius:0 12px 12px 0;background:#e0f4fa}.answers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.answer{font-size:25px;min-width:100px;min-height:62px;background:#ffe7a1;max-width:100%}.answer:nth-child(2n){background:#b9f1df}.answer:nth-child(3n){background:#e1d4ff}.answer.wrong{outline:2px dashed #ae584d;background:#ffe0d6}.answer.correct{background:#06d6a0;opacity:1;outline:none}.game-tools{display:flex;justify-content:center;gap:15px}.primary{background:var(--mint)}#feedback{font-size:19px;min-height:34px;margin:22px 0}.art-box{max-width:640px;margin:16px auto;background:#e7f7fa;border:2px solid #73bdcf;border-radius:18px;overflow:hidden}#activity{display:block;width:100%;aspect-ratio:640/230}.finish button{margin:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){main{padding:0 12px 35px}.topbar{padding:12px}.topbar a,.treasure{font-size:13px;padding:8px 10px}.masthead{padding-bottom:20px}.beep{width:76px;height:76px}.masthead p:last-child{font-size:15px}.eyebrow{font-size:10px}.game-grid{grid-template-columns:1fr;gap:16px}.game-card{padding:16px;gap:12px}.game-card strong{font-size:25px}.mini-art{width:48px;height:48px}.game-card>b{padding:8px 10px}.game-panel{padding:15px 12px}.game-head>span{font-size:12px}.quiet{font-size:13px;padding:9px 10px}h2{font-size:28px}.prompt{font-size:21px}.answer{font-size:21px;padding:12px;min-width:75px;min-height:57px}.answers{gap:10px}.passage{font-size:17px;padding:10px 12px}#feedback{font-size:17px}.art-box{margin:14px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}