:root{--bg:#0b1018;--grass:#1a2a21;--grass-light:#22372b;--stone:#3b4150;--stone-dark:#2c313d;--surface-bar:#121926;--surface-border:#26324a;--surface-raised:#1a2334;--text-primary:#f4f1e8;--text-secondary:#a8b3c9;--text-muted:#7c8496;--text-on-accent:#1a1405;--accent:#f5c738;--working:#5fd47a;--idle:#86a9de;--blocked:#f5c738;--offline:#5a6170;--error:#f0524f;--outline:#0a0d14;--font-display:"Press Start 2P", monospace;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--camera:.7s cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}html,body{cursor:none;background:#000;height:100%;margin:0;overflow:hidden}.stage{transform-origin:50%;background-color:var(--grass);width:1920px;height:1080px;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='200'%3E%3Cg fill='%2322372B'%3E%3Crect x='20' y='30' width='6' height='6'/%3E%3Crect x='130' y='70' width='12' height='6'/%3E%3Crect x='200' y='20' width='6' height='6'/%3E%3Crect x='70' y='150' width='12' height='6'/%3E%3Crect x='180' y='160' width='6' height='6'/%3E%3C/g%3E%3C/svg%3E");position:fixed;top:50%;left:50%;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.layer:empty{display:none}.icon{flex:none;width:24px;height:24px}.icon.big{width:84px;height:84px}.pixel{font-family:var(--font-display);font-weight:400}.square,.dot{background:var(--tone,var(--working));flex:none;width:14px;height:14px;display:inline-block}.tone-working{--tone:var(--working)}.tone-idle{--tone:var(--idle)}.tone-blocked{--tone:var(--blocked)}.tone-offline{--tone:var(--offline)}.tone-error{--tone:var(--error)}code{font-family:var(--font-mono)}.layer-viewport{transition:filter .6s;overflow:hidden}.world{transform-origin:0 0;transition:transform var(--camera);position:absolute;inset:0}.village,.spots{position:absolute;inset:0}.road{background:repeating-linear-gradient(90deg, var(--stone) 0 34px, transparent 34px 40px) -18px 4px / 100% 20px no-repeat, repeating-linear-gradient(90deg, var(--stone) 0 34px, transparent 34px 40px) 2px 24px / 100% 20px no-repeat, var(--stone-dark);width:1920px;position:absolute;left:0}.decor{position:absolute}.decor svg,.room svg,.subagent svg{display:block}.house{height:322px;transition:filter .5s;position:absolute}.house.unlit{filter:brightness(.3)saturate(.4)}.roof{background:var(--outline);height:34px;position:relative}.roof:before,.roof:after{content:"";height:12px;position:absolute;left:0;right:0}.roof:before{background:repeating-linear-gradient(90deg,#43222d 0 4px,#5a2f3c 4px 22px);top:4px}.roof:after{background:repeating-linear-gradient(90deg,#43222d 0 10px,#5a2f3c 10px 14px,#43222d 14px 22px);top:16px}.chimney{border:3px solid var(--outline);z-index:-1;background:#4a4554;width:22px;height:24px;position:absolute;top:-18px;left:28px}.rooms{background:#17121f;gap:6px;height:224px;margin:0 8px;padding:0 6px;display:flex}.room{flex:none;width:180px;height:224px;position:relative}.facade{border-block:4px solid var(--outline);background:#6e5a4a;justify-content:space-between;align-items:center;height:64px;margin:0 8px;padding:0 14px;display:flex}.window{border:3px solid var(--outline);background:linear-gradient(var(--outline), var(--outline)) 13px 0 / 3px 100% no-repeat, linear-gradient(var(--outline), var(--outline)) 0 10px / 100% 3px no-repeat, #1b2333;width:36px;height:30px}.window.lit{background-color:#f6e7c4;box-shadow:0 0 18px #f6e7c466}.sign{border:3px solid var(--outline);color:#fff4dc;font:24px/1 var(--font-display);white-space:nowrap;background:#7a5232;align-items:center;gap:10px;padding:6px 14px;display:flex}.sign .dot{background:var(--accent);display:none}.sign.attention{border-color:var(--accent)}.sign.attention .dot{display:inline-block}.helpers{border:3px solid var(--working);z-index:2;background:#0a0d14f2;align-items:center;gap:8px;padding:2px 12px;font-size:24px;font-weight:700;display:flex;position:absolute;top:-10px;right:28px}.helpers .icon{color:var(--working)}.npc-label{border:2px solid var(--surface-border);text-align:center;white-space:normal;background:#0a0d14e6;align-items:center;gap:8px;width:max-content;max-width:176px;padding:3px 10px;font-size:24px;font-weight:600;line-height:1.05;display:flex;position:absolute;transform:translate(-50%)}.npc-label .dot{width:12px;height:12px}.npc-label.tone-offline span{color:var(--text-secondary)}.room .npc,.room .bubble,.subagent .body{transform-box:fill-box;transform-origin:bottom}.pose-thinking .npc,.pose-writing .npc,.pose-acting .npc{animation:1.6s steps(2,end) infinite bob}.room .bubble{animation:2.4s ease-in-out infinite float}.pose-knocking .npc{animation:.9s steps(2,end) infinite knock}.pose-idle-walk .npc{animation:6s steps(12,end) infinite alternate walk}.pose-delivered .bubble{animation:1.2s ease-out infinite pop}.pose-error .bubble{animation:1.2s steps(2,end) infinite blink}@keyframes bob{50%{transform:translateY(-2px)}}@keyframes float{50%{transform:translateY(-3px)}}@keyframes knock{50%{transform:translate(3px)}}@keyframes walk{to{transform:translate(-36px)}}@keyframes pop{0%,to{transform:scale(1)}20%{transform:scale(1.06)}}@keyframes blink{50%{opacity:.55}}.walker{width:136px;height:153px;animation:1.4s steps(4,end) infinite stroll;position:absolute}.walker-label{top:118px;left:50%}@keyframes stroll{50%{transform:translate(10px,-3px)}}.layer-topbar{border-bottom:3px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1018cc;align-items:stretch;gap:8px;height:196px;padding:16px 28px;transition:transform .7s;display:flex;bottom:auto}.bar-title{flex-direction:column;flex:none;justify-content:center;gap:14px;width:300px;display:flex}.bar-name{font-size:48px;font-weight:700;line-height:1}.bar-clock{align-items:center;gap:14px;display:flex}.bar-clock b{font:32px/1 var(--font-display)}.bar-clock span{color:var(--text-secondary);font-size:24px;font-weight:600}.card{border:2px solid var(--surface-border);white-space:nowrap;background:#1a2334cc;flex-direction:column;flex:auto;gap:6px;min-width:0;padding:12px;display:flex}[data-scene=focus] .card{padding:12px 16px}.card-label,.card-foot{color:var(--text-secondary);align-items:center;gap:10px;font-size:24px;font-weight:600;display:flex}.card-label{gap:8px}.card-value{letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:64px;font-weight:700;line-height:1;display:flex}.card-value small{color:var(--text-secondary);font-size:32px}.card-value em{color:var(--text-muted);margin-left:-8px;font-style:normal}.card-value .pixel{text-overflow:ellipsis;font-size:44px;line-height:64px;overflow:hidden}.meter{background:var(--surface-border);height:14px;display:inline-block}.meter i{background:var(--text-primary);height:100%;display:block}.card.accent{background:var(--accent);border-color:var(--accent)}.card.accent *{color:var(--text-on-accent)}.card.accent .card-foot{font-weight:700}.card.green{border-color:var(--working)}.card.green .card-label .icon{color:var(--working);width:22px}.card.amber{border-color:var(--accent)}.card.amber .card-value,.card.amber .meter i{color:var(--accent);background-color:#0000}.card.amber .meter i{background:var(--accent)}.card.focus{border-color:var(--text-secondary);flex-grow:0;width:320px}.layer-govbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1018b3;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;top:196px;bottom:auto}.gov-chips{align-items:center;gap:12px;display:flex}.gov-label{color:var(--text-secondary);font-size:24px;font-weight:700}.gov-empty,.gov-note{color:var(--text-secondary);font-size:24px;font-weight:500}.chip{border:2px solid var(--surface-border);background:#1a2334e6;align-items:center;gap:10px;padding:4px 14px;font-size:24px;font-weight:600;display:flex}.chip .icon{color:var(--text-secondary)}.chip.warn{border-color:var(--accent);color:var(--accent)}.chip.warn .icon{color:var(--accent)}.layer-ticker{background:var(--surface-bar);border-top:3px solid var(--surface-border);align-items:center;gap:32px;height:88px;padding-left:28px;transition:transform .7s;display:flex;top:auto}.live-badge{border:2px solid var(--working);color:var(--working);flex:none;align-items:center;gap:10px;padding:4px 12px;font-size:24px;font-weight:700;display:flex}.live-badge i{background:var(--working);width:12px;height:12px;animation:1.6s steps(2,end) infinite blink}.live-badge.off{border-color:var(--offline);color:var(--text-secondary)}.ticker-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 80px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 80px),#0000)}.ticker-items{gap:32px;width:max-content;animation:80s linear infinite marquee;display:flex}[data-offline=true] .ticker-items{animation-play-state:paused}.feed-item{white-space:nowrap;align-items:center;gap:10px;font-size:26px;font-weight:500;display:flex}.feed-item b{font-weight:700}.feed-item .sep{color:var(--text-secondary);font-weight:600}.feed-item code{color:var(--accent);font-size:24px;font-weight:600}@keyframes marquee{to{transform:translate(-50%)}}[data-scene=focus] .layer-viewport{filter:blur(14px)brightness(.8)}[data-scene=focus] .layer-govbar,[data-scene=focus] .layer-ticker,[data-scene=alert] .layer-govbar,[data-scene=alert] .layer-ticker{display:none}.focus-stage{transform-origin:0 0;position:absolute;top:0;left:0}.card-value .pixel.medium{font-size:34px}.card-value .pixel.long{font-size:26px}.layer-focus,.layer-panel,.layer-tour{transition:opacity .4s}.stage[data-moving=true] .layer-viewport{filter:none}.stage[data-moving=true] .layer-focus,.stage[data-moving=true] .layer-panel,.stage[data-moving=true] .layer-tour,.stage[data-moving=true] .layer-vignette{opacity:0}.focus-stage:empty{display:none}.house.focus-house{height:auto;position:relative;box-shadow:0 28px 60px #000000b3}.focus-house .rooms{align-items:flex-start;height:auto}.room-column{flex-direction:column;gap:6px;display:flex}.wide-room{background:linear-gradient(#3a3150 0 6px,#2a2438 6px 40px,#3a3150 40px 44px,#0000 44px),repeating-linear-gradient(#5c4030 0 21px,#4c3426 21px 24px);flex:none;position:relative}.wide-room .pose-desk{z-index:1;position:absolute;bottom:0;left:0}.wall-cut>svg{clip-path:inset(44px 0 0)}.wide-room .wires{position:absolute;inset:0;overflow:visible}.cut{border-top:6px solid var(--outline);border-bottom:4px solid var(--outline);background:repeating-linear-gradient(90deg,#2a2438 0 40px,#0000 40px 46px) 0 5px/100% 7px no-repeat,repeating-linear-gradient(90deg,#2a2438 0 40px,#0000 40px 46px) 20px 16px/100% 7px no-repeat,#3a3150;height:30px;margin:0 8px}.wire{fill:none;stroke:var(--tone);stroke-width:6px;stroke-dasharray:6 8;animation:.8s linear infinite wire}.wire.level-2{stroke-width:4px}.sub-slot{position:absolute}.subagent{position:relative}.subagent .balloon{top:0}.sub-label{background:var(--text-primary);border:2px solid var(--outline);color:var(--outline);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:22px;font-weight:700;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%)}.sub-label .dot{width:10px;height:10px}.balloon{background:var(--text-primary);border:3px solid var(--outline);min-width:52px;height:48px;color:var(--outline);font:22px/1 var(--font-display);justify-content:center;align-items:center;gap:6px;padding:0 10px;animation:2.4s ease-in-out infinite float;display:flex;position:absolute;left:50%;translate:-50%}.balloon:after{content:"";border:9px solid #0000;border-top:12px solid var(--outline);border-bottom:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.balloon-writing{background:var(--working)}.balloon-knocking{background:var(--accent)}.balloon-error{background:var(--error);color:#fff}.balloon-coord{height:60px;padding:0 14px;font-size:28px;top:18px}.balloon-coord .icon{width:30px;height:30px}.sub-more{background:var(--outline);border:2px solid var(--text-secondary);font:22px/1 var(--font-display);padding:4px 10px;position:absolute}.layer-vignette{opacity:0;background:radial-gradient(65% 75% at 36%,#0000 50%,#0b1018b3 100%);transition:opacity .6s}[data-scene=focus] .layer-vignette,[data-scene=alert] .layer-vignette{opacity:1}[data-scene=alert] .layer-vignette{background:radial-gradient(48% 34% at 50% 38%,#0000 70%,#05080ce0 100%)}@keyframes wire{to{stroke-dashoffset:-28px}}.layer-panel{border-left:3px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1018e6;flex-direction:column;gap:10px;width:480px;padding:24px;display:flex;top:196px;left:auto;overflow:hidden}.panel-head h2{margin:0;font-size:48px}.panel-head p,.empty{color:var(--text-secondary);margin:6px 0 8px;font-size:24px;font-weight:500}.run-card{border:2px solid var(--surface-border);background:#1a2334cc;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.run-card.tree{border-color:var(--working)}.run-card.tone-blocked{border-color:var(--accent);background:#2a2410}.run-line,.sub-line{color:var(--text-secondary);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-size:24px;font-weight:600;display:flex}.run-line b{color:var(--text-primary);text-overflow:ellipsis;align-items:center;gap:6px;font-size:28px;display:flex;overflow:hidden}.run-status,.sub-line .tone-working,.sub-line .tone-blocked,.sub-line .tone-error{color:var(--tone);align-items:center;gap:8px;display:flex}.task-chip{border:2px solid var(--surface-border);color:var(--text-primary);align-items:center;gap:4px;padding:2px 6px;display:flex}.task-chip .icon{width:22px;color:var(--text-secondary)}.run-cost{color:var(--text-secondary);font-size:24px;font-weight:600}.run-cost b{color:var(--text-primary)}.sub-row{gap:8px;min-height:64px;display:flex}.connector{background:linear-gradient(#3a4462,#3a4462) 0 18px/14px 2px no-repeat;border-left:2px solid #3a4462;flex:none;width:22px;height:100%}.sub-row.last .connector{height:20px}.sub-content{flex:1}.sub-line b{color:var(--text-primary);align-items:center;gap:6px;display:flex}.sub-line b .icon{width:22px;color:var(--working)}.layer-tour{border:2px solid var(--surface-border);background:#0b1018e0;flex-direction:column;gap:12px;width:487px;padding:16px 20px;display:flex;inset:auto auto 32px 32px}.tour-line{color:var(--text-secondary);align-items:center;gap:16px;font-size:24px;font-weight:600;display:flex}.tour-line b{color:var(--text-primary);font-weight:700}.tour-line b:first-child{color:var(--text-secondary)}.tour-dots{gap:10px;display:flex}.tour-dots i{background:#3a4462;width:16px;height:16px}.tour-dots i.current{background:var(--text-primary);width:40px}.tour-track{background:var(--surface-border);width:240px;height:10px}.tour-track i{background:var(--text-primary);height:100%;transition:width .25s linear;display:block}[data-scene=alert] .layer-topbar{border-bottom-color:var(--accent);background:#0b1018e6;align-items:center;gap:20px;height:96px;padding:0 32px}.alert-badge{background:var(--accent);color:var(--text-on-accent);letter-spacing:.08em;align-items:center;gap:10px;padding:8px 14px;font-size:26px;font-weight:700;display:flex}.alert-text{font-size:32px;font-weight:600}.alert-right{color:var(--text-secondary);align-items:center;gap:14px;margin-left:auto;display:flex}.alert-right .tour-dots i.current{background:var(--accent)}.alert-right .pixel{color:var(--text-primary);font-size:36px}.spotlight{border:4px solid var(--accent);box-shadow:0 0 0 4px var(--outline), 0 0 0 7px var(--accent), 0 0 30px #f5c73899;animation:1.2s ease-in-out infinite pulse;position:absolute}.spotlight.red{border-color:var(--error);box-shadow:0 0 0 4px var(--outline), 0 0 0 7px var(--error), 0 0 30px #f0524f99}.spot-tag{background:var(--accent);color:var(--text-on-accent);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:700;display:flex;position:absolute;top:-42px;left:20px}.spotlight.red .spot-tag{background:var(--error);color:#fff}.spot-tag .icon{width:14px;height:14px}.banner{background:var(--bg);border:4px solid var(--accent);width:1406px;animation:1.2s ease-in-out infinite alternate glow;display:flex;position:absolute;top:763px;left:257px;box-shadow:0 0 48px #f5c73866}.banner.red{border-color:var(--error);box-shadow:0 0 48px #f0524f66}.banner-icon{background:var(--accent);width:170px;color:var(--text-on-accent);flex:none;justify-content:center;align-items:center;display:flex}.banner.red .banner-icon{background:var(--error);color:#fff}.banner-body{flex-direction:column;gap:12px;padding:28px 40px;display:flex}.banner-meta{color:var(--text-secondary);align-items:center;gap:16px;font-size:26px;font-weight:600;display:flex}.banner-tag{background:var(--accent);color:var(--text-on-accent);letter-spacing:.1em;padding:4px 12px;font-weight:700}.banner.red .banner-tag{background:var(--error);color:#fff}.banner-title{font-size:52px;font-weight:700;line-height:1.1}.banner-detail{color:var(--text-secondary);font-size:32px;font-weight:600}@keyframes pulse{50%{opacity:.6}}@keyframes glow{to{box-shadow:0 0 72px #f5c73888}}.sub-slot.phase-entering,.sub-slot.phase-returning,.sub-slot.phase-leaving{animation:2.5s steps(10,end) both sub-move}.sub-slot.phase-returning{animation-duration:3s}.sub-slot.phase-leaving{animation-name:sub-leave;animation-duration:3s}.wire.done{stroke-dasharray:4 10;animation:none}.side-door{border:4px solid var(--outline);transform-origin:100%;background:#4a3020;width:46px;height:100px;transition:transform .4s steps(3,end);position:absolute}.side-door:after{content:"";background:var(--accent);width:5px;height:5px;position:absolute;top:44px;left:6px}.side-door.open{transform:perspective(200px)rotateY(-70deg);box-shadow:-40px 0 50px #f6e7c455}.paper-fly,.paper-stack i{background:linear-gradient(#5a6170, #5a6170) 3px 4px / 7px 2px no-repeat, linear-gradient(#5a6170, #5a6170) 3px 9px / 9px 2px no-repeat, var(--text-primary);border:2px solid var(--outline);width:14px;height:17px;position:absolute}.paper-fly{animation:1.2s steps(8,end) both paper-fly}.paper-stack{z-index:2;position:absolute}.paper-stack i{animation:1.2s ease-out infinite pop}@keyframes sub-move{0%{transform:translate(var(--from-x), var(--from-y))}}@keyframes sub-leave{0%{transform:translate(var(--from-x), var(--from-y))}85%{opacity:1}to{opacity:0}}@keyframes paper-fly{to{transform:translateX(var(--to-x));opacity:0}}.layer-sky{background:radial-gradient(2px 2px at 10% 12%,#f4f1e8 50%,#0000 51%),radial-gradient(2px 2px at 23% 30%,#a8b3c9 50%,#0000 51%),radial-gradient(3px 3px at 37% 8%,#f4f1e8 50%,#0000 51%),radial-gradient(2px 2px at 52% 22%,#f4f1e8 50%,#0000 51%),radial-gradient(2px 2px at 64% 6%,#a8b3c9 50%,#0000 51%),radial-gradient(3px 3px at 78% 17%,#f4f1e8 50%,#0000 51%),radial-gradient(2px 2px at 91% 9%,#f4f1e8 50%,#0000 51%),radial-gradient(2px 2px at 6% 40%,#a8b3c9 50%,#0000 51%),radial-gradient(2px 2px at 86% 33%,#a8b3c9 50%,#0000 51%),linear-gradient(#0b1226,#101a26 45%,#0000 70%);display:none}[data-stage] .layer-sky{z-index:1;display:block}[data-stage] .layer-viewport{filter:brightness(.55)}[data-stage] .layer-topbar,[data-stage] .layer-govbar,[data-stage] .layer-ticker{z-index:2}[data-stage=connecting] .layer-viewport{filter:brightness(.25)blur(2px)}[data-stage]:not([data-stage=live]) .layer-topbar,[data-stage]:not([data-stage=live]) .layer-govbar{transform:translateY(-110%)}[data-stage]:not([data-stage=live]) .layer-ticker{transform:translateY(110%)}.layer-loading{z-index:3;background:#080b1299}[data-stage=live] .layer-loading{background:0 0}.logo{text-align:center;font:84px/1.15 var(--font-display);text-shadow:6px 6px 0 var(--outline);position:absolute;top:240px;left:0;right:0}.glow-o{color:var(--accent);text-shadow:0 0 24px #f5c738aa, 6px 6px 0 var(--outline);animation:1.4s steps(2,end) infinite blink}.load-step{text-align:center;font:28px/1 var(--font-display);color:var(--text-secondary);letter-spacing:.06em;position:absolute;top:474px;left:0;right:0}.load-message{text-align:center;font-size:36px;font-weight:600;position:absolute;top:528px;left:0;right:0}.load-message.live{color:var(--working);font-size:40px;font-weight:700}.blocks{background:var(--outline);border:2px solid #3a4462;gap:8px;padding:6px;display:flex;position:absolute;top:596px;left:596px}.blocks i{background:#1a2334;width:28px;height:28px}.blocks i.on{background:var(--text-primary)}.blocks.live i.on{background:var(--working)}.load-phrase{text-align:center;color:var(--text-secondary);font-size:30px;font-style:italic;font-weight:500;position:absolute;top:970px;left:0;right:0}.firefly{background:#d8ff6a;width:8px;height:8px;animation:14s ease-in-out infinite alternate firefly;position:absolute;box-shadow:0 0 18px 6px #d8ff6a66}.tour-countdown{background:var(--outline);border:2px solid var(--text-primary);align-items:center;gap:12px;padding:8px 14px;font-size:28px;font-weight:600;display:flex;position:absolute;top:192px;left:38px}[data-offline=true] .layer-viewport,[data-offline=true] .layer-topbar,[data-offline=true] .layer-govbar,[data-offline=true] .layer-ticker{filter:grayscale(.85)brightness(.55)}[data-offline=true] .layer-rain{background:repeating-linear-gradient(105deg,#0000 0 46px,#a8b3c955 46px 48px,#0000 48px 90px) 0 0/220px 180px;animation:.5s linear infinite rain;display:block}.reconnect-pill{background:var(--accent);border:3px solid var(--outline);color:var(--text-on-accent);white-space:nowrap;align-items:center;gap:14px;padding:10px 24px;font-size:32px;font-weight:700;display:flex;position:absolute;top:210px;left:50%;transform:translate(-50%)}.reconnect-pill .divider{background:var(--text-on-accent);opacity:.4;width:2px;height:36px}.frozen-note{border:2px solid var(--surface-border);background:#0b1018e6;align-items:center;gap:10px;padding:4px 16px;font-size:24px;font-weight:600;display:flex;position:absolute;top:290px;left:50%;transform:translate(-50%)}@keyframes rain{to{background-position:-40px 180px}}@keyframes firefly{0%{top:820px;left:1300px}50%{top:470px;left:1640px}to{top:650px;left:400px}}