#math-support{margin:8px auto}#math-support p{margin:4px}.math-groups{display:flex;gap:16px;justify-content:center;align-items:center}.math-group,.math-frame{display:grid;grid-template-columns:repeat(5,16px);gap:5px;padding:6px;border:1px solid #8eae9b;border-radius:5px}.math-group i,.math-frame i{width:16px;height:16px;border:1px solid #a1bcb2;border-radius:50%;display:block}.math-group i.filled,.math-frame i.filled{background:#e0b854;border-color:#f8dc90}
@media(max-height:550px){#math-support p{font-size:12px}.math-group,.math-frame{gap:3px;padding:4px}}
@media(max-height:550px){#puzzle.practice-puzzle{padding:8px 20px}#puzzle.practice-puzzle .portrait,#puzzle.practice-puzzle #quest-intro{display:none}#puzzle.practice-puzzle h2{font-size:23px;margin:2px 36px 4px}#puzzle.practice-puzzle #story{margin:2px;font-size:12px}#puzzle.practice-puzzle #equation{font-size:28px;padding:3px;margin:4px 0}#puzzle.practice-puzzle #math-support{margin:4px auto}#puzzle.practice-puzzle .answer-row input{height:44px;padding:6px}#puzzle.practice-puzzle .answer-row button{height:44px;min-height:44px;padding:6px}#puzzle.practice-puzzle #feedback{min-height:16px;font-size:12px;margin:3px}#puzzle.practice-puzzle .easy-question{min-height:36px;padding:6px;margin:4px auto}}
@media(max-height:550px){.setup-panel{padding:8px 20px}.setup-panel form>.eyebrow,.setup-panel form>.note{display:none}.setup-panel h2{font-size:23px;margin:2px 0 6px}.setup-panel fieldset{margin:4px 0}.setup-panel .hero-option .hero-art{height:40px;width:30px}.setup-panel .hero-option{padding:3px}.setup-panel .field-label{margin:4px 0}.setup-panel .note{font-size:11px;line-height:1.3}.setup-panel .setup-actions{bottom:-8px;padding:4px 0;margin:4px 0}.setup-panel input[type=text]{height:44px;padding:6px}}
#worksheet{text-align:center;margin:6px 0}#worksheet-toggle{border:1px solid #9aa88b;border-radius:5px;color:#f2dfab}#worksheet-panel{margin:8px 0;padding:10px;background:#eee8d5;color:#263e3c;border-radius:8px}#worksheet-guide{font-size:13px;margin:0 0 8px!important;color:#263e3c}.worksheet-scroll{max-width:100%;overflow-x:auto;padding-bottom:4px}.worksheet-grid{display:grid;grid-template-columns:repeat(var(--columns),48px);grid-auto-rows:44px;width:max-content;margin:auto;background:#faf6e9}.worksheet-cell{display:flex;align-items:center;justify-content:center;min-width:0;width:48px;height:44px;border:1px solid #b7c7c4!important;border-radius:0!important;background:transparent;color:#243c39;font:24px monospace;padding:0!important;text-align:center;box-shadow:none!important}.worksheet-grid input.worksheet-cell{width:48px;font:24px monospace}.worksheet-grid .place-name{font:9px sans-serif}.worksheet-grid .row-name{font:11px sans-serif}.worksheet-grid .note-cell{color:#255c89;font-size:19px;background:#e8f1f5}.worksheet-grid .answer-cell{border-top:3px solid #344e46!important;background:#fffdf4}.worksheet-grid .crossed{text-decoration:line-through;text-decoration-thickness:3px;color:#8a6150}.worksheet-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 0}#worksheet-status{font-size:12px;margin:4px 0;color:#743c24}#worksheet-status:empty{display:none}.worksheet-grid input:focus-visible,.worksheet-grid button:focus-visible{outline:3px solid #af7d2e;outline-offset:-3px}
@media(max-height:550px){#worksheet-panel{padding:6px}#worksheet-guide{font-size:12px}.worksheet-grid{grid-auto-rows:44px}#puzzle.practice-puzzle:has(#worksheet-panel:not([hidden])) #quest-intro,#puzzle.practice-puzzle:has(#worksheet-panel:not([hidden])) #story{display:none}}
#worksheet-panel .quiet{color:#304e48}#puzzle:has(#worksheet-panel:not([hidden]))>.close{position:sticky;top:0;float:right;margin-right:-12px}#puzzle:has(#worksheet-panel:not([hidden])) #quest-intro,#puzzle:has(#worksheet-panel:not([hidden])) #story{display:none}