*{box-sizing:border-box}html,body{color:#1f2937;background:#6abe30;height:100%;margin:0;font-family:ui-rounded,system-ui,sans-serif;overflow:hidden}#city{position:fixed;inset:0}#city canvas{touch-action:none;display:block}#city .labels{pointer-events:none;position:absolute;inset:0}#city .tag,#city .shop-label,#city .civic-label{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;font:600 11px ui-monospace,monospace}#city .tag{font-size:10px}#city .civic-label{text-shadow:none;background:#111111b3;border-radius:6px;padding:2px 6px;font-size:12px}.panel,#hud,#side,#card,#dev,#search input,#cta{background:#fffbf0f0;border:3px solid #1f2937;border-radius:10px;box-shadow:4px 4px #1f293759}#hud{max-width:min(420px,100vw - 24px);padding:10px 14px;position:fixed;top:12px;left:12px}#hud h1{letter-spacing:.5px;margin:0 0 4px;font-size:22px}#stats{flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}#laws{margin:6px 0 0;padding:0;font-size:12px;list-style:none}#laws li:before{content:"Ley: ";color:#b91c1c;font-weight:700}#side{flex-direction:column;width:330px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden}#side-toggle{display:none}#side-body{padding:10px 14px;overflow-y:auto}#side h2{margin:8px 0 6px;font-size:15px}#election{font-size:13px}#election ol{margin:4px 0;padding-left:20px}#news{margin:0;padding:0;list-style:none}#news li{border-bottom:1px dashed #d6cfbf;padding:8px 0;font-size:13px;line-height:1.35}#news li.fresh{animation:2s ease-out flash}@keyframes flash{0%{background:#fde68a}to{background:0 0}}#news time{color:#6b7280;font-size:11px;display:block}.mention{color:#7c3aed;cursor:pointer;font-weight:700}#search{position:fixed;bottom:12px;left:12px}#search input{font:inherit;width:200px;padding:8px 12px}#card{min-width:200px;padding:10px 14px;font-size:13px;position:fixed;bottom:64px;left:12px}#card h3{margin:0 0 4px;font-size:16px}#card .away{opacity:.8;max-width:240px;margin-top:6px;font-style:italic}#cta{white-space:nowrap;padding:8px 14px;font-size:14px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#dev{width:300px;padding:10px 12px;font-size:12px;position:fixed;top:150px;left:12px}#dev h3{cursor:pointer;margin:0 0 6px;font-size:13px}#dev.collapsed>:not(h3){display:none}#dev.collapsed h3{margin:0}#dev form{grid-template-columns:90px 1fr;gap:4px;display:grid}#dev form button{grid-column:span 2}#dev input,#dev button{font:inherit;background:#fff;border:2px solid #1f2937;border-radius:6px;padding:4px 6px}#dev button{cursor:pointer;background:#fde68a}#dev-examples,#dev-events{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}#dev-examples button{background:#e0e7ff}#dev-result{color:#374151;margin:6px 0 0}@media (width<=760px){#side{width:auto;max-height:45vh;inset:auto 8px 8px}#side.collapsed #side-body{display:none}#side-toggle{font:inherit;background:#fde68a;border:0;padding:6px;font-weight:700;display:block}#hud{top:8px;left:8px}#hud h1{font-size:18px}#search,#cta{display:none}#card{top:110px;bottom:auto;left:8px}#dev{width:auto;inset:auto 8px 60px}}