@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Kalam:wght@400;700&display=swap');
:root{color-scheme:light;--paper:#f3f0e6;--ink:#203d32;--green:#193f34;--chalk:#f6f2df;--yellow:#ebcd77}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:radial-gradient(#38513a0c .8px,transparent .8px);background-size:5px 5px}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{max-width:1200px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-weight:700;font-size:21px;letter-spacing:-1px}.brand span{font-weight:400;letter-spacing:0;font-size:12px;color:#6b7666;margin-left:15px}.help-button{border:1px solid #b5beae;background:transparent;border-radius:50%;width:34px;height:34px;font-weight:700}main{max-width:880px;margin:38px auto 0;padding:0 28px}.intro{text-align:center;margin-bottom:42px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.dot{width:6px;height:6px;background:#749267;border-radius:50%}h1{font-family:'Kalam',cursive;font-size:76px;font-weight:700;letter-spacing:-3px;line-height:1.2;margin:13px 0 5px;transform:rotate(-2deg)}.title-dot{color:#b58a37}.intro p{font-size:14px;color:#697264}.board-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:700;margin:0 5px 13px}.board{background:var(--green);color:var(--chalk);padding:34px 42px 22px;border:7px solid #8a6b46;outline:1px solid #6c5038;border-radius:3px;box-shadow:inset 0 0 55px #0a271c88,0 18px 40px #24351a13;background-image:radial-gradient(ellipse at 25% 0%,#ffffff0a,transparent 60%)}.board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4dfc12a;padding-bottom:16px;gap:12px}.subject{font-size:9px;letter-spacing:1.5px;color:#c3d1b9}.chalk-mark{font-family:'Kalam',cursive;font-size:22px;transform:rotate(-7deg);opacity:.55}h2{font-family:'Kalam',cursive;font-size:28px;font-weight:400;margin:26px 0 4px}.source{font-size:11px;color:#b9c9b0;margin:0 0 24px}#statement{font-size:16px;line-height:1.85;color:#f0efdf;white-space:pre-wrap}#statement p{margin:0 0 18px}fieldset{border:0;padding:0;margin:26px 0 20px}legend{font-size:11px;color:#bacdb5;margin-bottom:12px}#options{display:grid;gap:9px}.option{position:relative;display:flex;gap:13px;align-items:center;padding:12px 15px;border:1px solid #c8d8bc3b;border-radius:4px;cursor:pointer;transition:.15s;font-size:14px;line-height:1.5}.option:hover{background:#ffffff09;border-color:#d3ddc885}.option input{position:absolute;opacity:0;width:1px;height:1px}.letter{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid #b5c8ac66;border-radius:50%;font-size:11px}.option:has(input:checked){background:#eacd7718;border-color:var(--yellow)}.option:has(input:checked) .letter{background:var(--yellow);color:var(--green);border-color:var(--yellow)}.option:has(input:focus-visible){outline:3px solid var(--yellow);outline-offset:2px}.option.correct{border-color:#b1d7a0;background:#b1d7a018}.option.wrong{border-color:#e9a998;background:#e9a99815}.submit{display:flex;justify-content:space-between;gap:25px;width:100%;padding:16px 20px;border:0;border-radius:3px;background:var(--yellow);color:#253d2d;font-weight:700;font-size:13px}.submit:disabled{opacity:.45;cursor:default}.submit:not(:disabled):hover{background:#f7d988}.board-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:29px;padding-top:17px;border-top:1px solid #d4dfc12a;font-size:10px;color:#b9c9b0}.board-bottom span:last-child{font-size:17px}.ledge{height:12px;background:linear-gradient(#ac875a,#735434);margin:0 -5px;box-shadow:0 7px 8px #43301f20;position:relative;border-radius:0 0 2px 2px}.ledge i{position:absolute;right:55px;top:-5px;width:31px;height:6px;background:#eee7d5;border-radius:2px;transform:rotate(-4deg)}.ledge i+i{right:90px;background:#e3cb7d;transform:rotate(3deg)}.ledge b{position:absolute;left:29px;top:-9px;width:56px;height:10px;border-radius:3px 3px 0 0;background:#b5a18a;border-bottom:3px solid #59483c}.after-board{display:flex;justify-content:space-between;gap:24px;margin:32px 5px 48px}.small-label{font-size:9px;letter-spacing:1.4px;font-weight:700}.after-board strong{display:block;font-size:27px;letter-spacing:3px;font-variant-numeric:tabular-nums;margin:7px 0}.timezone{font-size:10px;color:#788071}.after-board p{font-size:11px;line-height:1.9;color:#74806d;margin:0;text-align:right}.after-board em{font-family:'Kalam',cursive;font-size:16px;color:#456347}footer{max-width:1200px;margin:auto;padding:23px 40px;border-top:1px solid #cbd0bf;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#788071}footer a{text-decoration:none;font-weight:700}dialog{border:1px solid #aeb9a1;border-radius:8px;max-width:440px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);padding:32px}dialog::backdrop{background:#0c291ecc;backdrop-filter:blur(4px)}dialog p{font-size:14px;line-height:1.8}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:25px;color:var(--ink)}#result{margin-top:22px;padding:20px;border:1px dashed #c3d1b977;border-radius:4px}#result h3{font-family:'Kalam',cursive;font-size:26px;font-weight:400;margin:0 0 8px}#result p{font-size:13px;line-height:1.7}#result button{margin-top:14px}.notice{font-size:13px;color:var(--yellow)}button:focus-visible,a:focus-visible{outline:3px solid #b9923d;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px}.brand span{display:none}main{margin-top:26px;padding:0 17px}.intro{margin-bottom:30px}h1{font-size:59px}.intro p{font-size:12px}.eyebrow{font-size:8px}.board{padding:22px 19px 16px;border-width:5px}.subject{font-size:8px;letter-spacing:1px}.chalk-mark{font-size:19px}h2{font-size:25px}#statement{font-size:15px;line-height:1.8}.option{padding:11px 10px;font-size:14px}.board-bottom{font-size:9px}.after-board{gap:15px;margin-bottom:34px}.after-board p{font-size:9px}.small-label{font-size:8px;letter-spacing:1px}.after-board strong{font-size:23px}.timezone{font-size:9px}footer{padding:20px;font-size:9px;flex-wrap:wrap}}

.table-wrap{overflow-x:auto;margin:20px 0;max-width:100%;white-space:normal}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6}th,td{text-align:left;padding:10px 9px;border:1px solid #b8c9ad50;overflow-wrap:anywhere}th{font-weight:600;background:#ffffff0b}#statement{overflow-wrap:break-word}@media(max-width:600px){table{font-size:11px}th,td{padding:7px 5px}}
.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}.board>h2{margin-top:0}.board{padding-bottom:32px}.after-board{justify-content:center;text-align:center}footer{justify-content:center}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100}.confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:13px;background:var(--color);animation:confetti-fall 2s var(--delay) ease-in forwards}@keyframes confetti-fall{to{transform:translate(var(--drift),110vh) rotate(700deg);opacity:0}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}
h1{animation:title-breathe 4s ease-in-out infinite;transform-origin:center}@keyframes title-breathe{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(-2deg) scale(1.015)}}footer{justify-content:space-between}@media(prefers-reduced-motion:reduce){h1{animation:none}}