:root{font-family:Nunito Sans,ui-rounded,sans-serif;color:#24324a;background:#eaf7f2;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24324a;--muted: #556174;--quiet: #687387;--sky-wash: #eaf7f2;--sky-blue: #bfe4f4;--cream: #fff9e9;--white: #ffffff;--navy: #315b72;--navy-deep: #244456;--coral: #ef7768;--coral-soft: #f8b8ab;--sage: #67b892;--sage-soft: #cdecd9;--lavender: #a987d8;--lavender-soft: #e4d6f5;--sunny: #f4c84c;--sunny-soft: #ffeaa1;--line: #c8d8d5;--line-strong: #738d91;--panel-shadow: 0 14px 0 rgba(49, 91, 114, .11), 0 30px 70px rgba(49, 91, 114, .16)}*{box-sizing:border-box}html{background:var(--sky-wash)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font:inherit}a{color:var(--navy-deep)}button:focus-visible,a:focus-visible{outline:3px solid var(--sunny);outline-offset:3px;box-shadow:0 0 0 6px var(--navy-deep);border-radius:.35rem}button:disabled{cursor:not-allowed;color:var(--muted);background:#f1f0e9;border-color:var(--line-strong);box-shadow:0 2px 0 var(--line-strong);filter:saturate(.35)}.icon{width:1.35rem;height:1.35rem;flex:0 0 auto}.app-shell{min-height:100vh;min-height:100dvh;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(360px,1fr) auto;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent 34%),linear-gradient(155deg,#dff4ed,#eef9f3 48%,#d9eff5);overflow-x:clip}.app-shell:before{content:"";position:fixed;z-index:-3;inset:0;pointer-events:none;opacity:.33;background-image:radial-gradient(rgba(49,91,114,.16) .8px,transparent .8px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}.storybook-sky{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:10rem;height:3.4rem;border:2px solid rgba(49,91,114,.1);border-radius:999px;background:#ffffff9e;box-shadow:0 9px #50919d12;animation:cloud-drift 18s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;bottom:.8rem;border-radius:50%;background:inherit;border-top:inherit}.cloud:before{left:1.25rem;width:4rem;height:4rem;transform:rotate(-8deg)}.cloud:after{right:1.3rem;width:5.2rem;height:5.2rem;transform:rotate(7deg)}.cloud-one{left:-2.5rem;top:19%}.cloud-two{right:-3rem;top:8%;transform:scale(.72);animation-delay:-9s}.paper-star{position:absolute;width:1.7rem;aspect-ratio:1;background:var(--sunny);clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);filter:drop-shadow(0 4px 0 rgba(49,91,114,.12));animation:star-float 7s ease-in-out infinite}.star-one{left:10%;top:12%}.star-two{right:12%;top:29%;width:1.15rem;background:var(--coral);animation-delay:-2s}.star-three{left:5%;top:56%;width:.9rem;background:var(--lavender);animation-delay:-4s}.sky-dots{position:absolute;right:7%;bottom:24%;width:5rem;height:5rem;background-image:radial-gradient(var(--sage) 2px,transparent 2px);background-size:17px 17px;opacity:.32;transform:rotate(8deg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) 0 max(1.1rem,env(safe-area-inset-left));z-index:3}.brand-lockup{display:flex;gap:.78rem;align-items:center}.brand-lockup h1{margin:0;font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(1.8rem,4.4vw,2.45rem);font-weight:600;letter-spacing:-.04em;line-height:.9;color:var(--navy-deep)}.brand-lockup p{margin:.32rem 0 0;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.055em}.brand-mark{position:relative;display:grid;grid-template-columns:repeat(2,.78rem);gap:.16rem;padding:.38rem;border:2px solid var(--navy-deep);border-radius:.8rem;background:var(--cream);box-shadow:0 4px 0 var(--navy-deep);transform:rotate(-4deg)}.brand-mark i{width:.78rem;height:.78rem;border:1.5px solid rgba(36,68,86,.32);border-radius:.25rem;display:block}.brand-mark i:nth-child(1){background:var(--sage)}.brand-mark i:nth-child(2){background:#5aa4df}.brand-mark i:nth-child(3){background:var(--sunny)}.brand-mark i:nth-child(4){background:var(--coral)}.brand-mark b{position:absolute;right:-.65rem;top:-.78rem;color:var(--sunny);font-size:.95rem;text-shadow:1px 1px 0 var(--navy-deep)}.sound-button{min-height:46px;border:2px solid var(--navy-deep);border-radius:999px;background:var(--cream);color:var(--navy-deep);box-shadow:0 4px 0 var(--navy-deep);padding:0 .9rem;display:inline-flex;gap:.5rem;align-items:center;cursor:pointer;font-weight:800;transition:color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.sound-button:hover,.sound-button.is-on{background:var(--sunny-soft)}.sound-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--navy-deep)}.desktop-label{font-size:.72rem}.sound-control-group{display:flex;align-items:center;gap:.7rem}.volume-slider{display:grid;gap:.15rem}.volume-label{color:var(--navy-deep);font-size:.62rem;font-weight:800;letter-spacing:.02em}.volume-range-row{display:flex;align-items:center;gap:.5rem}.volume-range-row input[type=range]{width:8.5rem;height:44px;margin:0;accent-color:var(--navy);cursor:pointer}.volume-value{min-width:2.6rem;color:var(--muted);font-size:.66rem;font-weight:800;text-align:right}.more-sound-section{margin-top:.85rem;padding:.7rem .85rem;border:2px dashed var(--line-strong);border-radius:1rem;background:#ffffff9e}.more-sound-section .volume-slider{gap:.3rem}.more-sound-section .volume-range-row input[type=range]{width:100%;flex:1}.play-space{position:relative;display:grid;place-items:center;align-content:center;min-height:0;padding:0 1rem .7rem}.scene-frame{width:min(94vw,680px);height:min(51vh,540px);min-height:310px;position:relative}.scene-frame:before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:6%;height:22%;border-radius:50%;background:#67b89233;border:2px dashed rgba(49,91,114,.14);transform:perspective(300px) rotateX(58deg)}.cube-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;border-radius:1.5rem}.cube-canvas:active{cursor:grabbing}.cube-canvas:focus-visible{outline:3px solid var(--sunny);outline-offset:2px;box-shadow:0 0 0 6px var(--navy-deep)}.cube-canvas canvas{display:block}.view-controls{position:absolute;z-index:3;right:.35rem;bottom:.45rem;display:grid;grid-template-columns:repeat(4,44px);gap:.3rem;padding:.35rem;border:1.5px solid var(--line-strong);border-radius:1rem;background:#fff9e9e6;box-shadow:0 3px #315b722e;cursor:default}.view-controls:not(.is-expanded){grid-template-columns:44px}.view-controls button{width:44px;min-height:44px;padding:0;border:1.5px solid var(--navy-deep);border-radius:.72rem;color:var(--navy-deep);background:var(--white);font:800 .72rem Nunito Sans,ui-rounded,sans-serif;cursor:pointer}.view-controls button:hover{background:var(--sunny-soft)}.view-controls button:active{transform:translateY(1px)}.scene-loading{display:grid;place-items:center;cursor:default;color:var(--navy);font-family:Fredoka,ui-rounded,sans-serif;font-weight:600}.breath-ring{position:absolute;pointer-events:none;left:50%;bottom:3%;width:36%;height:10%;transform:translate(-50%);border-radius:50%;background:#56a78830;filter:blur(13px);animation:breathe 6s ease-in-out infinite}.scene-frame.is-solved .breath-ring{background:#f4c84c61}.session-status{display:flex;align-items:center;gap:.55rem;min-height:34px;padding:.35rem .75rem;border:1.5px solid var(--line-strong);border-radius:999px;color:var(--muted);background:#fff9e9d1;box-shadow:0 4px #315b721a;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.status-dot{width:.8rem;height:.8rem;display:grid;place-items:center;border-radius:50%;background:var(--sage-soft)}.status-dot i{width:.38rem;height:.38rem;border-radius:50%;background:var(--sage)}.status-divider{width:1px;height:.8rem;background:var(--line-strong)}.guidance{min-height:1.4rem;margin:.7rem 0 0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(.95rem,2vw,1.08rem);font-weight:500;text-align:center}.control-panel{width:min(100% - 1rem,860px);justify-self:center;margin:0 .5rem;padding:1rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border:2px solid var(--navy-deep);border-bottom:0;border-radius:1.75rem 1.75rem 0 0;background:var(--cream);box-shadow:var(--panel-shadow);z-index:4}.utility-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.46rem;padding-bottom:.95rem;border-bottom:2px dashed var(--line)}.utility-button{min-width:0;min-height:54px;padding:.35rem .2rem;border:2px solid var(--line-strong);border-radius:.85rem;color:var(--navy-deep);background:var(--white);box-shadow:0 3px 0 var(--line-strong);display:grid;place-items:center;gap:.1rem;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.utility-button:nth-child(3){background:#fff5c8}.utility-button:nth-child(4){background:#e4f4ff}.utility-button:hover:not(:disabled){background:var(--sunny-soft)}.utility-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.utility-button .icon{width:1.25rem;height:1.25rem}.utility-button span{font-size:.64rem;font-weight:800;letter-spacing:.02em}.control-step{display:flex;align-items:center;gap:.72rem;padding:1rem 0 .72rem}.control-step h2,.selected-face h2{margin:0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:-.01em}.control-step p{margin:.16rem 0 0;color:var(--muted);font-size:.66rem;font-weight:700}.step-number{flex:0 0 auto;width:1.9rem;height:1.9rem;border:2px solid var(--navy-deep);border-radius:50%;display:grid;place-items:center;color:var(--navy-deep);background:var(--sunny);box-shadow:0 2px 0 var(--navy-deep);font-size:.72rem;font-weight:800}.face-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.face-choice{position:relative;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:.42rem;padding:.45rem;border-radius:.9rem;color:var(--muted);background:var(--white);border:2px solid var(--line-strong);box-shadow:0 3px 0 var(--line-strong);cursor:pointer;font-size:.66rem;font-weight:800;text-transform:capitalize;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.face-choice:hover{color:var(--ink);background:#fffef8}.face-choice:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.face-choice.is-selected{color:var(--navy-deep);border:2px solid var(--navy-deep);background:var(--sunny-soft);box-shadow:0 3px 0 var(--navy-deep)}.face-swatch,.selected-swatch{display:grid;place-items:center;flex:0 0 auto;border:1.5px solid rgba(36,50,74,.52);font-weight:800;box-shadow:inset 0 0 0 2px #ffffff6b,0 2px #24324a38}.face-swatch{width:1.78rem;height:1.78rem;border-radius:.5rem;font-size:.62rem}.face-check{position:absolute;display:grid;place-items:center;top:-.38rem;right:-.3rem;width:1.12rem;height:1.12rem;color:var(--white);background:var(--navy-deep);border:2px solid var(--cream);border-radius:50%}.face-check .icon{width:.72rem;height:.72rem;stroke-width:3}.turn-card{margin-top:.85rem;padding:.9rem;border:2px solid var(--navy-deep);border-radius:1.15rem;background:linear-gradient(135deg,#e4f4ff,#f5eaff);box-shadow:0 5px #315b7233}.selected-face{display:flex;align-items:center;gap:.7rem}.selected-face>div{flex:1}.eyebrow{display:block;margin-bottom:.05rem;color:var(--muted);font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.selected-swatch{width:2.2rem;height:2.2rem;border-radius:.62rem;font-size:.72rem;transform:rotate(3deg)}.turn-actions{display:grid;grid-template-columns:1fr 1fr;gap:.68rem;margin-top:.78rem}.turn-actions button{min-height:60px;display:flex;align-items:center;justify-content:center;gap:.7rem;border:2px solid var(--navy-deep);border-radius:.95rem;color:var(--white);background:var(--navy);box-shadow:0 4px 0 var(--navy-deep);cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.turn-actions button:nth-child(2){color:var(--navy-deep);background:var(--coral-soft)}.turn-actions button:hover:not(:disabled){background:#3d718b}.turn-actions button:nth-child(2):hover:not(:disabled){background:#f5a899}.turn-actions button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--navy-deep)}.turn-actions button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.turn-actions button strong{font-size:.76rem;font-weight:800}.turn-actions .half-turn{grid-column:1 / -1;min-height:48px;color:var(--navy-deep);background:var(--sunny-soft)}.turn-actions .half-turn span{font-size:.68rem;font-weight:900}.turn-card>p{margin:.62rem 0 0;color:var(--muted);text-align:center;font-size:.59rem;font-weight:700}.advanced-controls{margin-top:1rem}.advanced-toggle{width:100%;min-height:48px;border:2px solid var(--navy-deep);border-radius:.95rem;color:var(--navy-deep);background:#e5f6ee;box-shadow:0 3px 0 var(--navy-deep);font-weight:900;cursor:pointer}.advanced-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy-deep)}.advanced-panel{margin-top:.75rem;padding:.85rem;border:2px dashed var(--line-strong);border-radius:1rem;background:#ffffff9e}.advanced-panel>p{margin:0 0 .7rem;color:var(--muted);font-size:.66rem;font-weight:700;text-align:center}.advanced-command-group+.advanced-command-group{margin-top:.8rem}.advanced-command-group h3{margin:0 0 .38rem;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:.78rem;font-weight:600}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.35rem}.command-grid button{min-width:44px;min-height:44px;padding:.2rem;border:1.5px solid var(--line-strong);border-radius:.7rem;color:var(--navy-deep);background:var(--white);font-weight:900;cursor:pointer}.command-grid button:hover:not(:disabled){background:var(--sunny-soft);border-color:var(--navy-deep)}.command-grid button:disabled{opacity:.5;cursor:not-allowed}.notation-form{margin-top:1rem;padding-top:.85rem;border-top:2px dashed var(--line)}.notation-form label{display:block;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:.82rem;font-weight:600}.notation-form>p{margin:.18rem 0 .5rem;color:var(--muted);font-size:.64rem;font-weight:700}.notation-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem}.notation-entry-row input{min-width:0;min-height:44px;padding:.55rem .65rem;border:2px solid var(--line-strong);border-radius:.72rem;color:var(--ink);background:var(--white);font:800 .78rem Nunito Sans,ui-rounded,sans-serif}.notation-entry-row input[aria-invalid=true]{border-color:#a73737}.notation-entry-row button{min-height:44px;padding:.4rem .65rem;border:2px solid var(--navy-deep);border-radius:.72rem;color:var(--white);background:var(--navy);font-weight:800;cursor:pointer}.notation-entry-row button:last-child{color:var(--navy-deep);background:var(--white)}.notation-entry-row button:disabled{opacity:.5;cursor:not-allowed}.notation-message{min-height:1.1rem}.notation-message.is-error{color:#7f2525!important}.notation-message.is-status{color:var(--muted)!important}.keyboard-note{margin:.78rem 0 0;text-align:center;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.025em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{position:relative;z-index:5;padding:.75rem max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));color:var(--muted);background:var(--cream);border-top:2px solid var(--navy-deep)}.site-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem 1rem;font-size:.72rem;font-weight:800}.site-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 .28rem;color:var(--navy-deep);text-decoration-thickness:.12em;text-underline-offset:.18em}.footer-credit{min-height:44px;display:inline-flex;align-items:center;gap:.28rem}.footer-credit a{padding-inline:.25rem}.info-page-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 12% 12%,rgba(244,200,76,.2) 0 4rem,transparent 4.1rem),radial-gradient(circle at 90% 25%,rgba(169,135,216,.15) 0 6rem,transparent 6.1rem),linear-gradient(155deg,#dff4ed,#eef9f3 48%,#d9eff5)}.info-page-header{width:min(100% - 2rem,960px);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 0 0;display:flex;align-items:center;justify-content:space-between}.back-link{min-height:44px;display:inline-flex;align-items:center;padding:.25rem .65rem;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-weight:600;text-decoration-thickness:.12em;text-underline-offset:.2em}.info-page-star{color:var(--sunny);font-size:1.8rem;text-shadow:2px 2px 0 var(--navy-deep);transform:rotate(8deg)}.info-page-main{flex:1;width:min(100% - 2rem,960px);margin:0 auto;padding:clamp(2rem,7vw,5rem) 0 3rem}.info-page-eyebrow{margin:0 0 .35rem;color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.info-page-main>h1{margin:0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(2.7rem,9vw,5.8rem);font-weight:600;letter-spacing:-.055em;line-height:.95}.info-page-intro{max-width:42rem;margin:1rem 0 2.2rem;color:var(--muted);font-size:clamp(1rem,2.4vw,1.18rem);font-weight:700;line-height:1.65}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.material-card{min-width:0;padding:clamp(1rem,3vw,1.4rem);border:2px solid var(--navy-deep);border-radius:1.2rem;background:var(--cream);box-shadow:0 5px #24445633}.material-card:nth-child(3n+2){background:#f2edff}.material-card:nth-child(3n+3){background:#e5f6ee}.material-heading h2,.material-note h2{margin:0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.2}.material-type{margin:0 0 .18rem;color:var(--quiet);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.material-credit{margin:.8rem 0;color:var(--ink);font-weight:700;line-height:1.5}.material-card dl{margin:0}.material-card dl>div{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem;padding:.55rem 0;border-top:1.5px dashed var(--line-strong)}.material-card dt{color:var(--quiet);font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.material-card dd{margin:0;color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.material-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.material-links a{min-height:44px;display:inline-flex;align-items:center;padding:.4rem .75rem;border:2px solid var(--navy-deep);border-radius:999px;background:var(--white);color:var(--navy-deep);font-size:.7rem;font-weight:800;text-underline-offset:.16em}.material-note{margin-top:1.2rem;padding:1.2rem;border:2px dashed var(--navy);border-radius:1.2rem;background:#fff9e9b8}.material-note p{margin:.55rem 0 0;color:var(--muted);font-weight:700;line-height:1.55}.consent-banner{display:grid;gap:.7rem;width:min(100% - 1rem,760px);margin:.85rem auto;padding:1rem max(1.05rem,env(safe-area-inset-right)) 1rem max(1.05rem,env(safe-area-inset-left));border:2px solid var(--navy-deep);border-radius:1.2rem;background:var(--cream);box-shadow:0 6px #315b7233}.consent-banner h2{margin:0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(.98rem,2.6vw,1.15rem);font-weight:600;letter-spacing:-.01em}.consent-banner-copy p{margin:.3rem 0 0;color:var(--muted);font-size:.8rem;font-weight:700;line-height:1.5}.consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.consent-actions button{min-height:44px;padding:.5rem 1rem;border:2px solid var(--navy-deep);border-radius:999px;background:var(--white);color:var(--navy-deep);box-shadow:0 3px 0 var(--navy-deep);font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.consent-actions button:hover{background:var(--sunny-soft)}.consent-actions button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy-deep)}.consent-policy-link{min-height:44px;display:inline-flex;align-items:center;padding:0 .3rem;color:var(--navy-deep);font-weight:800;text-decoration-thickness:.12em;text-underline-offset:.18em}.footer-settings-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 .28rem;border:0;background:none;color:var(--navy-deep);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.18em}.footer-settings-button:hover{color:var(--navy)}.privacy-settings-dialog{padding:0;border:2px solid var(--navy-deep);border-radius:1.2rem;background:var(--cream);color:var(--ink);box-shadow:var(--panel-shadow);max-width:min(90vw,26rem);width:100%;margin:auto}.privacy-settings-dialog::backdrop{background:#24324a73}.privacy-settings-body{padding:1.2rem 1.2rem .2rem}.privacy-settings-dialog h2{margin:0 0 .55rem;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.privacy-settings-dialog p{margin:.55rem 0 0;color:var(--ink);font-size:.86rem;font-weight:700;line-height:1.55}.privacy-settings-dialog .privacy-settings-note{color:var(--muted);font-size:.78rem}.privacy-settings-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.privacy-settings-actions button{min-height:44px;padding:.5rem 1rem;border:2px solid var(--navy-deep);border-radius:999px;background:var(--white);color:var(--navy-deep);box-shadow:0 3px 0 var(--navy-deep);font-weight:800;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.privacy-settings-actions button:hover{background:var(--sunny-soft)}.privacy-settings-actions button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy-deep)}.privacy-settings-links{margin-top:.9rem}.privacy-settings-links a{color:var(--navy-deep);font-size:.78rem;font-weight:800;text-decoration-thickness:.12em;text-underline-offset:.16em}.privacy-settings-close-row{display:flex;justify-content:flex-end;padding:.6rem 1.2rem 1.2rem}.dialog-close-button{min-height:44px;padding:.4rem 1rem;border:2px solid var(--line-strong);border-radius:999px;background:var(--white);color:var(--navy-deep);box-shadow:0 3px 0 var(--line-strong);font-weight:800;cursor:pointer}.dialog-close-button:hover{background:var(--sunny-soft)}.dialog-close-button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.policy-body{max-width:44rem}.policy-body section{margin-top:2rem}.policy-body h2{margin:0 0 .5rem;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.policy-body p,.policy-body li{color:var(--ink);font-size:.94rem;font-weight:600;line-height:1.65}.policy-body p{margin:.55rem 0}.policy-body ul{margin:.6rem 0;padding-left:1.1rem}.policy-body li{margin:.55rem 0}.policy-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:#315b7217;border-radius:.35rem;padding:.08rem .32rem;overflow-wrap:anywhere}.policy-body a{color:var(--navy-deep);font-weight:800;text-decoration-thickness:.1em;text-underline-offset:.14em;overflow-wrap:anywhere}@keyframes breathe{0%,to{transform:translate(-50%) scale(.88);opacity:.48}50%{transform:translate(-50%) scale(1.14);opacity:.82}}@keyframes cloud-drift{0%{translate:-.6rem 0}to{translate:.8rem .35rem}}@keyframes star-float{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -.55rem;rotate:5deg}}@media(max-width:680px){.app-shell{grid-template-rows:auto minmax(315px,1fr) auto}.materials-grid{grid-template-columns:1fr}.info-page-main{padding-top:2.5rem}.scene-frame{height:min(44vh,430px);min-height:285px}.face-selector{grid-template-columns:repeat(3,1fr)}.keyboard-note{display:none}.control-panel{padding-top:.85rem}.cloud-one{top:25%;transform:scale(.72)}}@media(max-width:390px){.topbar{padding-top:max(.78rem,env(safe-area-inset-top))}.desktop-label{display:none}.sound-button{width:46px;justify-content:center;padding:0}.brand-lockup p{font-size:.61rem}.scene-frame{height:37vh;min-height:250px}.guidance{max-width:19rem;font-size:.9rem}.control-panel{border-radius:1.35rem 1.35rem 0 0}.utility-button{min-height:48px}.control-step{padding-top:.78rem}.notation-entry-row{grid-template-columns:1fr 1fr}.notation-entry-row input{grid-column:1 / -1}}@media(max-width:899px){.app-shell{height:100vh;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.topbar{padding-top:max(.6rem,env(safe-area-inset-top))}.brand-lockup p{display:none}.brand-lockup h1{font-size:clamp(1.35rem,5.2vw,1.8rem)}.brand-mark{transform:rotate(-4deg) scale(.82)}.play-space{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.3rem;padding:.4rem .6rem .3rem}.scene-frame{width:100%;max-width:680px;height:auto;min-height:0;flex:1 1 auto;align-self:center}.session-status{align-self:center}.guidance{margin:.15rem 0 0;min-height:1.1rem}.mobile-dock{display:grid;gap:.4rem;padding:.45rem max(.7rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));border-top:2px solid var(--navy-deep);background:var(--cream)}.dock-row{min-width:0}.face-selector.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.face-selector.compact .face-choice{min-height:46px;flex-direction:column;gap:.1rem;padding:.3rem .15rem;border-radius:.8rem}.face-selector.compact .face-swatch{width:1.55rem;height:1.55rem;border-radius:.45rem;font-size:.6rem}.face-selector.compact .face-check{top:-.32rem;right:-.28rem;width:1rem;height:1rem}.dock-turn-row .turn-actions{margin-top:0;gap:.45rem}.dock-turn-row .turn-actions button{min-height:46px}.dock-turn-row .turn-actions .half-turn{min-height:44px}.dock-utility-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.dock-utility-button{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.3rem .2rem;border:2px solid var(--line-strong);border-radius:.85rem;color:var(--navy-deep);background:var(--white);box-shadow:0 3px 0 var(--line-strong);cursor:pointer;font-size:.68rem;font-weight:800;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.dock-utility-button:hover:not(:disabled){background:var(--sunny-soft)}.dock-utility-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line-strong)}.dock-utility-button:disabled{cursor:not-allowed;opacity:.55}.dock-more-button{background:#e5f6ee}.dock-utility-button .icon{width:1.15rem;height:1.15rem}.dock-selected-face{margin:0;display:flex;align-items:center;justify-content:center;gap:.35rem;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.04em}.dock-swatch{width:1.1rem;height:1.1rem;display:grid;place-items:center;border:1.5px solid rgba(36,50,74,.52);border-radius:.3rem;font-size:.52rem;font-weight:800}}.more-sheet{padding:0;margin:auto auto 0;width:100%;max-width:100%;max-height:min(82dvh,44rem);border:2px solid var(--navy-deep);border-bottom:0;border-radius:1.5rem 1.5rem 0 0;background:var(--cream);color:var(--ink);box-shadow:var(--panel-shadow)}.more-sheet::backdrop{background:#24324a73}.more-sheet-body{display:flex;flex-direction:column;max-height:min(82dvh,44rem);height:100%}.more-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem .55rem;border-bottom:2px dashed var(--line);flex:0 0 auto}.more-sheet-header h2{margin:0;color:var(--navy-deep);font-family:Fredoka,ui-rounded,sans-serif;font-size:1.05rem;font-weight:600}.more-close-button{min-height:44px}.more-sheet-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.7rem 1rem max(1rem,env(safe-area-inset-bottom))}.more-utility-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.46rem}.more-sheet-scroll .advanced-controls{margin-top:.85rem}@media(min-width:900px){.app-shell{grid-template-columns:minmax(0,1fr) minmax(430px,.58fr);grid-template-rows:auto 1fr}.topbar{grid-column:1 / -1;padding:1.55rem 2rem 0}.play-space{grid-column:1;grid-row:2}.scene-frame{width:min(64vw,800px);height:min(73vh,700px)}.control-panel{grid-column:2;grid-row:2;align-self:center;width:calc(100% - 2rem);margin:1rem;border-bottom:2px solid var(--navy-deep);border-radius:1.55rem;padding:1.2rem}.face-selector{grid-template-columns:repeat(2,1fr);gap:.58rem}.control-step{padding-top:1.1rem}}@media(max-width:899px)and (orientation:landscape){.app-shell{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}.topbar{grid-column:1 / -1;grid-row:1}.play-space{grid-column:1;grid-row:2}.mobile-dock{grid-column:2;grid-row:2;align-self:center}.play-space{padding-inline:.6rem .2rem}.face-selector.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-selected-face{display:none}.mobile-dock{max-width:15.5rem}}@media(forced-colors:active){.brand-mark,.sound-button,.control-panel,.utility-button,.face-choice,.turn-card,.turn-actions button,.view-controls,.view-controls button,.advanced-toggle,.advanced-panel,.command-grid button,.notation-entry-row input,.notation-entry-row button,.consent-actions button,.privacy-settings-dialog,.privacy-settings-actions button,.dialog-close-button,.mobile-dock,.dock-utility-button,.more-sheet,.more-sheet-scroll,.more-utility-row,.more-sheet-header,.dock-selected-face{forced-color-adjust:auto}.face-choice.is-selected{outline:3px solid ButtonText;outline-offset:1px}.dock-more-button{background:ButtonFace}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}