:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee7d5;font-synthesis:none;background:#11170f;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,kbd{font:inherit}button{color:inherit}.viewport{isolation:isolate;background:#293326;width:100%;height:100%;position:relative}.viewport>canvas{z-index:-1;touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewport:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#080c075c,#0000 18% 72%,#0709066b),radial-gradient(circle at 50% 44%,#0000 42%,#090d0838 100%);position:absolute;inset:0}.panel{-webkit-backdrop-filter:blur(14px)saturate(.88);backdrop-filter:blur(14px)saturate(.88);background:linear-gradient(135deg,#2f3626eb,#191e16e6),#181d14e6;border:1px solid #dcd3b72e;box-shadow:0 12px 36px #080a0642,inset 0 1px #ffffff0a}.topbar{pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;top:18px;left:18px;right:18px}.brand-panel{border-radius:7px;align-items:center;gap:13px;min-width:min(450px,68vw);padding:10px 13px 10px 10px;display:flex}.brand-mark{color:#e7ce8d;letter-spacing:.05em;background:#4b3826;border:1px solid #e2ca8d8c;place-items:center;width:43px;height:43px;font-family:EB Garamond,serif;font-size:19px;font-weight:700;display:grid;box-shadow:inset 0 0 0 3px #13140e59}.eyebrow,.stats-title,.mode-label{color:#c5b98f;letter-spacing:.19em;font-size:9px;font-weight:700}h1{letter-spacing:.015em;margin:1px 0 0;font:600 20px/1.05 EB Garamond,Georgia,serif}.client-badge{color:#b9cf9a;letter-spacing:.13em;border:1px solid #91aa7566;border-radius:3px;margin-left:auto;padding:5px 7px;font-size:8px;font-weight:700}.view-panel{border-radius:7px;align-self:stretch;align-items:center;display:flex;overflow:hidden}.view-panel div{border-left:1px solid #dcd3b71f;min-width:72px;padding:9px 12px;display:grid}.view-panel div:first-child{border-left:0}.view-panel span{color:#9e9d8d;letter-spacing:.16em;font-size:8px}.view-panel strong{color:#eee5ce;margin-top:4px;font-size:12px}.stats-panel{border-radius:6px;width:196px;padding:12px 13px 9px;position:absolute;top:91px;right:18px}.stats-panel dl{margin:8px 0 0}.stats-panel dl div{border-top:1px solid #dcd3b71a;justify-content:space-between;align-items:baseline;padding:7px 0;display:flex}.stats-panel dt{color:#aeac9c;font-size:11px}.stats-panel dd{color:#f1d98f;margin:0;font:600 17px/1 EB Garamond,serif}.controls-panel{opacity:.92;border-radius:6px;width:210px;padding:12px;position:absolute;bottom:96px;left:18px}.control-row{color:#bcb9aa;grid-template-columns:63px 1fr;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:grid}kbd{color:#d9cfb2;letter-spacing:.08em;background:#0a0c0861;border:1px solid #e4d9b642;border-bottom-color:#e4d9b66b;border-radius:3px;place-items:center;min-width:22px;padding:3px 5px;font-size:8px;font-weight:700;display:inline-grid;box-shadow:0 1px #00000059}.bridge-hint{color:#bbb5a4;border-radius:6px;max-width:285px;padding:10px 12px 10px 35px;font-size:10px;transition:all .2s;position:absolute;bottom:96px;right:18px}.bridge-hint:before{content:"≈";color:#7fa5a2;font:700 21px/1 serif;position:absolute;top:6px;left:12px}.bridge-hint.is-visible{color:#eed9a2;border-color:#dab76473;transform:translateY(-2px)}.status-stack{pointer-events:none;justify-items:center;display:grid;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.mode-label{color:#201c12;background:#d8be77;border-radius:3px 3px 0 0;padding:5px 8px}.status-message{color:#d5d0bd;text-align:center;border-radius:5px;align-items:center;gap:8px;min-width:300px;padding:9px 14px;font-size:11px;display:flex}.status-dot{background:#cdb76e;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #cdb76e1f}.tool-dock{border-radius:8px;align-items:stretch;height:66px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tool-dock button{cursor:pointer;border:0}.tool-button{background:#10130d4d;border-radius:5px;grid-template-rows:1fr 1fr;grid-template-columns:43px auto;align-items:center;gap:0 8px;min-width:116px;padding:4px 9px 4px 5px;display:grid;position:relative}.tool-button.is-active{background:linear-gradient(#684f2ac7,#3e321db3);outline:1px solid #e0c2739e;box-shadow:inset 0 0 18px #e8c36714}.road-sprite{filter:drop-shadow(0 2px 2px #0000006b);background-image:url(../assets/ui/icons/construction-actions.png);background-position:0 0;background-repeat:no-repeat;background-size:300% 300%;grid-row:1/3;width:43px;height:43px}.residence-sprite{color:#ead6a0;text-shadow:0 2px 3px #00000094;grid-row:1/3;place-items:center;width:43px;height:43px;font:700 37px/1 Georgia,serif;display:grid;transform:translateY(-2px)}.residence-tool{min-width:132px}.wall-tool{min-width:142px}.wall-sprite{filter:drop-shadow(0 2px 2px #0000007a);grid-row:1/3;grid-template-columns:repeat(3,12px);grid-auto-rows:9px;place-content:center;gap:2px;width:43px;height:43px;display:grid}.wall-sprite i{background:linear-gradient(145deg,#aaa28b 0 42%,#746e5f 47% 100%);border:1px solid #eee1bf57;border-radius:3px 2px 2px 3px;height:9px;display:block;transform:skew(-5deg)}.wall-sprite i:nth-child(2),.wall-sprite i:nth-child(5){transform:translateY(1px)skew(5deg)}.wall-sprite i:nth-child(4){margin-left:7px}.bridge-hint.is-residence{color:#dfd2ad;border-color:#e0c27361}.bridge-hint.is-residence:before{content:"⌂";color:#d8be77;top:7px}.bridge-hint.is-wall{color:#d8d3c2;border-color:#bfbba361}.bridge-hint.is-wall:before{content:"▤";color:#bbb5a4;font-size:17px;top:8px}.tool-label{align-self:end;font:600 15px/1 EB Garamond,serif}.tool-button kbd{place-self:start;margin-top:3px}.dock-divider{background:#ded6bb24;width:1px;margin:3px 7px}.dock-action{color:#aaa797;background:0 0;border-radius:4px;place-items:center;min-width:48px;padding:4px 7px;font-size:9px;display:grid}.dock-action span{color:#e4dcc2;font:20px/1 EB Garamond,serif}.dock-action:hover{color:#eee4ca;background:#ffffff0d}.dock-action.danger:hover{color:#e4a58f}.floating-build-button{z-index:6;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#825f27f5,#4c381bf0);border:1px solid #f4d375b8;border-radius:5px;place-items:center;width:44px;min-width:44px;height:44px;padding:0;transition:filter .16s,transform .16s;display:grid;position:absolute;box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff29}.floating-build-button[hidden]{display:none}.floating-build-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.floating-build-button:focus-visible{outline-offset:2px;outline:2px solid #f4d375}.hammer-sprite{filter:drop-shadow(0 2px 2px #0000006b);pointer-events:none;background-image:url(../assets/ui/icons/construction-actions.png);background-position:50% 0;background-repeat:no-repeat;background-size:300% 300%;width:34px;height:34px}.curve-tip{color:#e2dcc9ad;letter-spacing:.03em;pointer-events:none;font-size:9px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}@media (max-width:800px){.view-panel div:not(.fps-stat),.client-badge,.stats-panel{display:none}.brand-panel{min-width:0}h1{font-size:17px}.controls-panel{width:175px;bottom:88px}.control-row{grid-template-columns:54px 1fr}.bridge-hint{display:none}.status-stack{bottom:91px}.status-message{min-width:260px}.tool-dock{justify-content:center;width:calc(100% - 20px)}.dock-action{min-width:40px}}@media (max-width:560px){.topbar{top:10px;left:10px;right:10px}.brand-panel{flex:1}.view-panel{display:flex}.controls-panel{display:none}.status-message{min-width:min(290px,100vw - 24px)}.tool-dock{height:61px;padding:5px;bottom:12px}.tool-button{grid-template-columns:40px auto;min-width:77px}.residence-tool{min-width:104px}.wall-tool{min-width:112px}.tool-button kbd,.dock-action,.curve-tip{display:none}}