*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d14;--surface: rgba(20, 20, 31, .72);--surface-alt: rgba(26, 26, 40, .72);--surface-hover: rgba(34, 34, 47, .82);--border: #2a2a3a;--accent: #4fc3f7;--accent-dim: #2a7da5;--accent-glow: rgba(79, 195, 247, .12);--danger: #ef5350;--success: #66bb6a;--warning: #ffa726;--muted: #888;--text: #e0e0e6;--text-dim: #9999a8;--text-bright: #ffffff;--nav-w: 200px;--status-w: 260px;--gap: 6px;--radius: 6px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--touch-target: 44px;--mobile-nav-h: 52px;--rally-banner-h: 0px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/texture-MQNQGd3T.webp) repeat;opacity:.6;pointer-events:none;z-index:0}#shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--nav-w) 1fr var(--status-w);grid-template-rows:1fr;gap:var(--gap);height:100vh;height:100dvh;padding:var(--gap)}#main-nav{background:var(--surface);border-radius:var(--radius);display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}#main-nav .nav-brand{font-size:36px;font-weight:900;letter-spacing:3px;text-align:center;padding:16px 16px 24px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#e8d5a3,#faf0d7 18%,#c9a84c 40%,#a07c2a,#c9a84c 60%,#faf0d7 82%,#e8d5a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));transition:filter .3s;cursor:pointer}.era-roman{font-family:Georgia,Times New Roman,serif;font-weight:700;background:linear-gradient(180deg,#e8d5a3,#faf0d7 18%,#c9a84c 40%,#a07c2a,#c9a84c 60%,#faf0d7 82%,#e8d5a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1px rgba(0,0,0,.4))}.era-roman-badge{font-family:Georgia,Times New Roman,serif;font-weight:700;color:#c9a84c;text-shadow:0 0 1px rgba(0,0,0,.5);display:inline-block}#main-nav .nav-brand:hover{filter:drop-shadow(0 0 8px rgba(201,168,76,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.6))}#main-nav a.alarm{animation:nav-link-alarm 1s ease-in-out infinite}@keyframes nav-link-alarm{0%,to{color:var(--text-muted, #aaa);background:transparent}50%{color:#f44;background:#ff444426;text-shadow:0 0 8px rgba(255,68,68,.5)}}#main-nav .ws-status{display:inline-block;width:10px;height:10px;border-radius:50%;transition:background-color .3s,box-shadow .3s}#main-nav .ws-status.connected{background-color:var(--success);box-shadow:0 0 8px #66bb6a99}#main-nav .ws-status.disconnected{background-color:var(--danger);box-shadow:0 0 8px #ef53504d}#main-nav a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.3px;transition:background .15s,color .15s;border-left:3px solid transparent}#main-nav a:hover{background:var(--surface-hover);color:var(--text)}#main-nav a.active{color:var(--accent);background:var(--accent-glow);border-left-color:var(--accent)}#main-nav a .nav-icon{font-size:16px;width:20px;text-align:center}#main-nav .nav-spacer{flex:1}#main-nav .nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);padding:20px 20px 6px;opacity:.6}#main-col{display:flex;flex-direction:column;min-height:0}#page-header{display:flex;align-items:center;gap:8px;padding:4px 16px;min-height:42px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}#page-header-text{font-size:18px;font-weight:600;color:var(--text-bright);letter-spacing:.3px}.title-resources{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-muted, #8b949e);white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:3px 10px;margin-left:auto}#app{background:var(--surface);border-radius:0 0 var(--radius) var(--radius);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:16px 20px;min-height:0;flex:1}#app.full-bleed{padding:0;overflow:clip}#app.full-bleed>.view{height:100%;min-height:0;padding-bottom:0}#app.lp-view{padding:0}#page-header.lp-hidden{display:none}.view{min-height:100%;height:100%}@media(max-width:900px){.view{min-height:0;height:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}.hex-editor,.battle-view{height:auto;min-height:0}}.panel{background:#1a1a2861;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:14px 16px}.art-badge-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.art-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#2a2410;border:1px solid #c9a84c;color:#c9a84c}.art-badge-clickable{cursor:pointer}.art-badge-clickable:hover{opacity:.8}.art-badge-legendary{background:#2a1a2a;border-color:#ab47bc;color:#ab47bc}.panel-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin-bottom:10px}.panel-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px}.panel-row .label{color:var(--text-dim)}.panel-row .value{color:var(--text-bright);font-weight:600;font-variant-numeric:tabular-nums}.conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.conn-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.conn-dot.offline{background:var(--danger);box-shadow:0 0 6px var(--danger)}h2{font-size:18px;font-weight:600;color:var(--text-bright);margin-bottom:20px;letter-spacing:.3px}h3{font-size:14px;font-weight:600;color:var(--text);margin:16px 0 8px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:8px 12px;border-bottom:1px solid var(--border)}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-hover)}tbody td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text)}tbody tr:last-child td{border-bottom:none}.items-table .col-name{width:55%}.items-table .col-details{width:45%}.items-table .detail-row{margin:3px 0;font-size:12px;line-height:1.6}.items-table .detail-row:first-child{margin-top:0}.items-table .detail-row:last-child{margin-bottom:0}.items-table .detail-label{font-weight:600;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-right:6px}ul.effects-list{margin:2px 0 0;padding-left:18px;list-style:disc;font-size:12px;line-height:1.7}ul.effects-list li{margin:0;padding:0}@media(max-width:900px){.items-table thead{display:none}.items-table,.items-table tbody{display:block;width:100%}.items-table tr{display:block;width:100%;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.items-table td{display:block;width:100%!important;padding:12px;border-bottom:1px solid var(--border)}.items-table td:last-child{border-bottom:none}.items-table .col-name{padding-bottom:8px}.items-table .col-details{padding-top:8px}.items-table .item-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge--completed{background:#66bb6a26;color:var(--success)}.badge--in-progress{background:#4fc3f726;color:var(--accent)}.badge--available{background:#ffffff0f;color:var(--text-dim)}.badge--locked{background:#ef53501a;color:var(--danger)}.badge--excluded{background:#ef535026;color:var(--danger);border:1px solid rgba(239,83,80,.35)}.badge--era-advance{background:#c9a84c2e;color:#c9a84c;border:1px solid rgba(201,168,76,.4);margin-left:6px}.badge--unlock-building{background:#ffc10726;color:#ffc107}.badge--unlock-knowledge{background:#9c27b033;color:#ce93d8}.badge--unlock-structure{background:#00bcd426;color:#4dd0e1}.badge--unlock-critter{background:#ef535026;color:#ef9a9a}.badge--unlock-building.badge--completed,.badge--unlock-knowledge.badge--completed,.badge--unlock-structure.badge--completed,.badge--unlock-critter.badge--completed{opacity:.45}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--bg);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;letter-spacing:.3px}button:hover,.btn:hover{background:var(--accent-dim);color:var(--text-bright)}button:active{opacity:.8}button:disabled{opacity:.35;cursor:not-allowed}button.btn-sm{padding:4px 10px;font-size:11px}button.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}button.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}button.btn-danger{background:var(--danger)}button.btn-danger:hover{background:#c62828;color:var(--text-bright)}button.select-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer}button.select-btn:hover{background:var(--surface-hover);color:var(--text)}button.select-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-alt);border:1px solid var(--border);transition:.2s;border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-dim);transition:.2s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px);background-color:var(--text-bright)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--accent-glow)}input[type=text],input[type=password],input[type=number],input[type=email],select,textarea{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:13px;transition:border-color .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.6}label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:4px}.form-group{margin-bottom:16px}.field-hint{display:block;margin-top:4px;font-size:.78rem;color:var(--text-muted, #888);line-height:1.4}.form-row{display:flex;gap:12px;align-items:flex-end}.form-row>*{flex:1}button.ws-upgrade-btn{display:inline-flex;background:transparent;border:1px solid currentColor;padding:2px 10px;font-size:12px;font-weight:400;white-space:nowrap;flex-shrink:0}button.ws-upgrade-btn:disabled{opacity:.6;cursor:not-allowed}#gm-wrap{position:relative;overflow:hidden;width:100%}#gm-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#gm-canvas.dragging{cursor:grabbing}#gm-status{position:absolute;bottom:8px;left:12px;font-family:monospace;font-size:10px;color:var(--text-dim, #888);pointer-events:none}#gm-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--danger, #e53935)}.gm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.gm-overlay-card{background:var(--panel-bg, #1e1e2e);border:1px solid var(--border-color, #444);border-radius:8px;padding:16px 20px;min-width:240px;position:relative}.gm-overlay-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#aaa;font-size:1.3em;cursor:pointer;line-height:1}.gm-row{display:flex;justify-content:space-between;gap:24px;padding:4px 0;font-size:13px}.gm-row span{color:var(--text-dim, #888)}.sr-wrap{display:flex;flex-direction:column;min-height:100%}.sr-bg-mobile{display:none}.sr-banner-picture{display:block;width:100%;flex-shrink:0}.sr-banner-img{display:block;width:100%;max-height:260px;object-fit:cover;object-position:center 30%}@media(max-width:900px){#app.sr-fullbleed{padding:0;background:transparent}.sr-bg-mobile{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/season1_end_portrait-CNWCETfw.webp) center top / cover no-repeat}.sr-banner-picture{display:none}.sr-content{position:relative;z-index:1}}.sr-content{padding:24px 20px 40px;max-width:780px;margin:0 auto;width:100%}.sr-next-season{margin-top:32px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.9em;color:var(--text-dim, #888)}.sr-next-season strong{color:var(--text-bright)}.sr-season-label{font-size:.85em;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent, #c8a84b);opacity:.8;margin-bottom:4px}.sr-title{font-size:1.6em;font-weight:700;color:var(--text-bright);margin-bottom:24px;letter-spacing:.5px}.sr-podium{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px 12px;margin-bottom:28px;display:flex;flex-direction:column;gap:10px}.sr-podium-entry{display:flex;align-items:baseline;gap:10px}.sr-medal{font-size:1.4em;flex-shrink:0}.sr-empire-name{font-weight:700;color:var(--text-bright)}.sr-gold .sr-empire-name{font-size:1.35em;color:gold}.sr-silver .sr-empire-name{font-size:1.15em;color:silver}.sr-bronze .sr-empire-name{font-size:1em;color:#cd7f32}.sr-culture{font-size:.82em;color:var(--text-dim);margin-left:auto}.sr-culture-line{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:.88em;color:var(--text-dim)}.sr-culture-line strong{color:var(--text)}.sr-awards-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.sr-awards-title{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:14px}.sr-awards{display:flex;flex-direction:column;gap:0}.sr-award-row{display:grid;grid-template-columns:28px 1fr auto;align-items:start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9em}.sr-award-row:last-child{border-bottom:none}.sr-award-icon{font-size:1.1em;text-align:center;padding-top:2px}.sr-award-label{color:var(--text-dim);padding-top:3px}.sr-award-winner{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text)}.sr-award-top{font-size:1.15em;color:var(--text-bright)}.sr-award-winner strong{color:var(--text-bright)}.sr-award-top .sr-value{color:var(--text-bright);font-size:1em}.sr-value{color:var(--text-dim);font-size:.85em;margin-left:4px}.sr-none{color:var(--text-dim)}.sr-my-value{color:var(--text-dim);font-size:.78em;opacity:.7}.sr-era-firsts-table{width:100%;border-collapse:collapse;margin-top:8px}.sr-era-firsts-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-dim)}.sr-era-name{width:50%;color:var(--text-muted);font-size:.85em}.sr-era-empire{color:var(--text)}.sr-era-first-me td{background:#ffffff0a}.sr-era-first-me .sr-era-empire{color:var(--text-bright)}.sr-loading,.sr-error{padding:48px 24px;text-align:center;color:var(--text-dim);font-size:1em}@media(max-width:600px){.sr-content{padding:16px 14px 32px}.sr-award-row{grid-template-columns:24px 1fr}.sr-award-winner{grid-column:2;text-align:left}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100%;height:100%}@media(max-width:900px){.login-wrapper{min-height:calc(100vh - 60px);height:auto;padding:20px 0}}.login-card{background:var(--surface-alt);border-radius:var(--radius);padding:40px 36px 32px;width:100%;max-width:360px}.login-card h2{text-align:center;margin-bottom:28px}.login-card .error-msg{background:#ef53501f;color:var(--danger);font-size:12px;padding:8px 12px;border-radius:var(--radius);margin-bottom:12px}.form-footer{text-align:center;font-size:13px;color:var(--text-dim);margin-top:16px}.form-footer a{color:var(--accent);text-decoration:none}.form-footer a:hover{text-decoration:underline}.dsgvo-notice{text-align:center;font-size:11px;color:var(--text-dim);margin-top:14px;line-height:1.5}.dsgvo-notice a{color:var(--accent);text-decoration:none;white-space:nowrap}.dsgvo-notice a:hover{text-decoration:underline}.lp-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:0 16px 48px;box-sizing:border-box}.lp-hero{width:100%;text-align:center;padding:60px 20px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(255,180,50,.08) 0%,transparent 70%);border-bottom:1px solid var(--border);margin-bottom:40px}.lp-hero>img{width:100%;max-width:900px;height:auto;border-radius:8px;margin-bottom:24px;display:block;margin-inline:auto}.lp-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;letter-spacing:-1px;margin:0 0 14px;background:linear-gradient(135deg,#f5c842,#ff8c42,#e34b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-tagline{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-dim);margin:0 0 10px;line-height:1.6}.lp-mmotag{font-size:clamp(.85rem,1.5vw,1rem);color:var(--accent);opacity:.8;margin:0 0 16px;font-style:italic}.lp-early-access{display:inline-block;font-size:12px;color:var(--text-dim);background:#ffb43212;border:1px solid rgba(255,180,50,.25);border-radius:var(--radius);padding:6px 14px;margin:0 0 32px;line-height:1.5}.lp-parade{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:840px;margin:0 auto}.lp-sprite{flex-shrink:0;border-radius:6px;overflow:hidden;background-color:#ffffff0a;transition:transform .15s ease,background-color .15s ease}.lp-sprite:hover{transform:scale(1.15);background-color:#ffffff1a}.lp-sprite--critter{background-size:400% 400%;background-position:0 0;image-rendering:pixelated}.lp-sprite--structure{width:56px;height:56px;background-size:contain;background-repeat:no-repeat;background-position:center}.lp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:36px}.lp-feature{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:border-color .2s,transform .2s}.lp-feature:hover{border-color:var(--accent);transform:translateY(-3px)}.lp-feat-icon{font-size:2rem;margin-bottom:12px}.lp-feat-title{font-size:15px;font-weight:700;color:var(--accent);margin-bottom:8px}.lp-feat-desc{font-size:13px;color:var(--text-dim);line-height:1.55}.lp-struct-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%}.lp-login-wrap{display:flex;justify-content:center;width:100%}.lp-topnav{position:sticky;top:0;z-index:100;background:#121218eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07);padding-top:max(8px,env(safe-area-inset-top))}.lp-topnav-inner{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:1080px;margin:0 auto;padding:8px 16px}.lp-topnav-actions{display:flex;flex-direction:row;align-items:stretch;gap:6px}.lp-topnav-signup{font-size:.78em;color:#c9a84c;text-decoration:none;white-space:nowrap;opacity:.85}.lp-topnav-signup:hover{text-decoration:underline;opacity:1}.lp-topnav-api{font-size:.78em;color:#4fc3f7;text-decoration:none;white-space:nowrap;opacity:.85}.lp-topnav-api:hover{text-decoration:underline;opacity:1}input.lp-topnav-input{padding:0 8px;font-size:.82em;min-height:unset;height:auto;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);width:100px;box-sizing:border-box}input.lp-topnav-input::placeholder{color:#666}button.lp-topnav-btn{padding:0 12px;font-size:.82em;min-height:unset;height:auto;white-space:nowrap;box-sizing:border-box}.lp-wrap{padding-top:16px}.lp-section-title{font-size:1.3em;font-weight:700;color:var(--text-bright, #fff);text-align:center;margin:32px 0 16px;letter-spacing:.03em}.lp-rulers-wrap{position:relative;display:flex;align-items:center;gap:8px;width:100%}.lp-rulers-arrow{flex:0 0 auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2em;line-height:1;width:40px;height:60px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2}.lp-rulers-arrow:hover{background:#ffffff38}.lp-rulers{display:flex;flex-direction:row;gap:12px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.lp-rulers::-webkit-scrollbar{display:none}.lp-ruler-card{flex:0 0 209px;scroll-snap-align:center;position:relative;background-color:var(--surface);background-repeat:no-repeat;background-position:top center;background-size:100% auto;border-radius:var(--radius);min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.lp-ruler-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:linear-gradient(to bottom,transparent 45%,rgba(10,10,16,.92) 100%);pointer-events:none}.lp-ruler-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;padding:14px}.lp-ruler-name{font-size:.95em;font-weight:700;color:#c9a84c}.lp-ruler-desc{font-size:.8em;color:var(--text-dim, #aaa);line-height:1.4}.lp-ruler-skills{display:flex;flex-direction:column;gap:3px;margin-top:4px}.lp-ruler-skill{font-size:.78em;color:var(--text, #ddd)}.lp-skill-name{font-weight:600;color:var(--text-bright, #fff)}.lp-epic-teaser{max-width:680px;margin:0 auto 32px;text-align:center;color:var(--text-dim, #aaa);font-size:.95em;line-height:1.7;display:flex;flex-direction:column;gap:10px}.lp-epic-teaser strong{color:var(--text-bright, #fff)}.lp-epic-teaser-hint{font-size:.88em;letter-spacing:.04em;color:#c9a84c;opacity:.8;margin-top:4px}@media(min-width:801px){.lp-rulers-arrow{display:none}.lp-rulers{overflow-x:visible;flex-wrap:nowrap}.lp-ruler-card{flex:1 1 0;min-width:0}}.lp-epic-intro{text-align:center;font-size:.9em;color:var(--text-dim, #aaa);margin:-8px 0 16px}.lp-epic-grid{display:flex;flex-direction:column;gap:16px;width:100%;max-width:860px;margin:0 auto}.lp-epic-pair{display:flex;gap:12px;align-items:center}.lp-epic-card{flex:1;background:var(--surface);border-radius:var(--radius);padding:14px 16px;border:1px solid rgba(201,168,76,.25);display:flex;flex-direction:column;gap:4px}.lp-epic-vs{font-size:.8em;font-weight:700;color:var(--text-dim, #888);flex-shrink:0;width:24px;text-align:center}.lp-epic-name{font-size:1em;font-weight:700;color:#c9a84c;text-shadow:0 0 6px rgba(201,168,76,.4)}.lp-epic-era{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim, #888)}.lp-epic-boost{font-size:.85em;font-weight:600;color:var(--text-bright, #fff);margin-top:2px}.lp-epic-desc{font-size:.82em;color:var(--text-dim, #aaa);line-height:1.4}@media(max-width:800px){.lp-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.lp-topnav-inner{gap:4px;padding:6px 8px}input.lp-topnav-input{width:72px}button.lp-topnav-btn{padding:0 8px}.lp-features{grid-template-columns:1fr}.lp-hero{padding:40px 16px 28px}.lp-ruler-card{flex:0 0 57vw;min-height:420px}.lp-epic-pair{flex-direction:column}.lp-epic-vs{width:100%}}#rally-banner{display:none;background:linear-gradient(90deg,#7b2d00,#b34700,#7b2d00);color:#ffe0b2;font-size:13px;font-weight:600;text-align:center;padding:8px 16px;letter-spacing:.3px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid #ff6d00;animation:rally-pulse 3s ease-in-out infinite}@keyframes rally-pulse{0%,to{background-position:0% 50%;opacity:1}50%{opacity:.85}}#game-over-banner{display:none;background:linear-gradient(90deg,#7a5c00,#c49a00,#7a5c00);color:#fff8dc;font-size:13px;font-weight:600;text-align:center;padding:8px 16px;letter-spacing:.3px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid #ffd700;animation:gameover-pulse 3s ease-in-out infinite}@keyframes gameover-pulse{0%,to{opacity:1}50%{opacity:.85}}#season-reset-banner{display:none;background:linear-gradient(90deg,#7b2d00,#b34700,#7b2d00);color:#ffe0b2;font-size:13px;font-weight:600;text-align:center;padding:8px 16px;letter-spacing:.3px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid #ff6d00;animation:rally-pulse 3s ease-in-out infinite}#era-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9000;align-items:center;justify-content:center}#era-overlay.visible{display:flex}.era-panel{position:relative;background:#12121eeb;border:1px solid rgba(201,168,76,.3);border-radius:16px;padding:24px 32px 22px;max-width:420px;width:90%;text-align:center;box-shadow:0 16px 48px #0009,inset 0 1px #ffffff0f}.era-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.era-close:hover{color:#fffc}.era-season{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}.era-season-num{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a84c80}.era-season-title{font-size:15px;font-weight:600;color:#ffffffbf}.era-numeral{font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:900;line-height:1;background:linear-gradient(180deg,#e8d5a3,#faf0d7 18%,#c9a84c 40%,#a07c2a,#c9a84c 60%,#faf0d7 82%,#e8d5a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));margin-bottom:4px}.era-name{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c9a84ccc;margin-bottom:12px}.era-base-img{width:60%;max-width:220px;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto 14px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.era-effects{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;display:flex;flex-direction:column;gap:4px}.era-effect-row{font-size:12px;padding:2px 0;color:#ffffffb3;text-align:left}.era-rally{margin-top:10px;border-top:1px solid rgba(255,180,0,.3);padding-top:10px;display:flex;flex-direction:column;gap:8px}.era-rally-title{font-size:12px;font-weight:700;letter-spacing:.5px;color:#ffa726;text-transform:uppercase}.era-rally-timer{font-size:11px;color:#ffb40099}#toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column-reverse;gap:8px;z-index:9999;pointer-events:none}.toast{background:var(--surface-alt);color:var(--text);border-left:3px solid var(--accent);padding:10px 16px;border-radius:var(--radius);font-size:13px;max-width:340px;animation:toast-in .25s ease-out,toast-out .3s ease-in 4.5s forwards;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.progress{height:4px;background:var(--bg);border-radius:2px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.card{background:var(--surface-alt);border-radius:var(--radius);padding:16px;margin-bottom:8px;transition:background .12s}.card:hover{background:var(--surface-hover)}.card-title{font-size:14px;font-weight:600;color:var(--text-bright);margin-bottom:6px}.card-meta{font-size:12px;color:var(--text-dim)}.armies-container{display:flex;flex-direction:column;gap:0}.armies-container .empty-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.army-group{margin-bottom:12px;background:var(--surface-hover, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:var(--radius, 8px);padding:12px 14px}.army-name-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;max-width:600px}.army-attack-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 0}.empire-ac-wrap{flex:1;position:relative;min-width:0}.target-uid-input{width:100%;box-sizing:border-box;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius);font-size:13px;transition:all .15s}.target-uid-input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.empire-ac-dropdown{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 4px 16px #00000073;z-index:200;max-height:220px;overflow-y:auto}.empire-ac-item{padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s;overflow:hidden}.empire-ac-item:last-child{border-bottom:none}.empire-ac-item:hover,.empire-ac-item--active{background:var(--surface-hover, rgba(79, 195, 247, .12))}.eac-label{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eac-meta{font-size:11px;color:var(--text-dim)}.eac-hl{background:#ffd50059;color:#ffe564;border-radius:2px;padding:0 1px;font-style:normal}.army-opponent-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 0}.army-opponent-row label{font-size:13px;color:var(--text-dim);font-weight:500;min-width:50px}.opponent-name-input{flex:1;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius);font-size:13px;transition:all .15s}.opponent-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.army-attack-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);border:1px solid #c62828;color:#fff;padding:4px 8px;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-size:12px;font-weight:600;white-space:normal;width:72px;text-align:center;box-shadow:0 2px 4px #d32f2f4d}.army-attack-btn:hover{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 8px #d32f2f66;transform:translateY(-1px)}.army-attack-btn:active{transform:translateY(0);box-shadow:0 2px 4px #d32f2f4d}.army-name{font-size:15px;font-weight:400;color:var(--text-dim);padding-left:0}.army-id{font-size:12px;color:var(--text-dim);font-weight:400}.army-edit-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:4px 8px;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.army-edit-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.army-name-input{flex:1;background:var(--surface-alt);border:1px solid var(--accent);color:var(--text);padding:6px 8px;border-radius:var(--radius);font-size:15px;font-weight:600;min-width:200px}.army-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.army-confirm-btn,.army-cancel-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:4px 8px;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-size:12px;font-weight:600}.army-confirm-btn:hover{background:var(--accent-glow)}.army-cancel-btn:hover{border-color:var(--danger);color:var(--danger);background:#ef53501f}.waves-container{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px;min-height:80px;align-items:flex-start}.wave-tile{flex:0 0 100px;height:120px;background:var(--surface-alt);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:all .15s;cursor:pointer}.wave-tile:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 8px #4fc3f726}.wave-tile .wave-critter-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;overflow:hidden;width:100%;min-height:0}.wave-tile__edit-hint{position:absolute;top:2px;left:4px;font-size:11px;color:var(--text-dim);opacity:.5;pointer-events:none;z-index:1;transition:opacity .2s}.wave-critter-btn:hover .wave-tile__edit-hint{opacity:1}.wave-tile__sprite{width:72px;height:72px;image-rendering:pixelated;display:block}.wave-tile__no-critter{font-size:28px;color:var(--text-dim);font-weight:300}.wave-tile__count{position:absolute;bottom:2px;right:4px;font-size:22px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.6);line-height:1;pointer-events:none}.wave-tile__footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:2px 5px 4px;border-top:1px solid var(--border);gap:4px}.wave-tile__slots{font-size:10px;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.wave-slots-btn.wave-slots-increase{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;font-size:10px;font-weight:700;padding:2px 4px;white-space:nowrap;line-height:1.2}.wave-tile-header{flex:0;min-height:24px;margin-bottom:4px}.wave-critter-select,.wave-tile-body,.wave-tile-count,.wave-tile-count-block,.wave-tile-slots-label{display:none}.wave-slots-btn{background:#4fc3f733;border:1px solid var(--accent-dim);color:var(--accent);padding:2px 4px;border-radius:3px;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s}.wave-slots-increase__icon{font-size:14px;font-weight:700;line-height:1}.wave-slots-increase__price{font-size:8px;white-space:nowrap;font-weight:500}.wave-slots-btn:hover{background:#4fc3f766;border-color:var(--accent)}.wave-slots-btn:disabled{opacity:.3;cursor:not-allowed;background:#4fc3f71a}.wave-slots-btn:disabled:hover{background:#4fc3f71a;border-color:var(--accent-dim)}.wave-tile-footer{flex:0;text-align:center}.wave-time{font-size:9px;color:var(--text-dim);font-weight:500}.wave-tile-add{background:#4fc3f714;border-color:var(--accent-dim)}.wave-tile-add:hover{background:#4fc3f726;border-color:var(--accent)}.wave-tile-plus{font-size:24px;font-weight:700;color:var(--accent);line-height:1}.wave-critter-btn__sprite,.wave-critter-btn__name{display:none}.wave-critter-btn__placeholder{color:var(--text-dim);font-style:italic;font-size:28px;font-weight:300}.critter-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.critter-pick-tile{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);font-family:var(--font);transition:background .12s,border-color .12s,box-shadow .12s;text-align:left;width:100%;overflow:hidden}.critter-pick-tile:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 8px #4fc3f733}.critter-pick-tile--selected{border-color:var(--warning);background:#ffa7261f;box-shadow:0 0 8px #ffa72640}.cpt-sprite{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface)}.cpt-sprite canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.cpt-name{font-size:11px;font-weight:600;padding:4px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.cpt-stats{display:flex;flex-direction:column;gap:1px;align-items:flex-start;padding:2px 6px 5px;width:100%}.cpt-stat{font-size:11px;font-family:var(--mono, monospace)}.cpt-hp{color:#ef9a9a}.cpt-spd{color:var(--success, #66bb6a)}.cpt-arm{color:#ce93d8}.cpt-slots{color:var(--accent);font-weight:700}.army-separator{height:1px;background:linear-gradient(to right,transparent,var(--border) 25%,var(--border) 75%,transparent);margin:16px 0 8px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-dim)}.empty-state .empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.empty-state p{font-size:13px}.error-msg{background:#ef53501a;color:var(--danger);font-size:12px;padding:8px 12px;border-radius:var(--radius)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.debug-toggle{position:fixed;bottom:76px;left:16px;width:48px;height:48px;background:var(--surface-alt);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease;opacity:.6;z-index:999}.debug-toggle:hover{opacity:1;background:var(--surface-hover);border-color:var(--accent-dim)}.debug-toggle.active{opacity:1;background:#4fc3f726;border-color:var(--accent);box-shadow:0 0 12px #4fc3f733}.toast-debug{background:#4fc3f726;border:1px solid rgba(79,195,247,.3);color:var(--accent)}@media(max-width:1200px){:root{--nav-w: 180px;--status-w: 220px}}@media(max-width:1024px){:root{--gap: 8px}#shell{grid-template-columns:var(--nav-w) 1fr;padding:var(--gap)}#app{padding:16px 20px}}@media(max-width:900px){:root{--gap: 4px;font-size:14px}html,body{overflow:hidden;height:100%;position:fixed;width:100%;overscroll-behavior:none}#shell{display:block;height:100dvh;padding:0;gap:0}#main-nav{position:fixed;top:0;left:0;right:0;height:var(--mobile-nav-h);flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:0;z-index:100;scrollbar-width:none;-ms-overflow-style:none}#main-nav::-webkit-scrollbar{display:none}#main-nav .nav-brand{padding:0 16px;font-size:22px;flex-shrink:0;height:100%;background:linear-gradient(180deg,#e8d5a3,#faf0d7 18%,#c9a84c 40%,#a07c2a,#c9a84c 60%,#faf0d7 82%,#e8d5a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}#main-nav a{padding:0 16px;height:var(--mobile-nav-h);min-width:fit-content;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;flex-shrink:0}#main-nav a.active{border-left-color:transparent;border-bottom-color:var(--accent)}#main-nav .nav-section,#main-nav .nav-spacer{display:none}#main-nav a .nav-icon{font-size:18px}#rally-banner,#game-over-banner,#season-reset-banner{position:fixed;top:var(--mobile-nav-h);left:0;right:0;z-index:99;border-radius:0}body.view-login #rally-banner,body.view-login #game-over-banner,body.view-login #season-reset-banner{top:var(--lp-topnav-h, 80px)}#main-col{position:fixed;top:calc(var(--mobile-nav-h) + var(--rally-banner-h));left:0;right:0;bottom:0;display:flex;flex-direction:column;min-height:0}#page-header{border-radius:0;padding:6px 16px;flex-shrink:0}#page-header-text{font-size:15px}.title-resources{font-size:12px;background:none;padding:0;border-radius:0;gap:6px}#app{flex:1;min-height:0;border-radius:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;position:static;top:auto}#app.full-bleed{overflow:hidden;padding:0}.view{min-height:0;height:auto}button,.btn{min-height:var(--touch-target);padding:10px 20px;font-size:14px}input[type=text],input[type=password],input[type=number],input[type=email],select,textarea{min-height:var(--touch-target);padding:12px 14px;font-size:16px}}@media(max-width:640px){:root{font-size:14px}#app{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}h2{font-size:20px;margin-bottom:16px}.form-row{flex-direction:column;gap:12px}table{font-size:12px}thead th{padding:6px 8px;font-size:9px}tbody td{padding:8px}.login-card{padding:24px 20px;border-radius:var(--radius);max-width:100%;margin:0 12px}#toast-container{right:8px;bottom:8px;left:8px}.toast{max-width:100%}.army-attack-row,.army-opponent-row{flex-wrap:wrap;gap:8px}.army-attack-btn{width:100%;justify-content:center}.waves-container{gap:6px}.wave-tile{flex:0 0 90px;height:110px}.card,.panel{padding:12px}.debug-toggle{width:44px;height:44px;bottom:64px;left:8px}}@media(max-width:400px){#main-nav .nav-brand{font-size:18px;padding:0 12px}#main-nav a{padding:10px 12px;font-size:12px}#app{padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}h2{font-size:18px}.wave-tile{flex:0 0 80px;height:100px}button,.btn{padding:8px 16px;font-size:13px}}.hex-editor{display:flex;flex-direction:column;height:100%;min-height:0}.hex-editor__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0}.hex-editor__title{margin-bottom:0;font-size:18px;white-space:nowrap}.hex-editor__actions{display:flex;gap:6px;flex-wrap:wrap}.hex-editor__body{display:grid;grid-template-columns:160px 1fr 200px;gap:8px;flex:1;min-height:0}.hex-editor__palette{background:var(--surface-alt);border-radius:var(--radius);padding:10px;overflow-y:auto}.palette-category{margin-bottom:10px}.palette-category__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:6px}.palette-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:grab;transition:background .12s;-webkit-user-select:none;user-select:none;font-size:12px;color:var(--text)}.palette-item:hover{background:var(--surface-hover)}.palette-item.active{background:#4fc3f726;outline:1px solid var(--accent-dim)}.palette-item.dragging{opacity:.5}.palette-item--disabled,.palette-item--disabled:hover{opacity:.4;cursor:not-allowed;background:transparent;filter:grayscale(.6)}.palette-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid;flex-shrink:0}.palette-swatch--sm{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid;vertical-align:middle;margin-right:4px}.palette-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-hint{font-size:11px;color:var(--text-dim);padding:8px;text-align:center;border-top:1px solid var(--border);margin-top:8px}.hex-editor__canvas-wrap{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);position:relative;overflow:hidden;min-height:400px}.hex-editor__canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair;image-rendering:pixelated}.hex-editor__props{overflow-y:auto}.hex-editor__props .panel{font-size:12px}.props-empty{color:var(--text-dim);font-style:italic;font-size:12px;padding:8px 0}.props-tile{display:flex;flex-direction:column;gap:2px}.props-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.props-row .label{color:var(--text-dim);font-size:11px}.props-row .value{color:var(--text-bright);font-weight:600;font-size:12px}.props-row.effects-row{flex-direction:column;align-items:flex-start;gap:2px}.props-row.effects-row .label{margin-bottom:2px}.props-row .value.effects-list{display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:var(--text-dim);font-weight:400}.mono{font-family:var(--mono)}.props-divider{height:1px;background:var(--border);margin:8px 0}.props-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:4px}@media(max-width:1100px){.hex-editor__body{grid-template-columns:140px 1fr}.hex-editor__props{display:none}}@media(max-width:900px){.hex-editor__toolbar{flex-wrap:wrap}.hex-editor__actions{width:100%;justify-content:space-between}.hex-editor__body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hex-editor__palette{max-height:120px;display:flex;gap:8px;overflow-x:auto}.palette-category{display:flex;gap:4px;flex-shrink:0}.palette-item{flex-direction:column;padding:8px;min-width:60px}}@media(max-width:640px){.hex-editor__canvas-wrap{min-height:50vh}.hex-editor__title{font-size:16px}}.tile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:9999;display:none;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tile-overlay__content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.tile-overlay__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.tile-overlay__header h3{margin:0;font-size:18px;color:var(--text)}.tile-overlay__close{background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.tile-overlay__close:hover{background:var(--border);color:var(--text)}.tile-overlay__body{padding:16px}@media(min-width:1101px){.tile-overlay{display:none!important}#tower-overlay{display:none}}#critter-overlay.is-open{display:flex!important}.build-msg,.research-msg{font-size:12px;padding:4px 8px;margin-top:4px;border-radius:var(--radius);color:#fff;text-align:center;min-height:20px}.battle-view{display:flex;flex-direction:column;height:100%;min-height:0;gap:8px}.battle-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);flex-shrink:0}.battle-actions{display:flex;gap:8px}.battle-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:var(--radius);flex-shrink:0;position:absolute;top:0;left:0;right:0;z-index:10;background:#0d0d14cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07);font-size:12px}.battle-status__item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-alt);border-radius:4px;border-left:3px solid var(--accent-dim)}.battle-status__item .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.battle-status__item .value{font-size:14px;font-weight:700;color:var(--text-bright);font-family:var(--mono)}.battle-view__body{display:grid;grid-template-columns:1fr 160px;grid-template-rows:1fr;gap:8px;flex:1;min-height:0}.tile-place-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tile-place-menu__content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:min(460px,84vw);max-height:65vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.tile-place-menu__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px;color:var(--text);position:sticky;top:0;background:var(--bg);z-index:1}.tpm-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:10px 14px 4px}.tpm-no-towers{font-size:15px;font-weight:600;color:#ffffffbf;text-align:center;padding:24px 20px 20px;line-height:1.6}.tpm-no-towers__link{color:#c9a84c;text-decoration:underline;cursor:pointer;font-weight:700;font-size:17px;display:inline-block;padding:0 2px;transition:color .15s}.tpm-no-towers__link:hover{color:#faf0d7}.tpm-row{display:flex;gap:8px;padding:4px 14px 8px}.tpm-row .tpm-item{flex:1;min-width:0}.tpm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;padding:4px 10px 10px}.tpm-item{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .1s}.tpm-item:hover:not(.tpm-item--disabled){border-color:var(--accent);transform:translateY(-1px)}.tpm-item--disabled{opacity:.45;cursor:not-allowed}.tpm-sprite{width:100%;aspect-ratio:1 / 1;background-size:contain;background-repeat:no-repeat;background-position:center}.tpm-name{font-size:11px;font-weight:600;padding:4px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.tpm-cost{font-size:10px;padding:1px 6px 2px;color:var(--success, #4caf50)}.tpm-cost.unaffordable{color:var(--danger)}.tpm-stats{font-size:10px;padding:1px 6px 3px;color:var(--text-dim)}.tpm-stats span,.tpm-effects span{display:block}.tpm-effects{font-size:9px;padding:0 6px 5px;color:var(--text-dim)}.palette-cat-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:4px 4px 2px}.palette-item--compact{position:relative;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:4px;gap:2px;font-size:11px;min-width:52px;min-height:56px;overflow:hidden}.palette-item--compact .palette-swatch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;border:none;z-index:0}.palette-item--compact .palette-label,.palette-item--compact .palette-cost{position:relative;z-index:1;background:#0000008c;border-radius:3px;padding:1px 4px;line-height:1.3}.palette-item--compact .palette-label{font-size:10px;white-space:normal;word-break:break-word}.palette-item--compact .palette-cost{font-size:9px;color:var(--success, #4caf50)}.palette-item--compact .palette-cost.unaffordable{color:var(--danger)}.battle-canvas-wrap{position:relative;background:#000;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0;height:100%}.battle-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;image-rendering:pixelated}.battle-canvas-wrap canvas:active{cursor:grabbing}.map-error-msg{position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;pointer-events:none;z-index:20;white-space:nowrap;opacity:0;transition:opacity .3s}.battle-view__props{overflow-y:auto}.battle-view__props .panel{font-size:12px}.battle-summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 0;z-index:999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.battle-summary-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:32px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease-out;margin:auto}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.battle-summary-card h3{font-size:32px;font-weight:700;margin-bottom:16px}.battle-summary-card p{font-size:16px;color:var(--text-dim);margin-bottom:8px}.battle-summary-card ul{text-align:left;margin:8px auto;max-width:300px}.battle-summary-card li{padding:4px 0;border-bottom:1px solid var(--border)}.battle-summary-card button{margin-top:24px;width:100%;max-width:200px}@media(max-width:900px){.battle-view{height:100%;gap:0}.battle-status{padding:4px;font-size:10px}.battle-status .label,.battle-status .value{font-size:10px}.battle-view__body{flex:1;min-height:0;position:relative}.battle-canvas-wrap{height:100%;min-height:0;border:none;border-radius:0}#map-error-banner{display:none!important}}@media(max-width:1100px){.battle-view__body{grid-template-columns:1fr;grid-template-rows:auto auto}.battle-view__props{display:none}.battle-view__props .panel{padding:8px 10px}.battle-view__props .panel-header{margin-bottom:4px}.battle-view__props .props-tile{gap:0}.battle-view__props .props-row{padding:2px 0}.battle-view__props .props-row .label{font-size:10px}.battle-view__props .props-row .value{font-size:11px}.battle-view__props .props-divider{margin:4px 0}.battle-view__props .props-section-label{margin-bottom:2px}.battle-view__props .props-sprite-thumb{display:none}.battle-view__props #select-btns{gap:3px}.battle-view__props #select-btns .btn{padding:2px 0;font-size:10px}}@media(max-width:640px){.battle-view__body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.battle-palette{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:4px 6px;gap:4px}.battle-palette>div{display:contents}.palette-cat-label{display:none}.palette-item--compact{min-width:44px;padding:3px 4px;flex-shrink:0}.palette-item--compact .palette-label{font-size:9px}.palette-item--compact .palette-cost{font-size:8px}}@media(max-width:900px){.battle-header{flex-direction:column;gap:12px;align-items:stretch}.battle-actions{justify-content:stretch}.battle-actions button{flex:1}.battle-status__item{padding:6px 8px}.battle-canvas-wrap{min-height:50vh}}@media(max-width:640px){.battle-status{grid-template-columns:1fr;gap:4px;padding:4px}.battle-status__item{padding:4px 6px;border-left-width:2px}.battle-canvas-wrap{min-height:50vh}.battle-summary-card{padding:24px 16px;width:95%}.battle-summary-card h3{font-size:24px}.battle-summary-card p{font-size:14px}}.attacks-bar-panel{padding-bottom:6px}.attacks-bar-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}@media(max-width:540px){.attacks-bar-grid{grid-template-columns:1fr}}.attack-entry{display:flex;flex-direction:column;padding:4px 8px;font-size:.85em;border-top:1px solid var(--border-color, #333);gap:3px}.atk-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.atk-progress-wrap{height:4px;background:var(--border-color, #333);border-radius:2px;overflow:hidden}.atk-progress-bar{height:100%;border-radius:2px;transition:width 1s linear}.atk-progress-traveling{background:#4fc3f7}.atk-progress-in-siege{background:#ffa726}.atk-progress-in-battle{background:#e57373;animation:atk-pulse .8s ease-in-out infinite alternate}@keyframes atk-pulse{0%{opacity:1}to{opacity:.45}}.fly-wrap{position:absolute;pointer-events:none;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);animation:fly-up 1s ease-out forwards;z-index:50}.fly-icon{width:32px;height:32px;image-rendering:auto;display:block}.fly-label{margin-top:2px;font-size:11px;font-weight:700;color:#fdd835;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;line-height:1}@keyframes fly-up{0%{transform:translate(-50%,-50%) scale(1);opacity:1}60%{transform:translate(-50%,calc(-50% - 30px)) scale(1.15);opacity:1}to{transform:translate(-50%,calc(-50% - 55px)) scale(.9);opacity:0}}.attack-in .atk-icon{color:#e53935}.attack-out .atk-icon{color:#4fc3f7}.atk-name{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.atk-cd{color:var(--text-muted, #aaa);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.5em;text-align:right;margin-left:auto}.atk-cd-battle{color:#ffa726;font-weight:700}.phase-tag{font-size:.78em;padding:1px 5px;border-radius:3px;white-space:nowrap;opacity:.85}.phase-traveling{background:#1a3a4a;color:#4fc3f7}.phase-siege{background:#3a2a10;color:#ffa726}.phase-battle{background:#3a1010;color:#e57373}.atk-badge{display:inline-block;font-size:.75em;padding:0 5px;border-radius:8px;vertical-align:middle;font-weight:700}.atk-badge-in{background:#e53935;color:#fff}.atk-badge-out{background:#1565c0;color:#fff}.atk-empty{padding:3px 8px;font-size:.85em;color:var(--text-muted, #888)}.tab-btn{background:var(--panel-bg, #1e1e2e);border:1px solid var(--border-color, #444);color:var(--text-muted, #aaa);padding:4px 14px;border-radius:var(--radius, 4px);cursor:pointer;font-size:.9em;transition:background .15s}.tab-btn:hover{background:var(--hover-bg, #2a2a3e)}.active-tab{background:var(--accent-dim, #1a3a4a);border-color:var(--accent, #4fc3f7);color:var(--accent, #4fc3f7);font-weight:700}#tt-wrap{position:relative;isolation:isolate;max-width:900px;margin:0 auto;padding:12px 12px 60px}#tt-content{position:relative;z-index:1}.tt-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.tt-svg line{stroke:#3a3a5a;stroke-width:1.5;transition:stroke .2s,stroke-width .2s,opacity .2s}.tt-svg line.hl{stroke:var(--accent, #4fc3f7);stroke-width:2.5}.tt-svg line.dimmed{opacity:.1}.tt-era{position:relative;padding:24px 16px 16px;margin-bottom:0;border-radius:0}.tt-era:first-child{border-radius:var(--radius, 6px) var(--radius, 6px) 0 0}.tt-era:last-child{border-radius:0 0 var(--radius, 6px) var(--radius, 6px)}.tt-era-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#3a3a5a 20%,#3a3a5a 80%,transparent 100%)}.tt-era-label{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.tt-era-roman{font-size:20px;font-weight:700;color:#ffffff2e;font-family:Times New Roman,serif;letter-spacing:2px}.tt-era-name{font-size:14px;font-weight:600;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.tt-era-bg-0{background:#8b77500f}.tt-era-bg-1{background:#788c500f}.tt-era-bg-2{background:#b48c3c0f}.tt-era-bg-3{background:#8c96aa0f}.tt-era-bg-4{background:#a064640f}.tt-era-bg-5{background:#a08c640f}.tt-era-bg-6{background:#64788c0f}.tt-era-bg-7{background:#508ca00f}.tt-era-bg-8{background:#6450a00f}.tt-row{display:flex;justify-content:center;gap:48px;margin-bottom:20px;position:relative}.tt-row:last-child{margin-bottom:0}.tt-node{width:200px;background:var(--panel-bg, rgba(20, 20, 31, .72));border:1px solid var(--border-color, #2a2a3a);border-radius:var(--radius, 6px);padding:10px 12px;position:relative;transition:border-color .2s,box-shadow .2s,opacity .2s;flex-shrink:0;cursor:pointer}.tt-node:hover,.tt-node.hl{border-color:var(--accent, #4fc3f7);box-shadow:0 0 12px #4fc3f726}.tt-node.dimmed{opacity:.2}.tt-node.tt-completed{border-color:var(--success, #66bb6a);background:#66bb6a0f}.tt-node.tt-researching{border-color:var(--warning, #ffa726);background:#ffa7260f}.tt-node.tt-locked{opacity:.45}.tt-node.tt-excluded{border-color:var(--error, #ef5350);background:#ef53500d;opacity:.7}.tt-node.tt-excluded .tt-status-icon{color:var(--error, #ef5350)}.tt-node-name{font-weight:700;font-size:12px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-node-effort{font-size:11px;color:var(--text-muted, #9999a8);font-family:var(--font-mono, monospace);margin-bottom:4px}.tt-node-effects{font-size:11px;color:var(--success, #66bb6a);margin-bottom:4px}.tt-node-effects:empty{display:none}.tt-node-locked{font-size:10px;color:var(--text-muted, #9999a8)}.tt-unlocks{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08)}.tt-unlocks:empty{display:none}.tt-ubadge{font-size:10px;padding:2px 6px;border-radius:3px;line-height:1.4;display:inline-block}.tt-cat-building{background:#4fc3f726;color:#4fc3f7}.tt-cat-structure{background:#ef535026;color:#ef5350}.tt-cat-critter{background:#ffa72626;color:#ffa726}.tt-cat-knowledge{background:#66bb6a26;color:#66bb6a}.tt-link{cursor:pointer;transition:opacity .15s}.tt-link:hover{opacity:.75}.tt-ubadge-ready{outline:1px solid currentColor;opacity:1}.tt-ubadge-blocked{opacity:.35;filter:grayscale(.5)}.tt-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0009;justify-content:center;align-items:center}.tt-overlay.visible{display:flex}.tt-panel{background:var(--panel-bg, rgba(20, 20, 31, .95));border:1px solid var(--border-color, #2a2a3a);border-radius:var(--radius, 6px);padding:20px 24px;position:relative;max-width:440px;width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.tt-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted, #9999a8);font-size:18px;cursor:pointer;line-height:1}.tt-close:hover{color:var(--text-color, #e0e0e6)}.tt-back{background:none;border:none;color:var(--accent, #4fc3f7);font-size:12px;cursor:pointer;padding:0;margin-bottom:8px}.tt-back:hover{text-decoration:underline}.tt-dp-name{font-size:16px;font-weight:700;margin-bottom:2px}.tt-dp-iid{font-size:11px;color:var(--text-muted, #9999a8);font-family:var(--font-mono, monospace);margin-bottom:10px}.tt-dp-desc{font-size:12px;color:var(--text-muted, #9999a8);margin-bottom:8px;font-style:italic}.tt-dp-row{margin-bottom:6px;font-size:13px}.tt-dp-label{color:var(--text-muted, #9999a8);margin-right:4px}.tt-dp-effects{color:var(--success, #66bb6a)}.tt-dp-props{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px;margin:6px 0}.tt-dp-props .tt-dp-label{white-space:nowrap}.tt-dp-section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.tt-dp-section-title{font-size:11px;font-weight:700;color:var(--text-muted, #9999a8);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.tt-dp-unlocks{display:flex;flex-wrap:wrap;gap:5px}@media(max-width:700px){.tt-row{gap:16px;margin-bottom:16px}.tt-node{width:140px;padding:6px 8px}.tt-node-name{font-size:11px}.tt-node-effort{font-size:10px}.tt-era{padding:16px 6px 12px}.tt-era-roman{font-size:16px}.tt-era-name{font-size:12px}.tt-ubadge{font-size:9px}#tt-wrap{padding:8px 4px 40px}}@media(max-width:480px){.tt-node{width:calc((100vw - 80px) / 3);padding:4px 5px}.tt-row{gap:6px;margin-bottom:12px}.tt-node-name{font-size:10px}.tt-node-effort,.tt-node-effects{font-size:9px;margin-bottom:3px}.tt-ubadge{font-size:8px;padding:1px 4px}.tt-unlocks{gap:2px;margin-top:3px;padding-top:3px}.tt-era{padding:12px 4px 10px}.tt-era-label{margin-bottom:10px;padding-bottom:4px}.tt-era-roman{font-size:14px}.tt-era-name{font-size:10px}#tt-wrap{padding:6px 2px 30px}}.dashboard-4col{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.dashboard-2col{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.dashboard-3col{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.dashboard-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dashboard-4col,.dashboard-2col,.dashboard-3col{grid-template-columns:1fr}}.csl-wrap{padding:4px 0 8px}.csl-track{position:relative;height:18px;border-radius:9px;overflow:visible;margin:8px 4px}.csl-seg{position:absolute;top:0;height:100%;transition:left .1s,width .1s}.csl-seg:first-child{border-radius:9px 0 0 9px}.csl-seg:last-child{border-radius:0 9px 9px 0}.csl-merchant{background:#4fc3f7}.csl-scientist{background:#ffa726}.csl-artist{background:#81c784}.csl-handle{position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;border-radius:50%;border:3px solid rgba(0,0,0,.35);cursor:grab;box-shadow:0 2px 6px #0000008c;z-index:2;touch-action:none;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;-webkit-user-select:none;user-select:none}.csl-handle:active{cursor:grabbing;filter:brightness(1.2)}.csl-labels{display:flex;justify-content:space-between;font-size:.82em;margin-top:4px;padding:0 4px}.csl-lbl{display:flex;flex-direction:column;align-items:center;gap:1px}.csl-lbl span{color:#bbb;font-size:.9em}.csl-lbl strong{font-size:1.1em}.csl-hint{font-size:.8em;color:#888;text-align:center;margin-bottom:2px;font-style:italic}.prod-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow-y:auto}.prod-overlay-box{background:var(--panel-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:8px;width:100%;max-width:480px;padding:16px 18px;position:relative}.prod-overlay-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#aaa;font-size:1.4em;cursor:pointer;line-height:1;padding:0}.prod-overlay-section{margin-bottom:14px}.prod-overlay-title{font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:5px;padding-bottom:3px;border-bottom:1px solid var(--border-color, #444)}.prod-info-btn{background:none;border:none;color:#4fc3f7;font-size:16px;cursor:pointer;padding:0;line-height:1;opacity:.8}.prod-info-btn:hover{opacity:1}.age-bars{display:flex;flex-direction:column;gap:3px;width:100%}.age-row{display:flex;align-items:center;gap:6px;font-size:11px}.age-name{width:72px;color:var(--text-dim);white-space:nowrap}.age-bar-outer{flex:1;height:6px;background:var(--surface-alt, #1a1f2e);border-radius:3px;overflow:hidden}.age-bar-inner{height:100%;border-radius:3px}.age-pct{width:32px;text-align:right;font-family:monospace;color:var(--text-dim)}