@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{color:#25334e;font-synthesis:none;--ink:#25334e;--muted:#62718a;--accent:#6656cf;--line:#e1e7ef;--radius:22px;background:#f7f9fc;font-family:Nunito,Avenir Next,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}button:focus-visible{outline-offset:5px;outline:3px solid #486bc7}button:disabled{cursor:default;opacity:.48}button,label{-webkit-user-select:none;user-select:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-2.1px;font-size:clamp(36px,4.4vw,60px);font-weight:900;line-height:1.12}h2{font-size:27px;font-weight:800}h3{font-size:16px;font-weight:800}p{font-size:18px;line-height:1.65}.lead{font-size:23px;line-height:1.5}.small-copy{color:var(--muted);font-size:15px;line-height:1.6}.learner-name{gap:8px;max-width:380px;margin-top:24px;display:grid}.learner-name label{-webkit-user-select:auto;user-select:auto;font-weight:800}.learner-name label span{color:var(--muted);font-weight:500}.learner-name input{border:2px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fffdf6;border-radius:16px;padding:12px 16px}.learner-name input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.learner-greeting{color:var(--accent);margin-top:16px;font-weight:800}.celebration{isolation:isolate;background:#e6f5ea;border:1px solid #a9d9bc;border-radius:20px;align-items:center;gap:14px;margin:18px 0;padding:16px 20px;display:flex;position:relative;overflow:hidden}.celebration p{font-weight:800;position:relative}.celebration-star{color:#6853b7;font-size:34px;animation:.65s ease-out both discovery-pop}.celebration-grand{background:#f3eafd;border-color:#cec0e9;min-height:120px}.celebration-grand p{font-size:26px}.celebration-paper{z-index:-1;pointer-events:none;position:absolute;inset:0}.celebration-paper i{opacity:0;border-radius:2px;width:9px;height:14px;animation:1.8s ease-out both paper-fall;position:absolute;top:-12px}@keyframes paper-fall{0%{opacity:0;translate:0}12%{opacity:.8}80%{opacity:.65}to{opacity:0;translate:22px 160px;rotate:220deg}}@keyframes discovery-pop{0%{transform:scale(.4)rotate(-30deg)}65%{transform:scale(1.12)rotate(8deg)}to{transform:scale(1)rotate(0)}}.app{max-width:1400px;margin:auto;padding:0 48px}.app-header{justify-content:space-between;align-items:center;gap:20px;min-height:112px;display:flex}.brand{color:var(--ink);letter-spacing:-.8px;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;font-size:24px;font-weight:900;display:flex}.brand-dot{color:var(--accent);margin-left:-10px}.brand-mark{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:30px;height:30px;display:grid;transform:rotate(-9deg)}.brand-mark i{background:#508bea;border-radius:2px}.brand-mark i:nth-child(2){background:#f5ce4c}.brand-mark i:nth-child(3){background:#ed5361}.brand-mark i:nth-child(4){background:#39b98b}.header-note{color:var(--muted);font-size:15px;font-weight:700}.header-actions{align-items:center;gap:20px;display:flex}.feedback-trigger{color:var(--accent);border:1px solid var(--line);background:0 0;border-radius:12px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:800}.feedback-dialog{overscroll-behavior:contain;border:2px solid var(--line);width:min(540px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#fffdf6;border-radius:22px;padding:24px;overflow-y:auto}.feedback-dialog::backdrop{background:#25334e73}.feedback-heading{align-items:flex-start;gap:12px;display:flex}.feedback-heading h2{flex:1;margin:0;font-size:25px}.feedback-close{color:var(--ink);background:0 0;border:none;min-width:44px;min-height:44px;font-size:30px}.feedback-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.feedback-dialog label{margin:14px 0 6px;font-weight:800;display:block}.feedback-dialog select,.feedback-dialog textarea{border:2px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:10px;font-size:16px}.feedback-dialog textarea{resize:vertical}.feedback-dialog .primary{width:100%}@media (width<=420px){.app-header{flex-wrap:wrap;gap:4px;padding-block:14px}.feedback-dialog{padding:18px}}main{min-height:calc(100svh - 174px)}footer{color:#62718a;text-align:center;padding:24px;font-size:14px}.usage-notice{max-width:620px;margin:16px auto 0;line-height:1.6}.usage-notice summary{cursor:pointer;align-content:center;min-height:44px}.usage-notice p{margin:12px 0}.usage-notice label{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.usage-notice input{width:22px;height:22px;accent-color:var(--purple)}.primary,.secondary{border:2px solid #0000;border-radius:16px;min-height:56px;padding:14px 23px;font-size:18px;font-weight:800;line-height:1.35}.primary{background:var(--accent);color:#fff;box-shadow:0 5px #5141ad}.primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #5141ad}.secondary{border-color:var(--line);color:var(--ink);background:#fff}.secondary:not(:disabled):hover{border-color:#a7b6d0}.text-button{color:#536681;text-underline-offset:5px;background:0 0;border:0;min-height:48px;padding:8px 4px;font-size:15px;font-weight:800;-webkit-text-decoration:underline #c9d4e2;text-decoration:underline #c9d4e2}.welcome-layout{grid-template-columns:.95fr 1.05fr;align-items:center;gap:25px;padding:45px 20px 0;display:grid}.welcome-label{color:var(--muted);margin-bottom:22px;font-size:16px;font-weight:800}.welcome-copy h1{letter-spacing:-3px;font-size:clamp(44px,5.4vw,74px)}.welcome-copy h1 span{color:var(--accent)}.welcome-copy .lead{max-width:440px;margin-top:25px}.welcome-actions{flex-wrap:wrap;gap:14px;margin:30px 0 22px;display:flex}.resume-button{color:#4c4395;background:#edf0fa;border:0;border-radius:12px;min-height:48px;padding:14px 18px;font-size:16px;font-weight:800;display:block}.welcome-promise{color:var(--muted);align-items:center;gap:12px;margin-top:28px;display:flex}.welcome-promise p{font-size:16px}.promise-icon{color:#c09117;font-size:30px}.welcome-visual{min-width:0;position:relative}.welcome-visual .cube-canvas{height:450px}.orbit-ring{z-index:-1;background:#edf1fb;border:1px solid #e2e8f6;border-radius:50%;position:absolute;inset:25px 0 55px}.floating-label{border:1px solid var(--line);pointer-events:none;background:#fff;border-radius:13px;padding:11px 16px;font-size:14px;font-weight:800;position:absolute;box-shadow:0 5px 12px #25334e06}.label-one{top:0;right:5%;transform:rotate(5deg)}.label-two{bottom:70px;left:0;transform:rotate(-5deg)}.welcome-bottom{border-top:1px solid var(--line);grid-column:1/-1;justify-content:center;align-items:center;gap:18px;margin-top:38px;padding-top:30px;display:flex}.welcome-bottom p{color:var(--muted);font-size:16px}.tiny-cubes{gap:5px;display:flex}.tiny-cubes i{border-radius:4px;width:15px;height:15px}.cube-shell{width:100%;position:relative}.cube-canvas{touch-action:none;width:100%;height:410px}.cube-canvas canvas{touch-action:none;display:block}.cube-caption{color:var(--muted);justify-content:center;align-items:center;gap:20px;font-size:14px;display:flex}.cube-fallback{text-align:center;background:#edf1fb;border-radius:20px;place-content:center;padding:24px;display:grid;position:absolute;inset:50px 20px}.step-trail{gap:12px;margin:18px 0 28px;display:flex}.trail-dot{width:48px;height:48px;color:var(--muted);background:0 0;border:2px solid #d8e1ef;border-radius:50%;font-weight:800}.trail-dot.filled{color:#357453;background:#e7f4ed;border-color:#a4d8bb}.trail-dot.active{background:var(--accent);border-color:var(--accent);color:#fff}.orientation-note,.holding-guide{flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 14px;font-size:16px;font-weight:800;line-height:1.7;display:flex}.color-dot{border:1px solid #8d99af;border-radius:6px;flex-shrink:0;width:19px;height:19px;display:inline-block}.helper-note{color:#4b557a;background:#edf0fa;border-radius:14px;margin-top:22px;padding:17px 19px;font-size:16px;line-height:1.6}.error{color:#8d372c;background:#fff1ee;border:1px solid #ffd2ca;border-radius:14px;padding:16px;font-size:16px}.method-intro{max-width:1000px;margin:20px auto 80px}.method-intro>.welcome-label{margin:24px 0;display:block}.method-intro>.primary{margin-top:28px}.instruction-points{margin:12px 0;padding-left:1.7rem}.instruction-points>li{margin:10px 0;padding-left:6px;line-height:1.55}.instruction-points>li::marker{color:#6853b7;font-weight:800}.restart-course{margin-top:16px;display:block}.course-tour{background:#fffdf6;border:2px solid #e5ddcd;border-radius:24px;margin:24px 0;padding:clamp(16px,3vw,28px)}.tour-scene{grid-template-columns:150px 1fr;align-items:center;gap:24px;margin:20px 0;display:grid}.tour-goal{justify-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.tour-goal svg{animation:.55s ease-out both mission-arrival}@keyframes mission-arrival{0%{opacity:0;transform:translateY(12px)rotate(-8deg)scale(.85)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.tour-missions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;list-style:none;display:grid}.tour-missions .secondary{text-align:left;align-items:center;gap:8px;width:100%;min-height:64px;padding:8px;font-size:13px;display:flex}.tour-missions svg{flex-shrink:0}.tour-start{width:100%;margin-top:16px}.lesson-resume{background:#e7f5ed;border:2px solid #a5d8bf;border-radius:24px;margin:24px 0;padding:clamp(16px,3vw,28px)}.resume-summary{align-items:center;gap:20px;margin:16px 0;display:flex}.resume-summary svg{flex-shrink:0}.fresh-progress-note{background:#f7edcf;border-radius:12px;padding:12px 16px}.teaching-face{max-width:160px;margin:12px 0}.teaching-face svg{width:100%;max-width:120px}.teaching-face figcaption{font-size:13px;font-weight:700}.teaching-faces{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.corner-piece-picture{max-width:260px;margin:12px 0}.corner-piece-picture svg{width:200px;max-width:100%}.corner-piece-picture figcaption{font-size:13px}.notation-guide,.cross-memory,.intro-pieces{margin:16px 0}.notation-guide{border:1px solid #d5cab8;border-radius:14px;padding:12px}.notation-faces{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.move-badge{color:#594497;background:#eee7fa;border-radius:9px;padding:4px 10px;font-size:22px;font-weight:800;display:inline-block}.pattern-ribbon{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.pattern-ribbon .move-badge{font-size:17px}.current-move{outline-offset:2px;outline:3px solid #6853b7}.middle-setup>svg,.corner-setup>svg{max-width:100%;height:auto}.memory-two{justify-items:center;gap:8px;max-width:160px;display:grid}.memory-two>span{color:#6853b7;font-size:30px}.method-cases .teaching-face{width:76px;margin:0}.method-cases>button:has(.teaching-face){align-items:center;gap:14px;display:flex}@media (width<=700px){.tour-missions{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-scene{grid-template-columns:1fr;gap:10px}.teaching-faces{gap:10px}.teaching-faces .teaching-face{max-width:120px}.notation-faces{grid-template-columns:repeat(2,minmax(0,1fr))}}.piece-lessons{grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;display:grid}.piece-card,.method-check,.method-demo,.method-observe{border:1px solid var(--line);background:#fffdf6;border-radius:24px;padding:26px}.piece-card h2{margin:14px 0 8px}.method-stage-nav{flex-wrap:wrap;gap:8px;margin:24px 0 36px;display:flex}.method-stage-nav button{border:1px solid var(--line);background:#fffdf6;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:9px 12px;font-size:14px;display:flex}.method-stage-nav button[aria-current=step]{border-color:var(--accent);background:#ebe5f6}.method-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.method-heading h1{margin:14px 0;font-size:clamp(38px,5vw,72px)}.method-heading>svg{flex-shrink:0}.method-workspace,.method-check{grid-template-columns:1fr 1fr;gap:26px;margin-top:26px;display:grid}.method-workspace>*{min-width:0}.method-cases{flex-direction:column;gap:10px;display:flex}.method-cases .secondary{text-align:left;padding:16px;font-size:16px}.method-cases [aria-pressed=true]{border-color:var(--accent);background:#ebe5f6}.method-case-copy{margin-top:26px}.side-edge-picture{align-items:center;gap:16px;margin:16px 0;display:flex}.side-edge-picture svg{flex-shrink:0}.side-edge-picture figcaption{font-size:16px}.daisy-ready{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.daisy-petal-check{background:#fffdf6;border:2px solid #e5ddcd;border-radius:24px;margin:24px 0;padding:clamp(18px,3vw,28px)}.daisy-petal-check h2{margin-top:0}.daisy-counts{flex-wrap:wrap;gap:10px;display:flex}.daisy-counts button{flex:1 0 80px;padding:12px}.daisy-counts button[aria-pressed=true]{background:#eee8fb;border-color:#6853b7}.daisy-count-result{background:#f5efd8;border-radius:16px;margin-top:18px;padding:16px}.daisy-count-result p{margin:10px 0}.daisy-search-scenes{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.daisy-search-scenes button{flex:1 0 120px;min-height:48px;padding:10px;font-size:15px}.daisy-search-scenes button[aria-pressed=true]{background:#eee8fb;border-color:#6853b7}.daisy-search-scene{grid-template-columns:minmax(160px,280px) 1fr;align-items:center;gap:24px;margin:0;display:grid}.daisy-search-scene svg{width:100%;max-height:260px}.daisy-search-scene figcaption>strong{display:block}.daisy-look-only{color:#49338b;margin:12px 0}.daisy-search-scene .primary{width:100%}.daisy-search-outline{animation:1s ease-in-out 3 daisy-point}@keyframes daisy-point{50%{opacity:.35}}@media (width<=700px){.daisy-search-scene{grid-template-columns:1fr;gap:6px}.daisy-search-scene svg{max-height:210px}}.daisy-location-copy{text-align:left;display:block}.daisy-location-copy strong,.daisy-location-copy small{display:block}.daisy-location-copy small{margin-top:6px;font-size:15px;font-weight:500;line-height:1.5}.daisy-ready>svg{flex-shrink:0}.guided-instruction{border-top:2px solid #e5ddcd;margin-top:1rem;padding-top:1rem}.daisy-guided-workspace{grid-template-columns:1fr}.daisy-instruction-picture{grid-template-columns:minmax(160px,260px) 1fr;align-items:center;gap:22px;margin:16px 0;display:grid}.petal-partner-visual{grid-template-columns:minmax(150px,230px) 1fr;align-items:center;gap:16px;margin:18px 0;display:grid}.petal-partner-visual svg{width:100%}.petal-partner-pointer{transition:transform .85s ease-in-out}.petal-partner-tile{transition:fill .85s ease-in-out,stroke .85s ease-in-out}@media (width<=700px){.petal-partner-visual{grid-template-columns:1fr}.petal-partner-visual svg{justify-self:center;max-width:230px}}.daisy-instruction-picture svg{width:100%;max-height:230px}.daisy-space-tiles{transition:transform .9s ease-in-out}.daisy-instruction-picture .secondary{width:100%}@media (width<=700px){.daisy-instruction-picture{grid-template-columns:1fr;gap:6px}}.petal-picture{margin:1rem 0}.cross-coach{max-width:760px;margin:1.5rem auto}.coach-card{background:#fffdf6;border:2px solid #e5ddcd;border-radius:24px;padding:clamp(1rem,3vw,2rem)}.coach-card>button,.corner-setup>button{width:100%;margin-top:.8rem;display:block}.corner-setup h2{margin-top:.5rem}.coach-card h2{margin-top:0}.coach-colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.coach-colours button{text-transform:capitalize;align-items:center;gap:.7rem;display:flex}.coach-colours button[aria-pressed=true]{color:#49338b;background:#eee8fb;border-color:#6853b7}.coach-colours button[aria-pressed=true] span{color:#fff;background:#6853b7;border-color:#6853b7;place-items:center;display:grid}.coach-colours span{border:1px solid #514636;border-radius:6px;width:24px;height:24px}.coach-turn-pictures{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.coach-turn-pictures figure{text-align:center;margin:0}.coach-turn-pictures>span{font-size:2rem}.petal-picture figcaption{max-width:32rem;line-height:1.5}@media (width<=600px){.daisy-ready{flex-direction:column;align-items:flex-start}}.method-case-copy .lead{font-size:20px}.method-case-copy ol{padding-left:24px}.method-case-copy li{margin:18px 0;line-height:1.6}.method-demo .cube-canvas{height:320px;min-height:250px}.method-demo .welcome-label{font-size:12px}.method-turn{align-items:center;gap:18px;display:flex}.method-turn>span{color:var(--accent);font-size:70px}.method-turn p{margin:8px 0}.method-turn small{color:var(--muted)}.method-demo-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.method-demo-actions button{flex:1;padding:16px;font-size:16px}.method-goal{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.method-check label{cursor:pointer;align-items:center;gap:14px;margin:20px 0;display:flex}.method-check input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0}.method-check .primary{width:100%}@media (width<=760px){.piece-lessons,.method-workspace,.method-check{grid-template-columns:1fr}.method-demo{grid-row:2}.method-heading>svg{width:70px;height:70px}.method-stage-nav button{padding:6px;font-size:12px}.method-demo .cube-canvas{height:260px}}.lesson-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:48px;padding:25px 0;display:grid}.lesson-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-number{color:var(--muted);font-size:14px}.lesson-visual .cube-canvas{height:440px}.cube-legend{justify-content:center;gap:24px;margin:10px 0;display:flex}.cube-legend span{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.cube-legend i{border-radius:4px;width:14px;height:14px}.holding-guide{justify-content:center;font-size:14px}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;gap:20px;padding:34px;display:flex}.lesson-card h1{letter-spacing:-1.4px;font-size:clamp(34px,3.4vw,48px)}.lesson-card .lead{font-size:21px}.lesson-card p{font-size:17px}.lesson-card .small-copy{font-size:14px}.lesson-card .helper-note{margin:0}.lesson-progress{gap:7px;margin-bottom:8px;display:flex}.lesson-progress span{background:#e9edf5;border-radius:5px;flex:1;height:6px}.lesson-progress span.complete{background:#9385e5}.piece-icon{gap:5px;width:fit-content;display:flex;transform:rotate(-8deg)}.piece-icon span{border:4px solid #25334e;border-radius:7px;width:35px;height:35px}.centre-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.centre-choice{border:2px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:10px;min-height:70px;padding:14px;font-size:16px;font-weight:800;display:flex}.centre-choice span{border-radius:8px;flex-shrink:0;width:30px;height:30px}.centre-choice.hinted{background:#f7f4ff;border-color:#8d79ee}.small-celebration{color:#358661;font-size:17px;font-weight:800}.turn-count{color:var(--accent);font-weight:800}.success-burst{color:#d5a525;font-size:58px;line-height:1}.reflection-choices{flex-direction:column;display:flex}.recovery-button{margin-top:8px}.recovery-box{border:1px solid var(--line);background:#f7f9fc;border-radius:15px;padding:16px}.recovery-box p{margin-bottom:12px}@media (width<=1000px){.app{padding:0 30px}.welcome-layout{padding:25px 0 0}.welcome-visual .cube-canvas{height:350px}.welcome-copy h1{font-size:53px}.welcome-actions{flex-direction:column;align-items:stretch}.lesson-layout{gap:24px}.lesson-card{padding:24px}.lesson-visual .cube-canvas{height:360px}.centre-choice{gap:8px;padding:10px;font-size:14px}.header-note{font-size:13px}}@media (width<=700px){.app{padding:0 20px}.app-header{min-height:82px}.brand{font-size:21px}.header-note{display:none}h1{font-size:42px}.lead{font-size:21px}.welcome-layout,.lesson-layout{grid-template-columns:1fr}.welcome-copy h1{font-size:52px}.welcome-label{margin-bottom:18px;font-size:14px}.welcome-actions{flex-direction:row}.welcome-actions>*{flex:1;padding:14px;font-size:16px}.welcome-visual .cube-canvas{height:300px}.floating-label{padding:8px 12px;font-size:12px}.label-one{top:10px}.label-two{bottom:50px}.welcome-bottom{align-items:start;gap:12px;margin-top:0;padding-top:22px}.tiny-cubes{margin-top:7px}.welcome-bottom p{font-size:14px}.step-trail{gap:10px;margin:10px 0 20px}.lesson-topline{margin-bottom:0}.lesson-visual .cube-canvas{height:285px}.holding-guide{margin:8px 0 0;font-size:12px}.lesson-card{gap:18px;padding:25px}.lesson-layout{gap:18px;padding-top:0}.lesson-card h1{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ink:#39392f;--muted:#6d6d61;--accent:#6853b7;--line:#ddd6c5;color:var(--ink);background:#f5f0e5}body{background-image:radial-gradient(#b9ad8c22 .7px,#0000 .7px);background-size:7px 7px}h1,h2,.brand{color:var(--ink)}h1{letter-spacing:-1.6px}.header-note,.welcome-label,.small-copy,.cube-caption,.guide-credit{color:var(--muted)}.lesson-card{border-color:var(--line);background:#fffdf6;border-radius:10px 22px 12px 18px;box-shadow:5px 7px #d6cbb83b}.secondary{color:var(--ink);background:#fffdf6;border-color:#cfc7b4}.primary{background:var(--accent)}.orbit-ring{background:#eee6d5;border:2px dashed #d1c4a8}.floating-label{background:#fffdf6;border-color:#d5cab4;box-shadow:3px 4px #b3a18522}.helper-note,.holding-guide{color:#514f43;background:#eee9d9}.text-button,.resume-button{color:#5d508c}.welcome-bottom{border-color:var(--line)}.stage-map{padding:30px 0 48px}.map-heading{flex-wrap:wrap;align-items:baseline;gap:12px 30px;margin-bottom:22px;display:flex}.stage-map ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.stage-map li{border:1px solid var(--line);background:#fffdf6;border-radius:8px 16px 9px 12px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:3px 4px #d6cbb83b}.stage-map li:nth-child(2n){transform:rotate(.6deg)}.stage-map svg{flex-shrink:0}.stage-map strong,.stage-map small{display:block}.stage-map small{color:var(--muted);margin-top:4px;font-size:13px}.stage-index{color:var(--muted);font-size:12px;font-weight:900}.stage-map .future{background:#f0ecdf}.guide-credit{margin-top:18px;font-size:13px;line-height:1.5;display:block}.guide-credit a,a.guide-credit{color:#5d508c;text-underline-offset:3px}.tutorial-label{align-items:center;gap:16px;margin-bottom:22px;display:flex}.tutorial-label small{letter-spacing:2px;font-size:11px;font-weight:900}.petal-counter{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px 0;display:flex}.petal-counter span{color:#6d6250;border:1px dashed #8c826e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.petal-counter .filled{background:#fffdf6;border-style:solid;box-shadow:2px 3px #d7ccb6}.tutorial-layout .lesson-card h1{font-size:clamp(34px,3.6vw,49px)}@media (width<=1100px){.stage-map ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.stage-map ol{grid-template-columns:1fr}.stage-map li:nth-child(2n){transform:none}}.turn-cue{align-items:center;gap:16px;padding:12px 0;display:flex}.turn-cue svg{flex-shrink:0}.turn-cue strong{font-size:25px;line-height:1.3;display:block}.turn-cue span{margin-top:8px;font-size:19px;display:block}.turn-cue small{color:var(--muted);margin-top:6px;font-size:14px;display:block}.move-explanation{background:#eee9d9;border-radius:12px;padding:14px 18px}.move-explanation summary{cursor:pointer;min-height:24px;font-weight:800}.move-explanation summary:focus-visible{outline-offset:5px;outline:3px solid #486bc7}.move-explanation p{margin-top:10px}@media (width<=600px){.turn-cue{gap:10px}.turn-cue strong{font-size:22px}.turn-cue svg{width:84px;height:84px}}.keyboard-help{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.corner-coach{background:#fffdf6;border:2px solid #e5ddcd;border-radius:28px;margin:24px 0;padding:clamp(18px,3vw,36px);box-shadow:0 7px #e9e2d3}.corner-coach-toolbar,.corner-hold,.corner-piece{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.corner-coach-toolbar{justify-content:space-between}.corner-hold{background:#f5efd8;border-radius:16px;margin:16px 0;padding:14px 18px;font-weight:800}.corner-hold span,.corner-piece span{align-items:center;gap:8px;display:inline-flex}.corner-hold i,.corner-piece i{border:2px solid #514636;border-radius:7px;width:24px;height:24px;display:inline-block}.corner-piece{border-bottom:1px solid #e5ddcd;padding:12px 0}.corner-action-layout{grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin:24px 0;display:grid}.corner-instruction h2{margin:14px 0 20px;font-size:clamp(30px,4vw,48px);line-height:1.12}.corner-why{background:#eee8fb;border-radius:18px;margin-top:22px;padding:16px 20px}.corner-why p{margin:8px 0 0}.corner-visual{text-align:center}.corner-visual .cube-canvas{height:clamp(260px,30vw,380px)}.corner-actions{gap:16px;margin:18px 0;display:flex}.corner-actions>*{text-align:center;flex:1}.corner-learning{margin-top:18px}.corner-learning summary,.course-map summary{cursor:pointer;color:#6853b7;padding:10px 0;font-weight:800}.corner-setup-card{max-width:720px;margin:24px auto}.corner-setup-card .corner-setup>button{width:100%;margin:12px 0;display:block}@media (width<=760px){.corner-action-layout{grid-template-columns:1fr;gap:6px}.corner-actions{flex-direction:column}.corner-hold{flex-direction:column;align-items:flex-start;gap:10px}}.corner-map{background:#f5efd8;border:3px solid #e5ddcd;border-radius:24px;grid-template-columns:1fr 1fr;gap:24px;max-width:420px;padding:18px;display:grid}.corner-map button[aria-pressed=true]{opacity:1;background:#bca9e9;border-color:#6853b7}.method-guide:has(.corner-coach) .method-heading{margin-block:12px}.method-guide:has(.corner-coach) .method-heading h1{font-size:clamp(32px,4vw,48px)}.method-guide:has(.corner-coach) .method-heading>svg{width:66px;height:66px}.method-guide:has(.corner-coach) .holding-guide{margin-block:12px;font-size:12px}.method-guide:has(.corner-coach) .corner-coach{margin-top:18px}.corner-find-pictures{flex-wrap:wrap;gap:28px;display:flex}.corner-find-pictures figure{margin:8px 0}.corner-find-pictures figcaption{margin-top:8px;font-size:14px;font-weight:800}.middle-setup>button{width:100%;margin:12px 0;display:block}.method-guide:has(.middle-workspace) .method-heading h1{font-size:clamp(32px,4vw,48px)}.method-guide:has(.middle-workspace) .method-heading>svg{width:66px;height:66px}.turn-progress{background:#eee8fb;border:2px solid #d4c8ed;border-radius:18px;margin:14px 0 8px;padding:16px 18px}.turn-progress-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.turn-progress-heading strong{font-size:24px}.turn-progress-heading>span{font-size:14px}.turn-progress-track{background:#d9ceee;border-radius:8px;height:10px;margin:12px 0;overflow:hidden}.turn-progress-track>div{border-radius:inherit;background:#6853b7;height:100%}.turn-progress-markers{flex-wrap:wrap;gap:8px;display:flex}.turn-progress-markers>span{background:#fffdf6;border:2px solid #cbbfe2;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.turn-progress-markers>.current{border-color:#6853b7;box-shadow:0 0 0 2px #fffdf6}.turn-progress-markers>.done{color:#fff;background:#387858;border-color:#387858}.turn-progress p{margin:12px 0 0;font-size:15px}.turn-progress.complete{background:#e5f4e9;border-color:#a5ceaf}.turn-progress.complete .turn-progress-track>div{background:#387858}@media (width<=420px){.method-demo{padding:16px}.method-demo .cube-canvas{height:220px}.method-demo .turn-progress{padding:12px}.method-demo .turn-progress-markers{gap:4px}.method-demo .turn-progress-markers>span{width:20px;height:20px;font-size:12px}.method-demo .method-turn{gap:10px}.method-demo .method-turn>span{font-size:48px}.method-demo .method-demo-actions button{min-height:48px;padding:12px;font-size:14px}}.yellow-pattern-choices>button{text-align:left;align-items:center;gap:18px;display:flex}.yellow-pattern-choices .method-top-pattern{width:76px;height:76px;display:block}.yellow-pattern-choices>button>span:first-child{flex-shrink:0}.yellow-pattern-choices strong{display:block}.yellow-pattern-choices small{margin-top:6px;font-size:15px;font-weight:400;line-height:1.4;display:block}.yellow-orientations{grid-template-columns:1fr 1fr;gap:12px;display:grid}.yellow-orientations button{flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:14px;display:flex}.yellow-orientations button[aria-pressed=true]{background:#eee8fb;border-color:#6853b7}.yellow-align-action{border-top:1px solid #d4c8ed;margin-top:18px;padding-top:12px}.yellow-hold .primary{width:100%;display:block}