.chimp-intro{margin:18px 0 16px}.chimp-intro h2{font-size:24px;margin:8px 0}.chimp-intro p{font-size:17px;color:#617184;line-height:1.7}.chimp-example{display:grid;grid-template-columns:1fr 24px 1fr;gap:12px;align-items:center;max-width:360px;margin:20px auto 24px}.chimp-example>div>span{display:block;font-size:15px;text-align:center;margin-top:8px;color:#566880}.chimp-example>i{font-style:normal;text-align:center;color:#6683a5;font-size:23px}.chimp-example .chimp-cell{font-size:22px;min-height:0;aspect-ratio:1;border-radius:8px;border-width:1.5px}.chimp-example .chimp-grid{gap:5px;padding:9px;background:#e4eaf8;border-radius:14px}
.chimp-modes{display:grid;gap:10px}.chimp-modes button{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #d2dced;border-radius:16px;background:#f5f7fc;color:#2d4368;padding:14px}.chimp-modes button.active{background:#e8edfc;border-color:#667db8}.chimp-modes button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:6px}.chimp-modes strong{font-size:21px}.chimp-modes small{font-size:16px;color:#566886}.chimp-modes b{font-size:22px}.chimp-mode-icon{font-size:33px;color:#637cad;width:36px;text-align:center}.chimp-level-picker{display:flex;flex-direction:column;gap:10px;margin-top:20px}.chimp-level-picker select{width:100%;min-width:0;font-size:17px}.chimp-route{margin:22px 0}.chimp-route h2{font-size:22px}.chimp-route>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.chimp-route>div>span{border-left:3px solid #94a5cd;padding:8px 12px;display:flex;flex-direction:column;gap:7px}.chimp-route small,.chimp-route em{font-size:15px;font-style:normal;color:#61728c}.chimp-route b{font-size:20px}.chimp-route>p,.chimp-rules{font-size:16px;line-height:1.8;color:#54677e}.chimp-rules summary{font-weight:700;font-size:19px;cursor:pointer}.chimp-rules ol{padding-left:24px;margin:16px 0 0}
.chimp-play,.chimp-result{max-width:560px;margin:auto}.chimp-play .game-head{margin-bottom:12px}.chimp-play .game-head h2{font-size:23px}.chimp-statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 12px;font-size:17px;color:#536681}.chimp-statusbar b{font-size:22px;color:#30496b}.chimp-clock{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.chimp-clock.urgent{color:#b3473a}.chimp-step-strip{display:flex;align-items:center;gap:10px;font-size:14px;color:#62758f;margin-bottom:12px}.chimp-step-strip>div{height:5px;background:#d7dfef;border-radius:8px;flex:1;overflow:hidden}.chimp-step-strip i{display:block;height:100%;background:#788bc3;transition:width .15s}.chimp-step-strip b{font-weight:600;min-width:32px;text-align:right}.chimp-play .play-panel.chimp-panel{padding:14px;min-height:0;background:#e3eafa;border:1px solid #becce6;border-radius:22px;box-shadow:none;margin:0}.chimp-grid{display:grid;grid-template-columns:repeat(var(--chimp-size),minmax(0,1fr));grid-template-rows:repeat(var(--chimp-size),minmax(0,1fr));gap:clamp(5px,1.8vw,10px);width:100%;aspect-ratio:1}.chimp-grid .chimp-cell{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-width:0;min-height:0;padding:0;width:100%;height:100%;border:2px solid #9aadd3;border-radius:12px;background:#f9fbff;color:#2d4470;font-weight:750;font-size:clamp(24px,7vw,40px);font-variant-numeric:tabular-nums;line-height:1;box-shadow:0 2px 2px #7186aa18;touch-action:manipulation;transition:background .12s,border-color .12s;opacity:1}.chimp-grid .chimp-cell:focus-visible{outline:3px solid #d49931;outline-offset:1px}.chimp-grid .chimp-hit{background:#c7dfd8;border-color:#8db9ab;color:#367764;box-shadow:none;font-size:25px}.chimp-grid .chimp-wrong{background:#f5d6d0;border-color:#ba5448;color:#9c362b}.chimp-grid .chimp-expected{outline:3px solid #286eac;outline-offset:-5px;background:#dceeff}.chimp-cell small{font-size:14px;position:absolute;bottom:3px;right:5px}.chimp-dense .chimp-cell{font-size:clamp(19px,5vw,27px);border-radius:8px}.chimp-dense .chimp-hit{font-size:20px}.chimp-status{margin:18px 2px 12px;min-height:70px}.chimp-status strong{font-size:22px;color:#304f7f}.chimp-status p{font-size:17px;line-height:1.6;color:#61718a;margin:7px 0}.chimp-status.failed strong{color:#a84d3f}.chimp-status.passed strong{color:#2b7966}.chimp-round-actions{display:grid;gap:12px;margin:14px 0}.chimp-round-actions button{min-height:52px}.chimp-stop{margin:8px 0;min-height:44px}.chimp-mode-caption{text-align:center;font-size:15px}.chimp-play .focus-in-play{margin:20px 0}
.chimp-result-hero{background:#e9eefa;border:1px solid #c4d1eb;border-radius:24px;padding:26px 18px;text-align:center}.chimp-result-number{font-size:72px;color:#47639c;font-weight:800;line-height:1.25;margin:12px 0 4px}.chimp-result-number small{font-size:22px;font-weight:600;margin-left:8px}.chimp-result-hero>p{font-size:17px;color:#5d7192;margin:5px 0 16px}.chimp-result-hero h2{font-size:23px;line-height:1.5}.chimp-personal-best{display:inline-block;font-size:15px;padding:7px 12px;background:#dce5f8;border-radius:20px;margin-top:14px;color:#45618e}.chimp-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:24px 0}.chimp-result-stats>div{display:flex;flex-direction:column;gap:6px}.chimp-result-stats b{font-size:28px}.chimp-result-stats span{font-size:14px;color:#64768c}.chimp-advice{display:flex;align-items:flex-start;gap:14px;border-top:1px solid #c5d4e4;border-bottom:1px solid #c5d4e4;padding:20px 4px;margin-bottom:24px}.chimp-advice>span{font-size:28px;color:#748bc0}.chimp-advice h3{font-size:19px;margin:0 0 6px}.chimp-advice p{font-size:17px;line-height:1.7;margin:0;color:#60728a}.chimp-review summary{font-size:18px;font-weight:700;cursor:pointer}.chimp-review p{font-size:15px;line-height:1.8;margin:14px 0}.chimp-review .chimp-grid{padding:8px;background:#e3eafa;border-radius:14px}.chimp-round-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #d9e1ec;font-size:17px}.chimp-round-list>div>span:nth-child(2){flex:1}.chimp-round-list small{display:block;font-size:14px;margin-top:6px;color:#63768b}.chimp-round-list strong{font-size:15px;white-space:nowrap}.chimp-round-mark{display:grid;place-items:center;width:30px;height:30px;background:#e8ecf5;border-radius:50%;color:#73829a;font-weight:700;flex:none}.chimp-round-mark.ok{background:#d9ece3;color:#2e7d60}.art-chimp .piece:nth-child(2n){background:#8496c1!important;color:#fff!important}
html[data-theme=dark] .chimp-example>i,html[data-theme=dark] .chimp-intro p,html[data-theme=dark] .chimp-example>div>span,html[data-theme=dark] .chimp-status p,html[data-theme=dark] .chimp-route small,html[data-theme=dark] .chimp-route em,html[data-theme=dark] .chimp-route>p,html[data-theme=dark] .chimp-rules,html[data-theme=dark] .chimp-statusbar,html[data-theme=dark] .chimp-step-strip,html[data-theme=dark] .chimp-result-stats span,html[data-theme=dark] .chimp-advice p,html[data-theme=dark] .chimp-round-list small{color:#b8c7dd}html[data-theme=dark] .chimp-statusbar b{color:#e1eafa}html[data-theme=dark] .chimp-modes button{background:#253347;border-color:#465d7e;color:#e1eafa}html[data-theme=dark] .chimp-modes button.active{background:#344968;border-color:#a5b9e6}html[data-theme=dark] .chimp-modes small{color:#c0cde2}html[data-theme=dark] .chimp-mode-icon{color:#adc1ed}html[data-theme=dark] .chimp-play .play-panel.chimp-panel,html[data-theme=dark] .chimp-example .chimp-grid,html[data-theme=dark] .chimp-review .chimp-grid{background:#202e43;border-color:#586c8e}html[data-theme=dark] .chimp-grid .chimp-cell{background:#344664;border-color:#758bab;color:#edf3ff;box-shadow:none}html[data-theme=dark] .chimp-grid .chimp-hit{background:#284c47;border-color:#547e71;color:#a0dcc4}html[data-theme=dark] .chimp-grid .chimp-wrong{background:#663e3b;border-color:#df9c91;color:#ffe1dc}html[data-theme=dark] .chimp-grid .chimp-expected{background:#345777;outline-color:#a7d7ff}html[data-theme=dark] .chimp-status strong{color:#b4c8f4}html[data-theme=dark] .chimp-status.failed strong,html[data-theme=dark] .chimp-clock.urgent{color:#ffb6aa}html[data-theme=dark] .chimp-status.passed strong{color:#9adbc2}html[data-theme=dark] .chimp-step-strip>div{background:#344961}html[data-theme=dark] .chimp-step-strip i{background:#a6b8e5}html[data-theme=dark] .chimp-result-hero{background:#273b56;border-color:#536d93}html[data-theme=dark] .chimp-result-number{color:#bfd1ff}html[data-theme=dark] .chimp-result-hero>p{color:#b8c9e3}html[data-theme=dark] .chimp-personal-best{background:#3d5275;color:#dbe7ff}html[data-theme=dark] .chimp-advice,html[data-theme=dark] .chimp-round-list>div{border-color:#48607c}html[data-theme=dark] .chimp-round-mark{background:#3e4d64;color:#cfdaef}html[data-theme=dark] .chimp-round-mark.ok{background:#2c5147;color:#ace4c9}
@media(max-width:380px){.chimp-play .game-head h2{font-size:20px}.chimp-play .game-head .back{padding:8px 0}.chimp-play .game-head [data-action=pause]{padding:8px}.chimp-play .play-panel.chimp-panel{padding:10px}.chimp-statusbar{font-size:15px}.chimp-statusbar b{font-size:19px}.chimp-clock{font-size:17px}.chimp-dense .chimp-cell{font-size:18px;border-width:1.5px}.chimp-grid{gap:5px}.chimp-status strong{font-size:20px}.chimp-modes small{font-size:15px}}
