@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#101728;color:#f2f6ff;--mint:#28e0bc;--line:#2b3555;--muted:#b1bdd4}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4%;border-bottom:1px solid var(--line);background:#141d33}header a,.quiet{background:#18233d;border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:14px;font-weight:600;color:#e8eefb}.quiet:hover,header a:hover{background:#253452}.school{font-size:12px;letter-spacing:2px;color:var(--muted)}main{max-width:1060px;margin:auto;padding:36px 30px;min-height:calc(100svh - 128px)}h1,h2,.table-number,.tile,.big-score{font-family:'Fredoka',sans-serif}h1{font-weight:600;color:var(--mint);font-size:clamp(32px,5vw,50px);margin:0 0 10px;text-align:center}p{line-height:1.6}.intro{text-align:center;color:var(--muted);margin:0 0 10px}.rules{text-align:center;font-size:14px;color:#c4cfe2;margin:0 0 30px}.table-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:860px;margin:auto}.table-button{border:2px solid var(--line);border-radius:18px;min-height:138px;background:#18223c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#f4f7ff;box-shadow:0 3px 0 #0a1020}.table-button:hover:not(:disabled){border-color:var(--mint);background:#1d3045}.table-button:disabled{background:#121c30;color:#8390ac;border-color:#202b45}.table-number{font-size:34px;font-weight:600}.table-meta{font-size:13px;color:var(--mint);min-height:20px}.table-button:disabled .table-meta{color:#9ca9c2}.lock-icon{width:21px;height:21px;vertical-align:middle;margin-right:8px}.round-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.score-timer{display:flex;align-items:center;gap:22px}.score{text-align:center}.score span{display:block;font-size:11px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.score strong{font-family:'Fredoka',sans-serif;font-size:29px}.timer{height:66px;width:66px;border-radius:50%;border:3px solid var(--mint);background:#16313a;display:grid;place-content:center;color:var(--mint);font-family:'Fredoka',sans-serif;font-size:27px;font-variant-numeric:tabular-nums}.timer.urgent{border-color:#ffcc7e;color:#ffcc7e;background:#342d2b}.table-name{color:var(--mint);font-weight:700}.play-instructions{text-align:center;color:var(--muted);font-size:14px;margin:0 0 20px}.board{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:670px;margin:auto}.column{display:grid;grid-template-rows:repeat(5,1fr);gap:13px}.tile{border:2px solid var(--line);border-radius:12px;min-height:78px;background:#19233d;color:#f3f6ff;font-size:29px;font-weight:500;box-shadow:0 3px 0 #0c1323;width:100%}.tile:hover:not(:disabled){background:#243551}.tile.selected{border-color:var(--mint);color:var(--mint);box-shadow:0 0 12px #28e0bc25}.tile.correct{background:#08775f;color:white;border-color:#28e0bc}.tile.incorrect{border-color:#ff8c94;box-shadow:0 0 0 1px #ff8c9470}.tile.gone{visibility:hidden}.status{text-align:center;min-height:26px;font-size:14px;color:var(--muted);margin:17px 0 0}.status.wrong{color:#ffb9be}.result{text-align:center;max-width:620px;margin:25px auto}.sparkle{color:#ffdc9b;font-size:50px;margin-bottom:14px}.big-score{font-size:90px;font-weight:500;color:white;line-height:1.15}.result-label{color:var(--muted);margin:0 0 23px}.result-message{font-size:20px;margin:0 auto 24px;max-width:550px}.best{color:var(--mint);font-size:15px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}.primary{background:var(--mint);color:#092820;border:1px solid var(--mint);border-radius:12px;font-weight:700;padding:14px 24px;font-size:16px}.primary:hover{background:#68efd2}footer{text-align:center;color:var(--muted);font-size:12px;padding:12px 18px 20px}dialog{max-width:420px;border:1px solid var(--line);border-radius:18px;background:#17213a;color:#f4f7ff;padding:28px}dialog::backdrop{background:#05091dcc}dialog h2{font-size:28px;margin-top:0}dialog p{color:var(--muted)}dialog .actions{justify-content:flex-start}.skip{position:fixed;top:-100px;left:12px;background:white;color:#101728;padding:12px;z-index:20}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){header{padding:12px 16px;gap:8px}.school{display:none}header a,.quiet{padding:10px 12px;font-size:13px}main{padding:25px 16px}.table-grid{grid-template-columns:repeat(3,1fr);gap:10px}.table-button{min-height:104px;border-radius:13px}.table-number{font-size:27px}.table-meta{font-size:12px}.rules{margin-bottom:22px}.board{gap:20px}.tile{min-height:70px;font-size:27px}.column{gap:12px}.round-bar{gap:8px}.score-timer{gap:12px}.timer{width:56px;height:56px;font-size:24px}.table-name{font-size:14px}.round-bar .quiet{padding:10px 8px;font-size:12px}.play-instructions{font-size:13px}.result-message{font-size:18px}.result{margin-top:15px}}@media(max-height:740px){.tile{min-height:59px}.column{gap:10px}main{padding-top:20px}.play-instructions{margin-bottom:14px}.status{margin-top:12px}}@media(prefers-reduced-motion:no-preference){.tile{transition:background .12s,border-color .12s}.sparkle{animation:shimmer .9s ease-out}@keyframes shimmer{from{transform:scale(.5);opacity:.3}to{transform:scale(1);opacity:1}}}

.mixed-level{grid-column:1/-1;min-height:105px}.mixed-level .table-number{font-size:28px}

.table-button{position:relative}.mastery-star{position:absolute;width:43px;height:43px;top:-10px;right:-9px;filter:drop-shadow(0 3px 3px #0006);pointer-events:none}.mastery-prompt{max-width:760px;margin:20px auto 10px;padding:16px 22px;text-align:center;color:#ffe29a;background:#30291b;border:1px solid #b78b39;border-radius:14px;font-weight:700;font-size:19px}.sparkle .mastery-star{position:static;width:76px;height:76px}@media(max-width:650px){.mastery-star{width:35px;height:35px;top:-8px;right:-6px}.mastery-prompt{font-size:16px}}