:root{--ink:#17191c;--coal:#20272c;--coal-soft:#2b3439;--paper:#e4d4af;--paper-deep:#cbb589;--brass:#c5913d;--brass-light:#f0c876;--copper:#a95d35;--cream:#fff5da;--rust:#9e4635;--green:#557e61;--browser-safe-bottom:18px}*{box-sizing:border-box}html{background:#111518;min-width:320px}body{min-height:100vh;color:var(--cream);background:radial-gradient(circle at 18% 0,#c5913d21,#0000 32rem),linear-gradient(145deg,#13181b,#222b30 48%,#111619);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #75bee3}h1,h2,h3,p{margin-top:0}.eyebrow{color:var(--brass-light);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.69rem;font-weight:800}.game-shell{min-height:100vh}.menu-mode{width:min(1120px,100%);margin:0 auto;padding:22px 24px 48px}.menu-screen{gap:22px;display:grid}.menu-masthead{border-bottom:1px solid #f0c8763d;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:78px;padding-bottom:17px;display:grid}.brand-mark{aspect-ratio:1;width:58px;color:var(--brass-light);border:2px solid var(--brass);background:#20262a;border-radius:50%;place-items:center;font-size:35px;display:grid;box-shadow:inset 0 0 0 5px #15191c,0 5px 16px #0a0d0f}.brand-mark span{line-height:1;transform:translateY(-1px)}h1{letter-spacing:-.035em;text-transform:uppercase;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.85rem,4vw,2.8rem);line-height:.95}h1 em{color:var(--brass-light);font-style:normal}.hub-link{color:#d7cdb7;white-space:nowrap;border:1px solid #5d5544;border-radius:8px;align-items:center;min-height:42px;padding:8px 13px;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.hub-link:hover{color:var(--brass-light);border-color:var(--brass-light)}.menu-intro{grid-template-columns:1fr minmax(280px,.75fr);align-items:end;gap:30px;padding-top:8px;display:grid}.menu-intro h2,.selected-scenario h2,.result-card h2,.replay-modal h2{margin-bottom:7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,4vw,2.35rem)}.menu-intro>p,.selected-scenario-copy>p:last-of-type,.replay-modal>p{color:#c7c0ae;margin-bottom:0;font-size:.9rem;line-height:1.55}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scenario-card{color:#d9d1bc;text-align:left;background:linear-gradient(145deg,#2a3134fa,#1d2225fa);border:1px solid #4b4a41;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:88px;padding:13px;display:grid;position:relative}.scenario-card:hover{border-color:#807257;transform:translateY(-1px)}.scenario-card.selected{border-color:var(--brass-light);background:linear-gradient(145deg,#3b382f,#272d2f);box-shadow:inset 0 0 0 1px #f0c87638,0 8px 24px #0000003d}.scenario-number{width:44px;height:44px;color:var(--brass-light);background:#171c1f;border:1px solid #62573f;border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:800;display:grid}.scenario-copy{gap:3px;min-width:0;display:grid}.scenario-copy strong{color:var(--cream);font-size:.88rem}.scenario-copy small{color:#9e998b;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.3;overflow:hidden}.scenario-mode{color:#8f8b7e;letter-spacing:.08em;text-transform:uppercase;font-size:.54rem;font-weight:800;position:absolute;top:7px;right:9px}.selected-scenario{background:radial-gradient(circle at 92% 8%,#c5913d29,#0000 20rem),linear-gradient(145deg,#2a3134fa,#1d2225fa);border:1px solid #575143;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:22px;display:grid;box-shadow:0 16px 38px #0000003d}.selected-scenario-copy{max-width:690px}.mission-facts{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.mission-facts span{color:#aaa493;background:#202629;border:1px solid #494840;border-radius:99px;padding:7px 11px;font-size:.69rem}.mission-facts b{color:var(--brass-light)}.menu-actions{gap:9px;display:flex}.brass-button,.ghost-button,.tiny-button{letter-spacing:.035em;border-radius:8px;min-height:44px;padding:10px 15px;font-size:.78rem;font-weight:900}.brass-button{color:#241a0d;background:linear-gradient(#e6b860,#b87b29);border:1px solid #f2cc83;box-shadow:inset 0 1px #ffe4a8,0 5px 13px #00000038}.brass-button:hover{filter:brightness(1.08)}.ghost-button,.tiny-button{color:#dbd2bd;background:#252b2e;border:1px solid #5c594d}.ghost-button:hover,.tiny-button:hover{border-color:var(--brass-light)}.button-row{gap:9px;display:flex}.debug-card,.result-card{background:linear-gradient(145deg,#2a3134fa,#1d2225fa);border:1px solid #4b4a41;border-radius:12px;box-shadow:0 10px 28px #0003}.menu-debug{justify-self:center;width:100%;max-width:620px}.debug-card{overflow:hidden}.debug-toggle{color:#aaa696;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;width:100%;padding:12px 15px;font-size:.68rem;font-weight:800;display:flex}.debug-toggle b{color:var(--brass-light)}.debug-body{border-top:1px solid #45463e;padding:13px 15px 15px}.debug-body dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 11px;display:grid}.debug-body dl div{border:1px solid #40413b;border-radius:6px;padding:7px;overflow:hidden}.debug-body dt{color:#858579;text-transform:uppercase;font-size:.61rem}.debug-body dd{color:#dad1bd;text-overflow:ellipsis;margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;overflow:hidden}.tiny-button{flex:1;min-height:34px;padding:6px 8px;font-size:.62rem}.game-mode{z-index:10;background:#11171a;width:100%;height:100svh;position:fixed;inset:0;overflow:hidden}.play-screen{grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;display:grid;overflow:hidden}.game-topbar{z-index:20;color:#d9d1bc;min-height:58px;padding:max(7px, env(safe-area-inset-top)) 12px 7px;background:linear-gradient(#292f32,#202629);border-bottom:1px solid #4b483e;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:10px;display:grid;position:relative;box-shadow:0 5px 18px #00000047}.topbar-title{color:#cfc6b1;letter-spacing:.08em;text-transform:uppercase;justify-self:center;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:800}.topbar-title span{color:var(--brass-light);margin-right:5px}.topbar-menu{color:#ddd4bf;background:#181e21;border:1px solid #5b574a;border-radius:8px;justify-self:start;min-height:38px;padding:7px 11px;font-size:.7rem;font-weight:850}.topbar-menu span{color:var(--brass-light);margin-right:5px}.topbar-stats{color:#bcb4a1;justify-self:end;gap:10px;font-size:.68rem;display:flex}.topbar-stats span:first-child{color:#d67767}.topbar-stats span:last-child{color:var(--brass-light)}.topbar-stats b{color:var(--cream)}.game-stage{background:radial-gradient(circle,#c5913d14,#0000 34rem),#151b1e;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-frame{touch-action:none;background:#171c22;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.canvas-frame canvas{display:block}.stage-status{z-index:5;color:#c9c2ae;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181d20db;border:1px solid #716956c7;border-radius:99px;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:6px 10px;font-size:.62rem;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000040}.phase-chip{color:var(--cream);align-items:center;gap:6px;font-weight:850;display:flex}.phase-chip i{background:var(--brass-light);width:7px;height:7px;box-shadow:0 0 8px var(--brass);border-radius:50%}.event-toast,.paused-badge{z-index:7;color:#e5dcc8;white-space:nowrap;background:#1b2124e6;border:1px solid #59564b;border-radius:99px;padding:7px 12px;font-size:.67rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #00000047}.paused-badge{color:#251b0f;border-color:var(--brass-light);background:var(--brass-light);text-transform:uppercase;font-weight:900;top:50%;bottom:auto;transform:translate(-50%,-50%)}.component-dock{z-index:20;min-width:0;padding:7px 10px max(var(--browser-safe-bottom), env(safe-area-inset-bottom));background:linear-gradient(#292f32,#1c2225);border-top:1px solid #5b5547;position:relative;box-shadow:0 -7px 24px #00000057}.dock-heading{color:#aaa493;justify-content:space-between;gap:12px;padding:0 2px 6px;font-size:.62rem;display:flex}.dock-heading b{color:var(--cream)}.dock-heading small{color:#817f75;font-size:inherit}.dock-content{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px;display:grid}.component-strip{overscroll-behavior-x:contain;scrollbar-color:#675b43 transparent;scrollbar-width:thin;scroll-snap-type:x proximity;gap:6px;min-width:0;padding:1px 2px 4px;display:flex;overflow-x:auto}.component{color:#d9d1bc;scroll-snap-align:start;background:#171d20;border:1px solid #545248;border-radius:8px;flex:0 0 62px;place-items:center;min-height:58px;padding:4px 3px;display:grid}.component>span:not(.component-sprite){color:var(--brass-light);font-size:1.25rem;font-weight:800;line-height:1}.component-sprite{width:39px;height:39px;display:block;position:relative;overflow:hidden}.component-sprite img{top:calc(var(--sprite-row) * -100%);left:calc(var(--sprite-column) * -100%);width:400%;max-width:none;height:400%;position:absolute}.robot-tool{background-image:url(/ClockworkBastion/assets/clockwork-sprites.png);background-position:0 0;background-size:400% 400%;width:39px;height:39px;display:block}.warehouse-tool{color:#e3b85f;background:repeating-linear-gradient(90deg,#60421f 0 5px,#76532a 5px 9px);border:3px double #9b6a2c;border-radius:4px;place-items:center;width:39px;height:39px;font-size:1rem;display:grid;box-shadow:inset 0 0 0 2px #2b2116}.component small{font-size:.56rem;font-weight:750}.component.selected{color:#241c13;border-color:var(--brass-light);background:var(--brass-light);box-shadow:0 0 0 2px #f0c87629}.component.selected>span:not(.component-sprite){color:#241c13}.component.remove span{color:#d96e5d}.component:disabled{cursor:default;filter:saturate(.35);opacity:.5}.component.selected:disabled{opacity:.67}.dock-actions{grid-template-columns:1fr 1.25fr;gap:6px;width:184px;display:grid}.dock-actions>.wide{grid-column:1/-1}.dock-primary,.dock-secondary{border-radius:8px;min-height:58px;padding:6px 8px;font-size:.66rem;font-weight:900}.dock-primary{color:#241a0d;background:linear-gradient(#e6b860,#b87b29);border:1px solid #f2cc83}.dock-secondary{color:#dbd2bd;background:#252b2e;border:1px solid #5c594d}.intermission-panel,.game-result{z-index:12;width:min(440px,100% - 24px);max-height:calc(100% - 72px);color:var(--cream);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1f2629f7;border:1px solid #786849;border-radius:13px;padding:17px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 22px 70px #0000009e}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2,.section-heading h3{margin:0}.section-heading h3{letter-spacing:.08em;text-transform:uppercase;font-size:.87rem}.section-heading>span{color:var(--brass-light);font-size:.77rem;font-weight:900}.shop-list{gap:7px;margin-top:13px;display:grid}.intermission-help{color:#b7b09f;margin-top:9px;font-size:.72rem;line-height:1.45}.shop-list button{color:var(--cream);text-align:left;background:#21272a;border:1px solid #555347;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.shop-list button:hover:not(:disabled){border-color:var(--brass-light)}.shop-list button:disabled{cursor:not-allowed;opacity:.45}.shop-list button span,.shop-list button small{display:block}.shop-list button small{color:#8f8b7e;margin-top:2px;font-size:.63rem}.shop-list button b{color:var(--brass-light);font-size:.78rem}.skip-upgrade{color:#d6cdb9;background:#292f31;border:1px solid #5c594d;border-radius:8px;width:100%;margin-top:10px;padding:10px 12px;font-weight:800}.skip-upgrade:hover{background:#303739;border-color:#91856b}.result-card{border-color:#c5913db8}.result-card.defeat{border-color:#9e4635cc}.result-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.result-grid span{color:#aaa493;border:1px solid #47473f;border-radius:7px;padding:9px;font-size:.7rem}.result-grid strong{color:var(--cream);font-size:1.05rem}.bonus{color:var(--brass-light);margin:12px 0;font-size:.76rem}.result-actions>button{flex:1;padding-inline:8px}.modal-backdrop{z-index:100;background:#06090bd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.replay-modal{width:min(680px,100%);color:var(--cream);background:#232a2e;border:1px solid #6b624e;border-radius:13px;padding:20px;box-shadow:0 25px 80px #000}.close-button{color:#c6bea9;background:0 0;border:0;font-size:1.7rem}.replay-modal textarea{color:#e4d8be;resize:vertical;background:#13191c;border:1px solid #4e504a;border-radius:8px;width:100%;height:min(43vh,340px);margin:14px 0 10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;line-height:1.45}.replay-status{color:var(--brass-light)!important;margin:0 0 10px!important}@media (width>=900px){.game-stage{border-inline:1px solid #403f39;width:min(100%,940px);margin:0 auto}.component-dock{padding-inline:max(16px,50% - 470px)}}@media (width<=760px){.menu-mode{padding:14px 14px 36px}.menu-masthead{grid-template-columns:auto 1fr}.menu-masthead .hub-link{grid-column:1/-1;justify-self:start}.menu-intro,.selected-scenario{grid-template-columns:1fr;gap:14px}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-actions>button{flex:1}}@media (width<=520px){.menu-mode{padding-inline:12px}.brand-mark{width:49px;font-size:29px}h1{font-size:1.65rem}.menu-intro>p{font-size:.8rem}.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:76px}.selected-scenario{padding:17px}.mission-facts{gap:5px}.game-topbar{grid-template-columns:auto 1fr auto;gap:6px;min-height:54px;padding-inline:7px}.topbar-menu{min-height:36px;padding-inline:8px}.topbar-menu span{margin-right:2px}.topbar-title{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.65rem;overflow:hidden}.topbar-stats{gap:1px;font-size:.6rem;display:grid}.stage-status{gap:7px;padding:5px 8px;font-size:.55rem;top:88px}.component-dock{padding-inline:7px}.dock-heading{font-size:.57rem}.dock-heading small{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.component{flex-basis:56px;min-height:55px}.dock-actions{width:128px}.dock-primary,.dock-secondary{min-height:55px;padding-inline:4px;font-size:.58rem}.event-toast{text-overflow:ellipsis;max-width:calc(100% - 18px);bottom:8px;overflow:hidden}}@media (height<=620px){.game-topbar{min-height:48px;padding-block:5px}.dock-heading{display:none}.component-dock{padding-top:5px}.component,.dock-primary,.dock-secondary{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (display-mode:standalone){:root{--browser-safe-bottom:8px}}