[hidden]{display:none!important}.start-page{min-height:100vh;max-width:none;border:0;padding:10vh 6% 7vh;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#80552619,transparent 65%)}.start-border{position:absolute;inset:30px;border:1px solid #b8976436;pointer-events:none}.start-page .eyebrow{font-size:10px;margin:20px 0 38px}.start-prelude{letter-spacing:9px;font-size:13px;color:var(--gold)}.start-page h1{font-size:clamp(55px,8vw,110px);letter-spacing:15px;margin:18px 0}.start-sub{letter-spacing:5px;font-size:15px}.qin-lines{width:min(500px,85vw);height:105px;margin:25px 0;fill:none;stroke:var(--gold);stroke-width:1;opacity:.75}.qin-lines path{stroke-dasharray:700;stroke-dashoffset:700;animation:qin-draw 3s ease forwards}.start-page .primary{margin:15px 0 0;padding:18px 35px;min-width:215px;justify-content:space-between}.start-silent{border:0;font-size:12px;color:var(--muted);padding:15px}.start-sound{font-size:11px;margin-top:8px}.start-page small{font-size:9px;color:var(--muted);letter-spacing:1px}.sound-controls{display:none;position:fixed;right:20px;bottom:18px;z-index:30;gap:6px;align-items:center;background:#14140ff5;border:1px solid var(--line);padding:8px;box-shadow:0 4px 20px #0006}.journey-started .sound-controls{display:flex}.sound-controls button{font-size:11px;padding:8px;border:0}.sound-controls button[aria-pressed=true]{color:var(--gold)}.music-volume{margin:0;padding:0 5px;gap:7px;font-size:10px}.music-volume input{width:65px;flex:none}.narration-caption{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:35;max-width:750px;width:90%;background:#171710f5;border:1px solid var(--line);padding:14px 50px 14px 22px;box-shadow:0 8px 40px #0009;pointer-events:none}.narration-caption span{font-size:9px;letter-spacing:3px;color:var(--gold)}.narration-caption p{font-size:13px;margin:6px 0;color:var(--ink);line-height:1.7}.narration-caption button{position:absolute;right:8px;top:10px;padding:3px 9px;border:0;pointer-events:auto}.music-credit{font-size:10px;line-height:1.7}.music-credit a{color:var(--gold)}.craft-layout{grid-template-columns:1.1fr 1.2fr;gap:50px}.craft-scene{border:1px solid var(--line);background:radial-gradient(ellipse,#7f613511,transparent);padding:18px}.craft-svg{display:block;width:100%;height:auto}.scene-land{stroke:#756244;opacity:.48}.scene-action{stroke:#b89764;stroke-width:2.2}.scene-caption{font-size:12px;color:var(--ink);text-align:center;margin:0 0 10px}.scene-note{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;text-align:center}.craft-play-controls{display:flex;gap:25px}.craft-progress{display:flex;gap:6px;margin-top:28px}.craft-progress span{height:2px;flex:1;background:var(--line)}.craft-progress .complete{background:var(--gold)}.dig-tool{transform-origin:345px 90px;animation:dig 2.4s ease-in-out infinite}.soil-fall{animation:soil 2.4s ease-in infinite}.wash-water{stroke-dasharray:12 6;animation:water 1.5s linear infinite}.wash-grains{animation:soil 2s infinite}.knead-hands{animation:knead 2.4s ease-in-out infinite}.knead-clay{transform-origin:300px 280px;animation:knead-clay 2.4s ease-in-out infinite}.build-ring{animation:build 1s both;animation-delay:var(--delay)}.coil-strand{animation:brush 2s ease-in-out infinite}.turn-vessel{transform-origin:300px 240px;animation:pot-turn 3s ease-in-out infinite}.trim-paddle{transform-origin:414px 132px;animation:dig 2s ease-in-out infinite}.painted-motifs{stroke-dasharray:300;stroke-dashoffset:300;animation:qin-draw 3s ease-in-out infinite}.paint-brush{animation:brush 3s ease-in-out infinite}.dry-breeze{stroke-dasharray:70;animation:breeze 3s infinite;stroke:#d4c2a0}.kiln-fire{stroke:#c78649;transform-origin:165px 290px;animation:fire-glow 1.3s ease-in-out infinite}.heat-flow{stroke:#c78649;stroke-dasharray:10 6;animation:water 1.5s linear infinite}.kiln-smoke{stroke:#a99b82;animation:smoke-rise 3s ease-in-out infinite}.kiln-pot{animation:clay-fire 4s alternate infinite}.editor-preview{align-self:start;position:sticky;top:150px;text-align:center}.editor-preview svg{width:100%;max-width:450px;height:auto;touch-action:none;user-select:none}.editor-preview p{font-size:10px;color:var(--muted);letter-spacing:1px;margin:5px 0}.pattern-lab{align-items:start;gap:50px;grid-template-columns:1fr 1.2fr}.motif-layer{cursor:grab}.motif-layer:active{cursor:grabbing}.control-label{font-size:11px;letter-spacing:2px;color:var(--gold);margin:8px 0 12px}.pattern-buttons{gap:8px;margin:10px 0 20px}.pattern-buttons button{font-size:11px;padding:10px 12px}.pattern-layers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-height:180px;overflow:auto}.layer-row{display:flex;border:1px solid var(--line)}.layer-row button{border:0;font-size:11px;padding:8px 10px}.layer-row button:last-child{border-left:1px solid var(--line);font-size:16px}.editor-controls label{margin:16px 0;gap:15px;font-size:12px}.editor-controls label>input{min-width:20px}.editor-controls output{width:30px;text-align:right;font-size:11px}.position-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.position-controls label{display:block}.position-controls input{width:100%;margin-top:12px}.pattern-help{font-size:11px;line-height:1.8}.editor-actions{display:flex;gap:10px;flex-wrap:wrap}.editor-actions button{font-size:11px;padding:12px 16px}.editor-actions .primary{gap:10px}#designStatus{font-size:11px;min-height:20px}input:disabled{opacity:.35;cursor:default}button:disabled{opacity:.5;cursor:default}@keyframes qin-draw{to{stroke-dashoffset:0}}@keyframes dig{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes soil{0%{transform:translateY(-12px);opacity:0}40%{opacity:1}100%{transform:translateY(12px);opacity:0}}@keyframes water{to{stroke-dashoffset:-36}}@keyframes knead{0%,100%{transform:translateY(-8px)}50%{transform:translateY(10px)}}@keyframes knead-clay{0%,100%{transform:scale(1,1)}50%{transform:scale(1.12,.8)}}@keyframes build{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:none}}@keyframes pot-turn{0%,100%{transform:scaleX(.94)}50%{transform:scaleX(1.04)}}@keyframes brush{0%,100%{transform:translate(-9px,-6px)}50%{transform:translate(10px,6px)}}@keyframes breeze{0%{transform:translateX(-20px);opacity:0}30%{opacity:1}100%{transform:translateX(40px);opacity:0}}@keyframes fire-glow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08,1.15);opacity:1}}@keyframes smoke-rise{0%{transform:translateY(10px);opacity:0}40%{opacity:.7}100%{transform:translateY(-16px);opacity:0}}@keyframes clay-fire{from{stroke:#b89764}to{stroke:#d68449}}@media(max-width:900px){.sound-controls{right:10px;bottom:10px}.craft-layout{gap:25px}.editor-preview{top:150px}.pattern-lab{gap:25px}.position-controls{grid-template-columns:1fr;gap:0}.editor-controls select{max-width:180px}}@media(max-width:600px){.start-border{inset:15px}.start-page{padding:10vh 7%}.start-page .eyebrow{font-size:8px;letter-spacing:1px}.start-page h1{font-size:60px;letter-spacing:8px}.start-prelude{letter-spacing:5px}.start-sub{font-size:12px;letter-spacing:2px}.sound-controls{left:10px;right:10px;justify-content:space-between}.music-volume{font-size:0;gap:0}.music-volume input{width:45px}.sound-controls button{padding:7px 4px;font-size:10px}.narration-caption{bottom:68px;padding-left:15px}.narration-caption p{font-size:12px}.craft-layout,.pattern-lab{grid-template-columns:1fr}.editor-preview{position:static}.editor-preview svg{max-width:320px}.craft-scene{padding:12px}.craft-play-controls{gap:18px}.position-controls{grid-template-columns:1fr 1fr;gap:15px}footer{padding-bottom:85px}.qin-lines{height:80px}}@media(prefers-reduced-motion:reduce){.painted-motifs,.qin-lines path{stroke-dashoffset:0}.build-ring{opacity:1}}
.craft-scene.paused *{animation-play-state:paused!important}

.narration-speed{margin:0;gap:6px;font-size:10px;white-space:nowrap}.narration-speed select{padding:5px;font-size:11px;max-width:72px}@media(max-width:600px){.narration-speed{font-size:0;gap:0}.narration-speed select{font-size:10px;padding:4px;max-width:60px}.sound-controls{gap:2px}}