.theory-screen{position:relative;z-index:1;min-height:100dvh;color:#2a2118}.theory-shell{max-width:1500px;margin:0 auto;padding:22px clamp(14px,3vw,45px) 35px}.theory-top{display:flex;align-items:center;gap:13px;color:#fff3d9;font:700 18px Georgia,serif;margin-bottom:16px;text-shadow:0 2px 6px #1a2231}.theory-back{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #f4dfaf;color:#fff3d9;background:#1f3049d9;font:30px Georgia,serif}.theory-top-tag{margin-left:auto;padding:8px 14px;border-radius:22px;border:1px solid #e6cf9f;background:#20354bd9;font:14px Segoe UI,sans-serif}.theory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,260px);gap:20px;align-items:start}.theory-paper{min-width:0;min-height:620px;padding:25px clamp(17px,3vw,34px);background:#f8eed7;border:7px solid #996938;outline:2px solid #eac880;border-radius:25px;box-shadow:0 18px 36px #101d2c88,inset 0 0 0 3px #f8dfaa}.theory-paper h1,.theory-paper h2,.theory-paper h3{font-family:Georgia,Palatino Linotype,serif;color:#352414}.theory-paper h1{font-size:clamp(1.8rem,3vw,2.55rem);margin:0 0 10px}.theory-paper h2{font-size:1.34rem;margin:0 0 9px}.theory-paper h3{font-size:1.12rem;margin:0 0 8px}.theory-paper p{line-height:1.47}.theory-eyebrow{margin:0 0 6px;color:#78532e;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.theory-lead{margin:0 0 18px;font-size:1.1rem;max-width:70ch}.theory-trail-group{margin-top:24px}.theory-trail-group+.theory-trail-group{margin-top:34px}.theory-trail-heading{margin-bottom:12px;padding:2px 0 3px 14px;border-left:5px solid #a783b6}.theory-trail-heading.scale{border-color:#d5a44b}.theory-trail-heading h2{margin-bottom:3px}.theory-trail-heading>p:last-child{margin:0;color:#5d5040}.theory-level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theory-level{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:76px;padding:9px 12px;border:2px solid #bd9a69;border-radius:14px;background:#fff9eb;text-align:left}.theory-level:hover,.theory-choices button:hover:not(:disabled){background:#fff1ca;border-color:#a5793e}.theory-level:focus-visible{outline:3px solid #6d4c90;outline-offset:2px}.theory-level-number{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ebcf8c;font:700 20px Georgia,serif}.theory-level strong,.theory-level small{display:block}.theory-level small{margin-top:2px;color:#5d5040;font-size:.8rem;line-height:1.28}.theory-footnote{margin:15px 0 0;color:#66533e;font-size:.84rem}.theory-fox{color:#fff5dc;text-align:center}.theory-fox img{display:block;width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 10px 10px #17213288)}.theory-fox p{margin:4px 0;padding:13px;border:3px solid #a9793e;border-radius:17px;background:#fff3d4;color:#3a2a1e;box-shadow:0 9px 20px #10172977;font:18px Georgia,serif}.theory-mnemonic{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.theory-mnemonic span{display:grid;min-width:65px;text-align:center}.theory-mnemonic strong{display:grid;place-items:center;min-height:57px;padding:6px;border:2px solid #aa8cbd;border-radius:12px;background:#eadcf1;box-shadow:0 4px #c4b0ca;color:#55406b;font:700 1.45rem Georgia,serif}.theory-mnemonic.flat strong{border-color:#96b89c;background:#e2ecdf;box-shadow:0 4px #bdd1be;color:#315940}.theory-mnemonic small{margin-top:7px;font-size:.78rem;color:#615241}.theory-example,.theory-quiz-visual{min-width:0;padding:17px;border:2px solid #d0b177;border-radius:17px;background:#fffaf0;margin:15px 0}.theory-example p{margin:8px 0}.theory-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center}.theory-two-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theory-two-examples .theory-example{margin:0}.theory-answer{color:#315b40;font-size:1.12rem;font-weight:800}.theory-rule{margin:15px 0;padding:13px 16px;border-left:6px solid #d59c35;border-radius:12px;background:#fff1cb;font-weight:650}.theory-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.theory-actions button,.theory-example button{min-height:44px;border:2px solid #a77a41;font-weight:700}.theory-reference{margin-top:14px;padding:12px 15px;border-radius:12px;background:#fff9e9;border:1px solid #c4a572}.theory-reference summary{cursor:pointer;font-weight:700}.theory-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-x:auto}.theory-tables table{width:100%;border-collapse:collapse;margin-top:12px;text-align:left;font-size:.84rem}.theory-tables caption{text-align:left;font-weight:800;padding-bottom:6px}.theory-tables td,.theory-tables th{border-bottom:1px solid #d3bb8d;padding:5px}.theory-scale{margin:22px 0}.theory-stones{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.theory-stones span{display:grid;place-items:center;aspect-ratio:1;border:3px solid #9b7139;border-radius:50%;background:#f4d58c;box-shadow:0 5px #9a764c;font:700 clamp(17px,2.6vw,29px) Georgia,serif}.theory-stones span:nth-child(4),.theory-stones span:nth-child(8),.theory-stones .highlight{background:#e3cce9;border-color:#9173a6}.theory-gaps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:8px 4% 0;text-align:center;font-weight:800;color:#426146;font-size:.85rem}.theory-gaps .half{color:#a34572}.theory-note-row{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.theory-note-row span{display:grid;place-items:center;min-width:45px;min-height:58px;padding:3px 7px;border:2px solid #b5905b;border-radius:11px;background:#fff6de;font:700 1.18rem Georgia,serif}.theory-note-row small{font:700 .72rem Segoe UI,sans-serif}.theory-select{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-weight:700}.theory-select select{min-height:44px;padding:7px 10px;border:2px solid #aa7b43;border-radius:9px;background:#fff}.theory-recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theory-recap p{padding:13px;border-radius:13px;background:#fff8e8;border:1px solid #cbaa75}.theory-quiz-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.theory-quiz-top strong{color:#755529}.theory-quiz-visual{margin:16px 0}.theory-quiz-visual p{margin:7px 0}.theory-order{display:flex;flex-wrap:wrap;gap:7px}.theory-order span{display:grid;place-items:center;min-width:53px;min-height:52px;padding:7px;border:2px solid #a98ab8;border-radius:11px;background:#eaddf0;font:700 1.35rem Georgia,serif}.theory-order .blank{border-style:dashed;background:#fff4d9}.theory-key-prompt{font:700 2rem Georgia,serif;color:#355b42}.theory-keyboard-hint{margin-top:13px}.theory-keyboard-toggle{min-height:44px;padding:7px 14px;border:2px solid #749271;border-radius:10px;background:#edf5e9;color:#274e35;font-weight:800}.theory-keyboard-toggle:hover{background:#dcefd7}.theory-keyboard-toggle:focus-visible{outline:3px solid #6d4c90;outline-offset:2px}.theory-keyboard-panel{margin-top:11px;padding:11px;border:1px solid #b5c8a7;border-radius:12px;background:#f4f9ed}.theory-keyboard-panel p{margin:0 0 8px}.theory-keyboard{display:block;width:100%;max-width:480px;height:auto;margin:0 auto}.theory-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theory-choices button{min-width:0;min-height:66px;padding:10px;border:3px solid #c19b64;border-radius:15px;background:#fff9eb;font:700 clamp(.98rem,1.5vw,1.28rem) Georgia,serif;overflow-wrap:anywhere}.theory-choices button.is-correct{background:#deebd7;border-color:#638764}.theory-choices button.is-trying{background:#fff1d9;border-color:#c08b42}.theory-choices button:disabled{opacity:1;cursor:default}.theory-feedback{margin:14px 0;padding:12px 15px;border:2px solid #d2aa60;border-radius:12px;background:#fff1d5}.theory-feedback.good{border-color:#86a67b;background:#e9f4e4}.theory-saying-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.theory-saying-lesson{min-width:0;padding:17px;border:2px solid #aa8cbd;border-radius:18px;background:#f4ecf6;box-shadow:0 5px #d7c5db}.theory-saying-lesson.flat{border-color:#8fac96;background:#ecf3e9;box-shadow:0 5px #ccdccb}.theory-saying-lesson-heading{display:flex;align-items:center;gap:12px}.theory-saying-lesson-heading>span{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#e2cfeb;color:#614377;font:700 2rem Georgia,serif}.theory-saying-lesson.flat .theory-saying-lesson-heading>span{background:#d6e7d5;color:#315e40}.theory-saying-lesson-heading h2{margin:0}.theory-saying-lesson p:last-child{margin:14px 0 0}.theory-lesson-words{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.theory-lesson-words>span{padding:8px 10px;border:1px solid #b696bf;border-radius:10px;background:#fffafd;font:600 1rem Georgia,serif}.theory-saying-lesson.flat .theory-lesson-words>span{border-color:#9bb69d;background:#fafff8}.theory-emphasized-word strong{color:#6b4581;font-size:1.22em}.flat .theory-emphasized-word strong{color:#35704b}.theory-word-game{margin:18px 0;padding:17px;border:2px solid #a98bbb;border-radius:19px;background:linear-gradient(155deg,#f8eef7,#f3e2f3 55%,#fdf8ea)}.theory-word-game.flat{border-color:#84a88a;background:linear-gradient(155deg,#eef6e9,#dff0e0 55%,#fdf8ea)}.theory-word-game-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.theory-word-game-heading>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#e3d2ed;color:#5b3d71;font:700 1.8rem Georgia,serif}.theory-word-game.flat .theory-word-game-heading>span{background:#cce5d0;color:#315d41}.theory-word-game-heading strong,.theory-word-game-heading small{display:block}.theory-word-game-heading strong{font:700 1.18rem Georgia,serif}.theory-word-game-heading small{margin-top:3px;color:#584d42;line-height:1.4}.theory-word-stones{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.theory-word-stone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:77px;padding:5px 3px;border:2px dashed #ae8ab9;border-radius:15px;background:#fffaf0;color:#342c2a;box-shadow:0 5px #d4bfda;font:600 clamp(.72rem,1.3vw,.98rem) Georgia,serif;overflow-wrap:anywhere;touch-action:none;user-select:none;-webkit-user-select:none}.theory-word-stone.empty:not(:disabled){color:#82668c}.theory-word-stone.filled{border-style:solid;background:#fffdf5}.theory-word-stone.needs-move{border-color:#b46c3b;background:#fff1d9;box-shadow:0 5px #d8ac7f}.theory-word-stone.selected,.theory-word-game.flat .theory-word-stone.selected{border:3px solid #5c488f;background:#f4e7ff;box-shadow:0 5px #b7a8d0;transform:translateY(-2px)}.theory-word-stone.drag-target,.theory-word-game.flat .theory-word-stone.drag-target{border:3px solid #cf9d37;background:#fff2c9;box-shadow:0 5px #dfc16d}.theory-word-stone.drag-source,.theory-word-tray .drag-source{opacity:.45}.theory-word-stone:disabled{opacity:1;cursor:default}.theory-word-stone.filled:not(:disabled):hover{transform:translateY(-2px)}.theory-word-stone:focus-visible,.theory-word-tray button:focus-visible{outline:3px solid #61407f;outline-offset:2px}.theory-word-game.flat .theory-word-stone{border-color:#84a88a;box-shadow:0 5px #c4dac5}.theory-word-game.flat .theory-word-stone.needs-move{border-color:#b46c3b;box-shadow:0 5px #d8ac7f}.theory-stone-number{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eadbed;color:#5b3e68;font:800 .75rem Segoe UI,sans-serif}.theory-word-game.flat .theory-stone-number{background:#d9e9d7;color:#315c40}.theory-stone-placeholder{font-size:1.3rem;line-height:1}.theory-word-tray-label{margin:22px 0 8px;color:#5a4e44;font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.theory-word-tray{display:flex;flex-wrap:wrap;gap:9px;min-height:54px;border-radius:12px}.theory-word-tray.drag-target{outline:3px dashed #cf9d37;outline-offset:5px}.theory-word-tray button{min-height:48px;padding:7px 14px;border:2px solid #9e80ae;border-radius:12px;background:#fffdfa;color:#352a36;box-shadow:0 4px #d4bcda;font:600 1rem Georgia,serif;touch-action:none;user-select:none;-webkit-user-select:none}.theory-word-tray button:hover{background:#fff3d8;transform:translateY(-2px)}.theory-word-game.flat .theory-word-tray button{border-color:#77a281;box-shadow:0 4px #bfd5c0}.theory-word-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);padding:9px 16px;border:3px solid #b88739;border-radius:13px;background:#fff6d7;color:#342b28;box-shadow:0 10px 25px #35233b55;font:700 1rem Georgia,serif;white-space:nowrap}.theory-saying-reveal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 17px;margin:12px 0;padding:11px 14px;border-radius:12px;background:#e9f4e4;color:#315e40}.theory-saying-reveal strong{letter-spacing:.12em}.theory-result{display:flex;gap:20px;align-items:center;padding:17px;border:2px solid #c7a673;border-radius:18px;background:#fff6df}.theory-result>img{width:90px;height:90px;object-fit:contain}.theory-result p{margin:7px 0 0}@media(max-width:1000px){.theory-layout{grid-template-columns:minmax(0,1fr)}.theory-fox{display:none}}@media(max-width:650px){.theory-shell{padding:12px 12px 28px}.theory-top{margin-bottom:10px}.theory-top-tag{display:none}.theory-paper{padding:17px 14px;border-width:5px;min-height:0}.theory-level-list,.theory-two-examples,.theory-split,.theory-tables,.theory-recap,.theory-saying-lessons{grid-template-columns:minmax(0,1fr)}.theory-word-game{padding:12px}.theory-word-stones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theory-word-stone{min-height:66px;font-size:.84rem}.theory-word-tray button{min-height:46px}.theory-trail-group{margin-top:18px}.theory-trail-group+.theory-trail-group{margin-top:28px}.theory-level{grid-template-columns:34px minmax(0,1fr) auto}.theory-level .round-blooms{display:none}.theory-mnemonic{gap:5px}.theory-mnemonic span{min-width:39px}.theory-mnemonic strong{min-height:45px;font-size:1.05rem}.theory-mnemonic small{font-size:.62rem}.theory-stones{gap:2px}.theory-stones span{border-width:2px}.theory-gaps{margin-left:0;margin-right:0;font-size:.69rem}.theory-choices button{min-height:57px}.theory-result>img{width:58px;height:58px}}:root{color-scheme:light;--ink: #24180f;--cream: #f6ecd4;--gold: #e4b34a;--moss: #2f6b45;--moss-dark: #1e4a30;--focus: #ffbf3c;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,select{font:inherit;color:inherit}button{min-height:44px;border-radius:999px;border:2px solid transparent;padding:.45rem .95rem;background:var(--cream);cursor:pointer}button.primary,button.path{background:var(--gold);color:var(--ink);font-weight:700}button.quiet{background:#f6ecd4e0}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.app{min-height:100dvh;position:relative;overflow-x:hidden;overflow-y:auto;background:#1c3148 url(./background-game-twilight-Bb8ZCiKB.png) center / cover no-repeat fixed}.firefly{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff1b0;box-shadow:0 0 12px 4px #ffe68cd9;pointer-events:none;z-index:0;animation:blink 4.5s ease-in-out infinite}.firefly.a{top:12%;left:18%}.firefly.b{top:22%;right:14%;animation-delay:-1.5s}.firefly.c{bottom:28%;left:8%;animation-delay:-2.6s}@keyframes blink{50%{opacity:.25;transform:translateY(-6px)}}.foreground{position:absolute;left:0;right:0;bottom:0;width:100%;height:22vh;object-fit:cover;object-position:center bottom;pointer-events:none;z-index:0}.home,.play,.card-screen{position:relative;z-index:1}.home{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-rows:auto auto 1fr;gap:16px;padding:20px 20px 28px;align-items:start}.home-top,.home-actions,.home-notes{grid-column:1}.home .fox{grid-column:2;grid-row:1 / span 3;align-self:end}.home-actions,.mode-list{display:grid;gap:12px;max-width:520px}button.path{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:.8rem 1rem}button.path small{font-weight:500}.home-notes,.hint-copy,.preview-note,.midi-status,.tempo-label{max-width:62ch;background:#f6ecd4e6;border-radius:14px;padding:.7rem .9rem}.home-notes p{margin:.35rem 0}.guest-note,.hint-copy{margin-top:8px}.sign{position:relative;width:min(420px,100%);min-height:116px}.sign img{width:100%;height:116px;object-fit:fill;display:block}.sign-text{position:absolute;inset:18px 36px 22px;display:grid;align-content:center;text-align:center}.sign-text h1,.card h1,.result h1{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.4rem,2vw,2rem)}.sign-kicker,.sign-text p{margin:0}.card-screen{min-height:100dvh;display:grid;align-items:start;justify-items:center;padding:16px 16px 28px}.card{width:min(920px,100%);background:#f6ecd4f0;border-radius:24px;padding:16px;display:grid;gap:12px;box-shadow:0 16px 40px #14100a40}.card.narrow{width:min(560px,100%)}.card-head{display:flex;gap:12px;align-items:center}.card-head h1{font-size:1.6rem}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}@media(max-width:640px){.setup-grid{grid-template-columns:1fr}}.setup-grid label,.setup-grid fieldset{display:grid;gap:4px;min-width:0;font-weight:600}.setup-grid select{width:100%;min-width:0;max-width:100%}.choice-row{display:flex;flex-wrap:wrap;gap:8px;width:100%}.choice-row button{flex:1 1 8rem}button.is-selected{background:var(--moss);color:#fff}fieldset{border:0;margin:0;padding:0}legend{font-weight:600;margin-bottom:4px}.check{align-items:center;grid-template-columns:auto 1fr}.problem{color:#8a3d16;font-weight:700}.play{min-height:100dvh;display:grid;align-content:start;gap:8px;padding:12px 14px 18px}.play-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.play-top .sign{width:min(360px,100%)}.progress{margin:0;background:#f6ecd4eb;border-radius:999px;padding:.4rem .8rem;font-weight:700}.banner{margin:0;min-height:1.4em;font-weight:600;text-shadow:0 1px 0 rgba(255,248,230,.8)}.staff-frame{position:relative;z-index:1;min-height:150px;padding:10px 16px 14px;overflow:hidden}.staff-frame .parchment{position:absolute;top:-32%;left:0;width:100%;height:172%;object-fit:fill;pointer-events:none}.staff{position:relative;z-index:1;width:100%;height:auto;display:block;color:var(--ink)}.staff-line,.ledger,.bar-line,.note line,.clef{stroke:currentColor}.staff-line{stroke-width:1.5}.ledger,.bar-line{stroke-width:1.6}.note ellipse{fill:currentColor}.note.is-half ellipse{fill:#f7e8c6;stroke:currentColor;stroke-width:2.5}.note.is-target{color:#8a4b12}.note.is-hit{color:#2c7f4b}.note-hit-halo{fill:#fff4a6;opacity:.72;stroke:#f0c653;stroke-width:2}.note.is-hit ellipse{filter:drop-shadow(0 0 6px #ffef75)}.note-hold-track,.note-hold-progress{fill:none;stroke-width:4}.note-hold-track{stroke:#6d4c2547}.note-hold-progress{stroke:#29935c;stroke-linecap:round}.note-rhythm-mark{fill:none;stroke-width:3}.note.rhythm-good .note-rhythm-mark{stroke:#29935c}.note.rhythm-short .note-rhythm-mark,.note.rhythm-long .note-rhythm-mark{stroke:#c36e30}.beat-dot{fill:#24180f73}.play-zone{fill:#ffd66661;stroke:#d6961ef2;stroke-width:2}.meter text{font:700 32px Georgia,serif;fill:currentColor}.count-in{position:absolute;z-index:2;left:42%;top:18%;margin:0;font:700 64px Georgia,serif;color:#8a4b12;text-shadow:0 2px 0 rgba(255,248,230,.8)}.controls,.names,.result-actions{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.play-bottom{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px;align-items:start;position:relative;z-index:1}.piano-scroll{overflow-x:auto;padding-bottom:6px;background:#58341c59;border-radius:16px 16px 8px 8px;display:flex;justify-content:flex-start}.piano{position:relative;height:156px;flex:0 0 auto;margin-inline:auto}.key{position:absolute;top:0;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0 0 8px 8px;padding:0 2px 6px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;line-height:1.1}.key.white{background:#fffaf1;border:1px solid #c8b59a;color:var(--ink);z-index:1}.key.black{background:#221910;color:#fff6df;z-index:2;border-radius:0 0 6px 6px}.key.is-down{background:#ffd36a;color:var(--ink)}.key.is-range.white{background:#b7e7f4}.key.is-hint{box-shadow:0 0 0 3px #ffbf3c,0 0 16px #ffbf3c}.key-name{font-size:16px;font-weight:700}.side-column{display:grid;justify-items:center;gap:4px}.rewards{display:flex;flex-wrap:wrap;gap:2px;min-height:28px;justify-content:center}.rewards img,.stars img{width:42px;height:42px;object-fit:contain}.stars{display:flex;gap:4px}.fox{width:170px;aspect-ratio:1327 / 1185}.fox img{width:100%;height:100%;object-fit:contain;display:block;animation:bob 3.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}.card .fox{width:140px;justify-self:end}.midi-status,.tempo-label,.pretend{position:relative;z-index:1;margin:0}.pretend{background:#f6ecd4e6;border-radius:12px;padding:.4rem .7rem;max-width:640px}.pretend p{margin:.4rem 0}.help{position:fixed;z-index:5;right:16px;bottom:16px;width:min(360px,calc(100% - 32px));background:var(--cream);color:var(--ink);border-radius:16px;padding:14px;box-shadow:0 12px 30px #00000047}.opening{position:relative;z-index:1;padding:24px;background:#f6ecd4e6;display:inline-block;margin:16px;border-radius:12px}.reduce-motion .fox img,.reduce-motion .firefly,.reduce-motion .rewards img{animation:none}@media(max-width:800px){.foreground,.firefly.c{display:none}.home{grid-template-columns:1fr}.home .fox{grid-column:1;grid-row:auto;width:110px}.play-bottom{grid-template-columns:1fr 110px}.fox{width:110px}}.level-map{position:relative;z-index:1;min-height:100dvh;overflow:hidden}.map-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.map-top{position:relative;z-index:2;display:flex;align-items:flex-start;gap:12px;padding:16px}.level-map .back-orb{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;border:3px solid #8a5a32;background:#f6ecd4;display:grid;place-items:center}.map-card{max-width:460px;background:#f6ecd4eb;border-radius:16px;padding:.7rem .9rem;box-shadow:0 5px 18px #2d1f233d}.map-card h1{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:1.6rem}.map-card p{margin:.25rem 0 0}.map-chapters{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.82rem;font-weight:700;color:#514033}.map-chapters button{width:30px;min-height:30px;padding:0;border:1px solid #a47a4d;border-radius:50%;background:#fff4d8;color:#5b3b21;font-size:1.3rem;line-height:1}.map-chapters button:disabled{opacity:.35}.map-card .map-jump{min-height:30px;margin-top:.4rem;padding:.2rem .6rem;border:1px solid #a47a4d;border-radius:999px;background:#fff4d8;color:#5b3b21;font-size:.78rem;font-weight:700}.map-progress{display:flex;align-items:center;gap:.75rem;margin-top:.7rem;padding-top:.6rem;border-top:1px solid rgba(107,75,48,.3)}.map-progress strong,.map-progress small{display:block}.map-progress strong{font:700 .94rem Georgia,serif}.map-progress small{margin-top:.12rem;font-size:.75rem}.round-blooms{display:inline-flex;align-items:center;gap:3px;flex:none}.round-blooms svg{width:31px;height:31px;overflow:visible}.round-blooms.is-small{gap:1px}.round-blooms.is-small svg{width:16px;height:16px}.bloom-back{fill:#f8ecd2;stroke:#9d8057;stroke-width:1.5}.bloom-petal{fill:#d7c6a4;stroke:#9d8057;stroke-width:.8}.bloom-heart{fill:#aa9674}.round-blooms .is-earned .bloom-back{fill:#fff2b8;stroke:#c2842a}.round-blooms .is-earned .bloom-petal{fill:#ffba50;stroke:#b96d24}.round-blooms .is-earned .bloom-heart{fill:#9d4c37}.map-progress .round-blooms .is-earned{filter:drop-shadow(0 0 5px #ffcf6c)}.level-map button.stone{position:absolute;left:var(--stone-x);top:var(--stone-y);z-index:2;width:118px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;transform:translate(-50%,-50%)}.map-stones{display:contents}.level-map button.stone>img{width:100%;height:auto;display:block}.level-map button.stone.is-locked{opacity:.72}.stone-face{position:absolute;left:16%;right:16%;top:14%;height:46%;display:grid;justify-items:center;align-content:center;color:#2a2118;font:700 1.7rem Georgia,serif;text-shadow:0 1px 0 rgba(255,255,255,.45)}.stone-stars{display:flex;gap:1px}.stone-stars img{width:16px;height:16px}.stone-face .round-blooms{margin-top:-2px}.lock{width:22px;height:22px}.result-path-progress{display:grid;justify-items:center;gap:.35rem;margin:.6rem auto 1rem;padding:.75rem 1rem;width:min(100%,360px);border:1px solid #b58b55;border-radius:14px;background:#fff3cf}.result-path-progress p{margin:0;text-align:center}.stone-name{position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:#f6ecd4f0;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700;color:var(--ink)}@media(max-width:800px){.level-map button.stone{width:92px}.stone-face{font-size:1.3rem}.stone-name{font-size:.7rem}.round-blooms.is-small svg{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.fox img,.firefly,.rewards img{animation:none}}.trail{position:relative;z-index:1;min-height:100dvh;padding:12px 16px 16px;display:grid;align-content:start;gap:6px}.trail-top{display:flex;align-items:center;gap:12px}.trail-title{margin:0;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.8rem,3vw,2.6rem);color:#f0d78c;text-shadow:0 2px 0 #5a3a16,0 8px 16px rgba(0,0,0,.35)}.trail button.back-orb{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;border:3px solid #8a5a32;background:#f6ecd4;display:grid;place-items:center}.trail-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:end}.trail-fox{display:grid;justify-items:center;align-content:end;gap:4px}.trail-fox .fox{width:160px}.sign.sign-note{width:168px;min-height:0}.sign.sign-note img{height:96px}.sign.sign-note .sign-text{inset:16px 24px 18px}.sign.sign-note p{font-size:.78rem;line-height:1.25}.trail-card{background:linear-gradient(180deg,#fffaec8c,#f3e6c826),#f4e7c9;border:10px solid #8a5a32;border-radius:28px;box-shadow:0 18px 40px #140c0659,inset 0 0 0 3px #e7d3a4;padding:10px 16px 12px;display:grid;gap:8px}.trail-heading{margin:0;display:flex;justify-content:center;align-items:center;gap:10px;font-family:Georgia,Palatino Linotype,serif;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600}.leaf{width:16px;height:16px}.leaf.flip{transform:scaleX(-1)}.trail-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px 28px}.trail-col{display:grid;align-content:start;gap:10px;min-width:0}.trail-col+.trail-col{border-left:1px solid rgba(90,58,22,.12);padding-left:22px}.trail-label{display:flex;align-items:center;gap:6px;font-weight:700}.trail-field{display:grid;gap:6px;min-width:0}.trail fieldset.trail-field{border:0;margin:0;padding:0}.trail select{width:100%;min-height:44px;border-radius:12px;border:1px solid #c8b59a;background:#fffaf1;padding:.35rem .6rem}.range-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.range-row label{display:grid;min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.range-dash{padding-bottom:10px;font-weight:700}.segment,.count-row{display:flex;gap:8px}.trail .segment button,.trail .count-row button{flex:1;border-radius:14px;background:#fffaf1;border:1px solid #e0d2b4;color:var(--ink)}.trail .segment button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:600}.trail .count-row button{min-height:52px;font-size:1.25rem;font-weight:700}.trail button.is-gold{background:#e4b34a}.trail button.is-teal{background:#2f8f9a;color:#fff}.clef-icon{width:28px;height:32px}.clef-pair{display:flex;gap:2px}.clef-pair .clef-icon{width:16px;height:28px}.switch-row,.wait-row{display:flex;align-items:center;gap:10px}.trail button.switch{width:52px;height:30px;min-height:30px;padding:0;border-radius:999px;background:#d9cbb0;position:relative;flex:0 0 auto}.trail button.switch[aria-checked=true]{background:#2f8f9a}.trail button.switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff}.trail button.switch[aria-checked=true] span{transform:translate(22px)}.pace-control{padding:.55rem .7rem;border:1px solid #b7a788;border-radius:12px;background:#fffaf1cc}.pace-control.is-quiet{opacity:.62}.pace-readout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .6rem;margin-bottom:.35rem}.pace-readout strong{font:700 1.1rem Georgia,serif;color:#274f58}.pace-readout span{font-size:.78rem}.pace-slider{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;align-items:center}.pace-slider input{width:100%;accent-color:#2f8f9a}.pace-adjust{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;font-weight:700}.pace-adjust button{min-height:30px;min-width:38px;padding:.1rem .5rem;border-radius:999px;background:#e4f5f3;color:#234c53;font-size:1.1rem}.pace-marks{display:grid;grid-template-columns:28px 1fr 1fr 1fr 28px;font-size:.76rem;font-weight:600}.pace-marks span:nth-child(1){grid-column:2;text-align:left}.pace-marks span:nth-child(2){text-align:center}.pace-marks span:nth-child(3){text-align:right}.pace-animal{width:28px;height:20px}.input-list{display:grid;gap:6px}.input-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:.4rem .65rem;border-radius:12px;background:#fffaf1d9;border:1px solid transparent}.input-row.is-input{background:#d7f3f6;border-color:#7ec8d4}.input-row.is-later{opacity:.55}.input-icon{width:22px;height:22px}.input-row small{margin-right:6px;font-weight:600}.mini-scroll{background:#efe4cc;border:1px solid #d7c7a4;border-radius:12px;padding:8px 4px 2px}.piano.mini .key{border-radius:0 0 4px 4px;padding:0}.trail-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;border-top:1px solid rgba(90,58,22,.12);padding-top:10px}.trail-foot h3{margin:0 0 4px;font-family:Georgia,serif;font-size:1.05rem}.trail-foot .staff{width:min(100%,460px);height:auto;max-height:118px}.trail-foot .preview-note{margin:4px 0 0;background:transparent;padding:0}.trail button.start-trail{display:inline-flex;align-items:center;gap:8px;min-height:68px;padding:.7rem 1.2rem;border-radius:18px;font-family:Georgia,Palatino Linotype,serif;font-size:1.25rem;box-shadow:0 5px #b8882a}@media(max-width:800px){.trail-body,.trail-columns,.trail-foot{grid-template-columns:1fr}.trail-col+.trail-col{border-left:0;padding-left:0;border-top:1px solid rgba(90,58,22,.12);padding-top:12px}.trail-fox{grid-template-columns:120px 1fr;justify-items:start}.trail-fox .fox{width:110px}.sign.sign-note{width:140px}}.sign{min-height:0;aspect-ratio:1991 / 790}.sign img{height:auto;aspect-ratio:1991 / 790;object-fit:contain}.sign-text{inset:16% 9% 17%;color:#fff1c7;text-shadow:0 2px 2px #351b0c,0 0 9px #351b0c}.sign-text h1{font-size:clamp(1.35rem,2vw,2rem);line-height:1.05}.sign-text p{line-height:1.15}.sign-kicker{font-size:.8rem}.home{width:min(1500px,100%);margin-inline:auto;padding:clamp(22px,4vw,56px);grid-template-columns:minmax(0,610px) minmax(180px,1fr);grid-template-rows:auto auto 1fr;gap:20px 28px}.home-top{display:grid;justify-items:start;gap:12px}.home-top-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.home-profile{border:2px solid #79512c;background:#f8ecd2;box-shadow:0 3px #69401f;font-weight:700}.home .sign{width:min(560px,100%)}.home .sign-text h1{font-size:clamp(2rem,3.2vw,3.25rem)}.home .sign-text p{font-size:1rem}.home-actions{max-width:610px;gap:16px}.home button.path{min-height:94px;border:3px solid #8a5a32;border-radius:18px;padding:.85rem 1.5rem;background:linear-gradient(#ffe6a2,#e2ad45);box-shadow:0 6px #6a3e1e,0 12px 24px #13141266}.home button.path:nth-child(2){background:linear-gradient(#d7eef0,#87bdc5)}.home button.path span{font:700 clamp(1.3rem,2vw,1.8rem) Georgia,serif}.home button.path small{font-size:.92rem}.home-notes{align-self:end;width:min(100%,610px);border:2px solid #b58b58;box-shadow:0 8px 28px #17100a47}.home .fox{width:clamp(220px,25vw,370px);justify-self:end;align-self:end}.trail-body{grid-template-columns:210px minmax(0,1fr)}.trail-fox .fox{width:205px}.sign.sign-note{width:195px;min-height:106px;aspect-ratio:auto;background:#f9ecd0;border:4px solid #8a5a32;border-radius:14px;box-shadow:0 8px 20px #180e084d}.sign.sign-note img{display:none}.sign.sign-note .sign-text{inset:13px;color:#3a291a;text-shadow:none}.sign.sign-note p{font:1rem/1.3 Georgia,serif}.trail-card{background:#f8ecd2;border-width:8px;padding:8px 14px;gap:5px}.trail-col{gap:7px}.input-row{padding-block:.27rem}.trail-heading{font-size:clamp(1.65rem,2.5vw,2.35rem)}.clef-icon{width:auto;height:38px;object-fit:contain}.clef-pair{align-items:center;gap:5px}.clef-pair .clef-icon{width:auto;height:32px}.trail .segment button{min-height:60px}.trail .count-row button{min-height:44px}.trail-foot{position:sticky;bottom:0;z-index:2;background:#f8ecd2;box-shadow:0 -8px 20px #3d230f14}.play{width:min(1600px,100%);margin-inline:auto;gap:7px;padding:10px 20px 18px}.play-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;order:0}.play-top .sign{width:min(300px,100%);justify-self:center}.play-top .sign-text h1{font-size:clamp(1.25rem,1.8vw,1.6rem)}.play-top .sign-text p{font-size:.8rem}.progress{border:2px solid #9d7b52;font-size:1rem}.banner{order:1;display:inline-flex;align-items:center;gap:.55rem;justify-self:start;margin-left:clamp(10px,19%,280px);padding:.4rem 1rem;min-height:40px;border-radius:12px;border:2px solid #b89869;background:#f9edcf;color:#322216;font:700 1rem Georgia,serif;text-shadow:none;box-shadow:0 5px 16px #1c100847}.staff-frame{order:2;width:min(1400px,100%);margin-inline:auto;padding:8px 18px 12px}.staff-line{stroke-width:2}.play-zone{fill:#ffd76b52;stroke:#eaab2ef2}.rhythm-guide{order:3;width:min(980px,100%);margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .8rem;padding:.3rem .75rem;border:2px solid #b89869;border-radius:12px;background:#f9edcff0;color:#322216;font-size:.9rem;font-weight:700}.rhythm-guide-label{font-family:Georgia,serif}.beat-pulse{display:inline-flex;gap:.32rem}.beat-pulse span{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;border:2px solid #b89869;background:#fff8e9}.beat-pulse .is-current{background:#f3c55c;border-color:#a3712d;box-shadow:0 0 10px #ffdf82}.rhythm-feedback{color:#8c461d}.rhythm-feedback.is-good{color:#276d44}.rhythm-scores{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.rhythm-scores span{border:2px solid #b89869;border-radius:12px;padding:.45rem .75rem;background:#fff7e4;font-weight:700}.names{order:3;width:min(1200px,100%);margin-inline:auto}.names button{border:2px solid #7c557f;background:#f5e7f1;font-weight:700}.play-bottom{order:4;width:min(1400px,100%);margin-inline:auto;grid-template-columns:minmax(0,1fr) 180px;gap:18px}.play-bottom .piano-scroll{width:fit-content;max-width:100%;margin-inline:auto;border:6px solid #754824;border-radius:16px;background:linear-gradient(#8c562b,#603618);padding:8px 10px 10px;box-shadow:0 8px #3f2415,0 15px 24px #0d09074d}.play-bottom .key.white{background:linear-gradient(#fffdf6 78%,#e5d9c6);border:2px solid #b7a78e;box-shadow:inset 0 -4px #d5c4ad}.play-bottom .key.black{background:linear-gradient(#3d312a,#171210);border:2px solid #110d0a;box-shadow:2px 4px 4px #00000052}.play-bottom .key.is-down,.play-bottom .key.white.is-down,.play-bottom .key.black.is-down{background:linear-gradient(#fff1ac,#e8b34d);color:#2c1c10;box-shadow:0 0 0 2px #ffe9a0,0 0 18px 5px #ffd66b}.play-bottom .key.white.is-out{background:linear-gradient(#cfc6b8 78%,#b9b0a0);color:#7a6e60;box-shadow:inset 0 -4px #a89c8c;border-color:#a09080}.play-bottom .key.black.is-out{background:linear-gradient(#5a514a,#2e2925);border-color:#1c1815;box-shadow:none}.key.is-out,.key.is-out:disabled{opacity:.72;cursor:default}.key.is-out .key-name{opacity:.55}.controls{order:5;width:min(1400px,100%);margin-inline:auto;padding-top:4px}.controls button{border:2px solid #b88d5b;background:#f9ecd0;box-shadow:0 3px #725039;font-weight:650}.controls button.primary{background:#f3c55c}.play-tempo{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .55rem;border:2px solid #b88d5b;border-radius:12px;background:#f9ecd0;font-weight:700}.play-tempo input{width:clamp(90px,11vw,170px);accent-color:#2f8f9a}.play-tempo button{min-height:30px;min-width:34px;padding:.1rem .35rem;box-shadow:none}.play-tempo output{min-width:4.4rem;text-align:right;color:#245562}.keyboard-shortcuts{align-self:center;padding:.3rem .55rem;border-radius:8px;background:#f9edcff0;color:#322216;font-size:.86rem;font-weight:700}.side-column .fox{width:180px}.side-column .rewards{width:100%;height:30px;min-height:30px;flex-wrap:nowrap;align-items:center}.side-column .rewards img{flex:0 0 28px;width:28px;height:28px}.play .midi-status,.play .microphone-status{order:6;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem .65rem;max-width:min(100%,720px);padding:.55rem .8rem;border-radius:14px;background:#f8eed5eb;color:#4d3826;font-size:.84rem;text-align:center}.play .midi-status.is-connected,.play .microphone-status.is-listening{background:#e5f2d9;color:#2f592a}.midi-status-dot{width:.6rem;height:.6rem;flex:0 0 auto;border-radius:50%;background:#ad9677}.midi-status.is-connected .midi-status-dot,.microphone-status.is-listening .midi-status-dot{background:#4d9a49;box-shadow:0 0 0 4px #4d9a492b}.microphone-reading{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem}.microphone-meter{width:3.5rem;height:.38rem;flex:0 0 auto;overflow:hidden;border-radius:1rem;background:#2f592a33}.microphone-meter span{display:block;height:100%;border-radius:inherit;background:#4d9a49;transition:width .18s ease}.midi-sound{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.midi-sound input{width:1rem;height:1rem;margin:0;accent-color:#4d9a49}.play .tempo-label{order:7;font-size:.82rem;padding:.35rem .65rem}.play .pretend{order:8}.card-screen{align-items:center;padding:22px}.card{border:8px solid #86542d;background:#f8ecd2;box-shadow:0 16px #341d0d80,0 28px 44px #100c0966,inset 0 0 0 2px #dcbf8c;padding:clamp(18px,2vw,28px);gap:18px}.card.narrow{width:min(680px,100%)}.card-head h1,.result h1{font-size:clamp(2rem,3vw,2.8rem)}.card p{margin:0;line-height:1.4}.card .mode-list{max-width:none;gap:12px}.card button.path{min-height:74px;border:2px solid #a9773f;border-radius:14px;padding:.65rem 1rem;background:linear-gradient(#ffe49d,#e3b65c);box-shadow:0 3px #966635}.card button.path:nth-child(2n){background:linear-gradient(#e1eff0,#a7cfd1)}.card button.path span{font:700 1.35rem Georgia,serif}.card button.path small{font-size:.88rem}.key-signature-staff{display:block;width:100%;max-width:490px;height:auto}.key-lesson-preview{display:grid;gap:10px;padding:15px;border:2px solid #b49763;border-radius:16px;background:#fff8e8}.key-lesson-preview h2{margin:0;font:700 1.55rem Georgia,serif}.key-lesson-preview .key-lesson-kicker{color:#77562f;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.key-lesson-preview .key-lesson-signs{color:#315940;font-weight:700}.key-lesson-scale{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.key-lesson-scale span{display:grid;place-items:center;min-width:0;min-height:53px;padding:3px;border:2px solid #af8a53;border-radius:10px;background:#f8e8bc;font:700 1.1rem Georgia,serif}.key-lesson-scale small{font:700 .7rem Segoe UI,sans-serif}.key-lesson-preview button{justify-self:start;min-height:44px;border:2px solid #a9773f;font-weight:700}.key-lesson-preview .key-lesson-muted{color:#6f604e;font-size:.85rem}.card .fox{width:190px;justify-self:end}.account-card{width:min(720px,100%)}.account-card .fox{width:140px}.account-lead{font:1.12rem/1.45 Georgia,serif}.account-email{color:#654d37;font-size:.9rem;overflow-wrap:anywhere}.account-sync-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px;border:2px solid #bd7c45;border-radius:12px;background:#fff0d7}.account-sync-error button{border:1px solid #9d6638;background:#fff9e9;font-weight:700}.account-steps{display:flex;flex-wrap:wrap;gap:7px}.account-steps span{border:1px solid #baa077;border-radius:20px;background:#fff8e8;padding:6px 9px;font-size:.78rem;font-weight:700}.account-form{display:grid;gap:10px;padding:18px;border:2px solid #ba9b6c;border-radius:18px;background:#fff8e8}.account-form label{font-weight:700}.account-form input:not([type=checkbox]){width:100%;min-width:0;min-height:50px;padding:10px 14px;border:2px solid #a78253;border-radius:11px;background:#fff;color:#24180f;font:1rem Segoe UI,sans-serif}.account-form input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.account-form>button.primary{justify-self:start;border:2px solid #915a2f;padding:10px 24px;box-shadow:0 3px #69401f}.account-form small{color:#5d5144;line-height:1.4}.account-sent{overflow-wrap:anywhere}.account-dev-note{font-size:.84rem;color:#625038}.account-code-actions,.account-form-actions{display:flex;flex-wrap:wrap;gap:8px}.account-code-actions button{border:1px solid #b39565;background:#f7ecd4;font-size:.88rem}.account-children{display:grid;gap:10px}.account-child{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:78px;padding:8px 16px 8px 9px;text-align:left;border:2px solid #a87943;border-radius:17px;background:linear-gradient(110deg,#fff6df,#e8d5b6);box-shadow:0 3px #966635}.account-child:nth-child(2n){background:linear-gradient(110deg,#f1f7ef,#c6ddd4)}.account-child strong,.account-child small{display:block}.account-child strong{font:700 1.25rem Georgia,serif;overflow-wrap:anywhere}.account-child small{color:#5e5143;margin-top:3px}.account-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f8e3a7;color:#67452b;font-size:1.8rem}.account-child:nth-child(2n) .account-avatar{background:#d7ebdf}.account-welcome{padding:13px;border-radius:13px;background:#e8f0db}.account-add-link{justify-self:start;border:2px dashed #967044;background:#fff5df;font-weight:700}.account-check{display:flex;align-items:flex-start;gap:10px;font-weight:500!important;line-height:1.35}.account-check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#3a7550}.account-sign-out{justify-self:start;border:1px solid #a88b68;background:#f4e6ca;font-size:.9rem}.account-error{padding:10px 13px;border:2px solid #ae5244;border-radius:12px;background:#fff1e9;color:#852d24}.result{justify-items:center;text-align:center;width:min(700px,100%)}.result .fox{justify-self:center;width:220px}.result .stars img{width:64px;height:64px}.result-actions{justify-content:center;width:100%}.result-actions button{border:2px solid #a9773f;font-weight:700}@media(max-width:800px){.home{grid-template-columns:1fr;padding:18px}.home .fox{grid-column:1;grid-row:auto;width:155px}.trail-body{grid-template-columns:1fr}.trail-fox{grid-template-columns:1fr 100px;align-items:center}.trail-fox .fox{width:100px}.sign.sign-note{width:min(100%,300px);min-height:70px}.play-top{grid-template-columns:auto 1fr auto}.play-top .sign{width:min(270px,100%)}.play-top .quiet{grid-column:3}.play-bottom{grid-template-columns:minmax(0,1fr) 110px;gap:8px}.side-column .fox{width:110px}.side-column .rewards{height:22px;min-height:22px}.side-column .rewards img{flex-basis:16px;width:16px;height:16px}.banner{margin-left:0}}@media(max-width:560px){.card-screen{padding:12px 10px 28px}.account-card{padding:16px 13px}.account-card .card-head h1{font-size:1.9rem}.account-form{padding:13px}.account-steps span{flex:1 1 120px;text-align:center}.account-child{grid-template-columns:46px minmax(0,1fr) auto}.account-avatar{width:44px;height:44px}.key-lesson-preview{padding:11px}.key-lesson-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.result-actions{display:grid;grid-template-columns:1fr}.result-actions button{width:100%}.home{grid-template-columns:minmax(0,1fr)}.home>*{min-width:0}.home-actions,.home-notes{width:100%}.home button.path{min-width:0;max-width:100%}.home-notes{overflow-wrap:anywhere}.level-map{overflow:visible;padding-bottom:max(24px,env(safe-area-inset-bottom))}.map-scene{position:fixed}.map-top{display:grid;grid-template-columns:48px minmax(0,1fr);padding:10px;gap:8px}.map-card{min-width:0;max-width:100%}.map-chapters span{min-width:0;text-align:center}.map-stones{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 8px;padding:18px 10px 38px}.level-map button.stone{position:relative;left:auto;top:auto;transform:none;justify-self:center;width:min(116px,100%);margin-bottom:18px}.stone-name{max-width:145px;white-space:normal;text-align:center;top:calc(100% - 4px)}.trail-foot{position:static;box-shadow:none}.play{padding-inline:8px}.play-top{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.play-top .sign{grid-column:1 / -1;grid-row:2;width:min(270px,100%)}.play-top .progress{grid-column:3;grid-row:1;justify-self:end}.play-top .quiet{grid-column:2;grid-row:1;justify-self:end;padding-inline:.5rem;font-size:.83rem}.play-bottom{grid-template-columns:1fr}.side-column{display:none}.staff-frame{min-width:0;overflow-x:hidden}.staff-frame .staff{min-width:760px}.names button{padding-inline:.6rem}.play-tempo{display:grid;grid-template-columns:auto 30px minmax(0,1fr) 30px auto;width:100%;gap:4px}.play-tempo input{width:100%;min-width:0}.play-tempo output{min-width:0}.help{max-height:calc(100dvh - 32px);overflow-y:auto}}@media(max-width:360px){.play{gap:4px;padding-top:6px}.play-top .sign{width:min(220px,100%)}.banner{font-size:.9rem;padding:.3rem .55rem;min-height:0}}