:root{--ink: #2a2116;--ink-soft: #5e4b32;--parchment: #f4e6c8;--parchment-deep: #e6d2a6;--brass: #e1c27a;--brass-dark: #8d6b30;--brass-deep: #3e2c12;--copper: #a86432;--screen: #142028;--glow: #9be7d8;--good: #2f6a3a;--danger: #8c3a2f;color:var(--ink);font-family:Palatino,Palatino Linotype,Iowan Old Style,Georgia,serif;font-size:17px;line-height:1.45}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:#140e0a;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #2f6f74;outline-offset:2px}#app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;background:linear-gradient(180deg,#6d5224,#3a2910);color:#f6e7c6;border-bottom:3px solid var(--brass)}.brand{margin:0;font-weight:700;letter-spacing:.01em}.where{margin:0;color:var(--brass);font-size:.92rem}.brand-block{margin-right:auto}.humanity{display:flex;flex-direction:column;gap:2px;min-width:0}.hearts{display:flex;gap:2px}.heart-caption{margin:0;font-size:.75rem;color:#f0ddb0;max-width:280px}.hg{width:28px;height:28px;color:#6d5a38}.hg rect,.hg circle{fill:currentColor;stroke:#2a1c0c;stroke-width:2}.hg path{fill:#5c4036;stroke:#2a1c0c;stroke-width:2}.hg.on{color:#e7c56a}.hg.on path{fill:#c4383a}.top-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-btn,.solid,.ghost,.danger,.choice,.machine,.hotspot{border-radius:999px;border:2px solid var(--brass);background:#f3e2bc;color:var(--brass-deep);min-height:44px;padding:6px 14px}.solid{background:var(--brass-dark);color:#f8edd4;border-color:#f0d59a}.ghost{background:transparent}.danger{background:#f3d2c6;border-color:var(--danger);color:var(--danger);margin-top:12px}.icon-btn{background:#f0ddb0}.stage{position:relative;min-height:0;background:#120e0a}.node-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:4;box-shadow:0 8px 20px #00000059;max-width:70vw}.hotspot.portal{background:#d7ecea;border-color:#7ea8a2}.dock{position:absolute;left:10px;right:10px;bottom:10px;z-index:5;max-height:74%;overflow:auto;background:#f4e6c8f2;border:2px solid var(--brass-dark);border-radius:16px;padding:10px 12px 12px;box-shadow:0 12px 32px #140a0466}.puzzle-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.puzzle-head h2{margin:0 0 2px;font-size:1.15rem}.puzzle-head p{margin:0 0 4px}.tooth-row,.suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:3px 0}.tooth-label{min-width:92px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.mark{width:16px;height:16px}.mark path{fill:var(--brass-dark)}.choice{min-width:44px;padding-inline:10px;background:#fffaf0}.choice[aria-pressed=true]{background:var(--brass);box-shadow:inset 0 0 0 2px var(--brass-deep)}.puzzle-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 2px}.spin-btn[aria-pressed=true],.sandbox-toggle[aria-pressed=true]{background:var(--brass);color:var(--brass-deep);box-shadow:inset 0 0 0 2px var(--brass-deep)}.gear-canvas{display:block;width:100%;height:260px;min-height:260px;touch-action:none;border-radius:12px;background:radial-gradient(circle at 50% 45%,rgba(255,250,240,.55),transparent 70%),#e7d3a4;cursor:grab}.gear-canvas.is-dragging{cursor:grabbing}.drag-hint,.help,.lede,.status{color:var(--ink-soft)}.drag-hint,.status{margin:6px 0}.gauges{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin:4px 0}.gauges div{background:#fffaf0;border:1px solid var(--brass);border-radius:10px;padding:3px 8px}.gauges span{display:block;font-size:.78rem;color:var(--ink-soft)}.gauges em{display:block;font-style:normal;font-size:.75rem;color:var(--ink-soft)}.gauges strong.good{color:var(--good)}.math{background:#fffaf0;border-left:4px solid var(--brass-dark);padding:4px 10px;margin-bottom:8px}.math p{margin:6px 0}.solved-banner{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#e5f0df;color:var(--good)}.hint-card{margin-top:8px;padding:8px 10px;background:#fffaf0;border-radius:12px;border:1px solid var(--brass)}.hint-card h3{margin:0 0 4px;font-size:1rem}.hint-card p{margin:0}.hint-card img,.nb-detail img,.bp-overlay img{width:100%;max-height:280px;object-fit:contain;margin-top:8px;background:#f7edd4;border-radius:8px}.hint-card img.hint-blueprint{display:block;width:100%;height:auto;max-height:280px;min-height:140px;aspect-ratio:1152 / 864;object-fit:contain;border:2px solid var(--brass-dark)}.shaduf-svg{width:100%;height:240px;display:block;background:#f7edd4;border-radius:12px;border:2px solid var(--brass);touch-action:none}.shaduf-svg.is-free{cursor:grab}.shaduf-svg.is-dragging{cursor:grabbing}.shaduf-svg .handle{fill:transparent;stroke:transparent;pointer-events:none}.shaduf-svg.is-free .handle{fill:#e0b45c33;stroke:#6b4a28;stroke-width:2;stroke-dasharray:4 3}.shaduf-svg .ground,.shaduf-svg .post-line,.shaduf-svg .rope{stroke:#6b4a28;stroke-width:4}.shaduf-svg .beam-bar{fill:#8d5a2b;stroke:#4a3016}.shaduf-svg .stone{fill:#8a8175;stroke:#4d463d}.shaduf-svg .bucket{fill:#6b4224;stroke:#3a2414}.shaduf-svg .water{stroke:#3d7e8c;stroke-width:3;fill:none}.shaduf-svg .pin{fill:#e0b45c;stroke:#4a3418}.shaduf-svg .foot{fill:#6b4a28}.slider{display:grid;gap:2px;margin:4px 0}.slider output{font-weight:700}input[type=range]{width:100%;accent-color:#8d6b30;height:22px}.check{display:flex;gap:8px;align-items:center;min-height:44px}.companion{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;height:118px;padding:8px 12px;background:var(--parchment);border-top:3px solid var(--brass-dark)}.face-btn{padding:0;border:0;background:transparent;min-height:0;border-radius:18px}.bubble{margin:0;background:#fffaf0;border:2px solid var(--brass);border-radius:14px;padding:10px 12px;height:96px;overflow:auto}.face{width:92px;height:auto;display:block}.face.lg{width:168px;margin:0 auto 8px}.face .head{fill:#d7b56a;stroke:#5c4318;stroke-width:4}.face .bolt{fill:#8d6b30;stroke:#3e2c12;stroke-width:2}.face .antenna-stem{stroke:#5c4318;stroke-width:4;stroke-linecap:round}.face .tip{fill:#c4564a;stroke:#3e2c12;stroke-width:2}.face .screen{fill:var(--screen)}.face .brow{stroke:var(--glow);stroke-width:3;stroke-linecap:round;opacity:0}.face[data-emotion=puzzled] .brow,.face[data-emotion=curious] .brow.right{opacity:1}.face[data-emotion=curious] .brow.right{transform:translateY(-4px)}.face .eye-white{fill:var(--glow)}.face .pupil{fill:#102028}.face .eye-arc{fill:none;stroke:var(--glow);stroke-width:4;stroke-linecap:round}.face .eyes{transform-box:fill-box;transform-origin:center;transition:transform .08s linear}.face.is-blink .eyes{transform:scaleY(.12)}.face .mouth{fill:var(--glow)}.face .smile{fill:none;stroke:var(--glow);stroke-width:4;stroke-linecap:round;opacity:0}.face.smiling .smile{opacity:1}.face.smiling .mouth{opacity:0}.face[data-emotion=proud] .tip{fill:#f2e2a8}body:not(.reduced) .face[data-emotion=proud] .tip{animation:glow 1.6s ease-in-out infinite}@keyframes glow{0%,to{fill:#f2e2a8}50%{fill:#fff6cf}}.face.reduced .eyes{transition:none}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:16px;background:#140c0680}.boot[hidden]{display:none}.boot-card{width:min(480px,100%);text-align:center}.boot-card h1{margin:0 0 4px}.boot-card label{display:block;text-align:left;margin-top:8px}.boot-card input,.chat-form input{width:100%;min-height:44px;border-radius:10px;border:2px solid var(--brass-dark);background:#fffaf0;padding:8px 10px}.name-note{min-height:1.2em;color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#1c12088c}.overlay[hidden],.dock[hidden],.blocks-panel[hidden]{display:none!important}.card{width:min(720px,100%);max-height:min(86dvh,900px);overflow:auto;background:linear-gradient(180deg,#f7ebcf,#ead7ae);border:3px solid var(--brass-dark);border-radius:18px;box-shadow:0 18px 50px #1e120673,inset 0 0 0 1px #fff3d4;padding:16px 16px 20px}.card-head,.bp-bar{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-head h2{margin:0}.machine-list{display:grid;gap:8px;margin:12px 0}.machine{border-radius:12px;text-align:left;background:#fffaf0}.nb-detail h3{margin-bottom:4px}.chat-log{display:grid;gap:8px;max-height:42dvh;overflow:auto;margin:10px 0}.chat-line{margin:0;background:#fffaf0;border-radius:12px;padding:8px 10px}.chat-line span{display:block;font-size:.78rem;color:var(--ink-soft)}.chat-line.mine{background:#efe1bf}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px}.bp-overlay{position:absolute;top:8%;right:8%;bottom:12%;left:8%;z-index:7;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px;background:var(--parchment);border:3px solid var(--brass-dark);border-radius:14px;box-shadow:0 16px 40px #0006;pointer-events:auto;overflow:hidden}.bp-overlay[hidden]{display:none!important;pointer-events:none!important}.bp-bar{position:relative;z-index:2;pointer-events:auto}#bp-close{position:relative;z-index:3;pointer-events:auto}.bp-overlay img{max-height:none;height:100%;min-height:0;margin:0;position:relative;z-index:0;pointer-events:none}.blocks{margin-top:8px}.blocks-panel{display:grid;gap:8px;margin-top:6px}.block-palette,.block-script{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.block-script{flex-direction:column;align-items:flex-start;min-height:48px;padding:8px;background:#fffaf0;border:2px dashed var(--brass-dark);border-radius:12px}.block-script.is-drop{background:#e7f3df}.block-chip{border:0;border-radius:8px;min-height:40px;padding:6px 12px;color:#1c140c;font-weight:700;text-align:left;box-shadow:inset 0 -3px #28180847;cursor:grab}.block-chip:active{cursor:grabbing}.block-chip.fulcrum{background:#7eb6d6}.block-chip.stone{background:#c4b49a}.block-chip.lift{background:#8fceb6}.block-chip.is-running{outline:3px solid var(--brass-deep);outline-offset:1px}.block-empty{margin:0;color:var(--ink-soft)}#acct-body{display:grid;gap:8px;justify-items:start}#acct-body .hint-card,#acct-body form,#acct-body .warn{width:100%}.stack{display:grid;gap:6px}.stack input{width:100%;min-height:44px;border-radius:10px;border:2px solid var(--brass-dark);background:#fffaf0;padding:8px 10px}.warn{margin:0;background:#fff6df;border:2px solid var(--brass-dark);border-radius:12px;padding:8px 10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:720px){:root{font-size:16px}.gear-canvas{height:260px;min-height:260px}.shaduf-svg{height:220px}.dock{max-height:78%}.face{width:72px}.heart-caption{display:none}}