@font-face{font-family:Bebas-Regular;src:url(/assets/Bebas-Regular-391cc0fa.otf)}:root{--primary-gradient: linear-gradient(135deg, #0f3460 0%, #16213e 50%, #0f3460 100%);--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--glass-light: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--dark-bg: #0a0e27;--primary-text: #ffffff;--secondary-text: #b0b9c8;--accent-color: #00d4ff;--success-color: #00ff88;--warning-color: #ffaa00;--danger-color: #ff3366}html,body{height:100%;margin:0;font-family:Bebas-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--primary-gradient);color:var(--primary-text);overflow:hidden}h1{text-align:center;font-size:x-large;font-weight:400;margin:0;color:#fff}#root-window{height:100%}#render-target{position:relative;height:100%}#instructions{position:absolute;color:var(--secondary-text);left:0;bottom:0;margin:16px;font-size:.9em;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;transition:all .3s ease}#instructions:hover{background:var(--glass-light);border:1px solid rgba(0,212,255,.3)}#version{position:absolute;color:var(--secondary-text);right:0;bottom:0;margin:16px;font-size:.85em;text-shadow:0 2px 8px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-light);border:1px solid var(--glass-border);border-radius:12px;padding:8px 12px}.text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;font-size:4em;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{background:var(--glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:12px}#ui-toolbar{position:absolute;top:80px;left:12px;width:64px;bottom:120px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;background:var(--glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:8px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.ui-button{height:56px;width:56px;border:none;border-radius:12px;background:rgba(15,52,96,.5);border:1px solid rgba(0,212,255,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.ui-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(0,212,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.ui-button:hover{background:rgba(0,212,255,.2);border-color:#00d4ff66;box-shadow:0 0 20px #00d4ff4d,inset 0 0 20px #00d4ff1a;transform:translateY(-2px)}.ui-button:hover:before{opacity:1}.ui-button.selected{background:linear-gradient(135deg,rgba(0,212,255,.4),rgba(0,153,204,.3));border:2px solid var(--accent-color);box-shadow:0 0 30px #00d4ff80,inset 0 0 20px #00d4ff33}.ui-button.selected:before{opacity:1}.ui-button:active{transform:translateY(0)}.toolbar-icon{width:32px;height:32px;pointer-events:none;filter:drop-shadow(0 0 4px rgba(0,212,255,.3))}#title-bar{position:fixed;top:0;left:0;right:0;height:64px;background:var(--glass-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 8px 32px #0003}.title-bar-items{flex:1;display:flex;justify-content:center;align-items:center;font-size:1.4em;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.title-bar-left-items{justify-content:flex-start;color:var(--success-color);font-weight:700}.title-bar-center-items{font-size:1.8em;font-weight:700;background:linear-gradient(90deg,var(--accent-color),#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.title-bar-right-items{justify-content:flex-end;color:var(--accent-color);font-weight:700}#population-icon{position:relative;width:28px;height:28px;top:0;margin-right:8px;filter:drop-shadow(0 0 4px rgba(0,212,255,.3))}#population-counter{margin-left:4px}#info-panel{visibility:hidden;position:fixed;top:80px;right:12px;padding:0;width:320px;max-height:calc(100vh - 200px);background:var(--glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}#info-panel::-webkit-scrollbar{width:6px}#info-panel::-webkit-scrollbar-track{background:transparent}#info-panel::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:3px}#info-panel::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.5)}.info-heading{text-align:center;font-size:1.1em;margin:0;padding:12px;background:linear-gradient(90deg,rgba(0,212,255,.2),rgba(0,153,204,.2));border-bottom:1px solid var(--glass-border);color:var(--accent-color);letter-spacing:1px;font-weight:700}.info-heading:first-of-type{margin-top:0;border-top-left-radius:16px;border-top-right-radius:16px}.info-label{margin-left:16px;font-size:.95em;color:var(--secondary-text)}.info-value{margin-left:8px;font-size:1.1em;color:var(--accent-color);text-align:right}.info-citizen-list{list-style-type:none;padding:8px 12px;margin:0}.info-citizen{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);color:#fff;padding:10px 12px;margin:6px 0;border-radius:10px;transition:all .2s ease}.info-citizen:hover{background:rgba(0,212,255,.2);border-color:#00d4ff66;box-shadow:0 0 15px #00d4ff33}.info-citizen-name{font-size:1.05em;color:var(--accent-color);margin-bottom:4px}.info-citizen-icon{position:relative;width:16px;height:16px;top:1px;margin-right:4px}.info-citizen-details{font-size:.9em;display:flex;justify-content:flex-start;gap:12px;color:var(--secondary-text)}