:root{color:#f7ead0;font-synthesis:none;background:#120f0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#975e2147,#0000 44%),repeating-linear-gradient(135deg,#ffffff04 0 1px,#0000 1px 6px),#120f0b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}#app{width:100%;max-width:430px;margin:0 auto;padding:14px}.topbar{border-bottom:1px solid #6d4b25;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.eyebrow{color:#d69a4c;letter-spacing:.15em;margin:0 0 4px;font-size:10px;font-weight:800}h1{color:#fff4dc;max-width:330px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.15}.role-badge{color:#f5c37e;background:#21170e;border:1px solid #9d6a2f;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.demo-note{color:#dccb9e;background:#7860232b;border:1px solid #6f6032;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.35}.direction-panel{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.direction-button,.gm-grid button,.preset-row button{color:#d9c7a8;cursor:pointer;background:linear-gradient(#302114,#1a130d);border:1px solid #5c442a;border-radius:7px;min-height:36px}.direction-button:hover,.gm-grid button:hover,.preset-row button:hover{color:#fff0d3;border-color:#bc8140}.direction-button.active{color:#fff4dd;background:linear-gradient(#5a3618,#2e1b0f);border-color:#e2a654;box-shadow:inset 0 0 0 1px #6e451d}.direction-button span{color:#f1b45e;font-size:20px;line-height:0}.mechanism{background:radial-gradient(circle,#97652b2e,#0000 50%),linear-gradient(135deg,#221811,#0e0c09);border:2px solid #6a4827;border-radius:14px;min-height:318px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #000,0 8px 24px #00000052}.gearboard{width:360px;height:300px;margin:8px auto;position:relative}.link-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.link-lines line{stroke:#80603b;stroke-width:5px;stroke-linecap:round;opacity:.7}.gear{left:var(--x);top:var(--y);width:var(--size);height:var(--size);cursor:pointer;filter:drop-shadow(0 5px 5px #00000080);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.gear img{width:100%;height:100%;transform:rotate(var(--rotation));transition:transform .28s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.gear>span{color:#25170b;font-family:Georgia,serif;font-size:clamp(12px, calc(var(--size) * .17), 21px);text-shadow:0 1px #ffebb566;pointer-events:none;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gear small{color:#e5c995;pointer-events:none;background:#120d08;border-radius:3px;padding:1px 4px;font-size:9px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.gear:hover:not(:disabled){filter:drop-shadow(0 0 5px #dca351)drop-shadow(0 5px 5px #00000080)}.gear:focus-visible{outline-offset:3px;outline:3px solid #ffd687}.gear:disabled{cursor:not-allowed;opacity:.7}.door-state{color:#d1b98f;text-align:center;width:80px;font-size:9px;font-weight:700;position:absolute;bottom:0;right:-4px}.door-state img{width:62px;height:62px;margin:0 auto 2px;display:block}.door-state.open{color:#a8e1af}.sealed{text-align:center;align-content:center;place-items:center;min-height:314px;padding:30px;display:grid}.sealed img{opacity:.8;width:92px;height:92px;margin-bottom:14px}.sealed h2{margin:0 0 7px;font:700 18px Georgia,serif}.sealed p{color:#bda98b;margin:0;font-size:12px}.steam-screen{pointer-events:none;background:radial-gradient(circle at 25% 75%,#e1dcca7a,#0000 20%),radial-gradient(circle at 70% 35%,#e1dcca57,#0000 25%);animation:.9s ease-in-out infinite alternate steam-pulse;position:absolute;inset:0}.success-runes{color:#a4ffb780;pointer-events:none;place-items:center;font-size:170px;animation:1.4s ease-in-out infinite alternate rune-pulse;display:grid;position:absolute;inset:0}@keyframes steam-pulse{0%{opacity:.25;transform:translateY(12px)scale(.96)}to{opacity:.7;transform:translateY(-8px)scale(1.05)}}@keyframes rune-pulse{0%{opacity:.2;transform:scale(.85)}to{opacity:.75;transform:scale(1.05)}}.status-card{color:#d5c2a1;background:#1b140e;border:1px solid #57412b;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;font-size:12px;display:flex}.status-card>div{align-items:center;gap:7px;display:flex}.status-card small{color:#a89373}.status-light{background:#d1984c;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #d1984c}.status-card.failed{color:#ffb6a8;border-color:#8b3f30}.status-card.failed .status-light{background:#e85c42;box-shadow:0 0 8px #e85c42}.status-card.solved{color:#bfe9c4;border-color:#3d724b}.status-card.solved .status-light{background:#6ed184;box-shadow:0 0 8px #6ed184}.primary{color:#fff1d8;cursor:pointer;background:linear-gradient(#7d4b1e,#4b2b14);border:1px solid #d99c4e;border-radius:8px;width:100%;min-height:42px;margin-top:9px;font-weight:800}.primary:hover:not(:disabled){background:linear-gradient(#945b25,#5b3518)}.primary:disabled{cursor:not-allowed;opacity:.5}.fx-message{text-align:center;border-radius:7px;margin-top:9px;padding:9px 11px;font-size:12px;font-weight:700}.fx-message.failure{color:#ffc0b4;background:#7f2e1e4d;border:1px solid #8c4a3b}.fx-message.success{color:#c6f6cd;background:#266c3a40;border:1px solid #498158}.fx-message.reset{color:#e7d5ad;background:#6c5b3b33;border:1px solid #6c5b3b}.gm-panel{background:#17110c;border:1px solid #694a2c;border-radius:9px;margin-top:12px}.gm-panel summary{color:#f0c17f;cursor:pointer;padding:10px 12px;font-size:12px;font-weight:800}.gm-content{padding:0 10px 10px}.gm-help{color:#bda98b;margin:0;font-size:10px;line-height:1.4}.gm-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gm-grid button{min-height:34px;padding:5px 7px;font-size:10px}.gm-grid button:last-child{grid-column:1/-1}fieldset{border:1px solid #4a3826;border-radius:7px;gap:7px;margin:10px 0 0;padding:9px 10px 10px;display:grid}legend{color:#c9a36e;padding:0 5px;font-size:10px;font-weight:800}fieldset label{color:#cbb99d;align-items:flex-start;gap:7px;font-size:10px;line-height:1.3;display:flex}fieldset input{accent-color:#c98737}.solution-list{color:#bda98c;flex-wrap:wrap;gap:4px;margin-top:9px;font-size:10px;display:flex}.solution-list code{color:#f1d6aa;background:#21170f;border:1px solid #46341f;border-radius:3px;padding:2px 4px}.preset-row{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.preset-row button{min-height:32px;font-size:10px}footer{color:#806f59;justify-content:space-between;gap:8px;margin-top:10px;font-size:8px;line-height:1.25;display:flex}@media (width<=380px){#app{padding:10px}.gearboard{transform-origin:0 0;width:330px;transform:scale(.91)}.mechanism{min-height:292px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}