:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172432;--ink:#172432;--cream:#f6edcf;--sun:#f0b84c;--mint:#62dfbe;--sea:#236f86;--coral:#ee7d56;--glass:#faf5e0c7;--shadow:0 24px 90px #07182252;background:#16404b;font-family:Avenir Next,Space Grotesk,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}.experience-shell{isolation:isolate;background:radial-gradient(circle at 22% 16%,#ffe096ad,#0000 24%),radial-gradient(circle at 74% 18%,#78eed357,#0000 24%),linear-gradient(135deg,#9bd7cf 0%,#56a8b6 48%,#236579 100%);width:100vw;height:100vh;position:relative}.scene-panel,.three-root,.three-root canvas{position:absolute;inset:0}.scene-vignette{pointer-events:none;background:linear-gradient(90deg,#05121c38,#0000 28%,#f6edcf1a),radial-gradient(circle at 48% 48%,#0000 52%,#030d162e);position:absolute;inset:0}.controls-hint{color:#fff8da;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:.02em;background:#0a1a266b;border:1px solid #ffffff61;border-radius:999px;padding:10px 16px;font-size:13px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.guide-bubble{left:var(--guide-x,22px);top:var(--guide-y,calc(100% - 260px));color:#f8f1d7;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);pointer-events:none;background:#162d37d6;border:1px solid #f6edcf42;border-radius:20px 20px 20px 7px;grid-template-columns:44px 1fr;align-items:center;gap:10px;width:min(330px,100vw - 44px);padding:11px 12px;animation:3.4s ease-in-out infinite bubbleFloat;display:grid;position:absolute;transform:translate(18px,-50%);box-shadow:0 18px 60px #040e1657}.guide-bubble:before{content:"";background:#162d37d6;border-bottom:1px solid #ffffff7a;border-left:1px solid #ffffff7a;width:22px;height:22px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)rotate(45deg)}.guide-avatar{color:#102033;background:radial-gradient(circle at 35% 28%,#fff 0 12%,#0000 13%),linear-gradient(135deg,#73fbd3,#ffcf5a);border-radius:15px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:inset 0 -7px 18px #1020332e}.guide-bubble span{letter-spacing:.14em;text-transform:uppercase;color:#70e0c3;font-size:10px;font-weight:1000;display:block}.guide-bubble strong{margin-top:2px;font-size:15px;display:block}.guide-bubble p{color:#f8f1d7c7;margin:6px 0 0;font-size:13px;line-height:1.38}@keyframes bubbleFloat{0%,to{transform:translate(18px,-50%)}50%{transform:translate(18px,calc(-50% - 8px))}}.hud{background:var(--glass);width:min(360px,100vw - 44px);max-height:calc(100vh - 44px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);border:1px solid #ffffff80;border-radius:28px;gap:10px;padding:14px;display:grid;position:absolute;top:22px;right:22px;overflow:auto}.brand h1{letter-spacing:-.08em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,4.8vw,58px);line-height:.9}.brand p,.zone-card p,.about-card p,.dispatch-head p,#current-detail{color:#102033b8;margin:6px 0 0;line-height:1.38}.brand-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#1d6f7b;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.meter-card,.zone-card,.about-card,.transport-card,.scenario-strip article{background:#ffffff5c;border:1px solid #1020331a;border-radius:20px;box-shadow:inset 0 1px #ffffff85}.meter-card{grid-template-columns:78px 1fr;align-items:center;gap:12px;padding:11px;display:grid}.meter-ring{background:conic-gradient(var(--mint) var(--progress,0deg), #1020331f 0deg);border-radius:50%;place-items:center;width:70px;height:70px;font-weight:1000;display:grid;position:relative}.meter-ring:before{content:"";border-radius:inherit;background:var(--cream);position:absolute;inset:9px}.meter-ring span{position:relative}.zone-card{padding:13px}.zone-heading{align-items:center;gap:12px;display:flex}#zone-icon{color:#132332;background:var(--sun);border-radius:15px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.zone-heading h2{margin:0;font-size:21px;line-height:1}#zone-stat{margin-top:12px;font-size:18px;display:block}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ghost-btn{color:#102033;background:#ffffff6b;border:1px solid #10203329;grid-column:1/-1}.transport-card{padding:11px}.transport-stages{gap:6px;display:grid}.transport-stages article{background:#1020330f;border-radius:14px;grid-template-columns:26px 1fr;align-items:start;gap:8px;padding:7px;display:grid}.transport-stages article>span{color:#102033;background:var(--mint);border-radius:9px;place-items:center;width:26px;height:26px;font-weight:1000;display:grid}.transport-stages strong{font-size:12px;display:block}.transport-stages p{color:#102033ad;margin:3px 0 0;font-size:11px;line-height:1.3}button{cursor:pointer;border:0;border-radius:16px;min-height:42px;font-weight:900}.primary-btn{color:#132332;background:linear-gradient(135deg, var(--sun), #ff986b);box-shadow:0 12px 28px #ff875c3d}.secondary-btn{color:#fff8da;background:linear-gradient(135deg,#17324d,#255f78)}.scenario-strip{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.scenario-strip article{padding:8px}.scenario-strip span,.scenario-strip small{color:#102033a8;font-size:11px;display:block}.scenario-strip strong{margin:4px 0;font-size:15px;display:block}.about-card{padding:12px 14px}.about-card summary{cursor:pointer;font-weight:900}.dispatch-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#05111cad;place-items:center;padding:22px;display:none;position:fixed;inset:0}.dispatch-modal.is-open{display:grid}.failure-overlay{z-index:20;background:radial-gradient(circle at 50% 45%,#fff8daf5,#0000 9%),radial-gradient(circle,#ff7a1fe0,#0000 32%),radial-gradient(circle at 50% 58%,#ff1f1f99,#0000 42%),#000000eb;place-items:center;padding:22px;display:none;position:fixed;inset:0}.failure-overlay.is-open{animation:.68s steps(2,end) explosionFlash;display:grid}.failure-card{color:#fff8da;text-align:center;background:radial-gradient(circle at 50% 36%,#ffcf5a57,#0000 26%),linear-gradient(145deg,#2b0d05,#8a2212 58%,#130406);border:4px solid #fff8da;border-radius:34px;align-content:center;place-items:center;gap:10px;width:min(560px,92vw);min-height:320px;animation:.68s cubic-bezier(.2,1.35,.2,1) explosionPop;display:grid;box-shadow:0 0 82px #ff5e00c7,inset 0 0 60px #ffffff14}.failure-face{letter-spacing:0;text-shadow:5px 0 #ff7a1f,-5px 0 #ffcf5a,0 0 28px #ffffffbf;font-size:clamp(58px,13vw,126px);line-height:.9}.failure-card strong{letter-spacing:0;font-family:Fraunces,Georgia,serif;font-size:clamp(34px,7vw,76px);line-height:.9}.failure-card small{color:#fff8dac2;font-weight:900}@keyframes explosionFlash{0%,18%,42%{filter:saturate(1.8)contrast(1.65)brightness(1.35)}19%,41%,to{filter:none}}@keyframes explosionPop{0%{opacity:0;transform:scale(.18)rotate(-10deg)}58%{opacity:1;transform:scale(1.16)rotate(3deg)}to{transform:scale(1)rotate(0)}}.dispatch-board{color:#fff8da;background:radial-gradient(circle at 16% 10%,#73fbd333,#0000 26%),linear-gradient(135deg,#142b42,#07131e);border:1px solid #ffffff52;border-radius:34px;width:min(1120px,96vw);max-height:92vh;padding:24px;position:relative;overflow:auto;box-shadow:0 34px 100px #00000075}.close-btn{color:#fff8da;background:#ffffff1f;width:44px;min-height:44px;font-size:26px;position:absolute;top:18px;right:18px}.dispatch-head{max-width:720px;margin-bottom:18px}.dispatch-head h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(34px,5vw,62px);line-height:.9}.dispatch-head p{color:#fff8dac7}.atelier-board{background:radial-gradient(circle at 14% 12%,#ffcf5a52,#0000 22%),radial-gradient(circle at 86% 6%,#73fbd33d,#0000 24%),linear-gradient(145deg,#17324d 0%,#12273c 48%,#07131e 100%)}.atelier-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.mission-panel,.atelier-feedback,.component-palette,.redstone-board{background:#ffffff14;border:1px solid #ffffff29;border-radius:28px;box-shadow:inset 0 1px #ffffff24}.mission-panel{gap:14px;padding:16px;display:grid;position:sticky;top:0}.mission-header h3{color:#fff8da;margin:10px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(26px,3vw,38px);line-height:.95}.mission-header p{color:#fff8dac2;margin:10px 0 0;line-height:1.45}.atelier-pill{color:#112333;background:linear-gradient(135deg,#73fbd3,#ffcf5a);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:1000;display:inline-flex}.customer-card{color:#132332;background:radial-gradient(circle at 20% 18%,#ffffffe6,#0000 20%),linear-gradient(135deg,#fff4cc,#ffba7b);border-radius:20px;grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.customer-avatar{background:#ffffff94;border-radius:20px;place-items:center;width:58px;height:58px;font-size:30px;animation:2.4s ease-in-out infinite characterBob;display:grid}.score-board{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.score-board div{background:#ffffff1a;border-radius:18px;padding:12px}.score-board span,.component-token small{color:#fff8daa8;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.score-board strong{color:#73fbd3;margin-top:4px;font-size:25px;display:block}.redstone-column{gap:12px;display:grid}.redstone-board{background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/26px 26px,radial-gradient(circle at 18% 20%,#ff784c2e,#0000 24%),#122131db;padding:14px;position:relative;overflow:hidden}.redstone-board:before{content:"";background:linear-gradient(90deg,#3b1f20,#7c2b24,#3b1f20);border-radius:999px;height:12px;position:absolute;top:92px;left:28px;right:28px;box-shadow:0 0 18px #ff4a2b24}.redstone-board-head{z-index:1;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px;display:flex;position:relative}.redstone-board-head strong{color:#fff8dad6;font-size:13px}.redstone-rail{z-index:1;grid-template-columns:repeat(6,minmax(86px,1fr));gap:10px;display:grid;position:relative}.redstone-rail.is-powered .redstone-slot.is-filled{color:#122131;background:radial-gradient(circle at 50% 18%,#fff9,#0000 22%),linear-gradient(145deg,#ffcf5a,#ff7657);border-color:#ffcf5af5;box-shadow:0 0 24px #ff7e4d6b,inset 0 -12px 28px #6823182e}.redstone-slot{color:#fff8da75;background:#050d1657;border:2px dashed #ffffff2e;border-radius:20px;align-content:center;place-items:center;gap:5px;min-height:96px;padding:10px;display:grid}.redstone-slot.is-filled{color:#fff8da;background:radial-gradient(circle at 50% 22%,#ffffff38,#0000 24%),linear-gradient(145deg,#7c2b24,#263c52);border-style:solid;border-color:#ff6748a3;animation:1.5s ease-in-out infinite redstonePulse}.redstone-slot span{font-size:28px;font-weight:1000}.redstone-slot strong{text-transform:uppercase;font-size:12px}.component-palette{grid-template-columns:repeat(5,minmax(118px,1fr));gap:10px;padding:12px;display:grid}.component-token{text-align:left;color:#fef6d8;background:radial-gradient(circle at 20% 12%,#ffffff2e,#0000 20%),linear-gradient(145deg,#2a5c7af2,#11293cf2);border:1px solid #ffffff29;border-radius:22px;align-content:start;justify-items:start;gap:5px;min-height:150px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000002e}.component-token:after{content:"";background:#73fbd324;border-radius:999px;height:88px;position:absolute;inset:auto -20% -45% 18%;transform:rotate(-12deg)}.component-token:hover{filter:saturate(1.08);border-color:#ffcf5ab3;transform:translateY(-5px)rotate(-1deg)}.component-token.is-selected{color:#102033;background:radial-gradient(circle at 22% 14%,#ffffffe0,#0000 17%),linear-gradient(145deg,#73fbd3,#ffcf5a 64%,#ff986b);border-color:#ffffffdb;transform:translateY(-7px)rotate(1deg);box-shadow:0 16px 40px #ffcf5a47,0 0 0 4px #ffffff29}.component-token.is-selected small,.component-token.is-selected em{color:#102033bd}.component-token.is-risky:not(.is-selected){background:radial-gradient(circle at 20% 12%,#ffffff2e,#0000 20%),linear-gradient(145deg,#703936f2,#271f2af2)}.card-icon{background:#ffffff29;border-radius:16px;place-items:center;width:46px;height:46px;font-size:25px;font-weight:1000;display:grid}.card-label{z-index:1;font-size:18px;font-weight:1000;position:relative}.component-token em{z-index:1;color:#fff8dab8;font-size:12px;font-style:normal;line-height:1.3;position:relative}.atelier-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.atelier-actions button{min-width:180px;padding:0 18px}.atelier-feedback{min-height:118px;padding:14px}.watti-tip{grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.watti-tip span{color:#102033;background:linear-gradient(135deg,#73fbd3,#ffcf5a);border-radius:17px;place-items:center;width:48px;height:48px;font-size:26px;animation:2.2s ease-in-out infinite characterBob;display:grid}.watti-tip p{color:#fff8dac7;margin:0;line-height:1.42}.chain-preview{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;margin-top:14px;display:grid}.chain-preview span{color:#102033;background:#fff4cc;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:1000}.chain-preview i{background:linear-gradient(90deg,#73fbd3,#ffcf5a);border-radius:999px;height:4px;animation:1.2s linear infinite energyDash}.result-card{border-radius:22px;padding:14px;animation:.24s ease-out resultPop}.result-card.is-success{color:#102033;background:radial-gradient(circle at 92% 12%,#ff7a1f57,#0000 19%),linear-gradient(135deg,#73fbd3,#fff4cc);box-shadow:inset 0 0 0 2px #ffffff70}.result-card.is-warning{color:#fff8da;background:linear-gradient(135deg,#7a3a3a,#1b283c)}.result-card strong{font-size:24px;display:block}.success-confetti{color:#7a3a00;gap:10px;margin-top:10px;font-size:22px;display:flex}.success-confetti span{animation:.9s ease-out both confettiFloat}.success-confetti span:nth-child(2){animation-delay:80ms}.success-confetti span:nth-child(3){animation-delay:.15s}.success-confetti span:nth-child(4){animation-delay:.22s}.result-card ul{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.result-card li:before{content:"→ ";font-weight:1000}@keyframes characterBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes energyDash{0%{background-position:0 0}to{background-position:32px 0}}@keyframes resultPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confettiFloat{0%{opacity:0;transform:translateY(8px)rotate(0)scale(.72)}to{opacity:1;transform:translateY(-3px)rotate(18deg)scale(1)}}@keyframes redstonePulse{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.18);transform:translateY(-3px)}}.dispatch-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.dispatch-chart,.dispatch-controls{background:#ffffff14;border:1px solid #ffffff29;border-radius:24px}.dispatch-chart{padding:12px}.dispatch-chart canvas{border-radius:18px;width:100%;height:auto}.dispatch-controls{align-content:start;gap:14px;padding:16px;display:grid}.dispatch-controls label{gap:8px;font-weight:900;display:grid}.dispatch-controls label strong{color:var(--mint)}input[type=range]{accent-color:var(--sun)}.dispatch-stat{background:#ffffff1a;border-radius:16px;justify-content:space-between;gap:12px;padding:12px;display:flex}@media (width<=900px){body{overflow:auto}.experience-shell{height:auto;min-height:100vh}.scene-panel{height:58vh;min-height:440px;position:relative}.hud{width:auto;margin:-32px 12px 16px;position:relative;top:auto;right:auto}.guide-bubble{animation:none;inset:auto auto 68px 12px;transform:none}.guide-bubble:before{display:none}.dispatch-grid,.atelier-layout,.actions,.scenario-strip{grid-template-columns:1fr}.component-palette,.redstone-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-preview{grid-template-columns:1fr}.chain-preview i{justify-self:center;width:4px;height:18px}}