.pottery-visualization{--pottery-clay:#b86743;--pottery-clay-light:#e5aa80;--pottery-amber:#f0b354;--pottery-studio:#17110f}.pottery-visualization .pottery-stage-card{background:var(--pottery-studio)}.pottery-visualization .pottery-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;outline:none;height:clamp(520px,70vh,720px);position:relative;overflow:hidden}.pottery-visualization .pottery-viewport[data-phase=fired]{cursor:default}.pottery-visualization .pottery-viewport:focus-visible{box-shadow:inset 0 0 0 3px var(--pottery-amber), inset 0 0 0 6px #17110feb}.pottery-visualization .pottery-canvas-host,.pottery-visualization .pottery-canvas{width:100%;height:100%;display:block}.pottery-visualization .pottery-canvas-host{position:absolute;inset:0}.pottery-visualization .pottery-pointer-marker{--pottery-pointer-size:54px;z-index:2;width:var(--pottery-pointer-size);height:var(--pottery-pointer-size);border:2px solid var(--pottery-amber);opacity:0;pointer-events:none;will-change:transform, width, height, opacity;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #17110f6b,0 0 12px #f0b35438}.pottery-visualization .pottery-pointer-marker[data-visible]{opacity:.46}.pottery-visualization .pottery-pointer-marker[data-active]{opacity:.92}.pottery-visualization .pottery-pointer-marker[data-high-load]{border-color:#ff8a5b;box-shadow:0 0 0 1px #17110f6b,0 0 14px #ff8a5b4d}.pottery-visualization .pottery-hud{z-index:3;pointer-events:none;flex-wrap:wrap;gap:5px;max-width:calc(100% - 180px);display:flex;position:absolute;top:14px;left:14px}.pottery-visualization .pottery-hud span{color:#fff4e8bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:#1b120ebd;border:1px solid #ffefde26;border-radius:6px;padding:6px 9px;font-size:.63rem}.pottery-visualization .pottery-force-readout{z-index:3;color:#fff4e8a6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:138px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#1b120ebd;border:1px solid #ffefde26;border-radius:8px;padding:9px 10px;font-size:.59rem;position:absolute;top:14px;right:14px}.pottery-visualization .pottery-force-readout>div{background:#ffffff24;height:3px;margin-top:7px;overflow:hidden}.pottery-visualization .pottery-force-readout i{background:var(--pottery-amber);height:100%;transition:width 80ms linear;display:block}.pottery-visualization .pottery-start-hint{z-index:3;color:#ffe9d6;text-align:center;pointer-events:none;background:#22150fd1;border:1px solid #f0b35457;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 28px);padding:9px 13px;font-size:.72rem;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000003d}.pottery-visualization .pottery-start-hint svg{width:14px;height:14px;color:var(--pottery-amber);flex:none}.pottery-visualization .pottery-collapse-notice{z-index:4;color:#ffe9de;pointer-events:none;background:#431a12e0;border:1px solid #ff8a5b6b;border-radius:8px;align-items:center;gap:10px;max-width:min(310px,100% - 28px);padding:11px 13px;display:flex;position:absolute;bottom:18px;right:14px;box-shadow:0 10px 30px #00000047}.pottery-visualization .pottery-collapse-notice>svg{color:#ff9b73;flex:none;width:18px;height:18px}.pottery-visualization .pottery-collapse-notice>div{gap:2px;display:grid}.pottery-visualization .pottery-collapse-notice strong{font-size:.78rem;font-weight:600}.pottery-visualization .pottery-collapse-notice span{color:#ffe9deb8;font-size:.68rem}.pottery-visualization .pottery-fired-notice{z-index:4;color:#fff0de;pointer-events:none;background:#392013e0;border:1px solid #f0b3546b;border-radius:8px;align-items:center;gap:10px;max-width:min(310px,100% - 28px);padding:11px 13px;display:flex;position:absolute;bottom:18px;right:14px;box-shadow:0 10px 30px #00000047}.pottery-visualization .pottery-fired-notice>svg{width:18px;height:18px;color:var(--pottery-amber);flex:none}.pottery-visualization .pottery-fired-notice>div{gap:2px;display:grid}.pottery-visualization .pottery-fired-notice strong{font-size:.78rem;font-weight:600}.pottery-visualization .pottery-fired-notice span{color:#ffeedcb8;font-size:.68rem}.pottery-visualization .pottery-firing-overlay{z-index:5;color:#fff4e7;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 55%,#ff974666,#0000 34%),#39150a70;place-content:center;justify-items:center;gap:7px;animation:1.1s ease-out both pottery-kiln-flash;display:grid;position:absolute;inset:0}.pottery-visualization .pottery-firing-overlay svg{color:#ffb15f;filter:drop-shadow(0 0 16px #ff7130b8);width:34px;height:34px}.pottery-visualization .pottery-firing-overlay strong{font-size:1rem;font-weight:600}.pottery-visualization .pottery-firing-overlay span{color:#ffeeddc2;font-size:.72rem}@keyframes pottery-kiln-flash{0%{opacity:0}18%{opacity:1}72%{opacity:.92}to{opacity:0}}.pottery-visualization .pottery-fallback{z-index:5;color:#fff4e8;text-align:center;background:#17110f;place-content:center;gap:8px;padding:28px;display:grid;position:absolute;inset:0}.pottery-visualization .pottery-fallback strong{font-family:var(--font-heading);font-size:1.4rem;font-weight:600}.pottery-visualization .pottery-fallback span{color:#fff4e8a6;max-width:440px;font-size:.85rem;line-height:1.6}.pottery-visualization .pottery-stage-caption{color:#fff4e8a3;background:#1d1512;border-top:1px solid #ffefde21;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 14px;font-size:.7rem;line-height:1.45;display:flex}.pottery-visualization .pottery-stage-caption .fig-no{color:var(--pottery-clay-light)}.pottery-visualization .pottery-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.pottery-visualization .pottery-tool-button{border:1px solid var(--border);min-height:66px;color:var(--muted-foreground);background:var(--background);border-radius:8px;place-items:center;gap:6px;padding:10px;font-size:.76rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:grid}.pottery-visualization .pottery-tool-button:hover:not(:disabled){color:var(--foreground);border-color:var(--input)}.pottery-visualization .pottery-tool-button:disabled,.pottery-visualization .pottery-finish-picker button:disabled{cursor:not-allowed;opacity:.48}.pottery-visualization .pottery-tool-button:focus-visible,.pottery-visualization .pottery-target-picker button:focus-visible,.pottery-visualization .pottery-finish-picker button:focus-visible{outline:3px solid color-mix(in oklch, var(--ring), transparent 55%);outline-offset:2px}.pottery-visualization .pottery-tool-button[data-active]{color:var(--primary-foreground);border-color:var(--primary);background:var(--primary)}.pottery-visualization .pottery-tool-button svg{width:17px;height:17px}.pottery-visualization .pottery-target-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.pottery-visualization .pottery-target-picker button{border:1px solid var(--border);min-height:34px;color:var(--muted-foreground);background:var(--background);border-radius:6px;padding:6px 5px;font-size:.68rem;font-weight:600;line-height:1.2}.pottery-visualization .pottery-target-picker button[data-active]{color:var(--secondary-foreground);border-color:color-mix(in oklch, var(--secondary-foreground), transparent 55%);background:var(--secondary)}.pottery-visualization .pottery-water-meter{background:var(--muted);height:5px;overflow:hidden}.pottery-visualization .pottery-water-meter i{background:#5d9fbd;height:100%;transition:width .18s ease-out;display:block}.dark .pottery-visualization .pottery-water-meter i{background:#7eb7d0}.pottery-visualization .pottery-fired-material{border:1px solid color-mix(in oklch, var(--pottery-amber), transparent 58%);background:color-mix(in oklch, var(--pottery-amber), transparent 91%);border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.pottery-visualization .pottery-fired-material>svg{color:#d97932;flex:none;width:18px;height:18px}.pottery-visualization .pottery-fired-material>div{gap:2px;display:grid}.pottery-visualization .pottery-fired-material strong{font-size:.75rem;font-weight:600}.pottery-visualization .pottery-fired-material span{color:var(--muted-foreground);font-size:.66rem}.pottery-visualization .pottery-material-metrics,.pottery-visualization .pottery-score-breakdown{border:1px solid var(--border);background:var(--border);border-radius:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.pottery-visualization .pottery-material-metrics>div,.pottery-visualization .pottery-score-breakdown>div{background:var(--background);gap:3px;min-width:0;padding:8px;display:grid}.pottery-visualization .pottery-material-metrics dt,.pottery-visualization .pottery-score-breakdown dt{color:var(--muted-foreground);font-size:.59rem;line-height:1.25}.pottery-visualization .pottery-material-metrics dd,.pottery-visualization .pottery-score-breakdown dd{color:var(--foreground);font-family:var(--font-mono);font-size:.7rem;font-weight:600}.pottery-visualization .pottery-science-note{border-left:2px solid var(--pottery-amber);color:var(--muted-foreground);padding-left:10px;font-size:.69rem;line-height:1.55}.pottery-visualization .pottery-challenge-steps{gap:6px;display:grid}.pottery-visualization .pottery-challenge-steps li{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;min-width:0;display:grid}.pottery-visualization .pottery-challenge-steps li>span{border:1px solid var(--border);width:18px;height:18px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.pottery-visualization .pottery-challenge-steps li[data-complete]>span{border-color:var(--primary);background:var(--primary)}.pottery-visualization .pottery-challenge-steps svg{width:11px;height:11px}.pottery-visualization .pottery-challenge-steps li>div{gap:1px;min-width:0;display:grid}.pottery-visualization .pottery-challenge-steps strong{color:var(--foreground);font-size:.68rem;font-weight:600}.pottery-visualization .pottery-challenge-steps small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.45;overflow:hidden}.pottery-visualization .pottery-challenge-complete{border:1px solid color-mix(in oklch, var(--primary), transparent 68%);color:var(--foreground);background:color-mix(in oklch, var(--primary), transparent 92%);border-radius:7px;align-items:center;gap:7px;padding:9px 10px;font-size:.68rem;line-height:1.4;display:flex}.pottery-visualization .pottery-challenge-complete svg{flex:none;width:14px;height:14px}.pottery-visualization .pottery-score{color:var(--muted-foreground);gap:7px;font-size:.72rem;display:grid}.pottery-visualization .pottery-score strong{color:var(--foreground);font-family:var(--font-mono);font-size:.74rem}.pottery-visualization .pottery-score>div:last-child{background:var(--muted);height:4px;overflow:hidden}.pottery-visualization .pottery-score i{background:var(--brand-highlight);height:100%;transition:width .18s ease-out;display:block}.pottery-visualization .pottery-score-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2px}.pottery-visualization .pottery-score-breakdown>div{text-align:center;padding:6px}.pottery-visualization .pottery-finish-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.pottery-visualization .pottery-finish-picker button{border:1px solid var(--border);min-height:34px;color:var(--muted-foreground);background:var(--background);border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:.67rem;font-weight:600;display:flex}.pottery-visualization .pottery-finish-picker button[data-active]{color:var(--foreground);border-color:color-mix(in oklch, var(--foreground), transparent 54%)}.pottery-visualization .pottery-finish-picker i{background:var(--pottery-clay);border:1px solid #00000029;border-radius:50%;flex:none;width:13px;height:13px}.pottery-visualization .pottery-finish-picker [data-finish=terracotta] i{background:#b96b46}.pottery-visualization .pottery-finish-picker [data-finish=celadon] i{background:#7f9574}.pottery-visualization .pottery-finish-picker [data-finish=cobalt] i{background:#244c78}.pottery-visualization .pottery-stability{color:var(--muted-foreground);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:4px;font-size:.63rem;display:inline-flex}.pottery-visualization .pottery-stability svg{width:12px;height:12px}.pottery-visualization .pottery-stability[data-state=stable],.pottery-visualization .pottery-stability[data-state=centered]{color:#3e7c4f}.pottery-visualization .pottery-stability[data-state=delicate],.pottery-visualization .pottery-stability[data-state=strained]{color:#a26c0a}.pottery-visualization .pottery-stability[data-state=critical],.pottery-visualization .pottery-stability[data-state=collapsed]{color:#b5432e}.dark .pottery-visualization .pottery-stability[data-state=stable],.dark .pottery-visualization .pottery-stability[data-state=centered]{color:#6fb585}.dark .pottery-visualization .pottery-stability[data-state=delicate],.dark .pottery-visualization .pottery-stability[data-state=strained]{color:#f2b04a}.dark .pottery-visualization .pottery-stability[data-state=critical],.dark .pottery-visualization .pottery-stability[data-state=collapsed]{color:#d97862}.pottery-visualization .pottery-metrics{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.pottery-visualization .pottery-metrics>div{border-bottom:1px solid var(--border);gap:4px;min-width:0;padding:10px;display:grid}.pottery-visualization .pottery-metrics>div:nth-child(odd){border-right:1px solid var(--border)}.pottery-visualization .pottery-metrics>div:nth-last-child(-n+2){border-bottom:0}.pottery-visualization .pottery-metrics dt{color:var(--muted-foreground);font-size:.65rem}.pottery-visualization .pottery-metrics dd{color:var(--foreground);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;overflow:hidden}.pottery-visualization .pottery-session-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.pottery-visualization .pottery-session-actions .pottery-download-action{grid-column:1/-1}.pottery-visualization .pottery-status-message{min-height:1.2rem;color:var(--muted-foreground);font-size:.66rem;line-height:1.4}.pottery-afterword{border-top:1px solid var(--border);gap:28px;padding:48px 0 8px;display:grid}.pottery-afterword>header{max-width:740px}.pottery-afterword>header h2{margin-top:8px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.pottery-afterword-grid{gap:20px;display:grid}.pottery-afterword-grid article{border-top:1px dashed var(--border);padding-top:18px}.pottery-afterword-grid h3{margin-top:10px;font-size:1.3rem}.pottery-afterword-grid p{max-width:60ch;color:var(--muted-foreground);margin-top:10px;font-size:.92rem;line-height:1.7}@media (min-width:780px){.pottery-afterword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.pottery-visualization .pottery-stage-card{align-self:start;position:sticky;top:132px}}@media (max-width:560px){.pottery-visualization .pottery-viewport{height:540px}.pottery-visualization .pottery-hud{max-width:calc(100% - 28px)}.pottery-visualization .pottery-hud span:nth-child(2){display:none}.pottery-visualization .pottery-force-readout{top:auto;bottom:66px;right:14px}.pottery-visualization .pottery-collapse-notice,.pottery-visualization .pottery-fired-notice{max-width:none;bottom:18px;left:14px;right:14px}.pottery-visualization .pottery-stage-caption{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.pottery-visualization .pottery-firing-overlay{animation:none}.pottery-visualization .pottery-score i,.pottery-visualization .pottery-force-readout i,.pottery-visualization .pottery-water-meter i,.pottery-visualization .pottery-tool-button{transition:none}}