:root{color-scheme:light;font-family:Georgia,Palatino Linotype,serif;line-height:1.3;font-weight:400;color:#f4ead8;background:radial-gradient(circle at top left,rgba(88,128,169,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(35,57,36,.24),transparent 32%),linear-gradient(180deg,#34281a,#211811)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;overflow:hidden}body{user-select:none}button,input,select{font:inherit}.title-screen{position:relative;width:100vw;height:100vh;overflow:hidden;background:#140d11}.title-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}.title-canvas{position:relative;width:min(calc(100vw - 24px),calc((100vh - 24px) * 1.77734375));aspect-ratio:1365 / 768;border-radius:18px;overflow:hidden;box-shadow:0 28px 60px #0000007a,0 0 0 1px #ffecc824 inset;background:#0f0b0d}.title-art{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.title-menu{position:absolute;left:50%;bottom:4.5%;width:min(31%,360px);min-width:270px;padding:18px 24px 22px;transform:translate(-50%);border-radius:18px;background:linear-gradient(180deg,#48311cfa,#28190ef5);border:1px solid rgba(194,160,103,.66);box-shadow:0 18px 30px #0000006b,0 0 0 1px #6d4f2ce6 inset,0 10px 16px #0000003d inset}.title-menu:before,.title-menu:after{content:"";position:absolute;top:16px;bottom:-18px;width:34px;border-radius:12px;background:linear-gradient(180deg,#bdb3a1,#817865 36%,#706754);box-shadow:0 0 0 1px #332c23c7 inset,0 6px 12px #00000042;pointer-events:none}.title-menu:before{left:-12px}.title-menu:after{right:-12px}.title-menu-cap{position:relative;z-index:1;height:18px;margin:0 8px 14px;border-radius:999px;background:linear-gradient(180deg,#ab8050,#6f4b28);box-shadow:0 0 0 1px #3b2412db inset,0 3px 8px #00000047}.title-menu-buttons{position:relative;z-index:1;display:grid;gap:6px}.title-menu-button{width:100%;padding:9px 14px;border:1px solid rgba(194,171,132,.78);border-radius:9px;background:linear-gradient(180deg,#847967fa,#4c4339f5),linear-gradient(180deg,#281f184d,#0000);box-shadow:0 0 0 1px #31281fd1 inset,0 6px 10px #00000038;color:#f1e4c6;cursor:pointer;font-size:clamp(.88rem,.75vw,1rem);font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.65);transition:transform .12s ease,filter .12s ease,border-color .12s ease}.title-menu-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);border-color:#f7ddaef2}.title-menu-button:focus-visible{outline:2px solid rgba(255,232,193,.96);outline-offset:2px}.title-menu-button.is-primary{background:linear-gradient(180deg,#ab8a52fa,#785226f5),linear-gradient(180deg,#281f1833,#0000);border-color:#f3dcabeb}.title-menu-button:disabled{opacity:.84;cursor:default;filter:saturate(.35) brightness(.92)}.game-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at top center,rgba(214,231,248,.18),transparent 30%),linear-gradient(180deg,#71885b,#627149 44%,#39442d)}.game-shell canvas{display:block}.hud-root{position:absolute;inset:0;pointer-events:none}.panel{background:#1a120bdb;border:1px solid rgba(223,194,142,.55);box-shadow:0 0 0 1px #614a28d9 inset,0 18px 36px #00000047;border-radius:12px;backdrop-filter:blur(8px)}.hud-top{position:absolute;top:14px;left:14px;right:14px;display:grid;grid-template-columns:minmax(420px,1.92fr) minmax(128px,.34fr);gap:6px;pointer-events:none;align-items:start}.resource-bar,.wave-panel,.build-panel,.inspector-panel,.alert-panel,.overlay-panel,.footer-panel{pointer-events:auto}.resource-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px}.resource-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px;min-height:40px;border-radius:9px;background:#fff5e00f}.resource-chip strong{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:#d6ba7f}.resource-label{display:flex;align-items:center;gap:5px;min-width:0}.resource-metrics{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;min-width:0;text-align:right}.resource-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.72rem;font-weight:700;border-radius:999px;background:#fff4dc1a}.resource-chip strong{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#d6ba7f}.resource-value{font-size:.82rem;color:#fff4df;white-space:nowrap}.resource-trend{font-size:.66rem;font-weight:700;white-space:nowrap}.resource-trend.is-positive{color:#81d78f}.resource-trend.is-negative{color:#ff9e90}.resource-trend.is-neutral{color:#ffedcdb3}.wave-panel{padding:7px 8px;display:flex;flex-direction:column;gap:3px;width:min(220px,23vw);justify-self:end}.panel-title{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:#ceb27d}.wave-panel .headline{font-size:.88rem;font-weight:700;color:#fff2da;line-height:1.05}.inspector-panel .headline{font-size:.92rem;font-weight:700;color:#fff2da;line-height:1.02}.inspector-panel .tagline{font-size:.68rem;line-height:1.06}.hud-bottom{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(250px,.78fr) minmax(205px,.54fr);align-items:end;gap:6px}.build-panel,.inspector-panel{padding:9px;min-height:132px}.alert-panel{padding:12px;min-height:138px;max-height:172px;overflow:hidden}.build-menu-shell{margin-top:6px}.build-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:5px}.build-tooltip{display:none}.build-button,.tool-button,.speed-button,.action-button{border:1px solid rgba(214,187,125,.5);background:linear-gradient(180deg,#856033f2,#583d1ff2);color:#fff3df;border-radius:8px;padding:7px 8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.build-button:hover,.tool-button:hover,.speed-button:hover,.action-button:hover{transform:translateY(-1px);border-color:#ffe7bcd1}.build-button.is-active,.tool-button.is-active,.speed-button.is-active,.action-button.is-active{background:linear-gradient(180deg,#ad7e41fa,#75481cfa);border-color:#ffe5b6f2}.build-button:disabled{opacity:.48;cursor:default;filter:saturate(.6)}.music-button{min-width:74px;padding:7px 8px;font-size:.8rem}.build-panel-footer{display:none}.inspector-actions{display:flex;gap:6px;margin-top:8px}.inspector-danger{width:100%;border-color:#d4766bb8;background:linear-gradient(180deg,#8a463cf2,#5b2b26f2)}.build-button strong,.tool-button strong{display:block;font-size:.72rem;line-height:1.05}.build-button small,.tool-button small{display:block;margin-top:2px;color:#ffeed2b8;font-size:.64rem}.build-cancel-button{align-self:stretch;font-size:.72rem;font-weight:700;line-height:1.05}.overlay-toolbar,.footer-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.inspector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px}.inspector-item{padding:7px 9px;border-radius:9px;background:#fff7e40d}.inspector-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.inspector-item strong{display:block;font-size:.66rem;letter-spacing:.05em;color:#d8bb82;text-transform:uppercase}.inspector-item span{display:block;margin-top:0;color:#fff3de;font-size:.64rem;text-align:right}.alert-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:118px;overflow-y:auto;padding-right:4px}.alert-item{padding:6px 8px;border-left:3px solid #d8b26b;border-radius:9px;background:#fff4db0f;font-size:.76rem;line-height:1.2}.alert-item[data-level=danger]{border-left-color:#dc6f63}.alert-item[data-level=success]{border-left-color:#6ed08d}.footer-panel,.overlay-panel{position:absolute;right:14px;top:98px;width:min(320px,calc(100vw - 28px));padding:12px 14px;pointer-events:auto}.footer-panel{top:auto;bottom:168px}.footer-toolbar{margin-top:0}.stat-line{display:flex;justify-content:space-between;gap:4px;padding:2px 0;color:#f7ead4;font-size:.76rem}.wave-stats{display:grid;grid-template-columns:minmax(0,1fr);margin-top:2px}.tagline{color:#ffefd0db;font-size:.72rem;line-height:1.08}.empty-copy{margin-top:8px;color:#f8eaccb8}.warning{color:#ffd991}.danger{color:#ff9f92}@media (max-width: 1100px){.hud-top{grid-template-columns:1fr}.resource-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-bottom{grid-template-columns:1fr}.overlay-panel,.footer-panel{position:static;width:auto;margin:12px 14px 0}.hud-root{overflow-y:auto}}@media (max-width: 900px){.title-menu{width:min(43%,360px);min-width:244px;bottom:3.5%}}@media (max-width: 700px){.title-frame{padding:8px}.title-canvas{width:min(calc(100vw - 16px),calc((100vh - 16px) * 1.77734375))}.title-menu{width:min(58%,320px);min-width:210px;padding:14px 16px 18px}.title-menu:before,.title-menu:after{width:26px;left:auto;right:auto}.title-menu:before{left:-8px}.title-menu:after{right:-8px}.title-menu-button{padding:8px 12px;font-size:.68rem}}