/* Atelier Glockenspiel V2 — lecture et commandes pour tablette 10 pouces. */
:root{--bg:#fcf9ef;--paper:#fffdf7;--ink:#29464b;--muted:#455e59;--teal:#176c65;--mint:#e6f0e7;--coral:#934633;--peach:#fae7da;--yellow:#f8e8b1;--line:#ced9c9;--shadow:0 8px 25px #476c4510;font-size:22px;color-scheme:light}
:root[data-reading-size="large"]{font-size:26px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0}button,a,input,select,summary{touch-action:manipulation}button:disabled{opacity:.58;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:4px solid #985b0d;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:inherit;font-weight:700;line-height:1.25;letter-spacing:0}h1{font-size:2rem}h2{font-size:1.45rem}h3{font-size:1.15rem;line-height:1.4}p{color:var(--muted)}small{font-size:.91rem}strong{font-weight:700}main,section,article,aside,details,.play-main,.lesson-grid>*,.home-grid>*,.garden-top>*{min-width:0}p,h1,h2,h3,a,summary,span,li{overflow-wrap:break-word}button,select{max-width:100%}
.header{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 24px;padding:22px 28px;border-bottom:2px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;line-height:1.2;font-size:1rem;width:fit-content}.brand strong{display:block;font-size:1.22rem}.brand small{font-size:.82rem;letter-spacing:.02em;color:var(--muted);display:block;margin-top:8px}.brand-mark{font-family:Georgia,serif;font-size:2.25rem;color:var(--teal);background:var(--mint);width:64px;height:66px;flex-shrink:0;text-align:center;border-radius:20px;line-height:1.25}.header nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:10px;font-size:.95rem;color:var(--ink)}.header nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:60px;padding:12px 18px;border:2px solid var(--line);border-radius:14px;background:var(--paper);flex:1}.header nav a:hover,.header nav a.active{color:var(--teal);border-color:var(--teal);background:var(--mint)}.reading-tools{display:flex;align-items:center;gap:8px}.reading-tools>span{font-size:.91rem}.reading-tools button{font-size:1rem;min-width:60px;min-height:60px;padding:8px;background:var(--paper);color:var(--ink);border:2px solid var(--line);border-radius:14px}.reading-tools button:last-child{font-weight:bold;font-size:1.18rem}.reading-tools button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.time-pill{display:none}.icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}main{max-width:1280px;padding:32px 28px 48px;margin:auto;outline:none}footer{max-width:1280px;padding:0 28px 28px;margin:auto;display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:.82rem}footer a{padding:12px 0;text-decoration:underline;text-underline-offset:4px}footer span{flex-basis:100%}.eyebrow{font-size:.91rem;letter-spacing:.02em;font-weight:bold;color:var(--teal);margin-bottom:14px;line-height:1.5}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;flex-wrap:wrap}.heading h1{font-size:1.9rem}.heading p{margin-top:16px;font-size:1rem;max-width:40em}.badge{font-size:.82rem;font-weight:bold;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:18px;background:var(--mint);color:var(--teal);white-space:normal;line-height:1.5;width:fit-content}.badge.peach{background:var(--peach);color:#843d29}.badge.yellow{background:#f5edd2;color:#6f581d}
.hero{display:grid;grid-template-columns:1.15fr .85fr;background:#f9edc9;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:36px 32px;align-self:center}.hero h1{font-size:2rem;color:#294f49;max-width:14em}.hero p{font-size:1rem;line-height:1.7;color:#435c44;margin:24px 0 28px}.hero p br{display:none}.hero-image{min-height:440px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:42% center;position:absolute;inset:0}.hero-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f9edc9,transparent 20%);pointer-events:none}
.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:12px;padding:16px 22px;border-radius:15px;background:var(--teal);color:#fffdf4;font-size:1rem;font-weight:bold;min-height:64px;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#125750}.button.secondary{background:var(--paper);color:#315d50;border:2px solid #a9bfa7}.button.secondary:hover{background:#eef4e5}.button.peach{background:#f3d7c5;color:#793d24}.button.ghost{background:#fff7db;color:#365c41;border:2px solid #95a481}.button.danger{background:#fae6df;color:#8e3224;border:2px solid #c9a196}.button.small{font-size:.95rem;padding:12px 18px;min-height:60px;min-width:60px}.buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--teal);background:transparent;font-size:1rem;font-weight:bold;min-height:56px;padding:10px 0;line-height:1.45;text-decoration:underline;text-underline-offset:4px}.text-link .icon{width:26px;height:26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:36px 0 22px;flex-wrap:wrap}.section-head h2{font-size:1.45rem}.card{border:2px solid var(--line);border-radius:24px;background:var(--paper);padding:28px;box-shadow:var(--shadow)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}.feature{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--paper);border:2px solid var(--line);border-radius:20px}.feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--mint);color:var(--teal);flex-shrink:0}.feature strong{font-size:1rem;display:block}.feature p{font-size:.91rem;margin-top:8px}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.next-card{background:#dfece3;border-color:#c0d5c3;position:relative;overflow:hidden}.next-card h2{font-size:1.6rem}.next-card p{font-size:1rem;margin:18px 0 28px}.next-card .flower-corner{position:absolute;right:-30px;top:22px;font-size:170px;color:#c6dcc5;pointer-events:none;line-height:1}.next-card>div:not(.flower-corner),.next-card>h2,.next-card>p{position:relative;z-index:1}.routine{display:grid;gap:20px;margin:24px 0}.routine-row{display:flex;gap:16px;align-items:flex-start}.routine-time{border-radius:12px;background:#f5eed8;color:#6a531f;font-size:.91rem;padding:8px 10px;min-width:76px;text-align:center;flex-shrink:0}.routine-row strong{display:block;font-size:1rem}.routine-row p{font-size:.91rem;margin-top:6px}.tip{display:flex;gap:16px;align-items:flex-start;background:#f2f3e5;border:2px solid #cdd7b9;padding:22px;border-radius:18px;margin-top:26px;font-size:1rem;color:#435e37}.tip p{color:inherit;font-size:1rem;line-height:1.7}.tip .icon{color:#496b38;margin-top:4px}.tip.warning{background:#fcf0d9;border-color:#cfb477;color:#6e5018}
.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.world-card{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:24px;background:var(--paper);padding:28px;position:relative;overflow:hidden}.world-card:hover{border-color:var(--teal)}.world-card .world-icon{width:70px;height:70px;margin:0 0 22px;background:#e8f0e1;border-radius:22px;display:grid;place-items:center;color:#4e733d}.world-card .world-icon .icon{width:38px;height:38px}.world-card:nth-child(3n+2) .world-icon{background:#f6e5d7;color:#934d2d}.world-card:nth-child(3n+3) .world-icon{background:#f1ebcf;color:#76601a}.world-number{position:absolute;top:25px;right:26px;color:#526d47;font-size:1.45rem}.world-card h3{font-size:1.25rem;margin-bottom:14px}.world-card p{font-size:1rem;flex:1}.world-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.91rem;color:var(--muted);margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.world-card .badge{margin-top:20px}.world-banner{padding:30px;background:#e3eee0;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:26px}.world-banner h1{font-size:1.8rem}.world-banner p{margin-top:18px;font-size:1rem}.goals{list-style:none;padding:0;margin:0;display:grid;gap:18px;align-content:center}.goals li{display:flex;gap:12px;align-items:flex-start;font-size:1rem}.goals .icon{color:var(--teal);margin-top:4px}.crumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.91rem;margin-bottom:24px;flex-wrap:wrap}.crumb a{min-height:56px;display:inline-flex;align-items:center;text-decoration:underline}.crumb .icon{width:24px;height:24px}.mission-list{display:grid;grid-template-columns:1fr;gap:22px}.mission-card h2{font-size:1.45rem;margin:20px 0 16px}.mission-card p{font-size:1rem;line-height:1.7}.mission-card .text-link{margin-top:20px}.lesson-grid{display:grid;grid-template-columns:1fr;gap:24px}.lesson-card{background:var(--paper);padding:30px;border:2px solid var(--line);border-radius:24px}.lesson-card h2{font-size:1.5rem;margin-bottom:20px}.lesson-card p{font-size:1.09rem;line-height:1.8;margin:18px 0;max-width:40em}.lesson-card .lesson-label{font-size:.91rem;color:var(--teal);letter-spacing:.02em;font-weight:bold}.lesson-card img{max-width:100%;width:100%;border-radius:18px;display:block;margin:20px 0}.lesson-card figure{margin:0}.lesson-card figcaption{font-size:.91rem;color:var(--muted);margin-top:10px}.lesson-card .theory{background:#f7efd3;padding:24px;border-radius:18px;margin:24px 0;font-size:1.09rem;color:#644d16;line-height:1.8}.lesson-card .check{display:flex;gap:16px;align-items:flex-start;font-size:1rem;margin-top:24px;background:#e8f1e6;padding:22px;border-radius:16px;min-height:64px}.lesson-card input{accent-color:var(--teal);width:30px;height:30px;flex-shrink:0;margin-top:5px}.lesson-card .adult-note{font-size:.91rem;color:var(--muted);line-height:1.7}.exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.exercise-card{display:flex;flex-direction:column;gap:18px;padding:26px;background:var(--paper);border:2px solid var(--line);border-radius:22px}.exercise-card h3{font-size:1.15rem}.exercise-card p{font-size:1rem;flex:1}.exercise-card .meta{font-size:.91rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:18px}
.play-grid{display:grid;grid-template-columns:1fr;gap:24px}.library{height:fit-content;background:var(--paper);border:2px solid var(--line);border-radius:20px;padding:0}.library>summary{min-height:64px;padding:18px 24px;font-size:1rem;font-weight:bold;cursor:pointer;color:var(--teal)}.library-body{padding:0 24px 24px}.library h3{font-size:1.1rem;margin:16px 0}.field{display:flex;flex-direction:column;gap:12px;font-size:1rem;color:var(--ink)}.field select,.field input[type=number]{background:#fffdf7;border:2px solid #a9bba5;border-radius:12px;padding:14px 12px;color:var(--ink);width:100%;min-width:0;min-height:64px;font-size:1rem}.field input[type=range]{width:100%;accent-color:var(--teal);min-height:52px}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.library-item{text-align:left;background:#f5f7ec;color:var(--ink);padding:18px;border-radius:14px;border:2px solid var(--line);min-height:76px}.library-item.active{background:var(--mint);border-color:var(--teal)}.library-item:hover{background:#eaf1df}.library-item strong{font-size:1rem;display:block}.library-item small{font-size:.91rem;color:var(--muted);display:block;margin-top:8px}.library-note{font-size:.91rem;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.play-top{background:var(--paper);border:2px solid var(--line);padding:28px;border-radius:22px}.play-top h2{font-size:1.5rem}.play-top p{font-size:.91rem;margin-top:14px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.play-options{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;margin-top:28px}.control-label{font-size:.91rem;font-weight:bold;color:var(--muted);display:block;margin-bottom:12px}.segmented{display:flex;flex-wrap:wrap;border:2px solid #aabb9f;border-radius:14px;overflow:hidden;width:fit-content;gap:2px;background:#cdd9c5}.segmented button{padding:16px 18px;min-height:64px;font-size:1rem;color:var(--ink);background:var(--paper);flex:1;line-height:1.4}.segmented button.active{background:var(--mint);color:var(--teal);font-weight:bold;box-shadow:inset 0 -4px var(--teal)}.tempo{width:290px;max-width:100%}.checks{display:flex;gap:18px 24px;align-items:center;flex-wrap:wrap;padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.check-option{display:flex;gap:12px;align-items:center;font-size:1rem;color:var(--ink);min-height:60px}.check-option input{accent-color:var(--teal);width:30px;height:30px;flex-shrink:0}.score-box{background:var(--paper);border:2px solid var(--line);padding:24px;border-radius:22px;margin-top:24px}.score-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:bold;color:var(--ink);margin-bottom:16px;gap:18px;flex-wrap:wrap}.score-scroll{overflow:auto}.music-score{display:block;width:100%;min-width:0;height:auto}.music-card{min-width:0;width:100%;max-height:none}.score-scroll>.music-score{min-width:600px}.transport{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:12px}.transport p{font-size:.91rem}.feedback{font-size:1.09rem;color:var(--teal);min-height:64px;padding:18px 4px;line-height:1.65;font-weight:bold}.feedback.gentle{color:#7d5420}.mallet-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0 22px}.mallet-row p{font-size:.91rem;color:var(--muted)}.mallet{font-size:1rem;padding:16px 22px;border-radius:15px;border:2px solid #9eb89c;background:#f3f6ed;color:#375d35;display:flex;align-items:center;gap:12px;min-height:68px}.mallet.active{background:#d8eeea;border-color:#43887b;color:#195e54;font-weight:bold}.mallet.left.active{background:#f7e0d5;border-color:#b27552;color:#8e3d26}.mallet span:first-child{font-size:1.36rem;font-weight:bold}.instrument-card{padding:24px;background:#edf1e2;border:2px solid #c8d5b9;border-radius:22px}.instrument-head{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:1rem;color:var(--ink);margin-bottom:18px;flex-wrap:wrap}.instrument-scroll{overflow-x:auto;padding-bottom:18px;overscroll-behavior-x:contain;scrollbar-color:#527963 #dce6d1;scrollbar-width:auto}.instrument{width:100%;min-width:calc(var(--natural-count,15) * 3.4rem + 48px);position:relative;height:360px;padding:160px 12px 12px;display:flex;gap:5px;background:#d0ae7b;border:9px solid #ae814e;border-radius:15px;box-shadow:inset 0 3px #b49160}.bar{position:relative;background:linear-gradient(90deg,#c5d4d1,#f2f7f1 45%,#bacbc7);border:2px solid #809f95;border-radius:8px;flex:1;min-width:60px;align-self:flex-start;box-shadow:0 4px #65877c;padding:12px 4px;touch-action:pan-x;color:#284b42;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:1.09rem;font-weight:bold;line-height:1.3;user-select:none;-webkit-user-select:none}.bar:before{content:"";width:8px;height:8px;border-radius:50%;background:#597b69;position:absolute;top:14px;left:calc(50% - 4px)}.bar.accidental{position:absolute;top:15px;z-index:2;min-width:60px;background:linear-gradient(90deg,#9eadab,#d3dfdc 45%,#859c96);font-size:1rem}.bar small{font-size:.82rem;color:#3d5848;margin-top:5px}.bar.target{background:linear-gradient(90deg,#e8c05e,#fae8aa,#d7ab45);border-color:#856019;box-shadow:0 4px #967026}.bar.sounding{background:#327b6b!important;box-shadow:0 4px #265b48;color:#fff}.bar.sounding small{color:white}.instrument-note{font-size:.91rem;color:var(--muted);margin-top:18px}.instrument-note .swatch{width:16px;height:16px;background:#e6c465;display:inline-block;border:1px solid #956a17;border-radius:3px;margin-right:8px}.correction{border:2px solid var(--line);border-radius:18px;background:var(--paper);margin-top:26px;overflow:hidden}.correction summary{cursor:pointer;padding:20px 24px;min-height:64px;font-size:1rem;font-weight:bold;color:var(--teal)}.correction-body{padding:0 24px 24px}.correction-body p{font-size:.95rem;line-height:1.75;margin-bottom:20px}.table-scroll{overflow:auto;max-height:500px}table{border-collapse:collapse;width:100%;font-size:.91rem;text-align:left}th,td{padding:16px 18px;border-bottom:1px solid var(--line)}th{font-size:.91rem;color:#355d2d;background:#edf3e4;position:sticky;top:0}td{color:var(--muted)}
.game-grid{display:grid;grid-template-columns:1fr;gap:24px}.game-card{padding:30px;background:var(--paper);border:2px solid var(--line);border-radius:24px;display:flex;flex-direction:column;align-items:flex-start}.game-card>.icon{width:42px;height:42px;color:#496d35;background:#edf2df;padding:12px;border-radius:16px;box-sizing:content-box;margin-bottom:22px}.game-card h2{font-size:1.5rem;margin-bottom:18px}.game-card p{font-size:1rem;margin-bottom:26px;max-width:40em}.game-area{max-width:1100px;margin:auto}.game-stage{border:2px solid var(--line);border-radius:24px;padding:30px;background:var(--paper);text-align:center}.game-stage h2{font-size:1.6rem;margin:22px 0}.game-stage h1{font-size:1.75rem}.game-stage p{font-size:1rem;margin:18px auto;max-width:36em}.game-score{max-width:500px;margin:24px auto}.game-question{font-size:1.18rem;color:var(--ink);font-weight:bold;margin-top:24px}.game-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.choice{border:2px solid #adc0a5;border-radius:18px;background:#f7faef;padding:24px 18px;color:#31582c;font-size:1.09rem;line-height:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:90px}.choice:hover{background:#e9f1df}.choice .icon{width:38px;height:38px}.game-choices.rhythms{grid-template-columns:1fr;max-width:660px;margin-left:auto;margin-right:auto}.choice.rhythm{padding:18px;background:#fffef9}.choice.rhythm .music-score{min-width:0;max-width:580px}.game-progress{display:flex;gap:14px;justify-content:center;margin:24px 0}.game-progress span{width:16px;height:16px;border-radius:50%;background:#dce3ce;border:1px solid #a9bc97}.game-progress span.done{background:#40805b}.game-progress span.active{background:#bc851d}.game-bottom{display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.garden-top{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}.garden-intro{background:#e3eedf;padding:30px;border:2px solid #c3d5b8;border-radius:24px}.garden-intro h2{font-size:1.75rem}.garden-intro p{font-size:1rem;line-height:1.7;margin-top:20px}.garden-stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mini-stat{background:var(--paper);border:2px solid var(--line);border-radius:20px;padding:24px;text-align:center}.mini-stat strong{font-weight:bold;font-size:2rem;color:#3d6b2c;display:block;line-height:1.2}.mini-stat p{font-size:.95rem;color:var(--muted);margin-top:12px}.flower-bed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;border-radius:24px;border:2px solid #cad8bc;background:#eef4e6;padding:28px;margin:28px 0}.flower{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:.91rem;color:#3c612e;text-align:center;min-width:0;padding:10px 0}.flower svg{width:100px;height:132px;max-width:100%}.adult-grid{display:grid;grid-template-columns:1fr;gap:24px}.adult-card{padding:30px;border:2px solid var(--line);border-radius:24px;background:var(--paper)}.adult-card h2{font-size:1.5rem;margin-bottom:22px}.adult-card p{font-size:1rem;line-height:1.8;margin:18px 0;max-width:42em}.adult-card ul,.adult-card ol{padding-left:30px;font-size:1rem;line-height:1.8;color:var(--muted)}.adult-card li{padding-left:6px;margin:12px 0}.adult-card.wide{grid-column:1/-1}.adult-card img{max-width:100%;border-radius:18px;margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid .wide{grid-column:1/-1}.form-note{font-size:.91rem!important;color:var(--muted);line-height:1.75;margin-top:18px}.memo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.memo{background:#f5f5e7;border-radius:18px;padding:24px;text-align:center}.memo h3{font-size:1.09rem;color:#355f2b}.memo p{font-size:.95rem;margin:14px 0;color:var(--muted)}.memo .symbol{font-family:Georgia,serif;font-size:2.4rem;color:#426e31;display:block}.memo .music-score{min-width:0}.history{overflow:auto;background:var(--paper);padding:20px;border:2px solid var(--line);border-radius:20px;max-height:550px}.history table{min-width:750px}.history th{z-index:1}.empty{text-align:center;padding:36px 28px}.empty h2{font-size:1.6rem;margin-bottom:20px}.empty p{font-size:1rem;margin-bottom:26px}.toast-note{font-size:.91rem;color:var(--muted);margin:20px 0}.storage-warning{padding:20px;background:#fff0d5;border:2px solid #c9a66c;border-radius:16px;font-size:1rem;color:#6f5019;margin-bottom:24px}
.feelings{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.feeling{flex:1;min-width:170px;min-height:110px;padding:20px 16px;background:var(--mint);border:2px solid #b6c9ac;border-radius:18px;font-size:1rem;line-height:1.5;color:var(--ink);display:flex;flex-direction:column;gap:12px;align-items:center}.feeling span{font-size:1.75rem}dialog{width:min(850px,calc(100% - 32px));max-height:90vh;border:2px solid var(--line);border-radius:24px;background:var(--paper);padding:34px;color:var(--ink);box-shadow:0 25px 80px #36504844;overflow:auto}dialog::backdrop{background:#27444366}dialog h2{font-size:1.5rem;margin:18px 50px 22px 0}dialog p{font-size:1rem;line-height:1.7}.modal-close{position:absolute;right:14px;top:12px;background:var(--mint);color:var(--ink);font-size:1.5rem;min-width:60px;min-height:60px;border-radius:14px}.modal-mark{font-size:2rem;margin-bottom:20px;color:#8a6010}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:18px 24px;border-radius:18px;background:#294f43;color:#fffdf0;font-size:1rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;max-width:92vw;width:max-content;line-height:1.5}#toast.show{opacity:1}.skip{position:absolute;top:-180px;left:20px;padding:16px;background:var(--teal);color:white;z-index:100;min-height:60px}.skip:focus{top:10px}.no-js{position:fixed;inset:30% 8% auto;padding:30px;background:#fff0d5;border:2px solid #b89e5d;z-index:90}.spaced{margin-top:28px}.muted{font-size:.91rem;color:var(--muted)}.print-only{display:none}.no-margin{margin-top:0}.pause-label{color:#79501c}.guide-photo{max-height:440px;object-fit:cover}.route-tabs{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.route-tabs a{font-size:1rem;border:2px solid var(--line);border-radius:16px;background:var(--paper);padding:14px 18px;min-height:60px}.route-tabs a.active{background:var(--teal);color:white;border-color:var(--teal)}.diagram-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.diagram-step{background:#f4f3e8;padding:22px;border:2px solid var(--line);border-radius:20px}.diagram-step h3{font-size:1.09rem}.diagram-step svg{display:block;width:100%;height:auto;margin:12px auto}.diagram-step p{font-size:1rem;line-height:1.6;margin:12px 0 0}.grip-diagram{margin:0}.grip-diagram img{width:100%;max-width:650px;display:block;margin:20px auto}.grip-diagram figcaption{font-size:1rem;color:var(--ink)}.grip-diagram ul{margin:18px 0;padding-left:30px}.grip-diagram li{margin:12px 0}:root[data-reading-size="large"] .score-scroll text:not(.measure-number){font-size:26px}.diagram-caption{font-size:.95rem!important;color:var(--muted)}
@media(max-width:1100px){.features{grid-template-columns:1fr}.feature{align-items:center}.home-grid,.world-banner{grid-template-columns:1fr}.hero-copy{padding:30px 26px}.header nav a{padding:12px}.game-choices{grid-template-columns:1fr}.diagram-steps{grid-template-columns:1fr}.diagram-step{display:grid;grid-template-columns:210px 1fr;gap:12px 24px;align-items:center}.diagram-step h3{grid-column:1/-1}.diagram-step svg{margin:0}.diagram-step p{margin:0}.flower-bed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-image{min-height:280px}.hero-image:before{background:linear-gradient(180deg,#f9edc9,transparent 22%)}.hero-image img{object-position:center 48%}.hero-copy{padding:30px}.hero h1{font-size:1.9rem}.header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.header nav a{font-size:.95rem}.brand small{max-width:17em}.score-box{padding:20px}.world-card,.exercise-card{padding:24px}.play-top{padding:24px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.flower-bed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.header{padding:18px 16px;grid-template-columns:1fr;gap:16px}.reading-tools{grid-row:2;justify-self:start}.header nav{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}main{padding:24px 16px 36px}.brand small{max-width:none}.world-grid,.exercise-grid,.memo-grid,.library-list{grid-template-columns:1fr}.card,.lesson-card,.adult-card,.game-stage{padding:22px}.hero-copy{padding:26px}.heading h1{font-size:1.65rem}.hero h1{font-size:1.75rem}.world-banner{padding:24px}.section-head{align-items:flex-start}.play-top,.score-box,.instrument-card{padding:18px}.segmented{width:100%;display:grid;grid-template-columns:1fr}.play-options{display:block}.play-options>.tempo{display:block;margin-top:24px;width:100%}.score-toolbar{align-items:flex-start}.score-toolbar>.buttons{flex-wrap:nowrap}.score-scroll>.music-score{min-width:640px}.garden-stat{grid-template-columns:1fr 1fr}.flower-bed{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:18px}.mini-stat{padding:20px 14px}.diagram-step{display:block}.diagram-step svg{max-width:260px;margin:16px auto}.tip{padding:18px}.tip>.icon{display:none}footer{padding:0 16px 24px;display:block}footer a,footer span{display:block;margin:8px 0}dialog{padding:24px}.feelings{display:grid;grid-template-columns:1fr}.feeling{min-width:0}#toast{max-width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@page{size:A4 landscape;margin:12mm}
@media print{:root,:root[data-reading-size="large"]{font-size:14px}body{background:white}.header,footer,.library,.play-top,.transport,.feedback,.mallet-row,.instrument-card,.button,.buttons,.no-print,.tip,#toast,dialog{display:none!important}main{max-width:none;padding:0}.play-grid{display:block}.score-box{display:none}.print-only{display:block}.print-only h1{font-size:24px}.print-only p{font-size:14px}.print-row{break-inside:avoid;margin-top:18px}.music-score{min-width:0;width:100%}.correction{border:0}.correction summary{display:none}.correction-body{padding:0}.table-scroll{max-height:none;overflow:visible}table,th{font-size:13px}th,td{padding:8px}.card,.lesson-card,.adult-card{box-shadow:none;break-inside:avoid}.world-banner{background:white;border:1px solid #ddd}.exercise-grid{display:none}.reading-tools{display:none}}