:root{--desk:#e9e6df;--paper:#fff;--ink:#26221c;--rule:#cdc7ba;--rule-strong:#8f887a;--faint:#877f70;--red:#c93a2e;--blue:#2b5cbf;--green:#2f8a4c;--serif:"Hiragino Mincho ProN", "Yu Mincho", "BIZ UDMincho", serif;color:var(--ink);background:var(--desk);-webkit-font-smoothing:antialiased;font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{overscroll-behavior:none;height:100%;margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.paper{background:var(--paper);border:1px solid var(--rule);border-radius:4px;box-shadow:0 1px 2px #26221c14,0 6px 18px #26221c12}.title-screen,.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:24px;display:flex}.cover{width:min(94vw,560px);padding:28px 22px calc(28px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:16px;display:flex}.app-title{font-family:var(--serif);letter-spacing:clamp(6px,2.4vw,12px);text-indent:clamp(6px,2.4vw,12px);white-space:nowrap;color:var(--ink);border:1px solid var(--ink);outline:3px solid var(--ink);outline-offset:3px;margin:0;padding:14px clamp(14px,5vw,26px);font-size:clamp(30px,9vw,46px);font-weight:600}.app-subtitle{letter-spacing:2px;white-space:nowrap;color:var(--faint);margin:4px 0 0;font-size:13px}.offline-badge{letter-spacing:1px;color:var(--green);border:1px solid var(--green);border-radius:999px;margin:0;padding:3px 12px;font-size:11px}.difficulty-picker{border:1.5px solid var(--rule-strong);border-radius:6px;gap:0;display:flex;overflow:hidden}.difficulty-btn{background:var(--paper);color:var(--faint);padding:12px 20px;font-size:16px}.difficulty-btn+.difficulty-btn{border-left:1.5px solid var(--rule-strong)}.difficulty-btn.active{background:var(--ink);color:var(--paper);font-weight:700}.mode-picker{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mode-btn{color:#fff;border-radius:8px;padding:14px 30px;font-size:20px;font-weight:700;box-shadow:0 2px 4px #26221c2e}.mode-btn.omakase{background:var(--red)}.mode-btn.nigate{background:var(--blue)}.mode-btn:active{box-shadow:none;transform:translateY(2px)}.genre-heading{letter-spacing:2px;color:var(--faint);margin:10px 0 0;font-size:13px;font-weight:700}.genre-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%;display:grid}.genre-btn{background:var(--paper);color:var(--ink);border:1.5px solid var(--rule);text-align:left;border-radius:4px;align-items:center;gap:8px;padding:12px;font-size:15px;display:flex}.genre-no{font-family:var(--serif);color:var(--faint);border-bottom:1px solid var(--rule-strong);text-align:center;flex-shrink:0;min-width:1.4em;font-size:13px}.genre-btn:active{border-color:var(--ink);background:#f6f4ef}.start-btn{background:var(--red);color:#fff;border-radius:8px;padding:16px 56px;font-size:24px;font-weight:700;box-shadow:0 2px 4px #26221c2e}.start-btn:active{box-shadow:none;transform:translateY(2px)}.ghost-btn{color:var(--faint);background:0 0;padding:10px 24px;font-size:15px;text-decoration:underline}.problem-screen{min-height:100svh;padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex;position:relative}.problem-header{z-index:6;align-items:center;gap:12px;display:flex;position:relative}.problem-count{font-family:var(--serif);color:var(--ink);min-width:52px;font-size:20px;font-weight:600}.timer-track{background:#dedacf;border-radius:999px;flex:1;height:6px;overflow:hidden}.timer-fill{border-radius:999px;height:100%;transition:background .3s}.icon-btn{background:var(--paper);border:1.5px solid var(--rule);border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.icon-btn.active{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#f6f4ef}.icon-btn:disabled{opacity:.35}.problem-paper{flex-direction:column;flex:1;gap:12px;padding:14px 14px 16px;display:flex;overflow:hidden}.problem-instruction{font-family:var(--serif);color:var(--ink);border-bottom:1px solid var(--rule);-webkit-user-select:text;user-select:text;margin:0;padding-bottom:8px;font-size:13px;line-height:1.9}.exemplar-box{border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:4px;flex-direction:column;align-self:center;align-items:center;gap:4px;padding:8px 18px 6px;display:flex}.exemplar-label{letter-spacing:2px;color:var(--faint);font-size:12px;font-weight:700}.exemplar-fig{width:clamp(96px,26vw,150px);height:clamp(96px,26vw,150px)}.scene-box{align-self:center;width:100%;max-width:430px}.scene-scatter{aspect-ratio:1;border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:4px;width:100%;position:relative}.scatter-item{width:13%;position:absolute;transform:translate(-50%,-50%)}.scatter-img{object-fit:contain;width:100%;height:100%}.scene-grid{aspect-ratio:1;grid-auto-rows:1fr;gap:3px;width:100%;display:grid}.grid-cell{border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:2px;place-items:center;display:grid;overflow:hidden}.grid-img,.grid-flag{object-fit:contain;width:84%;height:84%}.scene-series{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:6px 2px;display:flex}.series-item{place-items:center;width:clamp(34px,9.5vw,52px);height:clamp(34px,9.5vw,52px);display:grid}.series-fig{width:100%;height:100%}.series-blank{border:2.5px dashed var(--rule-strong);background:var(--paper);color:var(--faint);border-radius:4px;font-size:clamp(18px,5vw,28px);font-weight:700}.scene-groups{flex-direction:column;gap:10px;display:flex}.group-row{border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:4px;align-items:center;gap:10px;padding:8px 10px;display:flex}.group-owner{object-fit:contain;flex-shrink:0;width:56px;height:56px}.group-items{flex-wrap:wrap;gap:4px;display:flex}.group-item{object-fit:contain;width:30px;height:30px}.scene-maze{aspect-ratio:1;border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:4px;width:100%;position:relative}.maze-svg{width:100%;height:100%;position:absolute;inset:0}.maze-item{width:14%;position:absolute;transform:translate(-50%,-50%)}.maze-img{object-fit:contain;width:100%;height:100%}.scene-blocks{place-items:center;padding:6px 0;display:grid}.blocks-fig{width:min(60vw,260px);height:min(60vw,260px)}.scene-substitution{flex-direction:column;gap:10px;display:flex}.subst-rules{border:1.5px solid var(--rule-strong);background:var(--paper);border-radius:4px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.subst-rule{align-items:center;gap:6px;display:flex}.subst-fig{width:34px;height:34px}.subst-arrow{color:var(--ink);margin:0 4px;font-size:20px}.subst-sequence{justify-content:center;align-items:center;gap:8px;padding:8px 0 2px;display:flex}.subst-seq-fig{width:46px;height:46px}.scene-wheel{aspect-ratio:1;width:min(80vw,380px);margin:0 auto;position:relative}.wheel-frame{width:100%;height:100%;position:absolute;inset:0}.wheel-gondola{background:var(--paper);border:2px solid var(--rule-strong);border-radius:50%;place-items:center;width:17%;height:17%;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.wheel-img{object-fit:contain;width:82%;height:82%}.choices-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:center;gap:10px;display:grid}.choice-card{background:var(--paper);border:1.5px solid var(--rule-strong);border-radius:4px;place-items:center;min-height:120px;padding:8px;display:grid;position:relative}.choice-card:disabled{opacity:.9}.choice-fig{width:100%;height:100%;max-height:24vh}.choice-img{object-fit:contain;width:100%;height:100%;max-height:24vh}.choice-number{font-family:var(--serif);color:var(--ink);font-size:clamp(48px,12vw,88px);font-weight:600;line-height:1}.asset-fallback{color:var(--ink);text-align:center;padding:8px;font-size:18px;font-weight:700}.coupy-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.problem-footer{z-index:6;align-items:center;gap:6px;display:flex;position:relative}.color-picker{align-items:flex-end;gap:6px;margin-right:auto;display:flex}.color-dot{border:2px solid #26221c40;border-radius:11px 11px 4px 4px;width:22px;height:38px;transition:height .12s ease-out}.color-dot.active{border-color:var(--ink);height:48px}.answer-btn{background:var(--red);color:#fff;white-space:nowrap;border-radius:8px;padding:11px 14px;font-size:16px;font-weight:700;box-shadow:0 2px 4px #26221c2e}.answer-btn:active{box-shadow:none;transform:translateY(2px)}.answer-btn:disabled{color:#f3f1ea;box-shadow:none;background:#c9c4b8}.scribble-canvas{z-index:5;position:absolute;inset:0}.feedback-overlay{z-index:10;background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.25s ease-out pop-in;display:flex;position:absolute;inset:0}.feedback-mark{width:140px;height:140px}.feedback-mark path{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out 50ms forwards draw-stroke}.feedback-text{font-size:26px;font-weight:700}.feedback-overlay.ok .feedback-text{color:var(--red)}.feedback-overlay.ng .feedback-text{color:var(--blue)}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes draw-stroke{to{stroke-dashoffset:0}}.result-paper{flex-direction:column;align-items:center;gap:14px;width:min(94vw,560px);padding:30px 22px;display:flex}.grade-stamp{place-items:center;width:190px;height:190px;display:grid;position:relative}.grade-mark{width:100%;height:100%;position:absolute;inset:0}.grade-mark path{stroke-dasharray:100;stroke-dashoffset:100px;animation:.7s ease-out .15s forwards draw-stroke}.grade-score{font-family:var(--serif);color:var(--ink);font-size:64px;font-weight:600}.grade-score small{color:var(--faint);font-size:26px}.medal-label{font-family:var(--serif);color:var(--red);letter-spacing:3px;margin:0;font-size:26px}.result-score{color:var(--faint);margin:0;font-size:17px}.result-dots{gap:12px;font-size:26px;display:flex}.result-dot{font-weight:700}.result-dot.ok{color:var(--red)}.result-dot.ng{color:var(--rule-strong)}.parent-toggle{color:var(--faint);background:0 0;margin-top:20px;font-size:14px;text-decoration:underline}.parent-notes{text-align:left;-webkit-user-select:text;user-select:text;flex-direction:column;gap:12px;max-width:640px;display:flex}.parent-note{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:12px 16px}.parent-note-head{align-items:center;gap:8px;display:flex}.parent-note-head .ok{color:var(--red);font-weight:700}.parent-note-head .ng{color:var(--blue);font-weight:700}.parent-note-instruction{color:var(--faint);margin:6px 0;font-size:13px}.parent-note-body{margin:0;font-size:14px;line-height:1.7}@media (prefers-reduced-motion:reduce){.feedback-overlay,.grade-mark path,.feedback-mark path{animation:none}.feedback-mark path,.grade-mark path{stroke-dashoffset:0}}.worksheet-launch{border:1px solid var(--rule-strong);border-radius:4px;width:100%;padding:16px}.worksheet-launch h2{font-size:20px;font-family:var(--serif);margin:0 0 8px}.worksheet-launch p{margin:0 0 12px;font-size:13px;line-height:1.7}.worksheet-launch .mode-btn{padding:12px 18px;font-size:18px}.worksheet-screen{width:100%;max-width:900px;margin-inline:auto}.worksheet-unit{flex:1;font-size:15px;font-weight:700}.worksheet-home{min-height:44px;padding:6px;font-size:12px;text-decoration:underline}.worksheet-paper{flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.worksheet-ready{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:min(520px,100svh - 145px);padding:20px 6px;display:flex}.worksheet-ready h2{font-family:var(--serif);margin:0;font-size:clamp(24px,6vw,32px)}.worksheet-kicker{color:var(--faint);font-size:13px}.worksheet-read-aloud{max-width:570px;margin:0;font-size:18px;line-height:2}.worksheet-help{color:var(--faint);margin:0;font-size:13px;line-height:1.7}.worksheet-ready .start-btn{padding:14px 24px;font-size:21px}.start-btn:disabled{background:var(--rule-strong);box-shadow:none}.worksheet-clock{flex-direction:column;gap:6px;font-size:13px;display:flex}.worksheet-clock .timer-track{flex:auto;min-height:5px}.worksheet-clock .timer-fill{background:var(--rule-strong)}.worksheet-stage-instruction{margin:0;font-size:15px}.worksheet-scatter{aspect-ratio:1;border:1px solid var(--rule-strong);align-self:center;width:min(100%,430px);position:relative}.worksheet-scatter-item{aspect-ratio:1;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.worksheet-img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.mark-picker{justify-content:center;gap:8px;display:flex}.mark-picker button{border:1.5px solid var(--rule-strong);border-radius:5px;min-height:44px;padding:8px 16px;font-size:17px}.mark-picker button.active{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#fff5f3}.ranking-choices{align-self:center;gap:5px;width:100%;max-width:460px;display:grid}.worksheet-choice{border:1.5px solid var(--rule-strong);aspect-ratio:1;background:#fff;place-items:center;min-width:0;min-height:52px;padding:6px;display:grid;position:relative}.ranking-choices .worksheet-choice{max-height:100px}.worksheet-choice .worksheet-img{max-height:100%}.worksheet-mark{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--red);stroke-width:4px;position:absolute;inset:0}.memory-grid{border:1px solid var(--rule-strong);align-self:center;gap:0;width:min(100%,380px);margin-inline:auto;display:grid}.memory-cell{border:1px solid var(--rule-strong);aspect-ratio:1;background:#fff;place-items:center;min-width:0;min-height:0;padding:7px;display:grid;overflow:hidden}.memory-cell .worksheet-img{max-height:100%}.worksheet-studying .worksheet-paper{gap:8px;padding:10px}.worksheet-studying .memory-grid{margin-block:2px}.worksheet-footer{z-index:8;padding:10px 4px calc(8px + env(safe-area-inset-bottom));background:var(--desk);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;display:flex;position:sticky;bottom:0}.worksheet-footer button{min-height:44px}.worksheet-mark-count{color:var(--faint);margin-left:auto;font-size:12px}.worksheet-skip{padding:8px;font-size:13px;text-decoration:underline}.next-worksheet{min-width:160px}.worksheet-support{color:var(--faint);font-size:12px}.worksheet-support summary{cursor:pointer;padding-block:10px}.worksheet-support button{border:1px solid var(--rule);border-radius:4px;min-height:44px;margin:3px;padding:8px}.worksheet-feedback{text-align:center;border-bottom:1px solid var(--rule)}.worksheet-feedback h2{color:var(--red);margin:4px;font-size:23px}.worksheet-feedback p{font-size:13px;line-height:1.6}.answer-correction{color:var(--blue);background:#ffffffed;font-size:clamp(9px,2.5vw,12px);line-height:1.4;position:absolute;bottom:1px;left:1px;right:1px}.worksheet-explanation{font-size:13px;line-height:1.8}.worksheet-explanation summary{cursor:pointer;padding:10px 0}.storage-notice{color:#a72a22}.learning-records{overflow-wrap:anywhere;max-width:780px;margin:0 auto;padding:20px 14px;line-height:1.7}.learning-records h1{font-family:var(--serif);font-size:27px}.learning-records h2{font-size:20px}.learning-records button{border:1px solid var(--rule-strong);background:var(--paper);border-radius:4px;min-height:44px;margin:4px;padding:10px 16px}.learning-records ul{padding-left:22px}.learning-records .learning-record{border:1px solid var(--rule);background:var(--paper);border-radius:4px;margin:10px 0;padding:14px}.learning-records .learning-record p{margin:4px 0}.learning-records table{border-collapse:collapse;width:100%;font-size:13px}.learning-records th,.learning-records td{border-bottom:1px solid var(--rule);text-align:left;padding:6px}.learning-records pre{white-space:pre-wrap}.title-screen,.result-screen{padding-inline:12px}.cover,.result-paper{min-width:0;max-width:100%}.app-subtitle{white-space:normal}.difficulty-btn{padding-inline:clamp(10px,4vw,20px)}.genre-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.parent-notes{max-width:100%}.worksheet-img{filter:invert()brightness(3)invert()}.worksheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=360px){.worksheet-unit{font-size:13px}.worksheet-home{font-size:11px}}.count-workspace{align-self:center;width:100%;min-width:0;max-width:430px}.count-tools{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.count-tools button{border:1px solid var(--rule-strong);background:var(--paper);border-radius:4px;min-height:44px;padding:7px 10px;font-size:13px}.count-tools button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf3fc}.count-tools button:disabled{color:var(--faint);opacity:.55}.count-help{margin:5px 0 8px;font-size:12px;line-height:1.6}.count-surface{isolation:isolate;width:100%;min-width:0;position:relative}.count-ink{z-index:1;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.count-notepad{aspect-ratio:2;border:1px solid var(--rule-strong);background:repeating-linear-gradient(0deg,#0000,#0000 29px,#e8e3d9 29px 30px);border-radius:4px;min-height:120px}.count-notepad-label{color:var(--faint);pointer-events:none;font-size:12px;position:absolute;top:8px;left:10px}.count-surface .scene-box{max-width:none}.count-surface .worksheet-scatter{width:100%}.finish-home,.finish-question{box-sizing:border-box;max-width:1000px;margin:auto;padding:16px 12px 40px}.finish-paper{box-sizing:border-box;width:100%;max-width:960px;margin:12px auto;padding:clamp(12px,3vw,28px)}.finish-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.finish-header h1{margin:0;font-size:22px}.finish-header strong{font-size:16px}.finish-header button{background:0 0;border:0;min-height:44px;margin-left:auto;font-size:12px;text-decoration:underline}.finish-paper button{cursor:pointer}.finish-paper button:disabled{cursor:default}.finish-topic-group{margin:30px 0}.finish-topic-group h2{letter-spacing:.12em;border-bottom:1px solid #c9c1b3;padding-bottom:8px;font-size:17px}.finish-topic-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.finish-topic-grid button{color:#282722;background:#fff;border:1px solid #bdb4a5;border-radius:4px;min-height:64px;padding:14px;font-size:16px}.finish-intro{text-align:center;font-size:17px;line-height:1.9}.finish-ready h2{font-size:24px}.finish-ready .start-btn,.finish-home .start-btn{margin:20px auto}.finish-instruction{overflow-wrap:anywhere;border-bottom:1px solid #d7cfc0;padding-bottom:14px;font-size:16px;line-height:1.9}.finish-parent-note,.finish-help{color:#625f55;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.finish-parent-dictionary{margin:16px 0;font-size:13px;line-height:1.8}.finish-parent-dictionary summary{cursor:pointer;padding:10px 0}.finish-story{margin:16px 0}.finish-story summary{cursor:pointer;min-height:44px}.finish-story p{white-space:pre-line;font-size:17px;line-height:2}.finish-tools{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.finish-tools button{background:#fff;border:1px solid #aca495;border-radius:5px;min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}.finish-tools button[aria-pressed=true],.finish-pair-column button[aria-pressed=true]{outline-offset:-3px;background:#e7effb;border-color:#2455aa;outline:2px solid #2455aa}.finish-tools button:disabled{opacity:.45}.finish-tile{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.finish-tile-piece{aspect-ratio:1;justify-content:center;align-items:center;width:100px;max-width:100%;display:inline-flex}.finish-tile-piece img,.finish-tile-piece svg{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.finish-tile-piece img{filter:invert()brightness(4)invert()}.finish-repeated .finish-tile-piece{width:34px;height:34px}.finish-symbol{justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:36px;line-height:1;display:flex}.finish-panels{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.finish-panel{box-sizing:border-box;border:1px solid #bcb4a7;flex:240px;min-width:0;padding:10px}.finish-panel p{text-align:center;margin:0 0 10px;font-size:13px}.finish-panel-tiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.finish-panel-tiles>.finish-tile{flex:40px;max-width:130px}.finish-panel-tiles .finish-tile-piece{width:76px}.finish-panel-tiles .finish-repeated{max-width:100%}.finish-panel-tiles .finish-repeated .finish-tile-piece{width:34px;height:34px}.finish-bond-panels{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.finish-bond-panels .finish-panel:last-child{grid-column:1/-1;width:100%;max-width:450px;margin:auto}.finish-bond-panels .finish-panel-tiles>.finish-tile{max-width:100%}.finish-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:stretch;gap:12px;margin:18px 0;display:grid}.finish-option{background:#fff;border:1px solid #bcb4a7;flex-direction:column;justify-content:space-between;min-width:0;padding:10px;display:flex;position:relative}.finish-option>.finish-tile{flex:1}.finish-choice-button{z-index:2;color:#2455aa;background:#fff;border:1px solid #aebbd0;border-radius:4px;width:100%;min-height:44px;margin-top:10px;font-size:18px;position:relative}.finish-choice-button[aria-pressed=true]{background:#e6eefb;border:2px solid #2455aa}.finish-choice-button:disabled{opacity:1}.finish-right{outline-offset:-3px;outline:3px solid #c93a2e}.finish-count-answer,.finish-count-correct{color:#2455aa;border:1px solid #bcb4a7;flex-wrap:wrap;align-items:center;gap:6px;min-height:65px;margin:16px 0;padding:12px;font-family:Arial,sans-serif;font-size:30px;display:flex}.finish-count-correct{color:#c93a2e;border-color:#c93a2e}.finish-empty{color:#847d70;font-family:inherit;font-size:14px}.finish-slots{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;display:flex}.finish-slot{box-sizing:border-box;color:#2455aa;background:#fff;border:1px solid #bcb4a7;justify-content:center;align-items:center;width:70px;min-width:44px;height:80px;padding:5px;font-size:28px;display:flex;position:relative}.finish-slot.active{outline-offset:-3px;background:#edf3fd;outline:3px solid #2455aa}.finish-slot.fixed{background:#f7f4ed;border-color:#e1dacf}.finish-symbol-slots{gap:4px}.finish-symbol-slots .finish-slot{width:44px;height:50px}.finish-symbol-slots .finish-symbol{font-size:26px}.finish-slot-correct{color:#c93a2e;background:#fff;border:3px solid #c93a2e;align-items:center;display:flex;position:absolute;inset:0}.finish-pool{grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:8px;margin:16px 0;display:grid}.finish-pool button{background:#fff;border:1px solid #bcb4a7;min-height:70px;padding:8px}.finish-pool .finish-tile-piece{max-width:80px}.finish-pairs{justify-content:space-between;width:100%;margin:16px 0;display:flex;position:relative}.finish-pair-column{grid-auto-rows:112px;width:38%;display:grid}.finish-pair-column button{box-sizing:border-box;background:#fff;border:1px solid #bcb4a7;min-width:0;height:112px;padding:7px}.finish-pair-column button:disabled{opacity:1}.finish-pair-column .finish-tile-piece{width:85px}.finish-pair-column .finish-repeated .finish-tile-piece{width:26px;height:26px}.finish-pair-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finish-copy-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0;display:grid}.finish-copy-pair>div{min-width:0}.finish-copy-pair p,.finish-comparison p{text-align:center;font-size:14px}.finish-copy-above{grid-template-columns:1fr;max-width:470px;margin:auto}.finish-dot-board,.finish-triangle-board{aspect-ratio:1;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #bcb4a7;width:100%;display:block}.finish-dot-board [role=button],.finish-triangle-board [role=button]{cursor:pointer}.finish-correct-board{color:#c93a2e;border:2px solid #c93a2e;width:100%;max-width:360px;margin:18px auto}.finish-correct-board>p{padding:0 12px}.finish-correct-board line{stroke:#c93a2e}.finish-correct-board text{fill:#c93a2e}.finish-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.finish-comparison>div{min-width:0}.finish-difference-grid{background:#f2f0ea;border:1px solid #bcb4a7;gap:2px;padding:2px;display:grid}.finish-difference-tile{aspect-ratio:1;box-sizing:border-box;background:#fff;border:0;min-width:0;min-height:44px;padding:1px;position:relative}.finish-difference-tile .finish-tile,.finish-difference-tile .finish-tile-piece{width:100%;height:100%}.finish-difference-tile:disabled{opacity:1}.finish-circle{color:#2455aa;pointer-events:none;justify-content:center;align-items:center;font:52px Arial,sans-serif;display:flex;position:absolute;inset:0}.finish-difference-tile.finish-right .finish-circle{color:#c93a2e}.finish-feedback{color:#a1362c;text-align:center;margin:16px 0}.finish-feedback h2{font-size:24px}.finish-feedback.correct{color:#c93a2e}.finish-support{align-items:center;gap:8px;padding:12px 0;font-size:13px;line-height:1.7;display:flex}.finish-support input{flex:none;width:22px;height:22px}.finish-submit{justify-content:space-between;align-items:center;gap:14px;margin:18px 0;display:flex}.finish-submit button{min-height:50px}.finish-elapsed{text-align:right;color:#726a5e;font-size:13px}.finish-note{border-top:1px solid #d7cfc0;padding-top:18px;font-size:15px;line-height:1.8}.finish-records article{border-bottom:1px solid #d7cfc0;padding:14px 0}.finish-records p{font-size:13px;line-height:1.8}.finish-result-list{padding-left:22px;font-size:14px;line-height:2.1}@media (width<=600px){.finish-copy-pair{grid-template-columns:1fr;max-width:430px;margin:14px auto}.finish-header strong{flex:1}.finish-paper{padding:12px}.finish-question,.finish-home{padding-left:8px;padding-right:8px}}