:root{font-family:Georgia,Times New Roman,serif;color:#eee8d8;background:#0a0f0c}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#0a0f0c}button{font:inherit}.foundation-shell{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem);background:radial-gradient(circle at 20% 10%,rgba(73,117,83,.2),transparent 34%),#0a0f0c}.architecture-reference{position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(135deg,rgba(213,203,168,.06) 0 2px,transparent 2px 14px),radial-gradient(circle at 70% 30%,rgba(73,117,83,.28),transparent 60%)}.foundation-frame{position:relative;width:min(100%,980px);padding:clamp(1.25rem,4vw,3.25rem);border:1px solid rgba(213,203,168,.26);background:linear-gradient(135deg,#111914f0,#0a0f0ce6);box-shadow:0 28px 90px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.foundation-header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 .5rem;color:#a5bc93;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.92;letter-spacing:-.05em}.subtitle{max-width:42rem;margin:1rem 0 0;color:#c8c6ba;font-family:ui-sans-serif,system-ui,sans-serif}.locale-switch{display:grid;gap:.3rem;min-width:5.75rem;padding:.7rem;border:1px solid rgba(213,203,168,.3);color:#ece7d9;background:#ffffff0a;cursor:pointer}.locale-switch span{font:600 .66rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;text-transform:uppercase}.locale-switch strong{color:#c7e0b4;font-family:ui-sans-serif,system-ui,sans-serif}.locale-switch:hover{border-color:#a5bc93;background:#a5bc931f}.canvas-card{position:relative;margin-top:clamp(2rem,6vw,4.5rem);border:1px solid rgba(213,203,168,.2);background:#0b100d}.pixi-host{position:relative;width:100%;height:min(35vw,360px);min-height:220px;overflow:hidden}.pixi-host canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}.boundary-labels{position:absolute;z-index:1;inset:0;display:grid;grid-template-rows:repeat(5,34px);align-content:start;gap:18px;margin:0;padding:34px 46px;pointer-events:none;list-style:none;color:#e7e5d7;font:700 clamp(.63rem,1.2vw,.76rem)/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.boundary-labels li{display:flex;align-items:center;padding-inline:.65rem;text-align:start;text-shadow:0 1px 8px #08100a}.canvas-caption{position:absolute;right:.85rem;bottom:.85rem;display:flex;align-items:center;gap:.55rem;padding:.48rem .65rem;color:#d9dfcf;background:#050806bf;font:600 .7rem/1.2 ui-monospace,SFMono-Regular,monospace}[dir=rtl] .canvas-caption{right:auto;left:.85rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#86bd70;box-shadow:0 0 14px #86bd70}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;background:#d5cba833}.principles article{min-height:8.2rem;padding:1.4rem;background:#131b15eb}.principle-index{color:#a5bc93;font:700 .68rem/1 ui-monospace,SFMono-Regular,monospace}.principles h2{max-width:18rem;margin:1rem 0 0;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:500;line-height:1.2}@media (max-width: 620px){.foundation-header{flex-direction:column-reverse}.locale-switch{align-self:flex-end}.principles{grid-template-columns:1fr}.pixi-host{height:340px}.boundary-labels{padding-inline:1.5rem;font-size:.58rem}}.game-shell{max-width:46rem;margin-inline:auto;padding:1rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e8e6df}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.25rem}.game-header h1{font-size:1.35rem;margin:0}.city-status{padding:2rem 1rem;text-align:center;opacity:.85}.city-status button,.building button,.locale-switch{border:1px solid rgba(232,230,223,.25);background:#e8e6df0f;color:inherit;border-radius:.5rem;padding:.5rem .9rem;font:inherit;cursor:pointer}.building button:disabled{opacity:.45;cursor:not-allowed}.city-header h2{margin:0 0 .25rem;font-size:1.1rem}.city-meta{margin:0;font-size:.85rem;opacity:.7}.city-error{margin-block:.75rem;padding:.6rem .8rem;border-radius:.5rem;background:#be463c2e;border:1px solid rgba(190,70,60,.4);font-size:.9rem}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin-block:1.25rem}.resource{padding:.75rem .9rem;border-radius:.75rem;background:#e8e6df0d;border:1px solid rgba(232,230,223,.12)}.resource h3{margin:0;font-size:.85rem;font-weight:500;opacity:.75}.resource-amount{margin:.2rem 0 .35rem;font-size:1.5rem;font-variant-numeric:tabular-nums}.resource-detail{margin:0;font-size:.78rem;opacity:.65}.resource-full{border-color:#d6a03c80}.resource-warning{margin:.35rem 0 0;font-size:.78rem;color:#d6a03c}.buildings h3{font-size:.95rem;margin-block:1.25rem .6rem;opacity:.8}.building{padding:.8rem .9rem;border-radius:.75rem;background:#e8e6df0a;border:1px solid rgba(232,230,223,.1);margin-block-end:.6rem;display:grid;gap:.45rem}.building-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.building-head h4{margin:0;font-size:1rem}.building-level,.building-cost,.building-progress{font-size:.82rem;opacity:.72;margin:0;font-variant-numeric:tabular-nums}.building-blocked{margin:0;font-size:.8rem;color:#d6a03c}.building button{justify-self:start}