.coloring-section{width:100%;max-width:1200px;margin:0 auto;padding-bottom:2rem}.coloring-picker-heading{text-align:center;margin-bottom:1.25rem}.coloring-picker-heading h2{color:var(--text-dark);font-family:var(--font-black-han-sans);font-size:clamp(1.6rem,4vw,2.45rem);font-weight:400;line-height:1.25}.coloring-picker-heading>p:last-child{color:var(--text-muted);margin-top:.4rem;font-size:1.05rem}.coloring-eyebrow{color:var(--primary-pink);letter-spacing:.04em;font-size:.92rem}.coloring-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.coloring-picture-card{flex-direction:column;gap:.5rem;min-width:0;display:flex}.coloring-picture-choice{border:3px solid var(--border-subtle);background:var(--surface-elevated);min-width:0;min-height:250px;box-shadow:var(--shadow-medium);color:var(--text-dark);cursor:pointer;font:inherit;text-align:center;border-radius:24px;flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:1rem;text-decoration:none;display:flex}.coloring-picture-download{min-height:var(--touch-target-min);border:2px solid var(--primary-pink);background:var(--surface-base);color:var(--primary-pink);font:inherit;text-align:center;border-radius:14px;place-items:center;padding:.55rem .75rem;text-decoration:none;display:grid}.coloring-picture-choice:hover,.coloring-picture-download:hover{border-color:var(--primary-pink);background:color-mix(in srgb,var(--primary-pink)7%,var(--surface-base))}.coloring-picture-choice strong{font-family:var(--font-black-han-sans);overflow-wrap:anywhere;word-break:keep-all;margin-top:.25rem;font-size:1.45rem;font-weight:400;line-height:1.25}.coloring-picture-age-badge{border:1px solid color-mix(in srgb,var(--primary-pink)45%,transparent);background:color-mix(in srgb,var(--primary-pink)10%,#fff);color:var(--primary-pink);white-space:nowrap;border-radius:999px;align-self:flex-start;margin-bottom:.25rem;padding:.32rem .58rem;font-size:.78rem;font-weight:800;line-height:1.2}.coloring-picture-prompt{color:var(--text-muted);overflow-wrap:anywhere;word-break:keep-all;margin-top:.25rem;font-size:.9rem}.coloring-picture-preview{width:min(100%,250px);max-height:170px;display:block}.coloring-generated-picture-preview{object-fit:contain;background:#fff;border-radius:18px;height:170px}.coloring-blank-picture-preview{border:3px dashed var(--border-subtle);background:#fff;border-radius:18px;height:170px}.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);color:var(--text-dark);cursor:pointer;font:inherit;background:0 0;border:2px solid #0000;border-radius:14px;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(--focus-ring-color);background:var(--surface-base);box-shadow:var(--shadow-small)}.coloring-rail-button:disabled{cursor:not-allowed;opacity:.35}.coloring-tool-icon{width:22px;height:22px;display:block}.coloring-rail-glyph,.coloring-zoom-value{place-items:center;height:22px;font-family:sans-serif;font-weight:800;display:grid}.coloring-rail-glyph{font-size:1.2rem}.coloring-zoom-value{font-size:.76rem}.coloring-rail-label{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(--primary-pink);background:var(--primary-pink);color:var(--surface-base)}.coloring-secondary-button{border:2px solid var(--border-subtle);background:var(--surface-base);color:var(--text-dark)}.coloring-primary-button:hover,.coloring-secondary-button:hover{box-shadow:var(--shadow-small)}.coloring-secondary-button:disabled{cursor:not-allowed;opacity:.55}.coloring-danger-button{border-color:color-mix(in srgb,var(--primary-orange)55%,var(--border-subtle));color:var(--text-dark)}.coloring-reset-prompt{border:2px solid var(--primary-orange);background:color-mix(in srgb,var(--primary-orange)9%,var(--surface-base));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-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:0 auto}.coloring-picture-choice{min-height:220px}.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:16px;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:16px;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:.8rem;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{: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-filter-toolbar.words-header-row{grid-template-columns:minmax(0,1fr);justify-items:start;padding-inline:0}.coloring-filter-toolbar .words-filter-shell{max-width:100%}.coloring-filter-toolbar .coloring-filter-row{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:4px;min-width:0;display:flex;overflow-x:auto}.coloring-filter-row .words-filter-btn{scroll-snap-align:start;flex:none}.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);background:var(--surface-base);min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;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:inherit;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);background:var(--surface-base);min-width:0;color:inherit;box-shadow:var(--shadow-small);border-radius:20px;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;background:var(--surface-muted);border-radius:14px;width:100%;height:auto;max-height:172px;display:block}.craft-new-badge{background:var(--primary-yellow);min-height:24px;color:var(--text-dark);border-radius:999px;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{text-align:center;background:var(--surface-base);border-radius:24px;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:24px;margin:0;padding:10px}.craft-hero-figure img{aspect-ratio:4/3;object-fit:contain;border-radius:16px;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{background:var(--surface-muted);border-radius:12px;padding:8px 12px;font-size:1rem}.craft-facts{flex-wrap:wrap;gap:8px;display:flex}.craft-facts>div{border:1px solid var(--border-subtle);background:var(--surface-base);border-radius:999px;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);background:var(--surface-base);border-radius:24px;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:16px;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);cursor:pointer;border-radius:16px;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{width:20px;min-width:20px;height:20px;min-height:20px;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);width:100%;height:100%;color:inherit;background:var(--surface-muted);font:inherit;cursor:pointer;border-radius:12px;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;background:var(--surface-base);border-radius:12px 12px 0 0;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:#26203199;place-items:center;display:grid;inset:0}.craft-preview-dialog{background:var(--surface-base);width:min(100%,1120px);box-shadow:var(--shadow-large);border-radius:24px;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);background:var(--surface-base);border-radius:16px;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);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);background:var(--surface-base);min-width:44px;min-height:44px;color:var(--text-dark);font:inherit;cursor:pointer;border-radius:12px;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:inherit;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);background:var(--surface-base);border-radius:16px;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{background:var(--surface-muted);border-radius:16px;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{background:var(--surface-base);width:min(100%,520px);box-shadow:var(--shadow-large);border-radius:24px;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);background:color-mix(in srgb,var(--primary-yellow)14%,var(--surface-base));border-radius:20px;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);background:var(--surface-base);min-width:0;color:var(--text-dark);border-radius:20px;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:12px;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:1px solid var(--border-subtle);background:var(--surface-base);border-radius:20px;min-width:0}.craft-step>img{aspect-ratio:500/237;object-fit:contain;border-radius:20px 20px 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-validation-note{background:var(--surface-muted);color:var(--text-muted);border-radius:16px;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}}@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:1px solid var(--border-subtle);background:var(--surface-base);min-width:44px;min-height:44px;color:var(--text-dark);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;transition:background .15s;display:inline-flex}.origami-button:hover{background:var(--surface-muted)}.origami-button:disabled{opacity:.45;cursor:default}.origami-primary,.origami-primary:hover{background:var(--primary-yellow);border-color:#0000;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(--surface-base);border:1px solid var(--border-subtle);border-radius:24px;gap:24px;padding:clamp(16px,3vw,32px);display:grid}.origami-preparation-art{aspect-ratio:4/3;background:var(--bg-cream);border-radius:20px;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{background:var(--bg-cream);border-radius:16px;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(--surface-base);border:1px solid var(--border-subtle);border-radius:24px;flex-direction:column;gap:10px;padding:16px;display:flex}.origami-step-heading{color:var(--text-muted);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(--surface-base);border:1px solid var(--border-subtle);width:min(360px,100%);box-shadow:var(--shadow-small);border-radius:16px;padding:16px;position:absolute;top:44px;right:0}.origami-step-count{color:var(--text-dark)}.origami-progress{gap:4px;height:5px;display:flex}.origami-progress span{background:var(--border-subtle);border-radius:4px;flex:1}.origami-progress .is-done{background:var(--primary-green)}.origami-progress .is-current{background:var(--primary-yellow)}.origami-step-body{gap:12px;min-height:0;display:grid}.origami-paper-panel{background:var(--bg-cream);border-radius:18px;flex-direction:column;align-items:center;min-width:0;padding:8px;display:flex}.origami-view-switch{background:var(--surface-base);border-radius:999px;gap:4px;padding:3px;display:flex}.origami-view-switch button{min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:14px}.origami-view-switch button[aria-pressed=true]{background:var(--primary-yellow);color:var(--text-dark)}.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:3px;width:13px;height:13px;display:inline-block}.origami-back-swatch{background:#fffdf5;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:12px;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(--surface-base);border:1px solid var(--border-subtle);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.origami-complete-badge{background:var(--primary-yellow);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(--font-jua),sans-serif;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;color:var(--text-dark);border:1px solid var(--border-subtle);background:var(--surface-base);touch-action:manipulation;cursor:pointer;border-radius:12px;min-width:44px;min-height:44px}.dress-up-toolbar button{height:48px;box-shadow:var(--shadow-small);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(--primary-pink);border-color:var(--primary-pink)}.dress-up-history-label{display:none}.dress-up-toolbar button:disabled,.dress-up-wardrobe button:disabled{cursor:default;color:var(--text-muted);opacity:.5;box-shadow:none}.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:color-mix(in srgb,var(--primary-purple)8%,var(--surface-base));border:2px solid var(--border-subtle);min-width:0;min-height:0;box-shadow:var(--shadow-small);border-radius:20px;flex:1 1 0;padding:4px;position:relative}.dress-up-board-card.is-drop-ready{border-style:dashed;border-color:var(--primary-purple)}.dress-up-board-card.is-over{border-style:solid;border-color:var(--primary-green)}.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:color-mix(in srgb,var(--primary-purple)18%,var(--surface-base));border:2px solid var(--primary-purple);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(--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(--primary-purple);background:color-mix(in srgb,var(--primary-purple)10%,var(--surface-base))}.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{background:var(--primary-purple);width:20px;height:20px;color:var(--text-dark);text-align:center;border-radius:50%;font-size:16px;line-height:20px;position:absolute;top:2px;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{min-width:64px;min-height:48px}.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(--primary-purple);background:var(--surface-elevated);width:96px;box-shadow:var(--shadow-medium);pointer-events:none;font:16px var(--font-jua),sans-serif;text-align:center;border-radius:16px;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(--font-jua),sans-serif;gap:16px}.dress-up-gallery-intro{color:var(--text-muted);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(--text-dark);border:1px solid var(--border-subtle);background:var(--surface-base);box-shadow:var(--shadow-small);word-break:keep-all;overflow-wrap:anywhere;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.dress-up-set-card>img{aspect-ratio:14/17;object-fit:contain;background:color-mix(in srgb,var(--primary-purple)8%,var(--surface-base));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-surface);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-surface);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}}
.hidden-picture-gallery-section{width:100%;padding:28px 20px 44px;display:block}.hidden-picture-gallery-header{max-width:760px;margin-bottom:22px}.hidden-picture-gallery-header h2{color:var(--text-dark);font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.15}.hidden-picture-gallery-header>p:last-child{color:var(--text-muted);font-family:var(--font-gaegu);margin-top:8px;font-size:1.08rem;line-height:1.45}.hidden-picture-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.hidden-picture-gallery-card{background:var(--surface-elevated);height:100%;box-shadow:var(--shadow-medium);color:inherit;border:1px solid #694b2829;border-radius:24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;overflow:hidden}.hidden-picture-gallery-card:hover{box-shadow:var(--shadow-large);border-color:#8a4d166b;transform:translateY(-3px)}.hidden-picture-gallery-card:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.hidden-picture-gallery-image-wrap{background:#d9c49e;width:100%;display:block;position:relative;overflow:hidden}.hidden-picture-gallery-image{object-fit:cover;transition:transform .22s}.hidden-picture-gallery-card:hover .hidden-picture-gallery-image{transform:scale(1.015)}.hidden-picture-gallery-count{color:#fff;background:#263d28e6;border:1px solid #ffffffc7;border-radius:999px;padding:7px 10px;font-size:.78rem;line-height:1;position:absolute;bottom:12px;right:12px}.hidden-picture-gallery-copy{gap:8px;padding:18px 20px 20px;display:grid}.hidden-picture-gallery-copy>strong{color:var(--text-dark);font-size:1.28rem}.hidden-picture-gallery-copy>span:not(.hidden-picture-gallery-action){color:var(--text-muted);font-family:var(--font-gaegu);font-size:1rem;line-height:1.4}.hidden-picture-gallery-action{min-height:var(--touch-target-min);color:#614500;background:#fff4aa;border-radius:14px;justify-content:space-between;align-items:center;margin-top:3px;padding:10px 13px;font-size:.9rem;display:inline-flex}.hidden-picture-gallery-action>span{font-size:1.2rem}.hidden-picture-section{width:100%;padding:18px 20px 36px;display:block}.hidden-picture-sr-instructions,.hidden-picture-feedback-live{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden-picture-layout{grid-template-columns:minmax(0,2.35fr) minmax(290px,.9fr);align-items:stretch;gap:18px;min-width:0;display:grid}.hidden-picture-scene-card,.hidden-picture-sidebar{background:var(--surface-elevated);min-width:0;box-shadow:var(--shadow-medium);border:1px solid #694b2826;border-radius:24px}.hidden-picture-scene-card{padding:10px}.hidden-picture-stage{cursor:crosshair;isolation:isolate;touch-action:manipulation;background:#d9c49e;border:3px solid #f1d09d;border-radius:18px;width:100%;position:relative;overflow:hidden}.hidden-picture-stage.is-wrong{animation:.32s ease-out hidden-picture-shake}.hidden-picture-scene-image{z-index:0;object-fit:contain;pointer-events:none}.hidden-picture-target-button{z-index:4;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:0;min-height:0;padding:0;position:absolute}.hidden-picture-target-button:after{content:attr(data-target-name);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;background:#2d3436e6;border-radius:999px;max-width:140px;padding:4px 8px;font-size:.72rem;line-height:1.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden-picture-target-button:focus-visible{outline:4px solid var(--primary-yellow);outline-offset:2px;background:#ffd93d33}.hidden-picture-target-button:focus-visible:after{opacity:1}.hidden-picture-found-marker,.hidden-picture-hint-marker{z-index:5;pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute}.hidden-picture-found-marker{background:#ffffff1f;border:3px solid #1e8f49;box-shadow:0 0 0 3px #ffffffd1}.hidden-picture-found-marker>span{width:29px;height:29px;box-shadow:var(--shadow-small);color:#fff;background:#14733a;border:2px solid #fff;border-radius:50%;place-items:center;font:800 18px/1 sans-serif;display:grid}.hidden-picture-hint-marker{z-index:6;border:4px solid var(--primary-yellow);background:#ffd93d33;animation:.7s ease-in-out 3 hidden-picture-hint;box-shadow:0 0 0 7px #ffffffb8}.hidden-picture-wrong-marker{z-index:6;border:4px solid var(--danger-surface);pointer-events:none;background:#ffffff73;border-radius:50%;width:44px;height:44px;animation:.65s ease-out forwards hidden-picture-wrong;position:absolute;transform:translate(-50%,-50%)}.hidden-picture-answer-overlay{z-index:8;pointer-events:none;background:#1d2d2114;position:absolute;inset:0}.hidden-picture-answer-marker{background:#1c482b42;border:3px solid #ffe047;border-radius:12px;place-items:center;min-width:26px;min-height:26px;display:grid;position:absolute;box-shadow:0 0 0 3px #ffffffe6}.hidden-picture-answer-number{color:#3f2d11;background:#fff3a0;border-radius:50%;place-items:center;width:24px;height:24px;font:800 .78rem/1 sans-serif;display:grid}.hidden-picture-answer-label{color:#fff;text-align:center;white-space:nowrap;background:#223a27f0;border:1px solid #ffffffe6;border-radius:8px;width:max-content;max-width:150px;padding:4px 7px;font-size:clamp(.62rem,1.5vw,.82rem);line-height:1.1;position:absolute;left:50%;transform:translate(-50%)}.hidden-picture-answer-marker.label-below .hidden-picture-answer-label{top:calc(100% + 7px)}.hidden-picture-answer-marker.label-above .hidden-picture-answer-label{bottom:calc(100% + 7px)}.hidden-picture-sidebar{flex-direction:column;height:0;min-height:100%;padding:16px;display:flex;overflow:hidden}.hidden-picture-sidebar-heading p{color:#8a4d16;letter-spacing:.04em;margin-bottom:4px;font-size:.82rem;font-weight:700}.hidden-picture-sidebar-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hidden-picture-sidebar-heading h3{font-size:1.15rem}.hidden-picture-sidebar-heading>span{color:#61431f;background:#f3eadb;border-radius:50%;place-items:center;min-width:48px;height:48px;font-size:.92rem;display:grid}.hidden-picture-target-list{overscroll-behavior:contain;scrollbar-color:#c6a977 #f6efe4;scrollbar-gutter:stable;scrollbar-width:thin;gap:8px;min-height:0;padding:2px 5px 2px 2px;list-style:none;display:grid;overflow-y:auto}.hidden-picture-target-list:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:2px;border-radius:12px}.hidden-picture-target-list::-webkit-scrollbar{width:9px}.hidden-picture-target-list::-webkit-scrollbar-track{background:#f6efe4;border-radius:999px}.hidden-picture-target-list::-webkit-scrollbar-thumb{background:#c6a977;border:2px solid #f6efe4;border-radius:999px}.hidden-picture-target-list li{border:1px solid var(--border-subtle);background:var(--surface-base);border-radius:15px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:7px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.hidden-picture-target-number{z-index:1;color:#3f2d11;background:#fff3a0;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font:800 .78rem/1 sans-serif;display:none;position:absolute;top:2px;left:2px}.hidden-picture-target-list li.is-found{background:#f0faef;border-color:#8ed19c}.hidden-picture-target-list li.is-hinted{background:#fff9d9;border-color:#e6b800;transform:translate(-3px)}.hidden-picture-target-preview{object-fit:contain;background:#fffaf0;border:2px solid #f0dfc5;border-radius:12px;width:54px;height:54px;padding:4px;display:block}.hidden-picture-target-preview.is-sprite-crop{background-color:#0000;flex:0 0 54px;padding:0}.hidden-picture-target-copy{gap:2px;min-width:0;display:grid}.hidden-picture-target-copy strong{overflow-wrap:anywhere;color:var(--text-dark);font-size:.91rem;line-height:1.15}.hidden-picture-target-copy>span{color:var(--text-muted);font-size:.72rem}.hidden-picture-target-status{min-width:44px;color:var(--text-muted);white-space:nowrap;justify-items:center;gap:2px;font-size:.66rem;display:grid}.hidden-picture-target-status .system-icon{color:#1c7d40;width:22px;height:22px}.hidden-picture-controls,.hidden-picture-complete-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.hidden-picture-button{min-height:var(--touch-target-min);font:inherit;cursor:pointer;border:2px solid #0000;border-radius:14px;flex:120px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:.88rem;display:inline-flex}.hidden-picture-button .system-icon{width:20px;height:20px}.hidden-picture-button:disabled{cursor:not-allowed;opacity:.55}.hint-button{color:#614500;background:#fff4aa;border-color:#d7a900}.restart-button{color:#5d4630;background:#fff;border-color:#d4c2aa}.answer-button{color:#145c31;background:#def4e3;border-color:#2a8a50}.hidden-picture-complete-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c251e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hidden-picture-complete-dialog{text-align:center;background:linear-gradient(145deg,#fff9d9,#edf9e9);border:2px solid #f0bd32;border-radius:24px;width:min(430px,100%);max-height:calc(100dvh - 40px);padding:32px 28px 26px;animation:.22s ease-out hidden-picture-dialog-in;position:relative;overflow-y:auto;box-shadow:0 24px 70px #252e2657}.hidden-picture-complete-close{width:var(--touch-target-min);height:var(--touch-target-min);color:#5d4630;cursor:pointer;background:#ffffffb8;border:0;border-radius:50%;place-items:center;padding:0;font:700 1.5rem/1 sans-serif;display:grid;position:absolute;top:12px;right:12px}.hidden-picture-complete-icon{color:#b26a00;width:42px;height:42px;margin-bottom:6px}.hidden-picture-complete-dialog h2{color:#5d3c00;font-size:1.65rem}.hidden-picture-complete-dialog p{color:var(--text-muted);margin-top:8px;font-size:.95rem;line-height:1.5}.hidden-picture-complete-close:focus-visible,.hidden-picture-complete-dialog .hidden-picture-button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes hidden-picture-hint{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.14)}}@keyframes hidden-picture-wrong{0%{opacity:1;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@keyframes hidden-picture-shake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}65%{transform:translate(4px)}}@keyframes hidden-picture-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.hidden-picture-layout{grid-template-columns:minmax(0,1fr)}.hidden-picture-sidebar{height:auto;min-height:0;overflow:visible}.hidden-picture-target-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(400px,45dvh)}}@media (max-width:600px){.hidden-picture-gallery-section{padding:18px 8px 32px}.hidden-picture-gallery-header{margin-bottom:16px}.hidden-picture-gallery-header>p:last-child{font-size:1rem}.hidden-picture-gallery{grid-template-columns:minmax(0,1fr);gap:14px}.hidden-picture-gallery-card{border-radius:18px}.hidden-picture-gallery-copy{padding:14px 15px 16px}.hidden-picture-section{padding:12px 8px 28px}.hidden-picture-layout{gap:12px}.hidden-picture-scene-card{border-radius:18px;padding:6px}.hidden-picture-stage{border-width:2px;border-radius:13px}.hidden-picture-sidebar{border-radius:18px;padding:12px}.hidden-picture-target-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hidden-picture-target-list li{grid-template-columns:44px minmax(0,1fr);gap:7px;padding:6px}.hidden-picture-target-preview{border-radius:10px;width:44px;height:44px}.hidden-picture-target-status{grid-area:2/2;justify-self:start;min-width:0;min-height:0;display:flex}.hidden-picture-target-status .system-icon{width:16px;height:16px}.hidden-picture-controls{z-index:10;box-shadow:var(--shadow-medium);background:#fffffff0;border:1px solid #694b2829;border-radius:16px;padding:8px;position:sticky;bottom:8px}.hidden-picture-complete-backdrop{padding:12px}.hidden-picture-complete-dialog{border-radius:20px;max-height:calc(100dvh - 24px);padding:28px 18px 20px}.hidden-picture-answer-label{max-width:110px;padding:3px 5px}.hidden-picture-answer-marker.answer-target-acorn-bookmark .hidden-picture-answer-label{transform:translate(calc(12px - 50%))}.hidden-picture-answer-marker.answer-target-blue-feather .hidden-picture-answer-label{transform:translate(calc(-50% - 2px))}.hidden-picture-answer-marker.answer-target-leaf-eraser .hidden-picture-answer-label{transform:translate(calc(-50% + clamp(60px,20vw,78px)))}.hidden-picture-answer-marker.answer-target-magnifying-glass .hidden-picture-answer-label{top:auto;bottom:calc(100% + 7px);transform:translate(calc(-50% - clamp(28px,9vw,36px)))}.hidden-picture-answer-marker.answer-target-striped-scarf .hidden-picture-answer-label{top:calc(100% + 2px)}}@media (max-width:350px){.hidden-picture-target-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.hidden-picture-answer-label{display:none}.hidden-picture-target-number{display:grid}}@media (prefers-reduced-motion:reduce){.hidden-picture-gallery-card,.hidden-picture-gallery-image,.hidden-picture-target-list li{transition:none}.hidden-picture-gallery-card:hover,.hidden-picture-gallery-card:hover .hidden-picture-gallery-image{transform:none}.hidden-picture-stage.is-wrong,.hidden-picture-hint-marker,.hidden-picture-wrong-marker,.hidden-picture-complete-dialog{animation:none}}
.guestbook-section{width:min(100%,900px);margin-inline:auto;overflow-x:clip}.guestbook-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.guestbook-heading>p{max-width:25rem;color:var(--text-muted);text-align:right}.guestbook-eyebrow{color:var(--primary-purple);margin-bottom:4px;font-weight:800}.guestbook-title{font-family:var(--font-jua),sans-serif;color:var(--text-dark);font-size:clamp(1.7rem,5vw,2.35rem)}.guestbook-form{min-width:0;box-shadow:var(--card-shadow);background:#fff;border:2px solid #6f4bd32e;border-radius:24px;margin-bottom:24px;padding:clamp(18px,4vw,28px)}.guestbook-form label{color:var(--text-dark);margin-bottom:10px;font-weight:800;display:block}.guestbook-form textarea{resize:vertical;width:100%;max-width:100%;min-height:116px;color:var(--text-dark);font:inherit;overflow-wrap:anywhere;background:#fff;border:2px solid #d9d2ef;border-radius:16px;padding:14px;line-height:1.55;display:block}.guestbook-form-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.guestbook-counter{color:var(--text-muted);font-variant-numeric:tabular-nums}.guestbook-primary-button,.guestbook-load-more,.guestbook-delete-button,.guestbook-dialog button{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border-radius:999px;font-weight:800}.guestbook-primary-button{background:var(--primary-purple);color:#fff;border:0;padding:10px 20px}.guestbook-primary-button:disabled,.guestbook-load-more:disabled,.guestbook-delete-button:disabled,.guestbook-dialog button:disabled{cursor:wait;opacity:.6}.guestbook-primary-button:focus-visible,.guestbook-load-more:focus-visible,.guestbook-delete-button:focus-visible,.guestbook-dialog button:focus-visible,.guestbook-form textarea:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.guestbook-live-status{color:#a1263f;min-height:1.5em;margin-top:10px;line-height:1.5}.guestbook-live-status span{display:block}.guestbook-list-status{min-height:0}.guestbook-error{color:#a1263f;background:#fff2f5;border-radius:14px;margin-bottom:14px;padding:12px 16px}.guestbook-list{gap:14px;min-width:0;display:grid}.guestbook-entry{background:#fff;border:1px solid #6f4bd329;border-radius:20px;min-width:0;padding:20px;position:relative;box-shadow:0 8px 24px #432b7514}.guestbook-entry-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.9rem;display:flex}.guestbook-entry-meta strong{color:var(--primary-purple)}.guestbook-message{min-width:0;color:var(--text-dark);white-space:pre-wrap;overflow-wrap:anywhere;padding-right:64px;line-height:1.65}.guestbook-delete-button{color:#a1263f;background:#fff7f8;border:1px solid #e1b0ba;padding-inline:12px;position:absolute;bottom:12px;right:14px}.guestbook-load-more{border:2px solid var(--primary-purple);color:var(--primary-purple);background:#fff;margin:20px auto 0;padding:10px 24px;display:block}.guestbook-dialog-backdrop{z-index:10000;background:#1c142d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guestbook-dialog{text-align:center;background:#fff;border-radius:22px;width:min(100%,380px);padding:28px;box-shadow:0 20px 60px #140c244d}.guestbook-dialog h3{font-family:var(--font-jua),sans-serif;margin-bottom:10px;font-size:1.45rem}.guestbook-dialog p{color:var(--text-muted);line-height:1.55}.guestbook-dialog-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.guestbook-dialog button{color:var(--text-dark);background:#fff;border:1px solid #d8d1e7;padding:10px 20px}.guestbook-dialog .guestbook-dialog-delete{color:#fff;background:#b4233f;border-color:#b4233f}@media (max-width:600px){.guestbook-heading{flex-direction:column;align-items:flex-start;gap:8px}.guestbook-heading>p{text-align:left}.guestbook-form,.guestbook-entry{border-radius:18px}.guestbook-entry-meta{flex-direction:column;align-items:flex-start;gap:4px}.guestbook-message{padding-bottom:44px;padding-right:0}}@media (prefers-reduced-motion:reduce){.guestbook-section *,.guestbook-dialog-backdrop{scroll-behavior:auto;transition:none!important;animation:none!important}}html.is-native-app a[href=\/guestbook]{display:none}
.policy-page{max-width:42rem;color:var(--text-dark);height:100%;margin:0 auto;padding:2rem 1.25rem 4rem;line-height:1.75;overflow-y:auto}.policy-page h1{margin-bottom:.25rem;font-size:1.6rem}.policy-updated{color:var(--text-light);margin-bottom:2rem;font-size:.9rem}.policy-page section{margin-bottom:1.75rem}.policy-page h2{margin-bottom:.5rem;font-size:1.1rem}.policy-page ul{padding-left:1.2rem;list-style:outside}.policy-page li{margin-bottom:.35rem}.policy-page a{color:var(--primary-blue);text-decoration:underline}
.admin-page{width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.admin-page h1{margin-bottom:1.5rem;font-size:1.5rem}.admin-tabs{border-bottom:1px solid #e8e0cf;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-tab{color:#6b6357;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:.6rem .9rem;font-size:.95rem}.admin-tab:hover{background:#faf6ec}.admin-tab.is-active{color:#3d3730;border-bottom-color:#f2709c;font-weight:700}.admin-block{margin-bottom:2.5rem}.admin-block h2{color:#6b6357;margin:1.25rem 0 .5rem;font-size:.95rem}.admin-block>:first-child{margin-top:0}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.admin-card{background:#fffdf7;border:1px solid #e8e0cf;border-radius:12px;flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.admin-card span{color:#7a7264;font-size:.8rem}.admin-card strong{font-size:1.5rem}.admin-trend{align-items:flex-end;gap:3px;height:96px;margin:0;padding:0;list-style:none;display:flex}.admin-trend li{flex:1;align-items:flex-end;height:100%;display:flex}.admin-bar{background:#ff2a6d;border-radius:3px 3px 0 0;width:100%;min-height:2px}.admin-hint{color:#7a7264;margin-top:.5rem;font-size:.8rem}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eee6d6;padding:.6rem .5rem}.admin-table button,.admin-entry-meta button{cursor:pointer;background:#fff;border:1px solid #d8cfbc;border-radius:8px;padding:.35rem .7rem;font-size:.85rem}.admin-table button:disabled{opacity:.5;cursor:default}.admin-badge{color:#fff;background:#ff2a6d;border-radius:6px;margin-left:.4rem;padding:.1rem .4rem;font-size:.7rem}.admin-entries{margin:0;padding:0;list-style:none}.admin-entries li{border-bottom:1px solid #eee6d6;padding:.75rem 0}.admin-entries li.is-deleted p{color:#a39a8a}.admin-entries p{margin:0 0 .4rem}.admin-entry-meta{color:#7a7264;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.admin-grant{gap:.5rem;margin-bottom:.5rem;display:flex}.admin-grant input{border:1px solid #d8cfbc;border-radius:8px;flex:1;min-width:0;padding:.5rem .6rem;font-size:.9rem}.admin-grant button{cursor:pointer;background:#fff;border:1px solid #d8cfbc;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}.admin-grant button:disabled{opacity:.5;cursor:default}.admin-uid{word-break:break-all;font-size:.8rem}
.content:has(>.typing-garden-section){padding-block:var(--screen-gutter)calc(var(--screen-gutter) + env(safe-area-inset-bottom,0px))}.typing-garden-section,.typing-garden-list-section{--garden-accent:var(--primary-green);--garden-petal:var(--primary-pink);--garden-sky:color-mix(in srgb,var(--primary-blue)16%,var(--surface-base));width:100%;max-width:1200px;color:var(--text-dark);font-family:var(--font-jua),sans-serif;margin:0 auto}.typing-garden-section{flex-direction:column;flex:1 0 auto;padding:0;display:flex}.typing-garden-list-section{align-content:start;gap:16px;padding-block:14px 8px;display:grid}.typing-garden-list-section h2,.typing-garden-list-section h3,.typing-garden-list-section p{margin:0}.typing-garden-list-section :focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.typing-theme-sunset{--garden-accent:var(--primary-orange);--garden-petal:var(--primary-purple);--garden-sky:color-mix(in srgb,var(--primary-purple)14%,var(--surface-base))}.typing-garden-card{border:3px solid color-mix(in srgb,var(--garden-accent)30%,var(--border-subtle));background:var(--surface-base);box-shadow:var(--shadow-medium);word-break:keep-all;overflow-wrap:anywhere;border-radius:28px;flex-direction:column;flex:1 0 auto;gap:10px;padding:14px 18px 16px;display:flex;position:relative}.typing-garden-card h2,.typing-garden-card h3,.typing-garden-card p{margin:0}.typing-garden-card button,.typing-garden-card input,.typing-garden-card select{font:inherit}.typing-garden-card button{cursor:pointer}.typing-garden-card button:disabled{cursor:default;opacity:.55}.typing-garden-card :focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.typing-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typing-button{border:2px solid color-mix(in srgb,var(--text-dark)12%,var(--border-subtle));background:var(--surface-base);min-width:48px;min-height:48px;color:var(--text-dark);border-bottom-width:4px;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:16px;line-height:1.3;text-decoration:none;transition:transform .12s,background-color .12s,border-color .12s;display:inline-flex}.typing-button:hover:not(:disabled){border-color:var(--garden-accent);background:color-mix(in srgb,var(--garden-accent)10%,var(--surface-base))}.typing-button:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.typing-primary{background:var(--primary-yellow);border-color:color-mix(in srgb,var(--primary-orange)55%,var(--primary-yellow));box-shadow:var(--shadow-small);font-size:20px}.typing-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary-orange)22%,var(--primary-yellow));border-color:var(--primary-orange)}.typing-button .system-icon{width:22px;height:22px}.typing-icon-button{padding:8px;position:relative}.typing-icon-button[aria-pressed=true]{background:color-mix(in srgb,var(--primary-yellow)60%,var(--surface-base));border-color:var(--primary-orange)}.typing-icon-button i{background:var(--danger-text);border-radius:2px;width:3px;position:absolute;inset-block:12px;inset-inline-start:50%;transform:rotate(45deg)}.typing-growth-art{object-fit:contain;object-position:bottom center;width:100%;height:100%;display:block}.typing-hero{background:linear-gradient(160deg,var(--garden-sky),var(--bg-cream)70%);border:2px solid color-mix(in srgb,var(--garden-accent)25%,transparent);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 22px;padding:18px 22px;display:grid}.typing-hero-art{gap:6px;display:flex}.typing-hero-art .typing-growth-art{width:62px;height:62px}.typing-hero-art .typing-growth-art:nth-child(2){animation:2.6s ease-in-out infinite typing-bob}.typing-hero-art .typing-growth-art:nth-child(3){animation:2.6s ease-in-out .4s infinite typing-bob}.typing-hero-text{justify-items:start;gap:6px;display:grid}.typing-hero-eyebrow{color:var(--text-muted);font-size:15px}.typing-hero h2{font-size:clamp(26px,3.2vw,34px)}.typing-hero p{color:var(--text-muted);line-height:1.6}.typing-section-title{padding-inline-start:4px;font-size:20px}.typing-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.typing-stage-grid>li{display:flex}.typing-stage{--stage-tone:var(--primary-green);text-align:left;border:3px solid color-mix(in srgb,var(--stage-tone)45%,var(--surface-base));width:100%;color:var(--text-dark);background:linear-gradient(180deg,color-mix(in srgb,var(--stage-tone)14%,var(--surface-base)),var(--surface-base)62%);border-bottom-width:6px;border-radius:22px;align-content:start;gap:6px;min-height:48px;padding:14px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:grid}.typing-stage[data-tone=green]{--stage-tone:var(--primary-green)}.typing-stage[data-tone=yellow]{--stage-tone:var(--primary-yellow)}.typing-stage[data-tone=pink]{--stage-tone:var(--primary-pink)}.typing-stage[data-tone=orange]{--stage-tone:var(--primary-orange)}.typing-stage[data-tone=purple]{--stage-tone:var(--primary-purple)}.typing-stage[data-tone=blue]{--stage-tone:var(--primary-blue)}.typing-stage:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.typing-stage:active{border-bottom-width:3px;transform:translateY(1px)}.typing-stage-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.typing-stage-top .typing-growth-art{flex-shrink:0;width:52px;height:52px}.typing-stage-letter{background:color-mix(in srgb,var(--stage-tone)45%,var(--surface-base));min-width:40px;height:34px;color:var(--text-dark);border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:18px;display:inline-flex}.typing-stage strong{font-size:21px}.typing-stage-desc{color:var(--text-muted);font-size:15px;line-height:1.45}.typing-stage-example{background:color-mix(in srgb,var(--stage-tone)16%,var(--bg-cream));text-align:center;border-radius:12px;margin-top:2px;padding:6px 10px;font-size:17px;font-weight:400}.typing-settings-body{gap:6px;padding-bottom:10px;display:grid}.typing-settings-label{color:var(--text-muted);font-size:15px}.typing-session-note{color:var(--text-muted);font-size:14px;line-height:1.6}.typing-options{flex-wrap:wrap;align-items:center;gap:6px 20px;display:flex}.typing-options label{cursor:pointer;align-items:center;gap:8px;min-height:48px;display:inline-flex}.typing-options input{width:22px;height:22px;accent-color:var(--garden-accent)}.typing-options select{border:2px solid var(--border-subtle);background:var(--surface-base);min-height:48px;color:var(--text-dark);border-radius:12px;padding:8px}.typing-input-choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.typing-input-choice button[aria-pressed=true]{background:var(--primary-yellow);border-color:var(--primary-orange)}.typing-input-choice p{color:var(--text-muted);flex-basis:100%;font-size:14px}.typing-hint-details summary{cursor:pointer;min-height:48px;color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}.typing-hint-details summary:before{content:"+";padding:0 6px;font-size:20px}.typing-hint-details[open] summary:before{content:"−"}.typing-hint-details summary .system-icon{width:18px;height:18px}.typing-hints{font-size:15px}.typing-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.typing-stage-chip{--stage-tone:var(--garden-accent);background:color-mix(in srgb,var(--stage-tone)28%,var(--surface-base));border:2px solid color-mix(in srgb,var(--stage-tone)55%,var(--surface-base));border-radius:999px;padding:8px 16px;font-size:17px}.typing-stage-chip[data-tone=green]{--stage-tone:var(--primary-green)}.typing-stage-chip[data-tone=yellow]{--stage-tone:var(--primary-yellow)}.typing-stage-chip[data-tone=pink]{--stage-tone:var(--primary-pink)}.typing-stage-chip[data-tone=orange]{--stage-tone:var(--primary-orange)}.typing-stage-chip[data-tone=purple]{--stage-tone:var(--primary-purple)}.typing-stage-chip[data-tone=blue]{--stage-tone:var(--primary-blue)}.typing-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.typing-steps li{background:var(--surface-muted);border:2px solid var(--border-subtle);border-radius:50%;width:18px;height:18px}.typing-steps li.is-done{background:var(--garden-petal);border-color:color-mix(in srgb,var(--garden-petal)70%,var(--text-dark))}.typing-steps li.is-rest{background:var(--surface-muted);border-style:dashed;border-color:var(--text-muted)}.typing-steps li.is-current{background:var(--primary-yellow);border-color:var(--primary-orange);animation:1.6s ease-in-out infinite typing-bob;transform:scale(1.25)}.typing-controls{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.typing-skip{color:var(--text-muted);font-size:15px}.typing-garden-bed{isolation:isolate;border:2px solid color-mix(in srgb,var(--garden-accent)25%,var(--border-subtle));background:url(/typing-garden/garden-scene.webp) center bottom/cover no-repeat,linear-gradient(180deg,var(--garden-sky)0 62%,color-mix(in srgb,var(--garden-sky)55%,var(--bg-cream))100%);border-radius:22px;flex-direction:column;flex:1 0 auto;justify-content:flex-end;padding:8px 12px 0;display:flex;position:relative;overflow:hidden}.typing-theme-sunset .typing-garden-bed:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-orange)45%,transparent),color-mix(in srgb,var(--primary-purple)30%,transparent));mix-blend-mode:multiply;position:absolute;inset:0}.typing-garden-row{flex:auto;justify-content:center;align-items:flex-end;gap:6px;min-height:0;display:flex}.typing-garden-plot{text-align:center;flex-direction:column;justify-content:flex-end;width:104px;max-width:18%;height:100%;display:flex}.typing-garden-plant{flex:44px;min-height:0;max-height:104px;display:block;position:relative}.typing-garden-plant img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.typing-garden-plot small{min-height:20px;color:var(--text-muted);text-shadow:0 1px 2px color-mix(in srgb,var(--surface-base)80%,transparent);font-size:13px;line-height:20px;display:block}.typing-garden-plot.is-empty .typing-garden-plant{opacity:.38}.typing-garden-plot.is-rest .typing-garden-plant{opacity:.7}.typing-garden-plot.is-grown small{color:var(--text-dark)}.typing-garden-plot.is-current small{color:var(--text-dark);background:var(--primary-yellow);border:2px solid var(--primary-orange);text-shadow:none;border-radius:10px;line-height:16px}.typing-garden-plot.is-current .typing-garden-plant{animation:1.6s ease-in-out infinite typing-marker-bob}.typing-garden-plot.is-grown .typing-garden-plant{animation:typing-sprout .6s var(--bounce)both;transform-origin:bottom}.typing-garden-plot.is-grown .typing-garden-plant:after{content:"";border:4px dashed color-mix(in srgb,var(--primary-yellow)85%,var(--primary-orange));border-radius:50%;animation:.9s ease-out both typing-sprinkles;position:absolute;inset:6% 6% 18%}@keyframes typing-sprout{0%{opacity:0;transform:scale(.2)translateY(30%)}60%{opacity:1;transform:scale(1.12)translateY(0)}to{transform:scale(1)}}@keyframes typing-sprinkles{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(1.9)}}@keyframes typing-marker-bob{50%{transform:translateY(-5px)}}@keyframes typing-bob{50%{transform:translateY(-5px)}}@keyframes typing-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes typing-burst{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes typing-char-fill{0%{transform:scale(1.35)}to{transform:scale(1)}}.typing-problem-content{flex-direction:column;flex:none;gap:10px;display:flex}.typing-problem-content[hidden]{display:none!important}.typing-play{flex-direction:column;justify-content:center;gap:8px;display:flex}.typing-question-card{text-align:center;background:linear-gradient(180deg,var(--bg-cream),color-mix(in srgb,var(--garden-accent)8%,var(--bg-cream)));border:2px solid color-mix(in srgb,var(--garden-accent)22%,var(--border-subtle));border-radius:22px;padding:12px 18px}.typing-target-card{justify-content:center;align-items:center;gap:20px;display:flex}.typing-word-image{object-fit:contain;background:var(--surface-base);border:3px solid color-mix(in srgb,var(--garden-accent)30%,var(--surface-base));border-radius:24px;flex-shrink:0;width:118px;height:118px;padding:6px}.typing-word-plant{justify-content:center;align-items:center;display:flex}.typing-target-main{justify-items:center;gap:6px;display:grid}.typing-target{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;line-height:1.15;display:flex}.typing-target-char{background:var(--surface-base);border:3px solid var(--border-subtle);min-width:1.15em;color:var(--text-dark);border-radius:16px;justify-content:center;align-items:center;padding:4px 8px;font-size:clamp(46px,5.4vw,68px);display:inline-flex}.typing-sentence .typing-target-char{border-radius:12px;padding:3px 6px;font-size:clamp(30px,3.6vw,46px)}.typing-target-char.is-typed{background:color-mix(in srgb,var(--primary-green)32%,var(--surface-base));border-color:var(--primary-green);animation:.22s ease-out typing-char-fill}.typing-target-char.is-wrong{background:var(--primary-yellow);border-color:var(--primary-orange);border-style:dashed}.typing-target-space{color:var(--text-muted);padding-inline:4px;font-size:clamp(20px,2vw,26px);display:inline-block}.typing-replay{min-height:44px;padding:6px 14px;font-size:15px}.typing-breakdown{color:var(--text-muted);padding-top:8px;font-size:17px}.typing-inline-guide{text-align:center;background:color-mix(in srgb,var(--primary-blue)12%,var(--surface-base));border:2px dashed color-mix(in srgb,var(--primary-blue)40%,var(--surface-base));border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;width:fit-content;max-width:100%;margin-inline:auto;padding:6px 14px;font-size:14px;line-height:1.45;display:flex}.typing-input-row{justify-content:center;gap:10px;display:flex}.typing-input-row>button{white-space:nowrap;flex-shrink:0}.typing-input-row input{border:3px solid color-mix(in srgb,var(--garden-accent)45%,var(--border-subtle));background:var(--surface-base);width:min(100%,520px);min-width:0;min-height:60px;color:var(--text-dark);text-align:center;border-radius:18px;padding:8px 16px;font-size:32px}.typing-input-row input::placeholder{color:var(--text-muted);font-size:20px}.typing-input-row input[aria-invalid=true]{border-color:var(--primary-orange);border-style:dashed}.typing-position-input{border:3px dashed color-mix(in srgb,var(--garden-accent)55%,var(--border-subtle));text-align:center;background:color-mix(in srgb,var(--garden-accent)8%,var(--surface-base));border-radius:18px;min-height:56px;padding:14px;font-size:20px}.typing-feedback{text-align:center;min-height:24px;color:var(--text-muted);font-size:15px}.typing-success{text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-yellow)26%,var(--surface-base)),var(--bg-cream));border:3px solid color-mix(in srgb,var(--primary-orange)40%,var(--surface-base));animation:typing-pop-in .3s var(--bounce)both;border-radius:24px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex}.typing-success-art{width:96px;height:96px;position:relative}.typing-success-art .typing-growth-art{z-index:1;animation:typing-pop-in .45s .1s var(--bounce)both;position:relative}.typing-success-pop{border:5px dashed var(--primary-orange);border-radius:50%;animation:.9s ease-out both typing-burst;position:absolute;inset:8px}.typing-success p{align-items:center;gap:8px;font-size:22px;display:flex}.typing-success .system-icon{width:26px;height:26px}.typing-next-button{padding:12px 28px;font-size:21px}.typing-keyboard-area{gap:6px;margin-top:auto;display:grid}.typing-next-key{min-height:34px;color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.typing-next-key b{color:var(--text-dark);background:var(--primary-yellow);border:2px solid var(--primary-orange);border-radius:12px;padding:2px 12px;font-size:22px}.typing-key-location{text-align:center;color:var(--text-muted);font-size:13px}.typing-keyboard{border:2px solid var(--border-subtle);background:var(--surface-muted);border-radius:18px;width:100%;max-width:750px;margin:0 auto;padding:6px 8px}.typing-keyboard-row{justify-content:center;gap:5px;padding:2px 0;display:flex}.typing-keyboard-row:nth-child(2){padding-left:18px}.typing-keyboard-row:nth-child(3){padding-right:26px}.typing-key{border:2px solid var(--border-subtle);background:var(--surface-base);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:59px;min-height:38px;padding:4px;display:flex;position:relative}.typing-key small{color:var(--text-muted);flex-direction:column;font-size:10px;display:flex}.typing-key b{font-size:20px;line-height:1}.typing-key i{font-size:7px;font-style:normal;position:absolute;top:0;right:2px}.typing-key.is-target{border-color:var(--text-dark);background:color-mix(in srgb,var(--garden-accent)25%,var(--surface-base))}.typing-key.is-next{outline:3px solid var(--text-dark);outline-offset:1px;background:var(--primary-yellow)}.typing-keyboard.is-emphasized .typing-key.is-target{border-style:dashed;border-width:3px}.typing-key-wide{max-width:80px;font-size:13px}.typing-space{max-width:330px;min-height:28px;font-size:13px}.typing-finger-guide{flex-wrap:wrap;justify-content:space-between;gap:5px;padding:8px;font-size:13px;display:flex}.typing-finger-guide small{text-align:center;flex-basis:100%}.typing-touch-keyboard{width:100%;max-width:880px;margin:0 auto;container:typing-keys/inline-size}.typing-touch-letters{border:2px solid color-mix(in srgb,var(--garden-accent)22%,var(--border-subtle));background:linear-gradient(180deg,var(--surface-muted),color-mix(in srgb,var(--garden-accent)7%,var(--surface-muted)));border-radius:20px;gap:6px;padding:10px;display:grid}.typing-touch-row{justify-content:center;gap:5px;display:flex}.typing-touch-key{border:2px solid color-mix(in srgb,var(--text-dark)12%,var(--border-subtle));background:var(--surface-base);min-width:48px;max-width:82px;min-height:56px;color:var(--text-dark);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-bottom-width:5px;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;padding:4px;transition:transform .1s,background-color .1s;display:flex;position:relative}.typing-touch-key b{font-size:30px;font-weight:400;line-height:1}.typing-touch-key i{color:var(--primary-orange);font-size:9px;font-style:normal;position:absolute;top:2px;right:5px}.typing-touch-key.is-target{border-color:color-mix(in srgb,var(--garden-accent)70%,var(--text-dark));background:color-mix(in srgb,var(--garden-accent)20%,var(--surface-base))}.typing-touch-key.is-next,.typing-touch-actions .is-next{border-color:var(--primary-orange);background:var(--primary-yellow);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-yellow)45%,transparent);animation:1.2s ease-in-out infinite typing-bob}.typing-touch-key:active:not(:disabled){background:var(--primary-yellow);border-bottom-width:2px;transform:translateY(3px)}.typing-touch-actions{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;display:flex}.typing-touch-actions .typing-button{touch-action:manipulation;min-width:48px;min-height:52px;padding:8px 14px;font-size:16px}.typing-touch-actions [aria-pressed=true]{background:var(--primary-yellow);border-color:var(--primary-orange)}.typing-touch-shift{background:color-mix(in srgb,var(--primary-purple)22%,var(--surface-base))}.typing-touch-erase{background:color-mix(in srgb,var(--primary-pink)18%,var(--surface-base))}.typing-touch-space{background:color-mix(in srgb,var(--primary-blue)16%,var(--surface-base));flex:1 0 120px}.typing-touch-move{color:var(--text-muted);flex:none;padding-inline:12px}.typing-touch-done{flex:none}.typing-garden-section[data-input-mode=touch] .typing-position-input{cursor:default}.typing-garden-section[data-input-mode=touch] .typing-input-row input{caret-color:var(--text-dark)}@container typing-keys (max-width:545px){.typing-touch-letters{gap:4px;padding:6px}.typing-touch-row{gap:3px}}@container typing-keys (max-width:519px){.typing-touch-letters{grid-template-columns:repeat(5,minmax(48px,1fr));gap:5px}.typing-touch-row{display:contents}.typing-touch-key{max-width:none}}@container typing-keys (max-width:280px){.typing-touch-letters{grid-template-columns:repeat(4,minmax(48px,1fr))}}.typing-pause{z-index:5;background:color-mix(in srgb,var(--bg-cream)88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:25px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.typing-pause-panel{text-align:center;background:var(--surface-base);border:3px solid var(--garden-accent);max-width:460px;box-shadow:var(--shadow-medium);border-radius:26px;justify-items:center;gap:12px;padding:24px;display:grid}.typing-pause-panel .typing-growth-art{width:72px;height:72px}.typing-pause-panel h2{font-size:26px}.typing-pause-panel p{color:var(--text-muted)}.typing-pause-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.typing-results{text-align:center;flex:1;align-content:center;justify-items:center;gap:14px;padding:20px 12px;display:grid}.typing-results h2{align-items:center;gap:10px;font-size:28px;display:flex}.typing-results h2 .system-icon{width:30px;height:30px;color:var(--primary-orange)}.typing-results .typing-garden-bed{width:min(100%,640px)}.typing-results .typing-garden-plot{width:112px}.typing-results .typing-garden-plot svg{min-height:96px;max-height:120px}.typing-result-counts{font-size:26px}.typing-result-counts b{color:var(--primary-orange);font-size:34px}.typing-result-counts span{color:var(--text-muted);font-size:18px}.typing-result-detail{color:var(--text-muted);max-width:640px;line-height:1.6}.typing-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.typing-result-actions>*{min-width:150px;font-size:19px}.typing-audio-status{text-align:center;color:var(--danger-text);font-size:15px}.typing-audio-status:empty{display:none}@media (min-width:1024px){.typing-garden-section[data-mode=playing] .typing-problem-content,.typing-garden-section[data-mode=success] .typing-problem-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(548px,1.35fr);align-items:center;gap:10px 18px;display:grid}.typing-inline-guide{grid-column:1/-1}.typing-keyboard-area{margin-top:0}}@media (max-width:1023px){.typing-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:700px) and (max-width:1023px){.typing-garden-card{gap:5px;padding:10px 14px 12px}.typing-garden-plot{width:88px}.typing-garden-plot small{min-height:17px;line-height:17px}.typing-word-image{width:88px;height:88px}.typing-target-char{font-size:46px}.typing-sentence .typing-target-char{font-size:32px}.typing-question-card{padding:8px 14px}.typing-inline-guide{padding:4px 10px;font-size:13px}.typing-keyboard-area{gap:4px}.typing-touch-actions{padding-top:6px}.typing-next-key{min-height:28px}.typing-feedback{min-height:20px}}@media (max-width:820px){.typing-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:800px) and (min-width:1024px){.typing-garden-section[data-mode=playing] .typing-play{grid-area:1/1/-1}.typing-garden-section[data-mode=playing] .typing-inline-guide{grid-area:1/2}.typing-garden-section[data-mode=playing] .typing-keyboard-area{grid-area:2/2}}@media (max-height:800px) and (min-width:700px){.typing-garden-card{gap:6px;padding:10px 14px 12px}.typing-garden-bed{padding-top:4px}.typing-garden-plot{width:92px}.typing-garden-plot small{min-height:17px;font-size:12px;line-height:17px}.typing-next-key{min-height:26px}.typing-keyboard-area{gap:4px}.typing-touch-actions{padding-top:6px}.typing-hint-details summary{min-height:44px}.typing-question-card{padding:8px 14px}.typing-target-char{font-size:46px}.typing-sentence .typing-target-char{font-size:34px}.typing-word-image{width:92px;height:92px}.typing-input-row input{min-height:52px;font-size:27px}.typing-key{min-height:31px;padding:2px}.typing-touch-key{min-height:50px}.typing-touch-key b{font-size:26px}.typing-keyboard{padding-block:2px}.typing-space{min-height:22px}}@media (max-width:699px){.typing-garden-list-section{padding-block:10px 8px}.typing-garden-card{border-radius:20px;gap:6px;padding:8px 8px 10px}.typing-touch-letters{gap:5px;padding:6px}.typing-next-key{min-height:26px}.typing-toolbar{flex-wrap:nowrap;gap:6px}.typing-stage-chip{padding:6px 10px;font-size:14px}.typing-steps{display:none}.typing-button{padding:8px 12px}.typing-hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding:14px}.typing-hero-text{justify-items:center}.typing-hero-art .typing-growth-art{width:50px;height:50px}.typing-garden-bed{padding:6px 8px 0}.typing-garden-row{gap:3px}.typing-garden-plot small{min-height:16px;font-size:11px;line-height:16px}.typing-stage{padding:12px}.typing-stage strong{font-size:19px}.typing-stage-top .typing-growth-art{width:44px;height:44px}.typing-target-card{gap:10px}.typing-word-image{border-radius:18px;width:74px;height:74px;padding:4px}.typing-target-char{border-radius:12px;padding:2px 6px;font-size:38px}.typing-sentence .typing-target-char{font-size:27px}.typing-question-card{padding:8px}.typing-breakdown{padding-top:6px;font-size:13px}.typing-inline-guide{padding:6px 10px;font-size:13px}.typing-input-row input{min-height:52px;padding:6px 10px;font-size:26px}.typing-feedback{min-height:19px;font-size:13px;line-height:1.4}.typing-position-input{padding:12px 8px;font-size:17px}.typing-keyboard{padding:5px 3px}.typing-keyboard-row{gap:2px}.typing-keyboard-row:nth-child(2){padding-left:6px}.typing-keyboard-row:nth-child(3){padding-right:6px}.typing-key{flex-direction:column;gap:1px;min-height:37px;padding:2px 0}.typing-key small{flex-direction:row;font-size:9px}.typing-key b{font-size:16px}.typing-key-wide{font-size:10px}.typing-space{max-width:180px;min-height:27px}.typing-touch-key{min-height:52px}.typing-touch-key b{font-size:26px}.typing-touch-actions{flex-wrap:nowrap;gap:4px}.typing-touch-actions .typing-button{min-height:48px;padding:8px 6px;font-size:14px}.typing-touch-space{flex:60px}.typing-touch-move{padding-inline:6px}.typing-touch-done .system-icon{display:none}.typing-next-key{min-height:30px;font-size:13px}.typing-next-key b,.typing-success p{font-size:19px}.typing-success-art{width:76px;height:76px}.typing-results{padding:14px 4px}.typing-results h2{font-size:22px}.typing-result-counts{font-size:21px}.typing-result-counts b{font-size:28px}.typing-result-actions>*{min-width:130px;font-size:17px}.typing-pause-panel{padding:18px}}@media (max-height:700px) and (min-width:700px){.typing-garden-section[data-mode=playing] .typing-problem-content,.typing-garden-section[data-mode=success] .typing-problem-content{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(640px,66%);align-items:center;gap:6px 14px;display:grid}.typing-play{grid-area:1/1/-1}.typing-inline-guide{grid-area:1/2;padding:4px 10px;font-size:13px}.typing-keyboard-area{grid-area:2/2;margin-top:0}.typing-garden-card{gap:4px;padding:6px 14px}.typing-question-card{padding:4px 12px}.typing-hint-details summary{min-height:44px}.typing-garden-bed{padding-top:4px}.typing-word-image{width:84px;height:84px}.typing-target-char{font-size:42px}.typing-sentence .typing-target-char{font-size:30px}.typing-input-row input{min-height:52px;font-size:27px}.typing-next-key{min-height:22px}.typing-feedback{min-height:19px}.typing-touch-actions{padding-top:4px}.typing-touch-actions .typing-button{min-height:48px}.typing-keyboard-area{gap:3px}.typing-next-key b{padding:1px 10px;font-size:18px}.typing-stage-chip{padding:6px 12px;font-size:16px}.typing-breakdown{padding-top:4px;font-size:13px}.typing-garden-plot small{min-height:16px;font-size:12px;line-height:16px}.typing-key{min-height:40px}.typing-keyboard-row{gap:3px}.typing-key b{font-size:19px}.typing-keyboard-row:nth-child(2){padding-left:5px}.typing-keyboard-row:nth-child(3){padding-right:5px}}@media (max-height:500px) and (min-width:700px){.typing-garden-section[data-mode=playing] .typing-garden-bed,.typing-garden-section[data-mode=success] .typing-garden-bed{padding-top:4px}.typing-garden-section[data-mode=playing] .typing-garden-plot small,.typing-garden-section[data-mode=success] .typing-garden-plot small{display:none}.typing-touch-actions{flex-wrap:nowrap;gap:4px}.typing-touch-actions .typing-button{padding:8px 6px;font-size:14px}.typing-touch-space{flex:60px}.typing-touch-done .system-icon{display:none}.typing-touch-key{min-height:46px}.typing-touch-key b{font-size:24px}.typing-breakdown{display:none}}@media (prefers-reduced-motion:reduce){.typing-garden-section,.typing-garden-section *{transition:none!important;animation:none!important}.typing-garden-sprinkles,.typing-success-pop{display:none}}.typing-garden-section[data-paused=true] .typing-problem-content *,.typing-garden-section[data-paused=true] .typing-garden-bed *{animation-play-state:paused!important}