:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8efd9;background:#18150f;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#343927;isolation:isolate}.world{position:absolute;inset:0}.world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(25,18,11,.40),transparent 17%,transparent 76%,rgba(18,12,8,.56)),radial-gradient(circle at 47% 48%,transparent 45%,rgba(16,12,8,.34) 100%)}canvas{display:block;width:100%;height:100%;touch-action:none}.glass{background:linear-gradient(180deg,rgba(54,42,28,.91),rgba(29,23,16,.94)),rgba(35,27,18,.92);border:1px solid rgba(220,179,105,.50);box-shadow:0 16px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,239,199,.10);backdrop-filter:blur(12px)}.topbar{position:absolute;z-index:5;left:18px;right:18px;top:14px;min-height:68px;border-radius:15px;display:grid;grid-template-columns:auto minmax(430px,1fr) auto;align-items:center;gap:18px;padding:9px 12px}.brand{display:flex;align-items:center;gap:11px;min-width:265px}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#f7db92;border:1px solid #ba8a49;background:radial-gradient(circle at 35% 30%,#8b4635,#4d261d 62%,#24140e);box-shadow:inset 0 0 0 4px rgba(242,203,126,.08),0 6px 16px rgba(0,0,0,.23);font:700 10px Georgia,serif;letter-spacing:.08em}.brand small,.build-label small,.panel-kicker{display:block;color:#d3ad6c;font-size:9px;font-weight:800;letter-spacing:.16em}.brand h1{margin:1px 0 0;font:600 22px Georgia,serif;letter-spacing:.01em;text-shadow:0 1px rgba(0,0,0,.4)}.metrics{display:grid;grid-template-columns:repeat(6,minmax(76px,1fr));gap:6px}.metric{min-width:0;padding:7px 9px;border:1px solid rgba(224,185,116,.13);border-radius:9px;background:rgba(12,9,6,.23)}.metric span{display:block;color:#c0ad8d;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.metric strong{display:block;margin-top:2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric.bad strong{color:#ff9583}.actions{display:flex;gap:6px}.actions button,.speed-row button,.utility,.build{border:1px solid rgba(214,170,95,.42);background:linear-gradient(180deg,rgba(98,70,40,.72),rgba(50,36,23,.86));cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.actions button{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;gap:1px;padding:5px}.actions button svg,.utility svg,.build-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.actions button span{font-size:8px;color:#ddc8a5}.actions button:hover,.speed-row button:hover,.utility:hover,.build:hover{border-color:#edc575;background:linear-gradient(180deg,rgba(126,87,42,.94),rgba(68,45,26,.96));transform:translateY(-1px)}.mission-panel{position:absolute;z-index:5;right:18px;top:96px;width:272px;border-radius:15px;padding:16px}.mission-panel h2{margin:4px 0 14px;font:600 20px Georgia,serif}.mission-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mission-head span{color:#d2af6f;font-size:10px}.progress{height:7px;margin:8px 0 12px;border-radius:99px;background:#100c09;border:1px solid rgba(255,255,255,.06);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a85e3a,#e2bf69);box-shadow:0 0 16px rgba(224,189,103,.35)}#mission ul{display:grid;gap:8px;padding:0;margin:0;list-style:none;color:#ccb999;font-size:11px}#mission li{display:flex;align-items:center;gap:8px}#mission li span{width:8px;height:8px;border-radius:50%;border:1px solid #92764d;background:#241b12}#mission li.done{color:#a7c993}#mission li.done span{background:#79a663;border-color:#bdd9a4;box-shadow:0 0 8px rgba(120,164,100,.55)}.speed-row{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:6px;margin-top:14px}.speed-row button{height:33px;border-radius:8px}.speed-row button.active{color:#24180e;background:linear-gradient(180deg,#e8cd8a,#ba8842);border-color:#f4dda6}.message{margin-top:10px;padding:10px 11px;border-left:3px solid #c28c48;background:rgba(11,8,6,.34);border-radius:4px 8px 8px 4px;color:#ead9b8;font-size:11px;line-height:1.4}.inspect{margin-top:10px;border-top:1px solid rgba(220,181,108,.18);padding-top:11px}.inspect-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#aa9676}.inspect-title strong{color:#f0dfbd}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.inspect-grid span{padding:7px;background:rgba(9,7,5,.31);border-radius:7px;color:#a99576;font-size:8px;text-transform:uppercase}.inspect-grid b{display:block;margin-top:2px;color:#eadab9;font-size:10px;text-transform:none}.inspect-empty{color:#aa9676;font-size:10px;line-height:1.5}.utility-dock{position:absolute;z-index:5;left:18px;top:96px;display:grid;gap:6px;padding:6px;border-radius:13px}.utility{width:52px;height:52px;border-radius:9px;display:grid;place-items:center;gap:2px;padding:5px}.utility span{font-size:8px;color:#d9c4a0}.utility.active{color:#f6dc97;border-color:#e2b96d;box-shadow:inset 0 0 0 1px rgba(239,203,133,.17)}.utility.danger.active{color:#ff9e8b;border-color:#da715b}.build-dock{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);width:min(900px,calc(100% - 220px));min-height:84px;border-radius:15px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:9px;padding:9px}.build-label{display:flex;flex-direction:column;justify-content:center;padding-left:9px;border-right:1px solid rgba(216,174,99,.22)}.build-label strong{margin-top:4px;font:600 16px Georgia,serif}.buildings{display:grid;grid-template-columns:repeat(6,minmax(98px,1fr));gap:6px}.build{min-width:0;height:64px;border-radius:10px;display:flex;align-items:center;gap:7px;text-align:left;padding:7px}.build.active{border-color:#e9c173;background:linear-gradient(180deg,rgba(139,92,40,.98),rgba(74,47,27,.97));box-shadow:inset 0 0 0 1px rgba(251,221,163,.14)}.build-icon{flex:0 0 31px;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:#f1d695;background:rgba(18,13,9,.39);border:1px solid rgba(233,194,122,.22)}.build-copy{display:grid;min-width:0}.build-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-copy small{margin-top:3px;color:#bca681;font-size:7.5px;white-space:nowrap}.hint{position:absolute;z-index:4;left:50%;bottom:108px;transform:translateX(-50%);padding:6px 11px;border-radius:99px;background:rgba(17,12,8,.56);color:rgba(239,222,187,.72);font-size:9px;pointer-events:none}.actions button:focus-visible,.utility:focus-visible,.build:focus-visible,.speed-row button:focus-visible{outline:2px solid #f2cd82;outline-offset:2px}@media(max-width:1200px){.topbar{grid-template-columns:auto 1fr}.metrics{grid-column:1/-1;order:3}.actions{justify-self:end}.mission-panel,.utility-dock{top:148px}.build-dock{width:calc(100% - 36px);grid-template-columns:1fr}.build-label{display:none}}@media(max-width:860px){.topbar{left:8px;right:8px;top:8px;gap:8px}.brand{min-width:0}.brand small{display:none}.brand h1{font-size:18px}.brand-mark{width:38px;height:38px}.metrics{grid-template-columns:repeat(3,1fr);gap:3px}.metric{padding:4px 6px}.actions button{width:40px;height:40px}.actions button span{display:none}.mission-panel{right:8px;top:142px;width:238px}.utility-dock{left:8px;top:142px}.build-dock{left:8px;right:8px;bottom:8px;width:auto;transform:none;overflow-x:auto}.buildings{display:flex;min-width:max-content}.build{width:116px}.hint{display:none}}@media(max-width:620px){.mission-panel{display:none}.metrics{grid-template-columns:repeat(3,1fr)}.metric:nth-child(n+4){display:none}.utility-dock{top:80px}.topbar{min-height:64px}.build-dock{min-height:72px}.build{height:55px;width:96px}.build-copy small{display:none}.build-icon{width:29px;height:29px;flex-basis:29px}.build-copy strong{font-size:10px}}