.fairytale-section{padding:clamp(12px,3vw,24px) clamp(4px,1.5vw,16px) 24px}.content:has(.ft-player-wrap){padding-bottom:0}.content:has(.ft-player-wrap)>.fairytale-section{flex:1 0 auto;min-height:0;padding-bottom:0}.ft-wrap{flex-direction:column;gap:clamp(10px,1.8vw,14px);width:100%;min-width:0;max-width:680px;margin:0 auto;display:flex}.ft-player-wrap{border:2px solid var(--ci-border-subtle,#e6d8c3);background:var(--ci-surface-base,#fffdf9);max-width:920px;min-height:0;box-shadow:var(--ci-elevation-md);border-radius:28px;flex:1 0 auto;gap:16px;padding:clamp(12px,2.4vw,20px)}.ft-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ft-title{font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;color:var(--ci-text-primary,#352456);margin:0;font-size:clamp(1.5rem,6vw,2.2rem)}.ft-counter{z-index:2;background:var(--ci-surface-base,#fffdf9);border:1.5px solid var(--ci-border-subtle,#e6d8c3);box-shadow:var(--ci-elevation-sm);color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 14px;font-size:clamp(.95rem,3vw,1.15rem);display:inline-flex;position:absolute;top:clamp(10px,2vw,16px);right:clamp(10px,2vw,16px)}.ft-story-list-wrap{max-width:1120px}.ft-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.8vw,18px);width:100%;min-width:0;margin:0;padding:6px 0 28px;display:grid}.ft-story-card{width:100%;min-width:0;min-height:var(--touch-target-min);border:1px solid color-mix(in srgb,var(--border-subtle)88%,transparent);border-radius:var(--ci-radius-lg);background:color-mix(in srgb,var(--surface-elevated)96%,transparent);color:var(--text-dark);cursor:pointer;align-content:start;gap:9px;padding:clamp(7px,1.8vw,10px);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 8px 24px #2d343614}.ft-story-card:hover{border-color:color-mix(in srgb,var(--primary-orange)42%,var(--border-subtle));transform:translateY(-2px);box-shadow:0 12px 28px #e651001f}.ft-story-card:active{transform:translateY(1px)scale(.99)}.ft-story-card:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ft-story-cover{aspect-ratio:1;background:var(--surface-muted);object-fit:cover;border-radius:14px;width:100%;min-width:0;display:block;overflow:hidden}.ft-story-info{justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.ft-story-name{min-width:0;color:var(--text-dark);font-family:var(--font-jua),sans-serif;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,2.8vw,1rem);font-weight:900;line-height:1.35;overflow:hidden}.ft-stage{width:100%;min-height:0;box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;gap:clamp(10px,2vw,14px);padding:0;display:flex}.ft-scene-frame{width:fit-content;max-width:100%;min-height:0;margin:0 auto;display:flex;position:relative}.ft-scene-btn{border-radius:var(--ci-radius-lg);cursor:pointer;background:0 0;border:none;max-width:100%;min-height:0;margin:0;padding:0;line-height:0;transition:transform .2s,filter .2s;display:flex}.ft-scene-btn:hover{filter:drop-shadow(0 8px 16px #0000001a);transform:translateY(-3px)scale(1.015)}.ft-scene-btn:active{transform:translateY(2px)scale(.99)}.ft-scene-btn.speaking .ft-scene-img{box-shadow:0 0 0 4px #ff8c4299,0 8px 24px #ff8c4240}.ft-scene-img{border-radius:var(--ci-radius-lg);width:auto;max-width:100%;height:auto;max-height:min(37vh,330px);margin:0 auto;transition:box-shadow .2s;animation:.3s ft-fadein;display:block;box-shadow:0 10px 28px #2d34361f}@keyframes ft-fadein{0%{opacity:.3}to{opacity:1}}.ft-panel-label,.ft-celebrate{z-index:2;border:1.5px solid var(--ci-border-subtle,#e6d8c3);background:var(--ci-surface-base,#fffdf9);color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;white-space:nowrap;box-shadow:var(--ci-elevation-sm);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:clamp(.8rem,2.6vw,.95rem);line-height:1.3;display:inline-flex;position:absolute;top:clamp(10px,2vw,16px);left:clamp(10px,2vw,16px)}.ft-panel-label:before{background:var(--ci-action-now,#f08f78);content:"";border-radius:50%;width:8px;height:8px}.ft-celebrate{border:1.5px solid var(--ci-action-now-lip,#d4816c);background:var(--ci-rainbow-butter,#f5ce8e);animation:ft-pop .45s var(--bounce)}@keyframes ft-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ft-nav-btn{z-index:2;border:1.5px solid var(--ci-border-subtle,#e6d8c3);width:clamp(46px,12vw,56px);height:clamp(46px,12vw,56px);color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;box-shadow:var(--ci-elevation-sm);cursor:pointer;background:#fffdf9f0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:clamp(1rem,3.2vw,1.2rem);line-height:1;transition:transform .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ft-nav-icon{fill:currentColor;flex:none;width:26px;height:26px;display:block}.ft-nav-prev{left:clamp(6px,2vw,12px)}.ft-nav-next{right:clamp(6px,2vw,12px)}.ft-nav-btn:not(:disabled):hover{background:#fff}.ft-nav-btn:not(:disabled):active{transform:translateY(-50%)scale(.92)}.ft-nav-btn:disabled{color:#ccc;cursor:not-allowed;background:#ffffff80;box-shadow:0 2px 8px #2d34361a}.ft-story-panel{border:1.5px solid var(--ci-border-subtle);border-radius:var(--ci-radius-lg);background:var(--ci-surface-cloud);flex-direction:column;width:100%;padding:clamp(14px,2.6vw,20px);display:flex;position:relative}.ft-caption{font-family:var(--ci-font-reading,var(--font-gowun-dodum)),sans-serif;color:var(--ci-text-primary,#352456);word-break:keep-all;text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(1.3rem,4.2vw,1.6rem);font-weight:700;line-height:1.5}.ft-play-btn{border:1.5px solid var(--ci-action-now-lip,#d4816c);background:var(--ci-action-now,#f08f78);min-width:0;color:var(--ci-action-now-text,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;white-space:nowrap;box-shadow:var(--ci-clay-highlight-soft),0 4px 0 var(--ci-action-now-lip,#d4816c);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:clamp(9px,2vh,12px) clamp(14px,3.5vw,22px);font-size:clamp(.95rem,3.2vw,1.15rem);transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ft-play-btn:hover{background:var(--ci-action-now-hover,#e87f66)}.ft-play-btn:active{box-shadow:var(--ci-clay-highlight-soft),0 1px 0 var(--ci-action-now-lip,#d4816c);transform:translateY(3px)}.ft-play-icon{width:26px;height:26px;color:var(--ci-text-primary,#352456);background:#fffdf98c;border-radius:50%;justify-content:center;align-items:center;padding-left:2px;font-size:.82em;display:inline-flex}@media (max-width:360px){.ft-player-wrap .ft-panel-label{display:none}.ft-play-btn{padding-inline:10px;font-size:.9rem}.ft-play-icon{display:none}.ft-nav-btn{width:44px;height:44px}}.ft-scene-picker{border-top:1.5px dashed var(--ci-border-subtle,#e6d8c3);background:var(--ci-surface-cloud,#f7ead3);border-radius:0 0 20px 20px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.ft-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;background:0 0;border:none;border-radius:0;flex:1;gap:clamp(8px,2vw,12px);min-width:0;padding:2px 2px 6px;display:flex;position:relative;overflow-x:auto}.ft-thumb{aspect-ratio:1;border:3px solid var(--ci-border-subtle,#e6d8c3);background:var(--ci-surface-base,#fffdf9);cursor:pointer;opacity:.82;scroll-snap-align:center;width:clamp(56px,14vw,68px);transition:transform .2s var(--bounce),border-color .2s ease,opacity .2s ease,box-shadow .2s ease;border-radius:14px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.ft-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ft-thumb.current{border-color:var(--ci-action-now);box-shadow:0 0 0 3px var(--ci-focus-ring-glow);opacity:1;transform:none}.ft-thumb-num{border:1px solid var(--ci-clay-butter-lip,#d8a95b);background:var(--ci-rainbow-butter,#f5ce8e);min-width:22px;height:22px;color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;text-align:center;pointer-events:none;border-radius:999px;padding:0 6px;font-size:12px;line-height:20px;position:absolute;top:3px;left:3px}@media (max-width:560px){.ft-story-grid{gap:10px;padding-top:3px}}@media (min-width:768px){.ft-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.ft-story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:700px){.ft-thumb{width:72px}}@media (min-width:900px) and (min-height:620px) and (min-aspect-ratio:5/4){.ft-player-wrap .ft-stage{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);grid-template-areas:"scene panel";align-items:center;gap:16px 24px;padding:0;display:grid}.ft-player-wrap .ft-scene-frame{grid-area:scene;justify-self:center;width:min(100%,450px)}.ft-player-wrap .ft-scene-btn{width:100%}.ft-player-wrap .ft-scene-img{aspect-ratio:1;object-fit:cover;width:100%;max-height:none}.ft-player-wrap .ft-story-panel{grid-area:panel;justify-content:center;align-self:stretch}.ft-player-wrap .ft-caption{text-align:left;font-size:clamp(1.35rem,2.2vw,1.6rem)}.ft-player-wrap .ft-nav-btn{width:52px;height:52px}.ft-player-wrap .ft-play-btn{font-size:1.08rem}}@media (min-width:900px) and (max-width:1400px) and (min-height:700px) and (min-aspect-ratio:5/4){.ft-player-wrap{max-width:1100px}.ft-player-wrap .ft-stage{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);column-gap:clamp(22px,2.5vw,32px)}.ft-player-wrap .ft-scene-frame{width:min(100%,480px)}.ft-player-wrap .ft-caption{font-size:clamp(1.45rem,2.2vw,1.7rem)}.ft-player-wrap .ft-thumb{width:76px}}@media (min-width:900px) and (min-height:620px) and (max-height:850px) and (min-aspect-ratio:5/4){.fairytale-section{padding:12px 12px 16px}.ft-player-wrap{gap:10px;max-width:1100px;padding:14px}.ft-player-wrap .ft-stage{gap:10px 18px}.ft-player-wrap .ft-scene-frame{width:min(100%,440px)}.ft-player-wrap .ft-story-panel{padding:16px}.ft-player-wrap .ft-panel-label{padding:4px 10px;font-size:.75rem}.ft-player-wrap .ft-caption{font-size:1.4rem}.ft-player-wrap .ft-nav-btn{width:52px;height:52px}.ft-player-wrap .ft-play-btn{padding:10px 14px;font-size:1.08rem}.ft-player-wrap .ft-play-icon{width:26px;height:26px}.ft-player-wrap .ft-scene-picker{gap:8px;padding:8px 12px 10px}.ft-player-wrap .ft-strip{padding-bottom:4px}.ft-player-wrap .ft-thumb{width:68px}}@media (min-width:900px) and (max-width:1400px) and (min-height:620px) and (max-height:740px) and (min-aspect-ratio:5/4){.fairytale-section{padding:8px 8px 10px}.ft-player-wrap{border-radius:var(--ci-radius-lg);gap:8px;max-width:1100px;padding:10px 12px}.ft-player-wrap .ft-stage{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:8px 16px}.ft-player-wrap .ft-scene-frame{width:min(100%,350px)}.ft-player-wrap .ft-story-panel{border-radius:18px;padding:12px 14px}.ft-player-wrap .ft-counter{padding:4px 11px;font-size:1rem;top:10px;right:10px}.ft-player-wrap .ft-panel-label{padding:4px 9px;font-size:.75rem}.ft-player-wrap .ft-caption{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.35}.ft-player-wrap .ft-nav-btn{width:48px;height:48px}.ft-player-wrap .ft-play-btn{min-height:48px;padding:8px 14px;font-size:1.05rem}.ft-player-wrap .ft-scene-picker{gap:10px;padding:6px 10px}.ft-player-wrap .ft-strip{gap:8px;padding:2px}.ft-player-wrap .ft-thumb{width:56px}}@media (max-height:500px) and (orientation:landscape){.ft-wrap{gap:8px}.ft-scene-img{max-height:34vh}}@media (max-width:899px),(max-aspect-ratio:5/4){.content:has(.ft-player-wrap)>.fairytale-section{flex:auto;height:100%;padding-top:8px;padding-bottom:8px}.ft-player-wrap{flex:auto;gap:10px;min-height:0;padding:10px}.ft-player-wrap .ft-stage{flex:auto;gap:10px;min-height:0}.ft-player-wrap .ft-scene-frame{flex:auto;min-height:0}.ft-player-wrap .ft-scene-btn{justify-content:center;align-items:center}.ft-player-wrap .ft-scene-img{width:auto;max-width:100%;height:auto;min-height:120px;max-height:100%}.ft-player-wrap .ft-story-panel{flex:none;padding:12px 14px}.ft-player-wrap .ft-caption{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;background:linear-gradient(var(--ci-surface-cloud,#f7ead3),var(--ci-surface-cloud,#f7ead3))bottom center/100% 20px no-repeat local,radial-gradient(ellipse 68% 100% at 50% 100%,#35245624,#35245600)bottom center/100% 20px no-repeat scroll;min-width:0;height:6em;overflow-y:auto}.ft-player-wrap .ft-scene-picker{flex:none;gap:10px;padding:8px 10px}.ft-player-wrap .ft-play-icon{width:24px;height:24px}.ft-player-wrap .ft-strip{padding:2px 2px 4px}.ft-player-wrap .ft-thumb{border-width:2px;width:52px}}@media (max-width:600px) and (min-height:700px){.ft-player-wrap .ft-scene-frame{flex:0 auto}.ft-player-wrap .ft-scene-btn{width:100%;height:auto}.ft-player-wrap .ft-story-panel{flex:auto;justify-content:center}}@media (min-width:900px) and (min-height:620px) and (min-aspect-ratio:5/4){.content:has(.ft-player-wrap)>.fairytale-section{flex:auto;min-height:0;padding-block:clamp(12px,2vh,24px)}.ft-player-wrap{flex:auto;max-width:1200px;min-height:0}.ft-player-wrap .ft-stage{flex-direction:row;flex:1 1 0;align-items:center;gap:24px;display:flex;container-type:size}.ft-player-wrap .ft-scene-frame{aspect-ratio:1;flex:none;width:min(62%,100cqh);margin:0}.ft-player-wrap .ft-scene-btn,.ft-player-wrap .ft-scene-img{aspect-ratio:1;object-fit:contain;width:100%;height:100%;max-height:none}.ft-player-wrap .ft-scene-btn:hover{transform:none}.ft-player-wrap .ft-story-panel{flex:1 1 0;align-self:center;width:auto;min-width:0;height:min(62cqw,100cqh);min-height:0}.ft-player-wrap .ft-caption{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.ft-player-wrap .ft-scene-picker{flex:none}}@media (orientation:landscape) and (max-height:619px){.content:has(.ft-player-wrap)>.fairytale-section{flex:auto;min-height:0;padding:4px}.ft-player-wrap{flex:auto;gap:6px;min-height:0;padding:6px}.ft-player-wrap .ft-stage{flex-direction:row;flex:1 1 0;align-items:stretch;gap:10px;container-type:size}.ft-player-wrap .ft-scene-frame{flex:none;width:min(42%,100cqh);min-height:0;margin:0}.ft-player-wrap .ft-scene-btn,.ft-player-wrap .ft-scene-img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.ft-player-wrap .ft-story-panel{flex:1 1 0;justify-content:center;width:auto;min-width:0;min-height:0;padding:10px}.ft-player-wrap .ft-caption{height:auto;max-height:100%;font-size:1.1rem;overflow-y:auto}.ft-player-wrap .ft-scene-picker{flex:none;padding:2px 8px}.ft-player-wrap .ft-thumb{width:44px}.ft-player-wrap .ft-counter,.ft-player-wrap .ft-panel-label{padding:3px 6px;font-size:.72rem;top:4px}}@media (prefers-reduced-motion:reduce){.ft-stage,.ft-nav-btn,.ft-play-btn,.ft-thumb,.ft-celebrate,.ft-scene-img,.ft-story-card{transition:none;animation:none}}.focus-playback-overlay .focus-playback-visual img.ft-focus-img{aspect-ratio:1;filter:drop-shadow(0 16px 36px #0000002e);border-radius:24px;margin:0 auto;display:block;object-fit:cover!important;width:min(88vw,460px)!important;max-height:min(48vh,460px)!important}@media (min-width:600px) and (min-height:650px){.focus-playback-overlay .focus-playback-visual img.ft-focus-img{border-radius:28px;width:min(86vw,540px)!important;max-height:min(52vh,540px)!important}}@media (min-width:768px) and (min-height:750px){.focus-playback-overlay .focus-playback-visual img.ft-focus-img{border-radius:32px;width:min(82vw,620px)!important;max-height:min(55vh,620px)!important}}@media (min-width:1024px) and (min-height:900px){.focus-playback-overlay .focus-playback-visual img.ft-focus-img{border-radius:36px;width:min(80vw,700px)!important;max-height:min(58vh,700px)!important}}@media (max-height:520px){.focus-playback-overlay .focus-playback-visual img.ft-focus-img{border-radius:16px;width:auto!important;max-height:38vh!important}}.ft-filter-toolbar.words-header-row{grid-template-columns:minmax(0,1fr);justify-items:start;margin-bottom:0;padding-inline:0}.ft-filter-toolbar .words-filter-shell{max-width:100%}.ft-filter-toolbar .ft-filter-row{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:4px;min-width:0;display:flex;overflow-x:auto}.ft-filter-row .words-filter-btn{scroll-snap-align:start;flex:none}.ft-filter-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ft-scene-frame{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ft-scene-btn{border-radius:var(--ci-radius-lg);grid-column:1/-1}.ft-nav-btn{border-radius:var(--ci-radius-md);background:var(--ci-action-next);width:48px;height:48px;color:var(--ci-action-next-text);position:static;transform:none}.ft-nav-prev{justify-self:start}.ft-nav-next{justify-self:end}.ft-nav-btn:active:not(:disabled){transform:none}.ft-scene-picker{box-shadow:none;background:0 0;border:0;border-radius:0;padding-inline:0}.ft-filter-toolbar .words-filter-shell{width:100%;min-width:0}.ft-filter-toolbar .ft-filter-row{flex-wrap:wrap;width:100%;overflow:visible}.ft-filter-row .words-filter-btn{white-space:nowrap}@media (max-width:700px){.ft-scene-frame{width:100%}.ft-scene-btn{justify-content:center}.ft-scene-img{object-fit:contain;width:auto;max-width:100%;max-height:28dvh}.ft-story-panel{padding:12px}.ft-caption{font-size:var(--ci-text-body-lg)}.ft-scene-picker{flex-direction:column;align-items:stretch}.ft-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.ft-thumb{border-radius:var(--ci-radius-xs);width:100%;min-width:0}}
.dialog-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.dialog-close-button{touch-action:manipulation;place-items:center;min-width:44px;min-height:44px;display:inline-grid}.dialog-close-button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.dialog-backdrop:not([data-dialog-surface]){box-sizing:border-box;padding:max(12px,env(safe-area-inset-top,0px))max(12px,env(safe-area-inset-right,0px))max(12px,env(safe-area-inset-bottom,0px))max(12px,env(safe-area-inset-left,0px));position:fixed;overflow-y:auto}.dialog-backdrop-dismiss{cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.dialog-surface[data-dialog-surface]{box-sizing:border-box;max-width:calc(100vw - max(24px,env(safe-area-inset-left,0px)) - max(24px,env(safe-area-inset-right,0px)));max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));position:relative}.dialog-surface[data-dialog-surface]>.dialog-close-button{z-index:5;border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-pill);background:var(--ci-surface-base);width:44px;height:44px;color:var(--ci-text-primary);cursor:pointer;box-shadow:var(--ci-elevation-sm);padding:0;font-size:1.1rem;position:absolute;top:8px;right:8px}.child-add-modal.dialog-surface>h3{padding-inline:36px}.dialog-form-error,.voice-settings-error{border:1px solid color-mix(in srgb,var(--ci-state-danger-surface)40%,var(--ci-surface-base));border-radius:var(--ci-radius-sm);background:color-mix(in srgb,var(--ci-state-danger-surface)8%,var(--ci-surface-base));color:var(--ci-state-danger-text);font-family:var(--ci-font-primary);margin:0;padding:10px 12px;font-size:.92rem;line-height:1.45}.mobile-header-panel-close{border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-sm);background:var(--ci-surface-base);color:var(--ci-text-primary);cursor:pointer;flex:0 0 44px;padding:0}.mobile-header-overlay[data-dialog-backdrop]{z-index:1200;background:var(--ci-backdrop-dim);-webkit-backdrop-filter:blur(var(--ci-backdrop-blur));display:block;position:fixed;inset:0}.header-controls.mobile-open.profile-menu-dialog{top:max(76px,calc(64px + env(safe-area-inset-top,0px)));right:max(12px,env(safe-area-inset-right,0px));z-index:1210;width:min(320px,100vw - 24px);max-height:calc(100dvh - 92px - env(safe-area-inset-bottom,0px));border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-lg);background:var(--ci-surface-base);box-shadow:var(--ci-elevation-lg);flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:flex;position:fixed;overflow-y:auto}.profile-menu-dialog .mobile-header-panel-heading{border-bottom:1px solid var(--ci-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.profile-menu-dialog .mobile-header-panel-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-menu-dialog .mobile-header-panel-heading strong{color:var(--ci-text-primary);font-family:var(--ci-font-primary);font-size:1.15rem;font-weight:400}.profile-menu-dialog .mobile-header-panel-heading span{color:var(--ci-text-muted);font-size:.85rem}.profile-menu-dialog .auth-profile{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.profile-menu-dialog .auth-child-info,.profile-menu-dialog .voice-settings-trigger,.profile-menu-dialog .auth-btn{justify-content:flex-start;width:100%;height:auto;min-height:52px;text-decoration:none}.profile-menu-status{color:var(--ci-text-muted);text-align:center;margin:0;padding:16px;font-size:1rem}@media (orientation:landscape) and (max-height:520px){.dialog-backdrop:not([data-dialog-surface]){align-items:flex-start}.dialog-surface[data-dialog-surface]{overflow-y:auto}.header-controls.mobile-open{top:max(8px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));max-height:calc(100dvh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px)));position:fixed}}@media (prefers-reduced-motion:reduce){.dialog-backdrop,.dialog-surface{scroll-behavior:auto}}.ci-dialog-backdrop.dialog-backdrop{z-index:1600;padding:max(var(--ci-space-4),env(safe-area-inset-top,0px))max(var(--ci-space-4),env(safe-area-inset-right,0px))max(var(--ci-space-4),env(safe-area-inset-bottom,0px))max(var(--ci-space-4),env(safe-area-inset-left,0px));background:var(--ci-backdrop-dim);-webkit-backdrop-filter:blur(var(--ci-backdrop-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}html.app-fullscreen .ci-dialog-backdrop.dialog-backdrop{z-index:10020}.ci-dialog-surface.dialog-surface[data-dialog-surface]{overscroll-behavior:contain;min-width:0;padding-top:calc(var(--ci-touch-min) + var(--ci-space-4));border-color:var(--ci-border-subtle);border-radius:var(--ci-radius-xl);background:var(--ci-surface-base);color:var(--ci-text-primary);box-shadow:var(--ci-elevation-lg);font-family:var(--ci-font-reading);flex:0 auto;position:relative;overflow-y:auto}.ci-dialog-surface :is(h2,h3,h4,button){font-family:var(--ci-font-primary)}.ci-dialog-surface :is(p,label,input,select,textarea){font-family:var(--ci-font-reading)}.ci-dialog-surface.dialog-surface[data-dialog-surface]>.dialog-close-button{top:var(--ci-space-2);right:var(--ci-space-2);width:var(--ci-touch-min);height:var(--ci-touch-min);min-width:var(--ci-touch-min);min-height:var(--ci-touch-min);border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-md);background:var(--ci-surface-cloud);color:var(--ci-text-primary);box-shadow:var(--ci-elevation-sm);justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.ci-dialog-surface.ci-dialog-fullscreen{width:100%;max-width:none;height:100%;max-height:none;inset:auto}button.ci-btn.ci-btn{border:1.5px solid var(--_btn-border);border-radius:var(--ci-radius-md);background:var(--_btn-bg);color:var(--_btn-text);box-shadow:var(--ci-elevation-sm);font-family:var(--ci-font-primary);white-space:normal}button.ci-btn.ci-btn[aria-pressed=true]{background:var(--ci-rainbow-mint);color:var(--ci-text-primary)}button.ci-btn.ci-btn-icon{flex-shrink:0;padding:0}button.ci-btn:disabled{cursor:not-allowed}.ci-toast{padding:var(--ci-space-3)var(--ci-space-4);border-radius:var(--ci-radius-md);font-family:var(--ci-font-reading);box-shadow:var(--ci-elevation-sm)}.ci-toast-success{background:var(--ci-state-success-bg);color:var(--ci-state-success-text)}.ci-toast-error{background:var(--ci-state-danger-tint);color:var(--ci-state-danger-text)}.ci-toast-info{background:var(--ci-state-info-bg);color:var(--ci-state-info-text)}@media (max-width:600px){.ci-dialog-surface.dialog-surface[data-dialog-surface]{max-width:100%;max-height:calc(100dvh - var(--ci-space-8) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.ci-dialog-surface,.ci-toast,button.ci-btn{transition:none;animation:none}}.ci-dialog-surface .help-dialog-step-number{background:var(--ci-rainbow-butter);color:var(--ci-text-primary);border-radius:var(--ci-radius-sm)}.ci-dialog-header-actions{top:var(--ci-space-2);right:var(--ci-space-2);z-index:6;align-items:center;gap:var(--ci-space-2);display:flex;position:absolute}.ci-dialog-header-actions .ci-btn-icon.ci-btn{flex:0 0 var(--ci-touch-min);width:var(--ci-touch-min);height:var(--ci-touch-min);min-width:var(--ci-touch-min);min-height:var(--ci-touch-min);border:1.5px solid var(--_btn-border);border-radius:var(--ci-radius-md);background:var(--_btn-bg);color:var(--_btn-text);box-shadow:var(--ci-elevation-sm);justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:static;inset:auto;transform:none}:is(.aquarium-drawer-header,.maze-settings-heading,.one-touch-drawing-settings-heading,.fairytale-puzzle-settings-heading):has(.ci-dialog-header-actions){padding-inline-end:calc(var(--ci-touch-min) + var(--ci-space-4))}:is([role=dialog],[role=alertdialog],dialog) .dialog-close-button:not(.ci-btn){width:var(--ci-touch-min);height:var(--ci-touch-min);min-width:var(--ci-touch-min);min-height:var(--ci-touch-min);border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-md);background:var(--ci-surface-cloud);color:var(--ci-text-primary);box-shadow:var(--ci-elevation-sm)}.aquarium-drawer .aquarium-school-tag,:is(.maze-settings-dialog,.one-touch-drawing-settings-dialog,.fairytale-puzzle-settings-dialog) :is(p,small,.one-touch-drawing-mode-icon),.maze-settings-dialog .maze-sound-button span{color:var(--ci-text-primary)}.craft-preview-dialog .craft-preview-stage{box-shadow:none;border:0}.memory-match-completion-dialog .memory-match-dialog-button-primary{background:var(--ci-action-now);color:var(--ci-text-primary)}.land-grab-result.learning-dialog{border-color:var(--ci-border-subtle);background:var(--ci-surface-base);box-shadow:var(--ci-elevation-lg)}.child-add-modal.dialog-surface h3{color:var(--ci-text-primary)}button.ci-btn.ci-btn-sm{border-radius:var(--ci-radius-sm)}button.ci-btn.ci-btn-lg,button.ci-btn.ci-btn-xl{border-radius:var(--ci-radius-lg)}
.navigation-visual{--navigation-visual-size:72px;width:var(--navigation-visual-size);height:var(--navigation-visual-size);min-width:0;color:var(--ci-text-primary);flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.navigation-visual-compact{--navigation-visual-size:40px}.navigation-visual-large{--navigation-visual-size:96px}.navigation-visual-app-image,.navigation-visual-system-svg,.navigation-visual-image,.navigation-visual-board-content{width:100%;height:100%;display:block}.navigation-visual-system-svg{width:78%;height:78%}.navigation-visual-image{border-radius:var(--ci-radius-sm);object-fit:contain}.navigation-visual-text{--navigation-visual-text-slot:72px;font-family:var(--font-jua),sans-serif;font-size:min(calc(var(--navigation-visual-text-slot)*.86),calc(var(--navigation-visual-text-slot)*.94/var(--navigation-visual-text-em,1)));white-space:nowrap;text-align:center;padding:0;line-height:1}.navigation-visual-compact.navigation-visual-text{--navigation-visual-text-slot:40px}.navigation-visual-large.navigation-visual-text{--navigation-visual-text-slot:96px}.navigation-visual-flag-image{height:66%;box-shadow:var(--shadow-small);background-position:50%;background-size:contain;width:88%!important}.navigation-visual-flag-set-content{justify-content:center;align-items:center;width:94%;height:76%;display:flex}.navigation-visual-flag-set-image{border-radius:var(--ci-radius-xs);height:72%;box-shadow:var(--shadow-small);flex:none;transform:rotate(-6deg);width:64%!important}.navigation-visual-flag-set-image+.navigation-visual-flag-set-image{margin-left:-30%;transform:rotate(6deg)translateY(8%)}.navigation-visual-board-content{pointer-events:none;overflow:hidden}.navigation-visual-board-content svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;padding:5px;display:block}.navigation-visual-board-content .board-preview-start,.navigation-visual-board-content .board-preview-points circle{fill:currentColor;stroke:none}.navigation-visual-board-content .board-preview-goal{stroke:var(--primary-green);stroke-width:4px}.help-button{border:1px solid color-mix(in srgb,var(--primary-purple)24%,var(--border-subtle));border-radius:var(--ci-radius-pill);background:var(--surface-base);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--focus-ring-color);box-shadow:var(--shadow-small);cursor:pointer;touch-action:manipulation;place-items:center;padding:0;display:inline-grid}.help-button-icon{width:25px;height:25px}.help-button:focus-visible,.help-dialog-close:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.help-button:active{transform:scale(.96)}.help-dialog-backdrop{z-index:1300;-webkit-backdrop-filter:blur(4px);background:#35245694;place-items:center;display:grid;inset:0}.help-dialog{border:1px solid color-mix(in srgb,var(--primary-purple)18%,var(--border-subtle));border-radius:var(--ci-radius-xl);background:var(--surface-base);width:min(520px,100%);box-shadow:var(--shadow-large);color:var(--text-dark);padding:28px;overflow-y:auto}.help-dialog-header{text-align:center;justify-items:center;gap:8px;padding-inline:44px;display:grid}.help-dialog-mark{border-radius:var(--ci-radius-md);background:color-mix(in srgb,var(--primary-purple)13%,var(--surface-base));width:48px;height:48px;color:var(--focus-ring-color);font-family:var(--font-jua),sans-serif;place-items:center;font-size:1.7rem;display:inline-grid}.help-dialog-header h2,.help-dialog-header p,.help-dialog-steps h3,.help-dialog-steps p{margin:0}.help-dialog-header h2{font-family:var(--font-jua),sans-serif;font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.25}.help-dialog-header p{color:var(--text-muted);font-size:1rem;line-height:1.5}.help-dialog-image-wrap{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-muted);margin-top:18px;overflow:hidden}.help-dialog-image{object-fit:contain;width:100%;height:auto;max-height:220px;display:block}.help-dialog-steps{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.help-dialog-steps li{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-muted);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.help-dialog-step-number{border-radius:var(--ci-radius-sm);background:var(--primary-purple);width:40px;height:40px;color:var(--surface-base);font-family:var(--font-jua),sans-serif;place-items:center;font-size:1.1rem;display:inline-grid}.help-dialog-steps h3{font-family:var(--font-jua),sans-serif;font-size:1.08rem;line-height:1.35}.help-dialog-steps p{color:var(--text-muted);margin-top:4px;font-size:1rem;line-height:1.45}.help-dialog-close.dialog-close-button{width:48px;min-width:48px;height:48px;min-height:48px;font-size:1.45rem}@media (max-width:600px){.help-dialog{border-radius:var(--ci-radius-lg);padding:24px 16px 18px}.help-dialog-header{padding-inline:38px}.help-dialog-steps li{padding:12px}}@media (orientation:landscape) and (max-height:520px){.help-dialog{padding-block:20px}.help-dialog-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.help-dialog-steps li{grid-template-columns:32px minmax(0,1fr)}.help-dialog-step-number{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.help-button{transition:none}}:is(.home-card,.menu-favorite-card,.feature-catalog-card,.sound-detective-category-card,.memory-match-category-card,.maze-level-card,.one-touch-drawing-difficulty-card,.land-grab-difficulty) .navigation-visual>:is(.navigation-visual-app-image,.navigation-visual-image){scale:1.18}:is(.sound-detective-category-card,.memory-match-category-card) .navigation-visual>:is(.navigation-visual-app-image,.navigation-visual-image){translate:0 -2px}
.feature-catalog{width:min(100%,1200px);min-width:0;padding:20px max(0px,env(safe-area-inset-right,0px))calc(104px + env(safe-area-inset-bottom,0px))max(0px,env(safe-area-inset-left,0px));margin:0 auto;overflow-x:clip}.feature-catalog-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.feature-catalog-heading{min-width:0}.feature-catalog-heading h2{color:var(--text-dark);margin:0;font-size:clamp(1.5rem,6vw,2rem);line-height:1.2}.feature-catalog-heading p{color:var(--text-muted);font-family:var(--ci-font-reading);margin:5px 0 0;font-size:max(1rem,16px);line-height:1.35}.feature-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feature-catalog-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.feature-catalog-categories a{border:1px solid var(--border-subtle);background:var(--surface-base);min-height:48px;color:var(--text-dark);word-break:keep-all;overflow-wrap:anywhere;border-radius:14px;justify-content:center;align-items:center;padding:8px 12px;font-size:1rem;text-decoration:none;display:flex}.feature-catalog-categories a:hover{border-color:var(--primary-purple);background:var(--surface-muted)}.feature-catalog-group+.feature-catalog-group{margin-top:28px}.feature-catalog-group-title{color:var(--text-dark);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 12px;scroll-margin-top:20px;font-size:1.2rem;line-height:1.3}.feature-catalog-group-title:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (min-width:640px){.feature-catalog-categories{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-catalog-card{border:2px solid var(--feature-card-border,var(--border-subtle));background:linear-gradient(145deg,var(--feature-card-background,var(--surface-base)),var(--surface-base));min-width:0;min-height:132px;box-shadow:var(--shadow-medium);color:var(--text-dark);text-align:center;touch-action:manipulation;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:14px 10px 12px;text-decoration:none;display:flex;position:relative}.feature-catalog-card:active{box-shadow:var(--shadow-small);transform:translateY(2px)}.feature-catalog-card .navigation-visual{--navigation-visual-size:72px}.feature-catalog-card .navigation-visual-text{--navigation-visual-text-slot:72px}.feature-catalog-card-copy{gap:3px;min-width:0;display:grid}.feature-catalog-card-copy strong{overflow-wrap:anywhere;word-break:keep-all;font-size:max(1rem,16px);line-height:1.2}.feature-catalog-card-copy>span{color:var(--text-muted);overflow-wrap:anywhere;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.25;display:-webkit-box;overflow:hidden}.feature-catalog-badge{background:var(--text-dark);min-height:24px;color:var(--surface-base);border-radius:999px;padding:3px 8px;font-size:.72rem;line-height:18px;position:absolute;top:8px;right:8px}.feature-catalog-empty{border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-muted);text-align:center;border-radius:18px;padding:32px 16px}.context-toolbar{align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}@media (min-width:768px){.feature-catalog{padding-inline:max(20px,env(safe-area-inset-left,0px))}.feature-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-catalog-card{min-height:156px;padding:18px 14px}.feature-catalog-card .navigation-visual{--navigation-visual-size:80px}.feature-catalog-card .navigation-visual-text{--navigation-visual-text-slot:80px}}@media (min-width:1024px){.feature-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.feature-catalog-card:hover{box-shadow:var(--shadow-large);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.feature-catalog-card{transition:none}}
.learning-catalog{width:min(100%,1120px);padding:12px max(12px,env(safe-area-inset-right,0px))max(24px,calc(env(safe-area-inset-bottom,0px) + 16px))max(12px,env(safe-area-inset-left,0px));margin-inline:auto;overflow-x:clip}.learning-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.learning-catalog-empty{min-height:180px;color:var(--text-muted);font:1rem/1.5 var(--ci-font-primary);text-align:center;place-items:center;padding:24px;display:grid}.learning-card{border:2px solid color-mix(in srgb,var(--primary-orange)18%,var(--border-subtle));border-radius:var(--ci-radius-md);background:var(--surface-base);min-width:0;min-height:132px;box-shadow:var(--shadow-small);position:relative;overflow:hidden}.learning-card.is-active{border-color:var(--primary-pink);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-pink)20%,transparent),var(--shadow-medium)}.learning-card-main{width:100%;min-width:0;height:100%;min-height:132px;color:var(--text-dark);cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-template-rows:minmax(72px,1fr) auto;place-items:center;gap:8px;padding:12px 8px 10px;display:grid}.learning-card.has-actions .learning-card-main{padding-top:46px}.learning-card-main:active{transform:translateY(2px)}.learning-card-main:focus-visible,.learning-card-actions button:focus-visible,.learning-dialog button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.learning-card-actions{z-index:2;pointer-events:none;justify-content:flex-end;gap:8px;min-width:0;display:flex;position:absolute;top:6px;left:6px;right:6px}.learning-card-actions>*{pointer-events:auto}.learning-card-actions button{min-width:44px;min-height:44px}.learning-card-actions .word-add-star{justify-content:center;width:64px;min-width:64px}.learning-card-visual{place-items:center;width:100%;min-width:0;min-height:64px;display:grid}.learning-item-image{object-fit:contain;background:0 0;width:min(80px,100%);height:80px;display:block}.learning-card .learning-item-image{scale:1.18}.learning-item-flag{border-radius:var(--ci-radius-xs);height:60px;box-shadow:var(--shadow-small);display:block;width:80px!important}.learning-item-text,.learning-item-emoji{max-width:100%;font:700 clamp(3.5rem,15vw,5rem)/1 var(--ci-font-primary);overflow-wrap:anywhere}.learning-item-emoji{font-size:clamp(3.5rem,15vw,4.75rem)}.learning-card-labels{justify-items:center;gap:2px;width:100%;min-width:0;display:grid}.learning-card-primary,.learning-card-secondary{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.learning-card-primary{font:1.05rem/1.25 var(--ci-font-primary)}.learning-card-secondary{color:var(--text-muted);font:.9rem/1.25 var(--ci-font-primary)}.learning-dialog-backdrop{z-index:10020;width:100%;min-height:100dvh;padding:max(12px,env(safe-area-inset-top,0px))max(12px,env(safe-area-inset-right,0px))max(12px,env(safe-area-inset-bottom,0px))max(12px,env(safe-area-inset-left,0px));background:var(--ci-backdrop-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.learning-dialog{width:min(100%,760px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));border-radius:var(--ci-radius-lg);background:var(--surface-base);box-shadow:var(--shadow-large);color:var(--text-dark);font-family:var(--ci-font-primary);flex-direction:column;gap:12px;padding:14px;display:flex;position:relative;overflow:auto;container:learning-dialog/inline-size}.learning-dialog-header{grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr);align-items:center;gap:8px;min-height:48px;display:grid}.learning-dialog-position{border-radius:var(--ci-radius-pill);background:var(--surface-muted);color:var(--text-muted);white-space:nowrap;padding:6px 12px}.learning-dialog-header-controls{justify-self:end;align-items:center;gap:6px;display:inline-flex}.learning-dialog-menu-wrap{display:inline-flex;position:relative}.learning-dialog-menu-trigger{border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-pill);background:var(--ci-surface-muted);width:48px;height:48px;color:var(--ci-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1}.learning-dialog-menu-trigger[aria-expanded=true]{border-color:var(--ci-border-subtle);background:var(--ci-surface-base);color:var(--ci-text-primary)}.learning-dialog-menu{z-index:3;border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-base);min-width:190px;box-shadow:var(--shadow-large);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.learning-dialog-menu .detail-actions.is-menu{display:contents}.learning-dialog-menu>*,.learning-dialog-menu .detail-action-btn{width:100%;min-height:var(--ci-touch-min);padding:var(--ci-space-2)var(--ci-space-3);border-radius:var(--ci-radius-md);color:var(--ci-text-primary);box-shadow:none;font:.95rem/1.3 var(--ci-font-primary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;animation:none;display:flex;position:static;transform:none}.learning-dialog-menu>:hover,.learning-dialog-menu .detail-action-btn:hover{background:var(--ci-surface-muted)}.learning-dialog-menu>.word-add-star.added{color:var(--ci-text-primary)}.learning-dialog-menu>.word-add-star.added:hover{background:var(--ci-surface-cloud)}.learning-dialog-menu .system-icon{flex:0 0 20px;width:20px;height:20px}.learning-dialog-status{color:var(--text-light);margin:4px 0 0;font-size:.95rem}.learning-dialog-close{border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-pill);background:var(--ci-surface-muted);width:48px;height:48px;color:var(--ci-text-primary);cursor:pointer}.learning-dialog-stage{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.learning-dialog-visual{place-items:center;width:100%;min-height:clamp(150px,38cqw,340px);max-height:min(46dvh,400px);display:grid}.learning-dialog-visual .learning-item-image{width:min(100%,420px);height:min(42dvh,340px)}.learning-dialog-visual .learning-item-flag{height:min(34dvh,250px);width:min(100%,380px)!important}.learning-dialog-visual .learning-item-text,.learning-dialog-visual .learning-item-emoji{font-size:min(clamp(5rem,40cqw,16rem),42dvh)}.learning-dialog-title,.learning-playlist-stage h3,.learning-playlist-header h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,5vw,2.6rem);line-height:1.15}.learning-dialog .learning-dialog-title{font-size:clamp(2rem,9cqw,4rem)}.learning-dialog .learning-dialog-secondary{font-size:clamp(1.15rem,4.2cqw,2rem)}.learning-dialog .learning-dialog-description{font-size:clamp(1rem,2.6cqw,1.35rem)}.learning-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.learning-dialog-secondary,.learning-dialog-description{margin:0;font-size:1rem;line-height:1.45}.learning-dialog-secondary{color:var(--ci-text-secondary);font-size:1.2rem}.learning-dialog-description{max-width:56ch;color:var(--text-muted)}.learning-dialog-examples,.learning-dialog-speech-controls,.learning-playlist-controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.sortable-learning-card{height:100%}.learning-card.child-word-library-card{min-height:220px;padding:0!important}.learning-card.child-word-library-card .learning-card-main{gap:12px;min-height:292px;padding:60px 12px 72px}.child-words-learning-catalog{width:100%;padding:8px 0 24px}.child-words-learning-grid{gap:16px}.child-words-learning-catalog .learning-card .learning-item-image{width:min(120px,100%);height:112px}.child-words-learning-catalog .learning-card .learning-card-primary{font-size:1.2rem}.child-words-learning-catalog .learning-card .learning-card-labels{gap:6px}@media (max-width:600px){.child-words-learning-grid{gap:10px}.child-words-learning-catalog .learning-card .learning-item-image{width:min(96px,100%);height:88px}}.learning-card.child-word-library-card .learning-card-actions{display:block;inset:6px}.learning-card.child-word-library-card .cw-card-action-left,.learning-card.child-word-library-card .cw-card-action-right{pointer-events:auto}.child-words-confirm-message{color:var(--text-muted);text-align:center;white-space:pre-wrap;margin:0 0 24px;line-height:1.5}.child-add-actions .btn-confirm.is-danger{background:var(--error,#e5484d)}.learning-dialog-examples button{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-pill);background:var(--surface-muted);min-height:44px;color:var(--text-dark);font:1rem/1.3 var(--ci-font-primary);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.learning-example-visual .learning-item-image{width:36px;height:36px}.learning-example-visual .learning-item-flag{height:30px;width:40px!important}.learning-example-visual .learning-item-text,.learning-example-visual .learning-item-emoji{font-size:1.5rem}.learning-dialog-primary{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.learning-dialog-primary>button{border-radius:var(--ci-radius-pill);max-width:260px;min-height:64px;font:1.15rem/1.2 var(--ci-font-primary);cursor:pointer;border:0;flex:160px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.learning-dialog-primary .action-now{background:var(--action-now);color:var(--action-now-text)}.learning-dialog-primary .action-next{background:var(--ci-action-next);color:var(--ci-action-next-text)}.learning-dialog-primary .system-icon{flex:0 0 26px;width:26px;height:26px}.learning-dialog-sub{justify-content:center;gap:8px;display:flex}.learning-dialog-sub>button{min-height:var(--ci-touch-sub-min);border-radius:var(--ci-radius-pill);color:var(--ci-text-secondary);font:.95rem/1.2 var(--ci-font-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.learning-dialog-sub>button:hover{background:var(--surface-muted)}.learning-dialog-sub .system-icon{flex:0 0 20px;width:20px;height:20px}.learning-playlist-controls button{border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-pill);background:var(--ci-surface-muted);min-width:48px;min-height:48px;color:var(--ci-text-primary);font:1rem/1.2 var(--ci-font-primary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.learning-dialog-speech-controls{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-pill);background:var(--surface-muted);width:fit-content;max-width:100%;margin-inline:auto;padding:4px}.learning-dialog-speech-controls .system-icon{flex:0 0 24px;width:24px;height:24px}.learning-speech-primary,.learning-playlist-primary{border-color:var(--ci-action-now);background:var(--ci-action-now);color:var(--ci-action-now-text)}.learning-playlist-primary{background:var(--ci-action-next)!important}.learning-dialog-speech-controls .learning-speech-secondary,.learning-dialog-speech-controls .learning-playlist-open{color:var(--text-dark);box-shadow:none;background:0 0;border-color:#0000}.learning-dialog-speech-controls .learning-speech-secondary:hover,.learning-dialog-speech-controls .learning-playlist-open:hover{background:var(--surface-elevated)}.learning-dialog-previous{z-index:2;border-radius:var(--ci-radius-pill);background:var(--ci-surface-base);width:48px;height:48px;color:var(--ci-text-secondary);box-shadow:var(--shadow-medium);cursor:pointer;border:0;font-size:2rem;position:absolute;top:48%;left:8px}.learning-dialog button:disabled{opacity:.35;cursor:default}.learning-playlist-focus{isolation:isolate;width:100%;font-family:var(--ci-font-primary);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.learning-playlist-header,.learning-playlist-progress-row,.learning-playlist-stage,.learning-playlist-controls{grid-area:auto/1}.learning-playlist-stage{overscroll-behavior:contain;justify-content:flex-start;min-width:0;min-height:0;scroll-padding-block:12px;overflow-y:auto}.learning-playlist-focus:before,.learning-playlist-focus:after{z-index:-1;aspect-ratio:1;content:"";pointer-events:none;border-radius:50%;width:clamp(180px,24vw,360px);position:absolute}.learning-playlist-focus:before{background:#ff847d29;top:-12%;right:-7%}.learning-playlist-focus:after{background:#4ecdc424;bottom:-17%;right:-9%}.learning-playlist-progress-row{width:min(920px,100% - 120px)}.learning-playlist-progress{width:100%}.learning-playlist-content{width:min(900px,100% - 120px);min-width:0;animation:learningPlaylistEnter .28s var(--bounce);flex-direction:column;flex:none;justify-content:center;align-items:center;margin-block:auto;display:flex}.learning-playlist-content>*{flex-shrink:0}.learning-playlist-visual{min-height:clamp(150px,33dvh,360px)}.learning-playlist-visual .learning-item-image{width:min(72vw,380px)!important;height:min(36dvh,340px)!important;max-height:min(36dvh,340px)!important}.learning-playlist-visual .learning-item-flag{border-radius:var(--ci-radius-md);height:min(41vw,240px);box-shadow:var(--shadow-medium);width:min(62vw,360px)!important}.learning-playlist-visual .learning-item-text,.learning-playlist-visual .learning-item-emoji{overflow-wrap:anywhere;max-width:100%;font-size:clamp(7rem,30vmin,16rem);line-height:.9}.learning-playlist-stage h3{max-width:100%;color:var(--ci-text-primary);overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.learning-playlist-stage .learning-dialog-secondary,.learning-playlist-stage .learning-dialog-description{max-width:min(720px,100%);margin-top:8px;font-size:clamp(1.05rem,2.5vw,1.4rem)}.learning-playlist-stage .learning-dialog-secondary{color:var(--ci-text-secondary)}.learning-playlist-speech-controls{background:0 0;border:0;margin-top:clamp(12px,2.4vh,20px);padding:0}.learning-playlist-speech-controls button{appearance:none;border:1px solid var(--ci-border-subtle);border-radius:var(--ci-radius-pill);min-height:50px;color:var(--ci-text-primary);font:1rem/1.2 var(--ci-font-primary);cursor:pointer;background:var(--ci-surface-base);box-shadow:var(--ci-elevation-sm);justify-content:center;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.learning-playlist-focus .learning-playlist-controls{flex-wrap:nowrap;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-self:stretch;gap:10px;width:min(620px,100% - 120px);display:grid}.learning-playlist-focus .learning-playlist-controls button{border-radius:var(--ci-radius-md);min-height:54px;padding:12px 18px;font-size:clamp(1rem,3vw,1.2rem)}.learning-playlist-focus .learning-playlist-toggle{background:var(--ci-action-next);color:var(--ci-text-primary);box-shadow:var(--ci-elevation-sm);border:0}.learning-playlist-focus .learning-playlist-toggle.playing{background:var(--ci-action-next);box-shadow:var(--ci-elevation-sm)}.learning-playlist-focus .learning-playlist-exit{border:1px solid var(--ci-border-subtle);background:var(--ci-surface-base);color:var(--ci-text-primary)}.learning-playlist-skip{z-index:2147483010;width:clamp(50px,6vw,64px);height:clamp(50px,6vw,64px);color:var(--ci-text-primary);font:700 clamp(1.8rem,3vw,2.4rem)/1 var(--ci-font-primary);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.learning-playlist-skip:not(:disabled):active{transform:translateY(calc(3px - 50%))}.learning-playlist-previous{border-color:var(--ci-border-subtle);background:var(--ci-surface-cloud);box-shadow:var(--ci-elevation-sm);left:clamp(12px,3vw,38px)}.learning-playlist-next{border-color:var(--ci-border-subtle);background:var(--ci-action-next);box-shadow:var(--ci-elevation-sm);right:clamp(12px,3vw,38px)}.learning-playlist-skip:disabled{border-color:var(--ci-border-subtle);background:var(--ci-surface-muted);color:var(--ci-text-muted);box-shadow:none;cursor:default}.learning-playlist-skip:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes learningPlaylistEnter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:768px){.learning-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.learning-card,.learning-card-main{min-height:160px}}@media (min-width:1024px){.learning-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:361px) and (max-width:440px){.child-words-learning-catalog .cw-card-action-right{flex-direction:column;gap:8px}.child-words-learning-catalog .learning-card.child-word-library-card .learning-card-main{padding:110px 6px 62px}}@media (max-width:360px){.learning-catalog{padding-left:0;padding-right:0}.learning-catalog-grid{gap:8px}.learning-card-main{padding-inline:6px}.child-words-learning-catalog .cw-card-action-right{flex-direction:column;gap:8px}.child-words-learning-catalog .learning-card.child-word-library-card,.child-words-learning-catalog .learning-card.child-word-library-card .learning-card-main{min-height:280px}.child-words-learning-catalog .learning-card.child-word-library-card .learning-card-main{padding:110px 6px 62px}.learning-dialog{padding:10px}.learning-dialog-speech-controls button{flex:calc(50% - 8px);padding-inline:10px}.learning-dialog-primary{gap:8px}.learning-dialog-primary>button{flex:calc(50% - 8px);min-height:60px;padding-inline:12px;font-size:1rem}.learning-dialog-previous{left:2px}.learning-dialog-menu{min-width:170px}}@media (max-width:600px){.learning-playlist-progress-row,.learning-playlist-content,.learning-playlist-focus .learning-playlist-controls{width:calc(100% - 72px)}.learning-playlist-skip{width:46px;height:46px;position:absolute}.learning-playlist-previous{left:8px}.learning-playlist-next{right:8px}}@media (max-width:480px){.learning-playlist-focus .learning-playlist-controls{grid-template-columns:1fr}.learning-playlist-visual{min-height:clamp(96px,18dvh,160px)}.learning-playlist-visual .learning-item-text,.learning-playlist-visual .learning-item-emoji{font-size:clamp(6rem,25vmin,10rem)}}@media (orientation:landscape) and (max-height:568px){.learning-dialog-backdrop{place-items:start center}.learning-dialog,.learning-playlist-dialog{min-height:0}.learning-dialog-stage{text-align:left;grid-template-columns:minmax(130px,.7fr) minmax(180px,1fr);align-items:center}.learning-dialog-visual{grid-row:1/span 5;min-height:130px}.learning-dialog-visual .learning-item-text,.learning-dialog-visual .learning-item-emoji{font-size:min(clamp(3.5rem,18cqw,8rem),34dvh)}.learning-dialog .learning-dialog-title{font-size:clamp(1.75rem,5cqw,2.6rem)}.learning-dialog .learning-dialog-secondary{font-size:clamp(1rem,2.6cqw,1.3rem)}.learning-dialog-examples{grid-column:2;justify-content:flex-start}.learning-playlist-content{width:calc(100% - 96px)}.learning-playlist-visual{min-height:118px}.learning-playlist-visual .learning-item-image{width:min(34vw,240px)!important;height:min(31dvh,190px)!important}.learning-playlist-stage h3{margin-top:3px;font-size:clamp(1.6rem,5vh,2.4rem)}.learning-playlist-stage .learning-dialog-secondary,.learning-playlist-stage .learning-dialog-description{margin-top:3px;font-size:.95rem}.learning-playlist-speech-controls{margin-top:6px}.learning-playlist-speech-controls button{min-height:44px;padding-block:7px}}@media (prefers-reduced-motion:reduce){.learning-card-main,.learning-playlist-progress>span,.learning-playlist-content{transition:none;animation:none}}.learning-item-dialog .learning-dialog-header{top:var(--ci-space-2);left:var(--ci-space-4);right:calc(var(--ci-touch-min)*2 + var(--ci-space-2)*3);min-height:var(--ci-touch-min);justify-content:center;align-items:center;gap:var(--ci-space-2);display:flex;position:absolute}.learning-dialog-header-controls{display:inline-flex}.learning-dialog-menu{width:max-content;top:calc(100% + var(--ci-space-2));max-width:calc(100vw - var(--ci-touch-min) - var(--ci-space-4)*3);max-height:calc(100dvh - var(--ci-touch-min)*3);border-color:var(--ci-border-subtle);border-radius:var(--ci-radius-md);background:var(--ci-surface-base);box-shadow:var(--ci-elevation-lg);right:0;overflow-y:auto}.learning-card.has-actions:has(.ci-favorite-card){flex-direction:column;display:flex}.learning-card.has-actions:has(.ci-favorite-card) .learning-card-actions{padding:var(--ci-space-2)var(--ci-space-2)0;flex:none;position:static}.learning-card.has-actions:has(.ci-favorite-card) .learning-card-main{height:auto;padding-top:var(--ci-space-2);flex:auto}.section>.learning-catalog:not(.child-words-learning-catalog){width:min(calc(100% - var(--ci-space-3)*2),1096px);padding-inline:0}@media (max-width:360px){.section>.learning-catalog:not(.child-words-learning-catalog){width:100%}}.learning-dialog-menu :is([role=menuitem],.learning-playlist-open){font-size:var(--ci-text-body-lg);white-space:nowrap;padding-block:var(--ci-space-2);height:var(--ci-touch-min);min-height:var(--ci-touch-min);border-radius:var(--ci-radius-md)}.learning-playlist-content>h3{word-break:keep-all}
.coloring-section{width:100%;max-width:1200px;margin:0 auto;padding-bottom:2rem}.coloring-picker-heading{text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;margin-bottom:.85rem}.coloring-picker-heading h2{color:var(--ci-text-primary,var(--text-dark));font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(1.6rem,4vw,2.45rem);font-weight:400;line-height:1.25}.coloring-picker-heading>p:last-child{color:var(--ci-text-secondary,var(--text-muted));word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;margin-top:.4rem;font-size:1.05rem}.coloring-eyebrow{color:var(--ci-text-secondary,#5a467a);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;letter-spacing:.04em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;font-size:.92rem}.coloring-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:768px){.coloring-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.coloring-picture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.coloring-picture-card{flex-direction:column;gap:.5rem;min-width:0;display:flex}.coloring-picture-choice{border:2px solid var(--ci-border-subtle,var(--border-subtle));border-radius:var(--ci-radius-md,20px);background:var(--ci-surface-base,var(--surface-elevated));min-width:0;min-height:200px;box-shadow:var(--ci-elevation-sm,var(--shadow-medium));color:var(--ci-text-primary,var(--text-dark));cursor:pointer;font:inherit;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:.65rem;text-decoration:none;display:flex}.coloring-picture-download{min-height:var(--touch-target-min);border:2px solid var(--ci-clay-coral-border,#e07b64);border-radius:var(--ci-radius-sm,14px);background:var(--ci-action-now,#f08f78);box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-coral-shadow,#d9755e);color:var(--ci-action-now-text,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;text-align:center;word-break:keep-all;place-items:center;padding:.4rem .5rem;font-size:max(16px,.85rem);text-decoration:none;display:grid}.coloring-picture-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.coloring-picture-print{border-color:var(--ci-clay-butter-border,#e0b876);background:var(--ci-rainbow-butter,#f5ce8e);box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-butter-shadow,#d8b06d);color:var(--ci-text-primary,#352456);cursor:pointer}.coloring-picture-print:disabled{opacity:.6;cursor:wait}.coloring-action-label-wide{display:none}.coloring-action-label-compact{display:inline}.coloring-template-print{display:none}.coloring-picture-choice:hover{border-color:var(--ci-clay-coral-border,#e07b64);background:var(--ci-surface-coral-tint,#fce5df)}.coloring-picture-download:hover{border-color:var(--ci-clay-coral-border,#e07b64);background:var(--ci-action-now-hover,#e87f66)}.coloring-picture-print:hover:not(:disabled){border-color:var(--ci-clay-butter-border,#e0b876);background:var(--ci-surface-butter-tint,#f9e4ba)}.coloring-picture-choice strong{font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;overflow-wrap:anywhere;word-break:keep-all;margin-top:.25rem;font-size:max(16px,1.1rem);font-weight:400;line-height:1.25}.coloring-picture-age-badge{border:1px solid var(--ci-clay-butter-border,#e0b876);background:var(--ci-surface-butter-tint,#f9e4ba);color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;white-space:nowrap;border-radius:999px;align-self:flex-start;margin-bottom:.25rem;padding:.32rem .58rem;font-size:.78rem;font-weight:400;line-height:1.2}.coloring-picture-prompt{color:var(--text-muted);overflow-wrap:anywhere;word-break:keep-all;margin-top:.25rem;font-size:max(16px,.85rem);line-height:1.3}.coloring-picture-preview{width:min(100%,250px);max-height:130px;display:block}.coloring-generated-picture-preview{object-fit:contain;background:#fff;border-radius:18px;height:130px}.coloring-blank-picture-preview{border:3px dashed var(--border-subtle);background:#fff;border-radius:18px;height:130px}.coloring-section.coloring-drawing-section{flex:auto;max-width:none;height:100%;min-height:0;padding-bottom:0;overflow:hidden}body:has(.coloring-drawing-section){background:#fff}body:has(.coloring-drawing-section) .content{overscroll-behavior:none;touch-action:none;padding-bottom:0;overflow:hidden}body:has(.coloring-drawing-section) .bg-decorations{display:none}.coloring-game-stage{--coloring-rail-space:92px;--coloring-canvas-gap:10px;flex-direction:column;align-items:center;height:100%;min-height:0;display:flex;position:relative}.coloring-canvas-viewport{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:0;border-radius:0;flex:auto;position:relative;overflow:hidden}.coloring-canvas-area{inset:var(--coloring-canvas-gap)calc(var(--coloring-rail-space) + var(--coloring-canvas-gap))var(--coloring-canvas-gap)var(--coloring-canvas-gap);pointer-events:none;max-width:900px;max-height:900px;margin:auto;position:absolute}.coloring-canvas-frame{visibility:hidden;pointer-events:none;width:100%;height:100%;display:block}.coloring-drawing-canvas{z-index:2;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.coloring-canvas-viewport.mode-pan{cursor:grab}.coloring-canvas-viewport.mode-pan:active{cursor:grabbing}.coloring-canvas-viewport.mode-eraser{cursor:cell}.coloring-generated-picture-preview,.coloring-drawing-template-image{filter:grayscale()brightness(1.12)contrast(2)}.coloring-canvas-viewport:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:calc(-1*var(--focus-ring-width))}.coloring-canvas-content,.coloring-drawing-strokes,.coloring-drawing-template-image{pointer-events:none}.coloring-canvas-paper{fill:#fff}.coloring-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.coloring-hud{z-index:3;pointer-events:none;position:absolute;inset:0}.coloring-hud>*{pointer-events:auto}.coloring-compact-summary{top:max(8px,env(safe-area-inset-top,0px));left:calc(max(10px,env(safe-area-inset-left,0px)) - var(--content-pad));border:2px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated)92%,transparent);max-width:min(320px,50vw);box-shadow:var(--shadow-small);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:baseline;gap:.4rem;padding:.3rem .7rem;font-size:.7rem;line-height:1.2;display:flex;position:absolute}.coloring-compact-summary strong{color:var(--text-dark);flex:none;font-size:.82rem}.coloring-compact-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.coloring-tool-rail{top:50%;right:calc(max(10px,env(safe-area-inset-right,0px)) - var(--content-pad));border:2px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated)94%,transparent);max-height:calc(100% - 20px);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;flex-direction:column;gap:.3rem;padding:.35rem;display:flex;position:absolute;transform:translateY(-50%)}.coloring-rail-group{flex-direction:column;gap:.2rem;display:flex}.coloring-rail-group+.coloring-rail-group{border-top:1px solid var(--border-subtle);padding-top:.3rem}.coloring-rail-button{width:60px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:1.5px solid var(--ci-border-subtle);border-radius:var(--ci-radius-md);background:var(--ci-surface-base);color:var(--ci-text-primary);cursor:pointer;font-family:var(--ci-font-primary);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.25rem .1rem;line-height:1;display:flex;position:relative}.coloring-rail-button:hover:not(:disabled){background:var(--surface-muted)}.coloring-rail-button.selected{border-color:var(--ci-clay-mint-border);background:var(--ci-rainbow-mint);box-shadow:var(--ci-highlight-clay),0 2px 0 var(--ci-clay-mint-shadow);color:var(--ci-text-primary)}.coloring-rail-button:disabled{cursor:not-allowed;opacity:.35}.coloring-tool-icon{width:22px;height:22px;display:block}.coloring-rail-glyph,.coloring-zoom-value{height:22px;font-family:var(--ci-font-primary);place-items:center;font-weight:800;display:grid}.coloring-rail-glyph{font-size:1.2rem}.coloring-zoom-value{font-size:.76rem}.coloring-rail-label{font-family:var(--ci-font-primary);letter-spacing:-.02em;white-space:normal;overflow-wrap:anywhere;font-size:.62rem;font-weight:700}.coloring-rail-color-dot{border:2px solid var(--surface-base);width:12px;height:12px;box-shadow:0 0 0 1px var(--text-dark);border-radius:50%;position:absolute;top:4px;right:5px}.coloring-tool-dock{max-width:100%;margin-block:0 max(6px,env(safe-area-inset-bottom,0px));margin-inline:var(--coloring-canvas-gap)calc(var(--coloring-rail-space) + var(--coloring-canvas-gap));border:2px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated)94%,transparent);box-shadow:var(--shadow-medium);border-radius:22px;flex:none;align-items:center;gap:.55rem;padding:.4rem .55rem;display:flex}.coloring-tool-dock[hidden]{display:none}.coloring-dock-section{align-items:center;min-width:0;display:flex}.coloring-dock-section+.coloring-dock-section,.coloring-dock-section+.coloring-dock-hint{border-left:1px solid var(--border-subtle);padding-left:.55rem}.coloring-dock-hint{max-width:260px;color:var(--text-muted);font-size:.75rem;line-height:1.3}.coloring-eraser-options{gap:.3rem;display:flex}.coloring-eraser-options button{min-height:var(--touch-target-min);border:2px solid var(--border-subtle);background:var(--surface-base);color:var(--text-dark);cursor:pointer;font:inherit;border-radius:14px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;line-height:1.15}.coloring-eraser-options button.selected{border-color:var(--focus-ring-color);background:var(--surface-muted);box-shadow:var(--shadow-small)}.coloring-palette{grid-template-columns:repeat(12,auto);gap:.15rem;display:grid}.coloring-color-button{width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer;font:inherit;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.coloring-color-button:hover{background:var(--surface-muted)}.coloring-color-button.selected{border-color:var(--focus-ring-color);background:var(--surface-muted)}.coloring-color-swatch{border:2px solid var(--text-dark);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.coloring-color-check{border:1px solid var(--text-dark);background:var(--surface-base);width:21px;height:21px;color:var(--text-dark);border-radius:50%;place-items:center;font-family:sans-serif;font-size:1rem;font-weight:900;line-height:1;display:grid}.coloring-brush-options{grid-template-columns:repeat(5,auto);gap:.15rem;display:grid}.coloring-brush-options button{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--text-dark);cursor:pointer;font:inherit;background:0 0;border:2px solid #0000;border-radius:14px;place-items:center;padding:0;display:grid}.coloring-brush-options button:hover{background:var(--surface-muted)}.coloring-brush-options button.selected{border-color:var(--focus-ring-color);background:var(--surface-muted)}.coloring-brush-sample{background:var(--text-dark);border-radius:50%;display:block}.coloring-more-panel{right:calc(max(10px,env(safe-area-inset-right,0px)) - var(--content-pad) + var(--coloring-rail-space));bottom:max(10px,env(safe-area-inset-bottom,0px));border:2px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-elevated)96%,transparent);width:min(240px,62vw);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;gap:.35rem;padding:.55rem;display:grid;position:absolute}.coloring-primary-button,.coloring-secondary-button{min-width:0;min-height:var(--touch-target-min);cursor:pointer;font:inherit;text-align:center;border-radius:14px;place-items:center;padding:.45rem .6rem;line-height:1.2;text-decoration:none;display:grid}.coloring-primary-button{border:2px solid var(--ci-clay-coral-border,#e07b64);background:var(--ci-action-now,#f08f78);box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-coral-shadow,#d9755e);color:var(--ci-action-now-text,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif}.coloring-secondary-button{border:2px solid var(--ci-border-strong,var(--border-subtle));background:var(--ci-surface-cloud,var(--surface-base));box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-cloud-shadow,#dfd4c3);color:var(--ci-text-primary,var(--text-dark));font-family:var(--ci-font-primary,var(--font-jua)),sans-serif}.coloring-primary-button:hover,.coloring-secondary-button:hover{box-shadow:var(--ci-elevation-sm,var(--shadow-small))}.coloring-secondary-button:disabled{cursor:not-allowed;opacity:.55}.coloring-danger-button{border-color:var(--ci-state-danger-border,#e57385);background:var(--ci-state-danger-tint,#fde8ec);color:var(--ci-state-danger-text,#9e1c2e)}.coloring-reset-prompt{border:2px solid var(--ci-clay-butter-border,#e0b876);background:var(--ci-surface-butter-tint,#f9e4ba);text-align:center;border-radius:16px;margin-top:.25rem;padding:.55rem}.coloring-reset-prompt>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.45rem;display:grid}@media (max-width:820px),(max-height:850px){body:has(.coloring-drawing-section) .primary-tab-bar{display:none}.coloring-game-stage{--coloring-rail-space:0px;height:100%;min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex:auto}.coloring-tool-dock,.coloring-hud{align-self:stretch;margin-inline:0}.coloring-tool-dock{order:3}.coloring-hud{pointer-events:none;flex-direction:column;flex:none;order:2;gap:.3rem;padding:0;display:flex;position:static}.coloring-tool-rail,.coloring-more-panel{width:auto;max-width:none;max-height:none;position:static;transform:none}.coloring-more-panel{order:-1}.coloring-tool-rail{scrollbar-width:thin;border-radius:var(--ci-radius-md);flex-flow:row;justify-content:flex-start;gap:.25rem;padding:4px;overflow-x:auto}.coloring-rail-group{display:contents}.coloring-rail-group+.coloring-rail-group{border-top:0;border-left:1px solid var(--border-subtle);margin-left:.25rem;padding-top:0;padding-left:.25rem}.coloring-rail-button{width:48px}.coloring-tool-dock{border-radius:var(--ci-radius-md);flex-wrap:wrap;justify-content:center;gap:4px;padding:4px}.coloring-more-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.coloring-reset-prompt{grid-column:1/-1}.coloring-compact-summary{max-width:calc(100vw - 40px)}.coloring-palette{grid-template-columns:repeat(6,auto)}.coloring-brush-options{grid-template-columns:repeat(3,auto)}.coloring-rail-label{display:none}.coloring-tool-rail .coloring-rail-button{flex-shrink:0;width:44px;min-width:44px;min-height:44px}.coloring-tool-rail .coloring-rail-group:first-child>button:last-child,.coloring-tool-rail .coloring-rail-group:nth-child(3)>button{order:2}.coloring-tool-rail .coloring-rail-group:last-child>button:first-child{order:1}}@media (max-width:600px){.coloring-game-stage{--coloring-canvas-gap:6px}.coloring-section{padding-bottom:1rem}.coloring-picker-heading{margin-bottom:.85rem}.coloring-picture-grid{gap:.75rem}.coloring-picture-choice{min-height:200px;padding:.6rem}.coloring-picture-preview,.coloring-generated-picture-preview,.coloring-blank-picture-preview{height:112px;max-height:112px}.coloring-picture-choice strong{font-size:clamp(1rem,5vw,1.2rem)}.coloring-picture-prompt{font-size:16px;line-height:1.25}.coloring-rail-button{width:var(--touch-target-min)}.coloring-rail-label{display:none}.coloring-color-swatch{width:29px;height:29px}.coloring-brush-options{grid-template-columns:repeat(5,auto)}.coloring-eraser-options button{padding-inline:.55rem;font-size:.74rem}.coloring-more-panel{grid-template-columns:1fr}}@media (orientation:landscape) and (max-height:500px){.coloring-game-stage{--coloring-canvas-gap:4px}.coloring-rail-label{display:none}.coloring-rail-button{width:var(--touch-target-min);min-height:var(--touch-target-min)}.coloring-tool-rail{gap:.15rem}}@media print{@page coloring-template{size:A4 portrait;margin:12mm}body:has(>.coloring-template-print)>:not(.coloring-template-print){display:none!important}body:has(>.coloring-template-print) .coloring-template-print{page:coloring-template;background:#fff;justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}body:has(>.coloring-template-print) .coloring-template-print img{object-fit:contain;max-width:100%;max-height:100%;display:block}:is(body:has(.coloring-drawing-section) .global-top-shell,body:has(.coloring-drawing-section) .sidebar,body:has(.coloring-drawing-section) .primary-tab-bar,body:has(.coloring-drawing-section) .coloring-hud,body:has(.coloring-drawing-section) .coloring-tool-dock,body:has(.coloring-drawing-section) .bg-decorations){display:none!important}body:has(.coloring-drawing-section) .coloring-game-stage{--coloring-rail-space:0px;--coloring-canvas-gap:0px}:is(body:has(.coloring-drawing-section) .app-shell,body:has(.coloring-drawing-section) .content,body:has(.coloring-drawing-section) .coloring-drawing-section,body:has(.coloring-drawing-section) .coloring-game-stage){background:#fff;width:100%;height:auto;min-height:0;margin:0;padding:0;display:block;position:static;overflow:visible}body:has(.coloring-drawing-section) .coloring-canvas-viewport{aspect-ratio:1;width:min(180mm,100%);height:auto;margin:0 auto;overflow:hidden}}.coloring-picker-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.coloring-filter-toolbar.words-header-row,.coloring-filter-toolbar.context-toolbar.words-header-row{-webkit-backdrop-filter:none;background:0 0;flex:auto;width:auto;max-width:100%;margin:0;padding:0;display:block;position:static}.coloring-filter-toolbar .words-filter-shell,.coloring-filter-toolbar.context-toolbar.words-header-row .words-filter-shell{width:auto;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.coloring-filter-toolbar .words-filter-heading{display:none}.coloring-filter-toolbar .coloring-filter-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex;overflow:visible}.coloring-filter-row .words-filter-btn{width:auto;min-height:var(--touch-target-min);border:1.5px solid var(--ci-border-subtle,var(--border-subtle));border-radius:var(--ci-radius-sm);background:var(--ci-surface-base,var(--surface-base));color:var(--ci-text-secondary,var(--text-muted));box-shadow:none;flex:none;padding:6px 12px}.coloring-filter-row .words-filter-btn.active{border-color:var(--ci-state-selected-border);background:var(--ci-state-selected-bg);color:var(--ci-text-primary,var(--text-dark));box-shadow:none}.coloring-search{flex:220px;min-width:0;max-width:290px;display:block;position:relative}.coloring-search-icon{width:18px;height:18px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.coloring-search input{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-sm);background:var(--surface-base);width:100%;min-height:46px;color:var(--text-dark);font:inherit;-webkit-user-select:text;user-select:text;padding:0 14px 0 40px}.coloring-search input:focus-visible,.coloring-picture-print:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:2px}.coloring-empty-result,.coloring-print-error{color:var(--text-muted);text-align:center;padding:1rem}@media (max-width:640px){.coloring-filter-toolbar.words-header-row,.coloring-search{flex:100%;max-width:100%}}.coloring-filter-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.crafts-page{width:100%;max-width:1120px;color:var(--text-dark);gap:24px;margin:0 auto;padding:8px 0 24px;line-height:1.6;overflow:visible}.crafts-page h2,.crafts-page h3,.crafts-page h4{word-break:keep-all;overflow-wrap:anywhere;font-weight:400;line-height:1.35}.crafts-page p,.crafts-page li{word-break:keep-all;overflow-wrap:anywhere}.crafts-page.craft-catalog{gap:12px}.craft-intro{padding:0}.craft-eyebrow{color:var(--text-muted);margin-bottom:8px;font-size:.875rem}.craft-intro h2{margin-bottom:4px;font-size:clamp(1.2rem,2.2vw,1.5rem)}.craft-intro>p:last-child{color:var(--text-muted);font-size:16px}.craft-filter-toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:visible}.craft-search{flex-direction:column;flex:0 240px;min-width:0;display:flex;position:relative}.craft-filter-row{flex:300px;align-items:center;gap:12px;min-width:0;display:flex}.craft-search label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.craft-search input{border:1px solid var(--border-subtle);background:var(--surface-base);width:100%;min-width:0;min-height:44px;color:var(--text-dark);font:inherit;-webkit-user-select:text;user-select:text;border-radius:999px;padding:10px 14px;font-size:max(14px,.875rem)}.craft-categories{scrollbar-width:thin;flex:0 auto;gap:8px;min-width:0;max-width:100%;margin:-4px;padding:4px;display:flex;overflow-x:auto}.craft-categories .craft-filter-button{flex-shrink:0}.craft-filter-button{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-pill);background:var(--surface-base);min-height:44px;color:var(--text-muted);font-family:var(--ci-font-primary);cursor:pointer;padding:8px 14px;font-size:max(14px,.875rem)}.craft-filter-button[aria-pressed=true]{background:var(--primary-yellow);color:var(--text-dark);border-color:#0000}.craft-quick-filter{border-style:dashed;flex-shrink:0}.craft-quick-filter[aria-pressed=true]{border-style:solid}.craft-results-heading{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.craft-result-count{color:var(--text-muted);font-size:.9rem}.craft-filter-reset{min-height:44px;color:var(--text-dark);font-family:var(--ci-font-primary);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:.875rem;text-decoration:underline}.craft-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.craft-card{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-lg);background:var(--surface-base);min-width:0;color:inherit;box-shadow:var(--shadow-small);flex-direction:column;text-decoration:none;transition:box-shadow .16s;display:flex}.craft-card:hover{box-shadow:var(--shadow-medium)}.craft-card-featured{border-color:color-mix(in srgb,var(--primary-yellow)70%,var(--border-subtle))}.craft-card-image{margin:8px 8px 0;position:relative}.craft-card-image img{aspect-ratio:4/3;object-fit:contain;border-radius:var(--ci-radius-sm);background:var(--surface-muted);width:100%;height:auto;max-height:172px;display:block}.craft-new-badge{border-radius:var(--ci-radius-pill);background:var(--primary-yellow);min-height:24px;color:var(--text-dark);align-items:center;padding:2px 10px;font-size:.8125rem;display:inline-flex;position:absolute;top:8px;right:8px}.craft-card-copy{flex-direction:column;flex:1;gap:4px;padding:10px 14px 14px;display:flex}.craft-card h3{font-size:1.05rem}.craft-card-hook{-webkit-line-clamp:2;line-clamp:2;color:var(--text-light);-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.craft-card-meta{color:var(--text-muted);margin-top:auto;padding-top:6px;font-size:.8125rem}.craft-guidance,.craft-small-note{color:var(--text-muted);font-size:.85rem}.craft-empty{border-radius:var(--ci-radius-lg);text-align:center;background:var(--surface-base);padding:40px 24px}.craft-empty p{margin:12px 0 24px}.craft-detail-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;display:grid}.craft-hero-figure{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--ci-radius-lg);margin:0;padding:10px}.craft-hero-figure img{aspect-ratio:4/3;object-fit:contain;border-radius:var(--ci-radius-md);width:100%;height:auto;max-height:clamp(180px,30dvh,280px);display:block}.craft-hero-figure figcaption{text-align:center;color:var(--text-muted);padding:6px;font-size:.8rem}.craft-detail-intro{flex-direction:column;gap:10px;display:flex}.craft-detail-intro h2{font-size:clamp(1.4rem,3vw,2rem)}.craft-detail-intro .craft-eyebrow{margin:0}.craft-detail-play-hook{font-size:1.125rem}.craft-detail-description{color:var(--text-light)}.craft-contents h3{font-size:1.1rem}.craft-contents ul{flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.craft-contents li{border-radius:var(--ci-radius-sm);background:var(--surface-muted);padding:8px 12px;font-size:1rem}.craft-facts{flex-wrap:wrap;gap:8px;display:flex}.craft-facts>div{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-pill);background:var(--surface-base);align-items:baseline;gap:6px;padding:8px 14px;display:flex}.craft-facts dt{color:var(--text-muted);font-size:.8rem}.craft-facts dd{margin:0;font-size:.95rem}.craft-panel{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-lg);background:var(--surface-base);padding:20px}.craft-panel h3,.craft-section-heading h3{font-size:1.3rem}.craft-preparation{grid-template-columns:1fr 1fr;gap:24px;display:grid}.craft-material-list,.craft-safety ul{margin-top:12px;padding-left:24px}.craft-material-list li,.craft-safety li{margin:4px 0}.craft-safety{background:color-mix(in srgb,var(--primary-yellow)18%,var(--surface-base));border-radius:var(--ci-radius-md);padding:20px}.craft-safety h4{font-size:1rem}.craft-safety li{font-size:.9rem}.craft-hero-jump{align-self:flex-start}.craft-print-panel{flex-direction:column;gap:16px;scroll-margin-top:12px;display:flex}.craft-print-panel:target{outline:none}.craft-print-panel:has(:target){outline:none}.craft-variant-fieldset{border:0;min-width:0}.craft-variant-fieldset legend{margin-bottom:8px;font-size:.9rem}.craft-variants{gap:12px;display:flex}.craft-variant-option{border:2px solid var(--border-subtle);border-radius:var(--ci-radius-md);cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;max-width:300px;min-height:56px;padding:10px 16px;display:flex}.craft-variant-option:has(input:checked){border-color:var(--text-dark);background:color-mix(in srgb,var(--primary-blue)15%,var(--surface-base))}.craft-variant-option input{min-width:var(--ci-touch-sub-min);min-height:var(--ci-touch-sub-min);width:var(--ci-touch-sub-min);height:var(--ci-touch-sub-min);accent-color:var(--text-dark);flex-shrink:0}.craft-variant-option span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.craft-variant-option strong{font-weight:400}.craft-variant-option small{color:var(--text-muted);font-size:.8rem}.craft-selected-summary{font-size:.9rem}.craft-preview-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.craft-preview{min-width:0;margin:0}.craft-preview button{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-sm);width:100%;height:100%;color:inherit;background:var(--surface-muted);font-family:var(--ci-font-primary);cursor:pointer;flex-direction:column;padding:0;transition:border-color .16s,box-shadow .16s;display:flex}.craft-preview button:hover{border-color:var(--text-dark);box-shadow:var(--shadow-small)}.craft-preview button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.craft-preview img{aspect-ratio:297/210;object-fit:contain;border-radius:var(--ci-radius-sm)var(--ci-radius-sm)0 0;background:var(--surface-base);width:100%;height:auto;display:block}.craft-preview button>span{justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:.85rem;display:flex}.craft-preview button>span b{color:var(--text-dark);font-weight:400}.craft-preview-backdrop{z-index:1300;-webkit-backdrop-filter:blur(4px);background:#35245699;place-items:center;display:grid;inset:0}.craft-preview-dialog{border-radius:var(--ci-radius-lg);background:var(--surface-base);width:min(100%,1120px);box-shadow:var(--shadow-large);flex-direction:column;gap:12px;padding:20px;display:flex}.craft-preview-dialog-title{flex-wrap:wrap;align-items:baseline;gap:8px;padding-right:48px;font-size:1.1rem;font-weight:400;display:flex}.craft-preview-dialog-title span{color:var(--text-muted);font-size:.9rem}.craft-preview-stage{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-base);flex:auto;place-items:center;min-height:0;display:grid}.craft-preview-stage img{object-fit:contain;width:100%;height:100%;max-height:68dvh;display:block}.craft-preview-dialog-nav{justify-content:center;align-items:center;gap:12px;display:flex}.craft-preview-step{border:1px solid var(--border-subtle);background:var(--surface-base);min-width:48px;min-height:48px;color:var(--text-dark);font-family:var(--ci-font-primary);cursor:pointer;border-radius:50%;font-size:1.5rem;line-height:1}.craft-preview-step:focus-visible,.craft-preview-dot:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.craft-preview-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.craft-preview-dot{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-sm);background:var(--surface-base);min-width:44px;min-height:44px;color:var(--text-dark);font-family:var(--ci-font-primary);cursor:pointer;padding:0 8px}.craft-preview-dot[aria-current=true]{background:var(--primary-yellow);border-color:#0000}.craft-preview-count{color:var(--text-muted);font-size:.9rem}.craft-preview-dialog-note{color:var(--text-muted);text-align:center;font-size:.85rem}.craft-download-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.craft-button,.craft-text-link{max-width:100%;min-height:48px;font-family:var(--ci-font-primary);color:var(--text-dark);cursor:pointer;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;padding:12px 20px;line-height:1.4;display:inline-flex}.craft-button{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-base);text-decoration:none}.craft-button-primary{background:var(--primary-yellow);border-color:#0000}.craft-button:disabled{opacity:.65;cursor:wait}.craft-text-link{text-underline-offset:4px;font-size:.9rem}.craft-print-guide{border-radius:var(--ci-radius-md);background:var(--surface-muted);padding:20px;font-size:.9rem}.craft-print-guide strong{font-size:1rem;font-weight:400}.craft-print-guide p{margin-top:8px}.craft-print-error{color:var(--danger-text)}.craft-pdf-dialog{border-radius:var(--ci-radius-lg);background:var(--surface-base);width:min(100%,520px);box-shadow:var(--shadow-large);flex-direction:column;gap:16px;padding:24px;display:flex}.craft-pdf-dialog h2{padding-right:44px;font-size:1.3rem}.craft-pdf-dialog p{word-break:keep-all;overflow-wrap:anywhere}.craft-instructions-download{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;display:flex}.craft-instructions-download>p{flex-basis:100%;font-size:.9rem}.craft-section-heading{margin-bottom:20px}.craft-section-heading p{color:var(--text-muted);margin-top:8px}.craft-play-missions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.craft-play-mission{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-lg);background:color-mix(in srgb,var(--primary-yellow)14%,var(--surface-base));min-width:0;padding:20px}.craft-mission-label{color:var(--text-muted);margin-bottom:8px;font-size:.875rem;display:inline-block}.craft-play-mission h4{font-size:1.125rem}.craft-play-mission p{margin-top:12px;font-size:1rem}.craft-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.craft-related-card{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-lg);background:var(--surface-base);min-width:0;color:var(--text-dark);align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex}.craft-related-card img{aspect-ratio:4/3;object-fit:contain;border-radius:var(--ci-radius-sm);width:36%;height:auto}.craft-related-card>div{flex:1;min-width:0}.craft-related-card h4{font-size:1rem}.craft-related-card p{color:var(--text-muted);margin-top:8px;font-size:1rem}.craft-related-go{margin-top:12px;font-size:.875rem;display:block}.craft-card:focus-visible,.craft-related-card:focus-visible,.craft-button:focus-visible,.craft-filter-button:focus-visible,.craft-filter-reset:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.craft-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;display:grid}.craft-step{border-radius:var(--ci-radius-lg);border:1px solid var(--border-subtle);background:var(--surface-base);min-width:0}.craft-step>img{aspect-ratio:500/237;object-fit:contain;border-radius:var(--ci-radius-lg)var(--ci-radius-lg)0 0;width:100%;height:auto;display:block}.craft-step-copy{padding:14px 18px 18px}.craft-step-copy h4{margin-bottom:6px;font-size:1.05rem}.craft-step-copy p{font-size:.9rem}.craft-step-copy .craft-part-label{color:var(--text-muted);margin-top:8px;font-size:.8rem}.craft-steps-more{width:fit-content;margin:16px auto 0;display:flex}.craft-steps-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.craft-steps-view-button{background:var(--primary-yellow);border-color:#0000;flex-shrink:0}.craft-step-open{min-height:44px;color:var(--text-dark);font-family:var(--ci-font-primary);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:6px 0;font-size:.875rem;text-decoration:underline}.craft-step-open:focus-visible,.craft-step-viewer button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.craft-step-viewer{z-index:2147483000;background-color:var(--ci-surface-page);background-image:radial-gradient(circle at 1px 1px,#705b871f 1px,transparent 0),radial-gradient(circle at 12% 18%,var(--ci-surface-butter-tint),transparent 36%),radial-gradient(circle at 88% 82%,var(--ci-state-selected-bg),transparent 40%),linear-gradient(145deg,var(--ci-surface-page),var(--ci-surface-base)55%,var(--ci-surface-cloud));background-size:24px 24px,auto,auto,auto}.craft-step-viewer-stage{grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;min-height:0;display:grid;position:relative}.craft-step-viewer-content{border-radius:var(--ci-radius-xl);width:min(100%,1020px);min-width:0;max-height:100%;box-shadow:0 16px 44px color-mix(in srgb,var(--ci-ref-cloud-shadow)12%,transparent);text-align:center;background:#ffffffe0;border:1px solid #7a659224;flex-direction:column;justify-self:center;align-items:center;padding:clamp(16px,2.5vw,28px);display:flex;overflow-y:auto}.craft-step-viewer-content img{aspect-ratio:500/237;object-fit:contain;width:min(100%,920px);height:auto;max-height:min(52dvh,520px);display:block}.craft-step-viewer-content h3{font-family:var(--font-jua),sans-serif;margin-top:12px;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.25}.craft-step-viewer-content p{word-break:keep-all;overflow-wrap:anywhere;max-width:880px;margin-top:10px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.craft-step-viewer-content .craft-step-viewer-parts{color:var(--ci-text-secondary);font-size:clamp(.85rem,1.6vw,1rem)}.craft-step-viewer-nav{border:1px solid color-mix(in srgb,var(--ci-border-warm)18%,transparent);background:var(--ci-surface-base);width:52px;height:52px;color:var(--ci-text-primary);font-family:var(--ci-font-primary);cursor:pointer;box-shadow:0 5px 18px color-mix(in srgb,var(--ci-ref-cloud-shadow)12%,transparent);border-radius:50%;font-size:2rem;line-height:1}.craft-step-viewer-nav:disabled{opacity:.35;cursor:default}.craft-step-viewer-footer{justify-content:center;display:flex}.craft-step-viewer-footer button{border-radius:var(--ci-radius-md);min-height:54px;font-family:var(--font-jua),sans-serif;cursor:pointer;padding:12px 24px;font-size:1.15rem}.craft-validation-note{border-radius:var(--ci-radius-md);background:var(--surface-muted);color:var(--text-muted);padding:16px 20px;font-size:.85rem}.craft-validation-note p+p{margin-top:4px}.craft-credit{color:var(--text-muted);font-size:.8rem}.craft-print-pages{display:none}@media (min-width:768px){.craft-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.craft-search{flex:100%}}@media (max-width:767px){.crafts-page{gap:20px}.craft-detail-hero,.craft-preparation{grid-template-columns:1fr;gap:20px}.craft-detail-hero{width:100%;max-width:580px;margin:0 auto}.craft-hero-figure img{max-height:clamp(150px,22dvh,200px)}.craft-panel{padding:20px}.craft-card-grid{gap:12px}.craft-card-copy{padding:10px 12px 12px}.craft-card h3{font-size:1rem}.craft-play-missions{grid-template-columns:1fr;gap:12px}.craft-play-mission{padding:20px}.craft-play-mission p{margin-top:8px}.craft-mission-label{margin-bottom:8px}.craft-related-grid{grid-template-columns:1fr}.craft-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-steps{gap:12px}.craft-step-copy{padding:16px}}@media (max-width:600px){.craft-search input{padding-inline:12px}.craft-categories{gap:6px}.craft-filter-button{padding-inline:8px}.craft-contents{padding:20px}.craft-steps{grid-template-columns:1fr}.craft-variant-option{gap:8px;padding:12px}.craft-variant-option small{font-size:.75rem}.craft-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.craft-preview-dialog{gap:8px;padding:14px}.craft-preview-dialog-title{padding-right:44px;font-size:1rem}.craft-preview-stage img{max-height:52dvh}.craft-preview-dot{min-width:40px;padding:0 4px}.craft-download-actions>.craft-button,.craft-instructions-download>.craft-button{width:100%}.craft-button{padding-inline:16px}.craft-steps-view-button{width:100%}.craft-step-viewer{padding:max(12px,env(safe-area-inset-top))max(12px,env(safe-area-inset-right))max(12px,env(safe-area-inset-bottom))max(12px,env(safe-area-inset-left))}.craft-step-viewer-stage{grid-template-rows:minmax(0,1fr) 42px;grid-template-columns:1fr 1fr;gap:4px}.craft-step-viewer-content{border-radius:var(--ci-radius-lg);grid-area:1/1/auto/-1;padding:12px}.craft-step-viewer-prev{grid-area:2/1;justify-self:end}.craft-step-viewer-next{grid-area:2/2;justify-self:start}.craft-step-viewer-nav{width:40px;height:40px;font-size:1.6rem}.craft-step-viewer-content img{max-height:42dvh}.craft-step-viewer-content h3{font-size:1.45rem}.craft-step-viewer-content p{font-size:1rem}.craft-step-viewer-footer button{width:100%}}@media (max-height:780px){.craft-hero-figure img{max-height:clamp(150px,24dvh,220px)}.craft-detail-hero{gap:20px}.craft-detail-intro{gap:10px}}@media (prefers-reduced-motion:reduce){.craft-card,.craft-preview button{transition:none}}@page craft-landscape{size:A4 landscape;margin:0}@media print{html.craft-print-active,html.craft-print-active body.craft-print-active,body.craft-print-active .app-shell,body.craft-print-active .main-area,body.craft-print-active .content,body.craft-print-active .craft-detail,body.craft-print-active .craft-print-pages{contain:none!important;width:297mm!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;gap:0!important;margin:0!important;padding:0!important;animation:none!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}body.craft-print-active>:not(.app-shell),body.craft-print-active .app-shell>:not(.main-area),body.craft-print-active .main-area>:not(.content),body.craft-print-active .content>:not(.craft-detail),body.craft-print-active .craft-detail>:not(.craft-print-pages){display:none!important}body.craft-print-active .craft-print-pages{page:craft-landscape}body.craft-print-active .craft-print-page{page:craft-landscape;break-inside:avoid;break-after:page;page-break-after:always;width:297mm;height:210mm;max-height:none;margin:0;padding:0;display:block;overflow:visible;transform:none}body.craft-print-active .craft-print-page:last-child{break-after:auto;page-break-after:auto}body.craft-print-active .craft-print-page img{object-fit:contain;print-color-adjust:exact;-webkit-print-color-adjust:exact;width:297mm;max-width:none;height:210mm;display:block}}
.origami-catalog .origami-cover{background:var(--surface-muted)}.origami-cover>.origami-diagram{width:100%;height:100%}.origami-card-paper{color:var(--text-muted);margin-top:4px;font-size:13px}.content:has(>.origami-detail){padding-block:10px}.origami-detail{width:100%;max-width:1120px;color:var(--text-dark);margin:0 auto;line-height:1.5}.origami-detail h2,.origami-detail h3{font-weight:400;line-height:1.4}.origami-detail h2{font-size:clamp(20px,2.4vw,28px)}.origami-detail p,.origami-detail h2,.origami-detail h3{word-break:keep-all;overflow-wrap:anywhere}.origami-button{border:2px solid var(--ci-border-strong);border-radius:var(--ci-radius-sm);background:var(--ci-surface-cloud);min-width:44px;min-height:44px;box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-cloud-shadow);color:var(--ci-text-primary);font-family:var(--ci-font-primary);cursor:pointer;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;transition:background .15s;display:inline-flex}.origami-button:hover{background:var(--ci-surface-base)}.origami-button:disabled{opacity:.45;cursor:default}.origami-primary,.origami-primary:hover{background:var(--ci-action-now);border-color:var(--ci-clay-coral-border);box-shadow:var(--ci-highlight-clay),0 4px 0 var(--ci-clay-coral-shadow);color:var(--ci-action-now-text);min-height:48px}.origami-detail :is(button,a,summary):focus-visible,.origami-catalog :is(button,a,input):focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.origami-preparation{background:var(--ci-surface-base);border:2px solid var(--ci-border-subtle);border-radius:var(--ci-radius-lg);box-shadow:var(--ci-elevation-sm);gap:24px;padding:clamp(16px,3vw,32px);display:grid}.origami-preparation-art{aspect-ratio:4/3;border-radius:var(--ci-radius-md);background:var(--ci-surface-cloud);place-items:center;display:grid;overflow:hidden}.origami-preparation-art img,.origami-complete-art img{object-fit:contain;width:100%;height:100%}.origami-preparation-copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.origami-eyebrow,.origami-memory-note,.origami-face-key,.origami-layer-hint{color:var(--text-muted);font-size:14px}.origami-materials{border-radius:var(--ci-radius-sm);background:var(--bg-cream);gap:8px;padding:16px;display:grid}.origami-paper-spec{font-size:18px}.origami-caution{color:var(--text-dark);border-left:3px solid var(--primary-orange);padding-left:12px}.origami-preparation-copy>.origami-primary{width:100%}.origami-help{width:100%;color:var(--text-muted);font-size:14px}.origami-help summary{cursor:pointer;min-height:44px;padding:10px 4px;display:list-item}.origami-help p{margin:8px 0}.origami-help ul{padding-left:20px}.origami-help a{color:var(--text-dark);text-decoration:underline}.origami-workspace{background:var(--ci-surface-base);border:2px solid var(--ci-border-subtle);border-radius:var(--ci-radius-lg);box-shadow:var(--ci-elevation-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.origami-step-heading{color:var(--ci-text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.origami-symbols{flex-shrink:0;width:auto}.origami-symbols>div{z-index:2;background:var(--ci-surface-base);border:2px solid var(--ci-border-subtle);border-radius:var(--ci-radius-md);width:min(360px,100%);box-shadow:var(--ci-elevation-md);padding:16px;position:absolute;top:44px;right:0}.origami-step-count{color:var(--ci-text-primary)}.origami-progress{gap:4px;height:5px;display:flex}.origami-progress span{border-radius:var(--ci-radius-pill);background:var(--ci-border-subtle);flex:1}.origami-progress .is-done{background:var(--ci-rainbow-mint)}.origami-progress .is-current{background:var(--ci-action-now)}.origami-step-body{gap:12px;min-height:0;display:grid}.origami-paper-panel{border-radius:var(--ci-radius-md);background:var(--ci-surface-cloud);flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex}.origami-view-switch{border-radius:var(--ci-radius-pill);background:var(--ci-surface-base);gap:4px;padding:3px;display:flex}.origami-view-switch button{border-radius:var(--ci-radius-pill);min-height:44px;color:var(--ci-text-secondary);font-family:var(--ci-font-primary);cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:14px}.origami-view-switch button[aria-pressed=true]{background:var(--ci-rainbow-mint);color:var(--ci-text-primary);box-shadow:var(--ci-highlight-clay),0 2px 0 var(--ci-clay-mint-shadow)}.origami-paper-stage{width:100%;height:clamp(140px,24dvh,300px);min-height:0}.origami-diagram{width:100%;height:100%;display:block;overflow:visible}.origami-face-key{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.origami-face-key>span{border:1px solid var(--text-muted);border-radius:var(--ci-radius-pill);width:13px;height:13px;display:inline-block}.origami-back-swatch{background:var(--ci-surface-base);margin-left:8px}.origami-instructions{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.origami-current-copy h2{outline:none;font-size:clamp(18px,2.3vw,25px)}.origami-layer-hint{margin-top:6px}.origami-check{background:var(--bg-cream);border-radius:var(--ci-radius-xs);margin-top:8px;padding:10px 12px;font-size:16px}.origami-tools{flex-wrap:wrap;gap:8px;display:flex}.origami-tools>button{white-space:nowrap;flex:1;padding-inline:10px;font-size:14px}.origami-demo{flex-basis:auto}.origami-navigation{grid-template-columns:minmax(68px,1fr) 3fr;gap:8px;display:grid}.origami-navigation>button{min-height:48px}.origami-feedback{color:var(--text-muted);font-size:14px}.origami-completion{background:var(--ci-surface-base,var(--surface-base));border:2px solid var(--ci-border-subtle,var(--border-subtle));box-shadow:var(--ci-elevation-sm);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.origami-complete-badge{background:var(--ci-rainbow-butter,#f5ce8e);border:1px solid var(--ci-clay-butter-border,#e0b876);color:var(--ci-text-primary,#352456);border-radius:999px;padding:6px 18px}.origami-complete-art{aspect-ratio:4/3;border-radius:18px;width:100%;max-width:360px;overflow:hidden}.origami-mission{background:var(--bg-cream);border-radius:18px;max-width:560px;padding:16px}.origami-mission h3{margin-bottom:6px}.origami-complete-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (min-width:768px){.origami-preparation{grid-template-columns:1fr 1fr;align-items:center}.origami-step-body{grid-template-columns:1.15fr 1fr;gap:24px}.origami-workspace{gap:14px;padding:20px}.origami-paper-stage{height:clamp(180px,100dvh - 450px,440px)}}@media (min-width:1024px){.content:has(>.origami-detail){padding-block:14px}}@media (max-height:740px) and (max-width:767px){.origami-workspace{border-radius:18px;gap:6px;padding:10px}.origami-step-body{gap:8px}.origami-paper-stage{height:110px}.origami-view-switch{display:none}.origami-current-copy h2{font-size:16px}.origami-check{padding:4px 8px;font-size:14px}.origami-paper-panel{padding:4px}.origami-layer-hint{font-size:12px}.origami-instructions{gap:4px}}@media (max-height:500px) and (min-width:600px){.origami-step-body{grid-template-columns:1fr 1.3fr;gap:12px}.origami-workspace{gap:6px;padding:10px}.origami-paper-stage{height:120px}.origami-view-switch{display:none}.origami-instructions{gap:4px}.origami-current-copy h2{font-size:16px}.origami-layer-hint{margin-top:4px;font-size:12px}.origami-check{margin-top:4px;padding:4px 8px;font-size:14px}.origami-tools{gap:4px}.origami-demo{flex-basis:auto!important}}@media (max-height:420px) and (min-width:600px){.origami-workspace{gap:4px;padding:8px}.origami-progress{display:none}.origami-paper-panel{padding:4px}.origami-paper-stage{height:80px}.origami-navigation>button{padding:8px 12px;font-size:16px}}@media (prefers-reduced-motion:reduce){.origami-button{transition:none}}
.content:has(.dress-up-detail-section){overscroll-behavior:none;touch-action:auto;padding-bottom:8px;overflow:hidden}.dress-up-detail-section{width:100%;min-width:0;max-width:1200px;min-height:0;font-family:var(--ci-font-primary);color:var(--text-dark);word-break:keep-all;overflow-wrap:anywhere;flex:1 1 0;gap:8px;margin-inline:auto;padding:8px 0 0;font-size:16px;animation:none;overflow:visible}.dress-up-toolbar{flex:none;align-items:center;gap:4px;display:flex}.dress-up-toolbar button,.dress-up-wardrobe button{font:inherit;font-family:var(--ci-font-primary);color:var(--ci-text-primary);border:1.5px solid var(--ci-border-subtle);border-radius:var(--ci-radius-md);background:var(--ci-surface-base);min-width:44px;min-height:44px;box-shadow:0 3px 0 var(--ci-border-warm);touch-action:manipulation;cursor:pointer}.dress-up-toolbar button{height:48px;box-shadow:0 3px 0 var(--ci-border-warm);white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dress-up-toolbar button>svg{flex:none;width:22px;height:22px}.dress-up-toolbar .dress-up-complete{background:var(--ci-action-now,#f08f78);border-color:var(--ci-clay-coral-border,#e07b64);color:var(--ci-action-now-text,#352456);box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-coral-shadow,#d9755e)}.dress-up-history-label{display:none}.dress-up-toolbar button:disabled,.dress-up-wardrobe button:disabled{cursor:not-allowed;color:var(--ci-text-primary);opacity:.52;box-shadow:inset 0 1px 0 #fff6,0 2px 0 var(--ci-border-subtle)}.dress-up-detail-section button:focus-visible,.dress-up-set-card:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:2px}.dress-up-game-layout{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;min-height:0;display:flex}.dress-up-board-card{background:var(--ci-surface-cloud,#f7f0e4);border:2px solid var(--ci-border-subtle,var(--border-subtle));border-radius:var(--ci-radius-lg);min-width:0;min-height:0;box-shadow:var(--ci-elevation-sm,var(--shadow-small));flex:1 1 0;padding:4px;position:relative}.dress-up-board-card.is-drop-ready{border-style:dashed;border-color:var(--ci-clay-coral-border,#e07b64)}.dress-up-board-card.is-over{border-style:solid;border-color:var(--ci-clay-mint-border,#9cc29f)}.dress-up-scene{width:100%;height:100%;min-height:0;display:block;overflow:visible}.dress-up-wardrobe{flex-direction:column;flex:none;gap:4px;min-width:0;min-height:0;display:flex}.dress-up-categories{scrollbar-width:none;touch-action:pan-x;flex:0 0 48px;align-items:center;gap:4px;min-width:0;padding:2px;display:flex;position:relative;overflow:auto hidden}.dress-up-categories::-webkit-scrollbar{display:none}.dress-up-categories button{flex:none;padding:4px 12px}.dress-up-categories button[aria-pressed=true],.dress-up-accessory-groups button[aria-pressed=true]{background:var(--ci-rainbow-mint,#b8d8ba);border:2px solid var(--ci-clay-mint-border,#9cc29f);color:var(--ci-text-primary,#352456);box-shadow:var(--ci-highlight-clay),0 2px 0 var(--ci-clay-mint-shadow,#94b897);text-underline-offset:4px;text-decoration:underline}.dress-up-accessory-groups{flex:0 0 44px;gap:4px;display:flex}.dress-up-accessory-groups button{flex:1 1 0;padding:4px 8px}.dress-up-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.dress-up-wardrobe .dress-up-item{border:2px solid var(--ci-border-subtle,var(--border-subtle));-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:80px;padding:4px 8px;display:flex;position:relative}.dress-up-item[aria-pressed=true]{border-color:var(--ci-clay-mint-border,#9cc29f);background:var(--ci-surface-mint-tint,#e4f2e5)}.dress-up-item-art{flex:none;justify-content:center;align-items:center;width:100%;height:32px;display:flex;position:relative}.dress-up-item-art img{object-fit:contain;pointer-events:none;width:100%;max-width:100%;height:100%;display:block}.dress-up-item-art img[hidden]{display:none}.dress-up-item-art>svg{width:32px;height:32px;color:var(--text-muted)}.dress-up-item-name{max-width:100%;font-size:16px;line-height:1.05}.dress-up-item-check{display:none}.dress-up-item[aria-pressed=true]:after{content:"";background-color:var(--ci-rainbow-mint,#b8d8ba);border:1px solid var(--ci-clay-mint-border,#9cc29f);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23352456' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;right:4px}.dress-up-thumbnail-loading{position:absolute;inset:0}.dress-up-thumbnail-error{color:var(--text-muted);font-size:13px}.dress-up-item.is-dragging{opacity:.5;touch-action:none}.dress-up-pagination{flex:0 0 48px;justify-content:center;align-items:center;gap:16px;display:flex}.dress-up-pagination button{background:var(--ci-action-next);border:1.5px solid var(--ci-action-next);min-width:64px;min-height:48px;color:var(--ci-action-next-text);border-radius:var(--ci-radius-md);font-family:var(--ci-font-primary);box-shadow:var(--ci-clay-highlight-soft),0 5px 0 var(--ci-action-next-lip),0 8px 16px #35245614}.dress-up-pagination button:disabled{background:var(--ci-surface-base);border-color:var(--ci-border-subtle);color:var(--ci-text-primary)}.dress-up-pagination span{text-align:center;min-width:48px}.dress-up-notice,.dress-up-storage-warning{color:var(--text-muted);flex:none;margin:0;font-size:16px;line-height:1.2}.dress-up-storage-warning{color:var(--danger-text)}.dress-up-drag-preview{border:2px solid var(--ci-clay-coral-border);border-radius:var(--ci-radius-md);background:var(--ci-surface-base);width:96px;box-shadow:var(--ci-elevation-md);pointer-events:none;font:16px var(--ci-font-primary),sans-serif;text-align:center;padding:8px}.dress-up-drag-preview img{object-fit:contain;width:100%;height:72px}.dress-up-detail-section>.content-skeleton{flex:1 1 0;min-height:0;overflow:hidden}.dress-up-detail-section>.section-state{margin-block:auto}.dress-up-gallery{font-family:var(--ci-font-primary),sans-serif;gap:16px}.dress-up-gallery-intro{color:var(--ci-text-secondary);margin:8px 0;font-size:18px}.dress-up-set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dress-up-set-card{min-width:0;color:var(--ci-text-primary);border:2px solid var(--ci-border-subtle);border-radius:var(--ci-radius-lg);background:var(--ci-surface-base);box-shadow:var(--ci-elevation-sm);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.dress-up-set-card>img{aspect-ratio:14/17;object-fit:contain;background:var(--ci-surface-cloud,#f7f0e4);width:100%;height:auto;display:block}.dress-up-set-card>div{flex-direction:column;gap:8px;padding:12px;display:flex}.dress-up-set-card h2{margin:0;font-size:20px;font-weight:400}.dress-up-set-card p{color:var(--text-muted);margin:0;font-size:16px}.dress-up-set-action{justify-content:space-between;align-items:center;min-height:48px;font-size:16px;display:flex}@media (max-width:599px){.dress-up-toolbar button:nth-child(n+3)>svg{display:none}}@media (min-width:600px){.dress-up-history-label{display:inline}.dress-up-toolbar{gap:8px}.dress-up-toolbar button{flex:0 auto;padding-inline:16px}.dress-up-toolbar .dress-up-complete{min-width:96px;margin-left:auto}}@media (min-width:768px),(min-width:640px) and (max-height:500px){.dress-up-game-layout{flex-direction:row;gap:16px}.dress-up-board-card{flex:55%}.dress-up-wardrobe{flex:45%}.dress-up-items{grid-template-columns:repeat(3,minmax(0,1fr))}.dress-up-wardrobe .dress-up-item{height:112px}.dress-up-item-art{height:64px}.dress-up-item-name{line-height:1.1}.dress-up-set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.dress-up-set-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-height:600px){.dress-up-detail-section{gap:4px;padding-top:4px}.dress-up-game-layout{gap:4px}.dress-up-wardrobe .dress-up-item{height:72px}.dress-up-item-art{height:24px}.dress-up-item-name{line-height:1}.dress-up-categories{flex-basis:44px;padding-block:0}}@media (prefers-reduced-motion:no-preference){.dress-up-item{transition:background .15s,border-color .15s}.dress-up-set-card{transition:transform .15s}.dress-up-set-card:active{transform:scale(.99)}}
.content:has(.dress-up-export-backdrop){z-index:1500}.dress-up-export-backdrop.dialog-backdrop{z-index:1400;padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(16px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--text-dark)48%,transparent);justify-content:center;align-items:center;display:flex;inset:0}.dress-up-export-dialog.dialog-surface{border:1px solid var(--border-subtle);background:var(--surface-base);width:min(960px,100%);max-width:100%;max-height:100%;box-shadow:var(--shadow-large);font-family:var(--font-jua);word-break:keep-all;overflow-wrap:anywhere;border-radius:24px;flex-direction:column;padding:0;display:flex;overflow:hidden}.dress-up-export-header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 8px;display:flex}.dress-up-export-header h2{margin:0;font-size:24px}.dress-up-export-dialog .dress-up-export-close{border:1px solid var(--border-subtle);background:var(--surface-muted);width:48px;height:48px;color:var(--text-dark);font:inherit;cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:28px;line-height:1;display:grid;position:static}.dress-up-export-tabs{flex:none;gap:8px;padding:0 20px 12px;display:flex}.dress-up-export-tabs button,.dress-up-export-button{border:2px solid var(--border-subtle);background:var(--surface-base);min-height:44px;color:var(--text-dark);font:inherit;text-align:center;cursor:pointer;border-radius:14px;padding:8px 16px;text-decoration:none}.dress-up-export-tabs button[aria-pressed=true]{border-color:var(--primary-pink);background:var(--bg-cream);box-shadow:inset 0 -3px 0 var(--primary-pink)}.dress-up-export-scroll{overscroll-behavior:contain;min-height:0;padding:0 20px 20px;overflow:auto}.dress-up-export-content{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:20px;display:grid}.dress-up-export-preview{background:var(--surface-muted);border-radius:20px;min-width:0;padding:12px}.dress-up-export-scene svg{width:100%;height:min(48dvh,460px);display:block}.dress-up-export-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.dress-up-export-button-primary{background:var(--primary-pink);border-color:var(--primary-pink)}.dress-up-export-button:disabled,.dress-up-export-tabs button:disabled{opacity:.5;cursor:default}.dress-up-export-dialog p{margin:0;font-size:16px;line-height:1.5}.dress-up-export-options{border:1px solid var(--border-subtle);border-radius:16px;gap:8px;margin:0;padding:12px;display:grid}.dress-up-export-options legend{padding:0 4px}.dress-up-export-options label{align-items:center;gap:8px;min-height:44px;font-size:16px;display:flex}.dress-up-export-options input{width:20px;height:20px;accent-color:var(--primary-pink);flex:none}.dress-up-export-options select{min-width:0;max-width:100%;min-height:44px;font:inherit;border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-dark);border-radius:12px;padding:8px}.dress-up-export-pages{gap:12px;display:grid}.dress-up-export-pages svg{background:var(--surface-base);width:100%;height:auto;box-shadow:var(--shadow-small);display:block}.dress-up-export-note{color:var(--text-light)}.dress-up-export-error{color:var(--danger-text);background:var(--danger-tint);border-radius:12px;padding:12px}.dress-up-export-status{min-height:24px;margin-top:12px!important}.dress-up-export-instructions{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:12px}.dress-up-export-instructions>button{cursor:pointer;align-items:center;min-height:48px;margin-bottom:12px;display:flex}.dress-up-export-instructions img{width:100%;height:auto;display:block}.dress-up-export-instructions ol{padding-left:24px;line-height:1.6}.dress-up-export-instructions a{align-items:center;margin:8px 0;display:inline-flex}.dress-up-native-print,.dress-up-job-print{display:none}.dress-up-native-error{z-index:100;background:var(--danger-tint);color:var(--danger-text);border-radius:12px;padding:8px;position:fixed;bottom:84px;left:16px;right:16px}@media (max-width:640px){.dress-up-export-backdrop.dialog-backdrop{padding:max(8px,env(safe-area-inset-top))max(8px,env(safe-area-inset-right))max(8px,env(safe-area-inset-bottom))max(8px,env(safe-area-inset-left))}.dress-up-export-header{padding:12px 12px 8px}.dress-up-export-tabs{padding:0 12px 12px}.dress-up-export-scroll{padding:0 12px 16px}.dress-up-export-content{grid-template-columns:minmax(0,1fr);gap:12px}.dress-up-export-scene svg{height:240px}}@page dress-up-sheet{size:A4 landscape;margin:0}@media print{html.dress-up-print-active,body.dress-up-print-active{background:#fff!important;width:297mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.dress-up-print-active>:not(.dress-up-native-print):not(.dress-up-job-print){display:none!important}body.dress-up-print-active .dress-up-native-print{display:block!important}body.dress-up-print-explicit .dress-up-native-print{display:none!important}body.dress-up-print-active.dress-up-print-explicit .dress-up-job-print{display:block!important}.dress-up-print-page,.dress-up-print-waiting{page:dress-up-sheet;break-inside:avoid;break-after:page;box-sizing:border-box;width:297mm;height:210mm;margin:0;padding:0;overflow:hidden}.dress-up-print-page:last-child,.dress-up-print-waiting:last-child{break-after:auto}.dress-up-print-page>svg{width:297mm;height:210mm;display:block}.dress-up-print-waiting{color:#222;padding:30mm;font:18pt sans-serif}}