.hidden-rule{--game-dark:#17261e;--game-cream:#f5f0e5;--game-green:#335b3d;--game-moss:#6f915f;--game-blue:#1766a8;--game-gold:#eea91d}
.hidden-rule button,.hidden-rule input{font:inherit}
.hidden-rule button{cursor:pointer}
.hidden-rule [hidden]{display:none!important}
.game-navigation{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hidden-rule .site2-back{margin-bottom:12px}
.help-button{display:flex;align-items:center;gap:9px;min-height:36px;padding:4px 2px;color:var(--game-dark);border:0;background:none;font:11px/1.6 Site2Pixel,monospace!important}
.help-button span{display:grid;place-items:center;width:25px;height:25px;border:2px solid var(--game-dark);background:var(--game-cream)}
.help-button:hover span{background:var(--game-gold)}
.game{border:3px solid var(--game-dark);background:var(--game-cream);box-shadow:4px 4px 0 var(--game-moss)}
.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 17px;border-bottom:3px solid var(--game-dark);background:var(--game-green)}
body.site2 .site2-middle .game-heading h1{margin:0;font:19px/1.4 Site2Pixel,monospace!important;color:#fffdf8!important}
.level-select-button{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 9px;border:2px solid var(--game-dark);color:var(--game-dark);background:#f5f0e5;font:11px/1.4 Site2Pixel,monospace!important}
.level-select-button:hover{background:#eea91d}
.level-select-button span{font:20px/1 Site2Body,sans-serif}
.puzzle-stage{display:flex;align-items:center;justify-content:center;gap:25px;padding:23px 25px 25px;border-bottom:2px solid #b9b2a5;background:var(--game-cream)}
.mascot-portrait{position:relative;flex:0 0 100px;width:100px;height:106px;overflow:hidden}
body.site2 .site2-middle .mascot-portrait img{position:absolute;top:-15px;left:-9px;width:203px;max-width:none;height:auto}
.question-board{flex:1;max-width:440px;min-width:0;border:2px solid var(--game-dark);background:#fffdf8;box-shadow:3px 3px 0 #a4b391}
.question-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid #b9b2a5;background:#e4e9db}
.question-meta h2{margin:0;font:11px/1.4 Site2Pixel,monospace}
.difficulty-meter{--rating-colour:#6f915f;display:inline-flex;flex-shrink:0;align-items:center;gap:3px}
.difficulty-meter[data-rating="2"]{--rating-colour:#a4b94f}
.difficulty-meter[data-rating="3"]{--rating-colour:#e3be3d}
.difficulty-meter[data-rating="4"]{--rating-colour:#dc8a36}
.difficulty-meter[data-rating="5"]{--rating-colour:#b64c3b}
.difficulty-bar{display:block;width:11px;height:16px;border:1px solid #5d6556;background:#dddcd0}
.difficulty-bar.filled{background:var(--rating-colour);border-color:#17261e}
.target-line{display:flex;align-items:center;justify-content:center;gap:15px;min-height:86px;padding:13px 12px;color:#17261e;font:700 36px/1.2 Site2Body,sans-serif;font-variant-numeric:tabular-nums}
.mystery-symbol{color:#a74738}
#target-result{min-width:32px;color:#1766a8;text-align:center}
.game-desk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:19px;padding:20px}
.desk-controls{min-width:0}
.number-form{margin:0;padding:15px 13px 0;border:2px solid #17261e;background:#e7e3d5;box-shadow:3px 3px 0 #a6b092}
.form-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:13px}
.form-heading h2{margin:0;color:#17261e;font:11px/1.5 Site2Pixel,monospace}
.form-heading>span{color:#54664d;font:11px/1.4 Site2Pixel,monospace;white-space:nowrap}
.test-inputs{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) auto;align-items:center;gap:8px}
.number-form input{width:100%;min-width:0;height:46px;padding:7px 4px;border:2px solid #17261e;border-radius:0;background:#fffdf8;color:#17261e;font:700 22px/1 Site2Body,monospace;text-align:center;caret-color:#a74738}
.number-form input[aria-invalid="true"]{border-color:#a74738}
.input-symbol{color:#a74738;font:18px/1 Site2Pixel,monospace;text-align:center}
.game-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 11px 9px;border:2px solid #17261e;background:#335b3d;box-shadow:0 3px 0 #17261e;color:#fffdf8;font:11px/1.4 Site2Pixel,monospace!important}
.game-button span{font-family:Site2Body,sans-serif;font-size:18px;line-height:1}
.game-button:hover{background:#527545}
.game-button:active{transform:translateY(2px);box-shadow:0 1px 0 #17261e}
.game-button:disabled{cursor:default;transform:none;background:#8a947e;box-shadow:0 2px 0 #63705e;color:#e4e8df}
.number-form input:disabled{color:#5d6658;background:#e7e6de}
.form-feedback{min-height:35px;margin:9px 0 0;color:#87502f;font-size:14px;line-height:1.3}
.form-feedback:empty{min-height:19px;margin-top:5px}
.answer-form{margin-top:18px;background:#e4e9db}
.answer-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;align-items:center}
.answer-button{color:#17261e;background:#eea91d}
.answer-button:hover{background:#efbd53}
.test-sheet{position:relative;min-width:0;padding:0 14px 9px;border:2px solid #17261e;background:#fffdf8;box-shadow:3px 3px 0 #a6b092}
.record-heading{margin:0 -14px 4px;padding:13px 14px 11px;border-bottom:2px solid #17261e;background:#e4e9db}
.record-heading h2{margin:0;font:11px/1.5 Site2Pixel,monospace}
.test-record{padding:0;margin:0;list-style:none}
.test-record li{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:7px;min-height:37px;padding:6px 0;border-bottom:1px dotted #b9b2a5}
.test-record li:last-child{border-bottom:0}
.record-index{color:#a4aa9c;font:11px/1.3 Site2Pixel,monospace}
.record-equation{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;font:700 18px/1.3 Site2Body,monospace;font-variant-numeric:tabular-nums}
.record-equation b{color:#1766a8;overflow-wrap:anywhere}
.test-record li.filled .record-index{color:#54664d}
.test-record li.just-added{animation:paper-appear .18s ease-out}
.solved-stamp{position:absolute;right:14px;bottom:14px;padding:8px;border:2px solid #335b3d;color:#335b3d;background:#f5f0e5;font:12px/1.4 Site2Pixel,monospace}
.rule-reveal{margin-top:18px;padding:15px 13px;border:2px solid #17261e;background:#fffdf8;box-shadow:3px 3px 0 #a6b092}
.rule-reveal h2{margin:0 0 10px;color:#335b3d;font:11px/1.5 Site2Pixel,monospace}
.rule-reveal p{margin:0;font-size:16px;line-height:1.4}
.rule-reveal .reveal-example{margin-top:9px;font-weight:700}
.replay-button{margin-top:14px;padding:9px;border:2px solid #17261e;background:#e4e9db;color:#17261e;font:11px/1.4 Site2Pixel,monospace!important}
.replay-button:hover{background:#eea91d}
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:2px solid #17261e;background:#e7e3d5}
.game-footer button{min-height:38px;padding:8px 10px;border:2px solid #17261e;background:#fffdf8;color:#17261e;font:11px/1.4 Site2Pixel,monospace!important}
.game-footer button:hover:not(:disabled){background:#eea91d}
.game-footer button:disabled{color:#8a9384;border-color:#a8b09f;cursor:default}
#level-progress{font:11px/1.5 Site2Pixel,monospace;color:#335b3d;text-align:center}
.storage-message{margin:0;padding:8px 12px;border-top:1px solid #b9b2a5;color:#87502f;font-size:14px}
.game-help{width:min(430px,calc(100% - 32px));max-height:calc(100% - 32px);padding:27px;border:3px solid #17261e;background:#f5f0e5;box-shadow:6px 6px 0 #17261e;color:#17261e}
.game-help::backdrop{background:#17261ebf}
.game-help h2{margin:0 0 22px;font:15px/1.5 Site2Pixel,monospace}
.game-help p{margin:0 0 17px;font:18px/1.4 Site2Body,sans-serif}
.game-help .dialog-close{position:absolute;top:5px;right:7px;width:36px;height:36px;padding:0;border:0;color:#17261e;background:none;font-size:30px}
.game-help .game-credit{margin:20px 0 0;color:#65705c;font-size:13px}
.game-help .game-button{width:100%}
.level-menu{width:min(560px,calc(100% - 32px));padding:25px}
.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.level-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:78px;padding:10px 6px;border:2px solid #17261e;background:#fffdf8;color:#17261e;box-shadow:2px 2px 0 #a6b092}
.level-tile strong{font:16px/1.4 Site2Pixel,monospace}
.level-tile span{font-size:14px}
.level-tile .level-status{position:absolute;top:3px;right:5px;color:#335b3d;font-weight:700;font-size:16px}
.level-tile[aria-current="true"]{background:#dde7d2}
.level-tile:hover{background:#eed6a2}
.bar-number{display:inline-flex;gap:.12em;height:1em;align-items:center;vertical-align:middle}
.hidden-rule[data-number-style="circles"] .target-line,.hidden-rule[data-number-style="circles"] .record-equation,.hidden-rule[data-number-style="circles"] .number-form input,.hidden-rule[data-number-style="circles"] .form-feedback{font-family:Arial,sans-serif}
.circle-number{display:inline-flex;align-items:center}
.open-four{display:inline-block;width:.56em;height:.78em;overflow:visible}
.bar-digit{position:relative;display:inline-block;width:.57em;height:1em}
.bar-digit>span{position:absolute;display:block;background:currentColor}
.bar-a,.bar-d,.bar-g{left:18%;width:64%;height:10%}
.bar-a{top:0}.bar-g{top:45%}.bar-d{bottom:0}
.bar-b,.bar-c,.bar-e,.bar-f{width:15%;height:34%}
.bar-b{right:0;top:12%}.bar-c{right:0;bottom:12%}.bar-e{left:0;bottom:12%}.bar-f{left:0;top:12%}
@keyframes paper-appear{from{opacity:.4}to{opacity:1}}
@media(min-width:601px) and (max-width:850px){.game-desk{gap:14px;padding:16px}.number-form{padding:13px 11px 0}.test-sheet{padding-right:11px;padding-left:11px}.record-heading{margin-right:-11px;margin-left:-11px}.form-heading{flex-wrap:wrap}.test-inputs{gap:6px}.game-button{padding-right:9px;padding-left:9px}.puzzle-stage{gap:18px;padding:20px}.target-line{font-size:32px;gap:12px}}
@media(max-width:600px){body.site2 .site2-middle .game-heading h1{font-size:16px!important}.game-heading{padding:11px 12px;min-height:54px}.puzzle-stage{gap:12px;padding:17px 13px 19px}.mascot-portrait{flex-basis:76px;width:76px;height:88px}body.site2 .site2-middle .mascot-portrait img{width:158px;left:-7px;top:-7px}.target-line{min-height:72px;font-size:28px;gap:9px;padding:12px 8px}.question-meta{padding:9px}.game-desk{grid-template-columns:1fr;gap:17px;padding:16px}.form-heading{flex-wrap:wrap}.number-form{padding:15px 13px 0}.test-record li{min-height:34px}.record-heading{padding-top:11px;padding-bottom:10px}.game-footer{padding:9px}.game-footer button{padding:8px}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.level-menu{padding:24px 16px 19px}}
@media(max-width:380px){.help-button{gap:5px}.puzzle-stage{gap:8px;padding-right:10px;padding-left:10px}.mascot-portrait{flex-basis:55px;width:55px;height:75px}body.site2 .site2-middle .mascot-portrait img{width:122px;left:-7px;top:-1px}.target-line{gap:7px;font-size:26px}.question-meta{gap:6px}.level-select-button{padding:6px;font-size:11px!important}.game-footer button{font-size:11px!important;padding:8px 6px}#level-progress{font-size:11px}}
@media(prefers-reduced-motion:reduce){.test-record li.just-added{animation:none}.game-button:active{transform:none}}