.card-face{aspect-ratio:7/11;background:#fffaf0;border:3px solid #cfc6b3;border-radius:12px;place-items:center;inline-size:min(60vw,240px);display:inline-grid;overflow:hidden}.card-face--rare{border-color:#6aa0e0}.card-face--super_rare{border-color:#d4a017;box-shadow:0 0 12px #d4a01799}.card-face img{object-fit:cover;block-size:100%;inline-size:100%}.card-glyph{font-size:6rem;line-height:1}.card-face--small{border-width:2px;border-radius:5px;inline-size:80%}.card-face--small .card-glyph{font-size:1.4rem}.chest-reveal{z-index:50;text-align:center;background:#fffaf0f7;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.chest-card-name{margin:0;font-weight:700}.chest-icon{border:3px solid #7a4a1d;background:#b7792e;border-block-start-width:10px;border-radius:6px;block-size:30px;inline-size:40px;display:block}.map-chest .card-face--small{inline-size:34px}.map-collection{background:#fff;border-radius:22px;min-block-size:44px;margin:8px;padding:12px 16px;font-weight:600;display:inline-block}.collection-board{border:2px solid #8b6b4a;grid-template-columns:repeat(8,1fr);inline-size:min(100vw,400px);margin-block:8px;margin-inline:calc(50% - min(100vw,400px)/2);padding:0;list-style:none;display:grid}.collection-square{aspect-ratio:1;background:#f0d9b5;place-items:center;display:grid}.collection-square--dark{background:#b58863}.collection-missing{opacity:.25;font-size:1.5rem}.collection-list{padding-inline-start:1.2em;font-size:.9rem}.card-flip{perspective:1200px;background:0 0;border:none;padding:0}.card-flip-inner{aspect-ratio:7/11;inline-size:min(60vw,240px);transform-style:preserve-3d;animation:card-flight var(--flight-ms) ease-out both;display:block;position:relative}.card-flip--done .card-flip-inner{animation:none;transform:rotateY(180deg)}.card-flip-back,.card-flip-front{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.card-flip-back img{object-fit:cover;border-radius:12px;block-size:100%;inline-size:100%}.card-back-drawn{background:repeating-linear-gradient(45deg,#2f4f8f 0 10px,#3b63ad 10px 20px);border:3px solid #cfc6b3;border-radius:12px;block-size:100%;inline-size:100%}.card-flip-front{transform:rotateY(180deg)}.card-flip--done .card-face{animation:1.2s ease-out card-glow}@keyframes card-flight{0%{transform:translateY(60vh)rotate(-40deg)scale(.3)}45%{transform:translateY(-4vh)rotate(320deg)scale(1)}60%{transform:translateY(0)rotate(360deg)rotateY(0)}to{transform:translateY(0)rotate(360deg)rotateY(180deg)}}@keyframes card-glow{0%{box-shadow:0 0 36px 12px #ffd65ae6}}.card-zoom{z-index:50;color:#fff;font:inherit;background:#141414d9;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:fixed;inset:0}.card-zoom .card-face{inline-size:min(80vw,340px)}.collection-square button{background:0 0;border:none;place-items:center;block-size:100%;inline-size:100%;padding:0;display:grid}@media (prefers-reduced-motion:reduce){.card-flip-inner{animation-duration:1ms}}.items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.items-grid li{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px;font-weight:600;display:flex}.items-missing{opacity:.45}.item-image{object-fit:contain;block-size:128px;inline-size:128px}.item-image--drawn{color:#7a4a1d;background:#f1e7d0;border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:flex}.item-reveal .item-image{block-size:200px;inline-size:200px}.battle .board{--board:clamp(320px, min(100vw, 100vh - var(--feed-chrome) - var(--battle-bands) + 2.7em), var(--board-max))}@supports (height:100dvh){.battle .board{--board:clamp(320px, min(100vw, 100dvh - var(--feed-chrome) - var(--battle-bands) + 2.7em), var(--board-max))}}.battle-band{align-items:flex-end;gap:8px;display:flex;overflow:hidden}.battle-band--opponent{flex-direction:row-reverse}.battle-band--hero{margin-block-start:6px}.battle-figure{flex:none;position:relative}.battle-figure--sway{transform-origin:50% 100%;animation:1.5s ease-in-out battle-sway}@keyframes battle-sway{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.battle-effect{inline-size:30px;animation:.6s ease-out battle-pop;position:absolute;inset-block-start:2px;inset-inline-end:-6px}.battle-effect svg,.battle-effect img{inline-size:100%;display:block}.battle-effect--sweat{inline-size:16px;animation:1.2s ease-in battle-drip}@keyframes battle-pop{0%{opacity:0;transform:scale(.2)}}@keyframes battle-drip{to{opacity:0;transform:translateY(14px)}}.battle-talk{flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:6px;min-inline-size:0;display:flex}.battle-stubborn{background:#ece7dc;border-radius:5px;block-size:10px;overflow:hidden}.battle-stubborn span{background:#f59e0b;block-size:100%;transition:inline-size .5s ease-out;display:block}.battle-bubble{-webkit-line-clamp:3;background:#fff;border:2px solid #d9d2c3;border-radius:14px;-webkit-box-orient:vertical;margin:0;padding:6px 10px;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.big-scene{z-index:50;font:inherit;cursor:pointer;background:linear-gradient(#bfe3f5,#f3ead3) 50%/cover;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.big-scene-title{color:#fff;text-align:center;text-shadow:0 2px 6px #00000073;font-size:1.5rem;font-weight:800}.big-scene-stage{place-items:center;display:grid}.big-scene-stage>*{grid-area:1/1}.big-scene-monster{block-size:min(55vh,420px);animation:scene-arrive var(--scene-ms) ease-out both}.big-scene-monster.big-scene-drawn{background:#8bbf6a;border-radius:70px 70px 24px 24px;block-size:260px;inline-size:140px}@keyframes scene-arrive{0%{opacity:0;transform:translateY(40px)scale(.6)}40%{opacity:1;transform:none}}.big-scene--end .big-scene-monster{animation:scene-vanish var(--scene-ms) ease-in both}.big-scene-puff{inline-size:220px;animation:scene-puff var(--scene-ms) ease-out both}.big-scene-puff.big-scene-drawn{background:radial-gradient(circle at 30% 40%,#fff 30%,#0000 31%),radial-gradient(circle at 70% 45%,#fff 32%,#0000 33%),radial-gradient(circle at 50% 70%,#fff 35%,#0000 36%);border-radius:50%;block-size:140px}@keyframes scene-vanish{35%{opacity:1;transform:none}60%,to{opacity:0;transform:scale(.3)}}@keyframes scene-puff{0%,30%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.1)}80%,to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.battle *,.big-scene,.big-scene *{animation-duration:1ms!important}}.step-map{margin-inline:calc(-1 * var(--gutter));overflow-x:clip}.map-links{flex-wrap:wrap;gap:4px;padding:4px 8px;display:flex}.map-section{background:color-mix(in srgb, var(--topic-color) 30%, #fdf6e3);padding-block-end:24px;position:relative}.map-section-bg{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.map-section-header{z-index:6;background:color-mix(in srgb, var(--topic-color) 75%, #1f1f1f);color:#fff;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 16px;display:flex;position:sticky;inset-block-start:0}.map-section-header span{flex:none;font-size:.85rem}.map-trail{background:#fff9;border-radius:28px;flex-direction:column;align-items:center;gap:18px;inline-size:min(300px,100% - 32px);margin:16px auto 0;padding:20px 0;list-style:none;display:flex;position:relative}.map-row{justify-content:center;display:flex;position:relative}.map-step{border:none;border-radius:50%;place-items:center;block-size:64px;inline-size:64px;padding:0;font-size:1.4rem;font-weight:700;display:grid}.map-step--done{background:var(--topic-color);color:#fff;box-shadow:inset 0 -5px #0003}.map-step--current{color:#1f1f1f;box-shadow:0 0 0 5px #fff, 0 0 0 10px var(--topic-color);background:#fff}.map-step--locked{color:#777;background:#cfcfcf}.map-companion{position:absolute;inset-block-start:50%;translate:0 -50%}.map-companion--left{inset-inline-end:calc(100% + 16px)}.map-companion--right{inset-inline-start:calc(100% + 16px)}.map-practice{flex-direction:column;gap:8px;display:flex}.map-special{border:2px solid var(--topic-color,#7a4a1d);background:#fff;border-radius:24px;align-items:center;gap:8px;min-block-size:48px;max-inline-size:min(220px,100%);padding:6px 14px;font-weight:600;display:flex}.map-special--quiet,.map-special--locked{opacity:.55}.map-special--defeated{opacity:.75}.report-screen{text-align:center;flex-direction:column;align-items:center;gap:8px;min-block-size:100dvh;padding-block:16px;display:flex}.report-screen+.report-screen{min-block-size:auto}.report-score{margin:0;font-size:1.8rem;font-weight:800}.report-status{border-radius:14px;margin:0;padding:4px 14px;font-weight:700}.report-status--passed{color:#2d6a1f;background:#d8f0cf}.report-status--failed{color:#8a4b12;background:#f6e3cf}.report-rings{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;inline-size:100%;margin:8px 0;padding:0;list-style:none;display:grid}.report-rings li{flex-direction:column;align-items:center;gap:2px;font-size:.85rem;display:flex}.report-ring{inline-size:84px}.report-ring-track,.report-ring-value{fill:none;stroke-width:10px}.report-ring-track{stroke:#ece7dc}.report-ring-value{stroke:#2f8f4e;stroke-linecap:round}.report-ring text{font-size:20px;font-weight:700}.report-details-link{place-items:center;min-block-size:44px;margin-block-start:auto;padding-inline:16px;font-weight:600;display:inline-grid}.report-questions{border-collapse:collapse;text-align:start;inline-size:100%}.report-questions td{border-block-end:1px solid #ece7dc;padding:8px 6px}.report-mark{text-align:center;font-weight:800}.report-mark--solved{color:#2f8f4e}.report-mark--failed,.report-mark--missed{color:#b2542a}.owl-scene{align-items:flex-start;gap:12px;display:flex}.owl-face{object-fit:contain;flex:none;block-size:96px;inline-size:96px}.owl-face--drawn{background:#efe3c8;border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:flex}.owl-face--hmm{transform:rotate(-8deg)}.owl-face--happy{background:#d9f0d0}.owl-bubble{background:#fff;border-radius:16px;flex:1;margin:0;padding:12px 14px;font-size:1.1em;line-height:1.35}.owl-board{max-inline-size:320px;margin:12px auto}.owl-options{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.owl-option{text-align:start;border-radius:14px;min-block-size:56px;inline-size:100%;padding:12px 16px;font-size:1.1em}.owl-option--right{background:#e2f4e6;outline:3px solid #2f8f4e}.owl-option--wrong{background:#fbe9e2;outline:3px solid #b2542a}.owl-tomorrow{color:#6b6b6b;text-align:center}:root{color:#1c1c1c;--gutter:16px;--feed-chrome:212px;background:#fafafa;font-family:system-ui,sans-serif}body{margin:0;overflow-x:clip}.app{max-inline-size:520px;padding:8px var(--gutter);margin-inline:auto}.muted{color:#666}.feed-header{align-items:center;gap:8px;block-size:32px;display:flex}.feed-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1rem;overflow:hidden}.warm-up-badge{color:#6b4200;background:#ffe8b3;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:.95rem;display:inline-flex}.review-badge{color:#134a7c;background:#d8ecff;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:.95rem;display:inline-flex}.feed-subline{justify-content:space-between;align-items:center;gap:8px;display:flex}.try-again-button,.summary-link,.try-again-back{min-block-size:44px;color:inherit;border:1px solid #c9c9c9;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding-inline:12px;text-decoration:none;display:inline-flex}.try-again-count{color:#333;text-align:center;background:#e6e6e6;border-radius:999px;min-inline-size:1.5em;padding:0 6px;font-size:.85rem}.try-again-list{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.try-again-item{text-align:start;align-items:center;gap:12px;inline-size:100%;padding:8px;display:flex}.try-again-item .fen-thumb{flex:none;block-size:72px;inline-size:72px}.try-again-text{flex-direction:column;gap:2px;display:flex}.paste-link{min-block-size:44px;padding-inline:8px;font-size:1rem}.solution-steps{align-items:center;gap:12px;display:flex}.day-done-star{color:#e0a100;text-align:center;margin:0;font-size:3rem;line-height:1}.feed-step{margin:0;font-size:.85rem}.feed-message{margin-block:32px;font-size:1.1rem}.position-task{min-block-size:2.7em;margin-block:8px;font-size:.95rem;font-weight:600;line-height:1.35}.board{--board:clamp(320px, min(100vw, 100vh - var(--feed-chrome)), 520px);inline-size:var(--board);margin-inline:calc((100% - var(--board)) / 2);touch-action:none}@supports (height:100dvh){.board{--board:clamp(320px, min(100vw, 100dvh - var(--feed-chrome)), 520px)}}.position-status{justify-content:space-between;align-items:center;gap:8px;min-block-size:44px;margin-block-start:8px;display:flex}.position-message{margin:0;font-weight:600}.position-message--solved{color:#1b7f3a}.position-message--failed{color:#b3261e}.summary{flex-direction:column;gap:16px;padding-block:24px;display:flex}.summary h2{margin:0;font-size:1.25rem}.summary-tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.summary-tile{background:#fff;border:1px solid #e3e3e3;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.summary-tile strong{font-size:1.5rem}.summary-actions{flex-direction:column;gap:8px;display:flex}button{touch-action:manipulation;min-block-size:44px;padding-inline:16px;font-size:1rem}.app--staff{max-inline-size:1280px}.staff-lessons{line-height:1.9}.staff-lesson{grid-template-columns:minmax(0,1fr) 460px;align-items:start;gap:24px;display:grid}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.staff-card{background:#fff;border:2px solid #e3e3e3;border-radius:8px;flex-direction:column;gap:6px;padding:8px;font-size:.85rem;display:flex}.staff-card-open{text-align:start;min-block-size:0;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.staff-card-controls{gap:4px;display:flex}.staff-card-controls button,.staff-card-controls select{min-block-size:32px;padding-inline:8px}.staff-step h2{font-size:1rem}.staff-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-block:12px;display:flex}.staff-side{flex-direction:column;gap:16px;display:flex;position:sticky;inset-block-start:8px}.staff-supplements h2{font-size:1rem}.staff-order{gap:4px;margin-inline-end:8px;display:inline-flex}.staff-order button{min-block-size:28px;padding-inline:8px}.staff-card--selected{border-color:#1b5fbf}.staff-card--muted .staff-board-small{opacity:.45}.staff-badge{color:#b3261e}.staff-board-small{pointer-events:none;inline-size:100%}.staff-viewer{flex-direction:column;gap:8px;display:flex}.staff-board-large{inline-size:440px}.staff-steps{justify-content:space-between;align-items:center;display:flex}.staff-line{flex-wrap:wrap;gap:4px 12px;margin:0;padding-inline-start:20px;display:flex}.staff-line-current{font-weight:700}.map-lesson h3,.map-step h3{margin-block:12px 6px;font-size:1rem}.map-step{margin-inline-start:16px}.map-positions{flex-wrap:wrap;gap:6px;display:flex}.map-thumb{align-items:stretch;gap:6px;display:flex;position:relative}.map-play{color:#fff;background:#1b5fbf;padding:0 4px;font-size:.7rem;position:absolute;inset-block-end:0;inset-inline-end:0}.map-portion{background:#1b5fbf;border-radius:2px;inline-size:3px}.map-gap{margin-inline-start:8px;font-size:.85rem}.fen-thumb{display:block}.fen-thumb-light{fill:#f0d9b5}.fen-thumb-dark{fill:#b58863}.map-size-small .fen-thumb{block-size:72px;inline-size:72px}.map-size-medium .fen-thumb{block-size:144px;inline-size:144px}.map-size-large .fen-thumb{block-size:216px;inline-size:216px}.setup{flex-direction:column;gap:8px;display:flex}.setup-palette{flex-wrap:wrap;gap:4px;display:flex}.setup-tool{inline-size:44px;padding:2px}.setup-palette [aria-pressed=true]{outline:3px solid #1b5fbf}.setup-fen{flex-direction:column;gap:4px;display:flex}.setup-fen input{font-family:monospace}.recorder{flex-direction:column;gap:8px;display:flex}.tree{line-height:2}.tree-move{cursor:pointer;background:0 0;border:1px solid #0000;min-block-size:28px;margin-inline-end:4px;padding-inline:6px;font-family:monospace}.tree-move--current{background:#e8f0fb;border-color:#1b5fbf}.tree-branch{color:#555;margin-inline-end:4px}.explain-frames{flex-direction:column;gap:8px;padding-inline-start:20px;display:flex}.explain-frames li{align-items:center;gap:8px;display:flex}.explain-frames .fen-thumb{block-size:72px;inline-size:72px}.explain-frame--current{outline:2px solid #1b5fbf}.explain-links{flex-wrap:wrap;gap:12px;display:flex}.explanation-caption{margin-block:8px;font-size:1.1rem;font-weight:600;line-height:1.35}.explanation-buttons{gap:8px;display:flex}.explanation-buttons button{flex:1}.link-button{color:#1b5fbf;cursor:pointer;background:0 0;border:0;margin-block-start:8px;text-decoration:underline}.feed button{min-block-size:44px;min-inline-size:44px}.explain-again{background:0 0;border:0;flex:none;block-size:44px;inline-size:44px;margin-block:-6px;padding:0}.explain-again span{background:#fff;border:1px solid #767676;border-radius:50%;justify-content:center;align-items:center;block-size:32px;inline-size:32px;font-weight:700;display:inline-flex}.explanation .board{--board:clamp(240px, min(100vw, 100vh - 320px), 520px)}.phrases{border-collapse:collapse;inline-size:100%}.phrases th,.phrases td{text-align:start;vertical-align:top;border-block-end:1px solid #e3e3e3;padding:6px 8px}.lines-text{inline-size:min(100%,36em)}.phrases audio{margin-block-start:4px;display:block}.phrases-file{word-break:break-all;font-family:monospace;font-size:.8rem}.explanation-phrase{align-items:center;gap:8px;display:flex}.explanation-listen{flex:none;inline-size:44px;min-inline-size:44px;padding:0;font-size:1.4rem}.phrases-upload{cursor:pointer;border:1px solid #767676;border-radius:4px;margin-block-start:4px;padding:4px 12px;display:inline-block}.phrases-upload input{display:none}.phrases-group h2{margin-block:16px 4px;font-size:1rem}.phrase-audio{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.graphics-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.graphics-list li{flex-direction:column;gap:4px;display:flex}.graphics-list img{object-fit:contain;background:#f4f4f4;block-size:128px;inline-size:128px}.graphics-pending td{padding:4px 8px}.boss-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.boss-card{text-align:start;flex-direction:column;gap:4px;padding:6px;display:flex}.boss-card .fen-thumb{block-size:120px;inline-size:120px}.boss-card--picked{outline:3px solid #1b5fbf}.boss-chosen li{align-items:center;gap:8px;margin-block:4px;display:flex}.boss-chosen .fen-thumb{block-size:64px;inline-size:64px}.portrait{justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.portrait img{flex:none;display:block}.portrait svg{block-size:100%;inline-size:100%}.hero-select{flex-direction:column;gap:16px;padding-block:16px;display:flex}.hero-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hero-card{background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-block-size:44px;padding:6px 2px;font-size:.8rem;display:flex}.hero-card--picked{border-color:#1b5fbf}.hero-card--locked{opacity:.55}.map-node{text-align:center;background:#ffffffd9;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-block-size:44px;max-inline-size:220px;padding:4px 8px;font-size:.8rem;display:flex}.map-node--current{outline:3px solid #1b5fbf}.map-node--locked{opacity:.6}.feed-links{gap:8px;display:flex}