.wall{--wall-bg:#05060a;--wall-ink:#e8f7ee;--wall-dim:#7d8a82;--wall-line:#7dffa129;--wall-ok:#7dffa1;--wall-run:#ffe08a;--wall-fail:#ff7d8a;--wall-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;height:100dvh;min-height:100dvh;max-height:100dvh;color:var(--wall-ink);background-color:var(--wall-bg);font-family:var(--wall-mono);background-image:linear-gradient(#7dffa10a 1px,#0000 1px),linear-gradient(90deg,#7dffa10a 1px,#0000 1px),radial-gradient(900px 420px at 88% -8%,#7dffa114,#0000 55%);background-size:32px 32px,32px 32px,auto;grid-template-rows:auto auto minmax(0,1.15fr) minmax(0,.95fr);gap:.65rem;padding:clamp(.7rem,1.4vw,1.3rem);display:grid;position:relative;overflow:hidden}.wall:has(.hero-empty){grid-template-rows:auto auto auto minmax(0,1fr)}.wall-scan{pointer-events:none;z-index:4;mix-blend-mode:multiply;opacity:.35;background:repeating-linear-gradient(#0000 0 2px,#00000024 2px 3px);position:absolute;inset:0}.wall-scan:after{content:"";background:linear-gradient(#0000,#7dffa112,#0000);height:18%;animation:4.8s linear infinite wall-sweep;position:absolute;left:0;right:0}.wall-top{z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.wall-logo{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:750}.wall-live,.wall-clock,.wall-stats span,.wall-feed h2,.wall-gallery h2,.wall figcaption span{color:var(--wall-dim);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.wall-live{color:var(--wall-ok);align-items:center;gap:.45rem;margin-top:.15rem;display:flex}.wall .pulse{background:var(--wall-ok);border-radius:999px;width:.5rem;height:.5rem;animation:1.4s ease-out infinite wall-ping;box-shadow:0 0 #7dffa1b3}.wall-clock{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--wall-ok);text-transform:none;margin-top:.3rem;font-size:1rem;font-weight:600}.wall-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.wall-stats li{border:1px solid var(--wall-line);background:#05060ab8;border-radius:4px;padding:.5rem .6rem .55rem}.wall-stats strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(1.15rem,2vw,1.7rem);display:block}.wall-stats strong.tick{animation:.4s wall-tick}.wall-qr{align-items:center;gap:.7rem;max-width:20rem;margin:0;display:flex}.wall-qr img{border:1px solid var(--wall-line);width:clamp(6.5rem,10vw,8.8rem);height:auto;image-rendering:pixelated;background:#07070a;border-radius:4px}.wall figcaption{gap:.2rem;display:grid}.wall figcaption strong{letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.wall-ticker{z-index:1;white-space:nowrap;border:1px solid var(--wall-line);min-height:1.2rem;color:var(--wall-ok);letter-spacing:.12em;text-transform:uppercase;background:#00000059;margin:0;padding:.28rem .6rem;font-size:.72rem;overflow:hidden}.wall-ticker span{padding-left:100%;animation:18s linear infinite wall-ticker;display:inline-block}.wall-hero{z-index:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.wall .hero-card{border:1px solid var(--wall-line);background:#05060ac7;border-radius:4px;grid-template-columns:minmax(14rem,34%) minmax(0,1fr);min-height:0;max-height:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #7dffa10f}.wall .hero-empty{border:1px dashed var(--wall-line);min-height:4.5rem;color:var(--wall-dim);letter-spacing:.16em;text-transform:uppercase;place-items:center;font-size:.82rem;display:grid}.wall .hero-empty:after{content:"█";color:var(--wall-ok);margin-left:.25rem;animation:1s step-end infinite wall-blink}.wall .hero-monitor{border-right:1px solid var(--wall-line);background:#000;min-width:0;min-height:0;position:relative;overflow:hidden}.wall .hero-monitor img{object-fit:cover;object-position:top;filter:saturate(.85)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.wall .hero-monitor:after{content:"";pointer-events:none;background:linear-gradient(#7dffa114,#0000 30%),repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}.wall .hero-body{align-content:start;gap:.45rem;min-width:0;padding:.85rem 1rem;display:grid}.wall .hero-kicker{color:var(--wall-run);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.wall .hero-host{letter-spacing:.04em;text-transform:lowercase;overflow-wrap:anywhere;margin:0;font-size:clamp(1.1rem,2vw,1.7rem)}.wall .hero-meta{color:var(--wall-dim);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem}.wall .bar{border:1px solid var(--wall-line);background:#7dffa114;height:.42rem;overflow:hidden}.wall .bar span{background:linear-gradient(90deg, var(--wall-ok), #d6ffe3);width:0;height:100%;transition:width .6s;animation:1.2s linear infinite wall-bar;display:block;box-shadow:0 0 12px #7dffa18c}.wall .pipeline{flex-wrap:wrap;gap:.28rem;display:flex}.wall .pipeline b{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--wall-line);color:var(--wall-dim);padding:.16rem .38rem;font-size:.62rem;font-weight:700}.wall .pipeline b[data-state=running]{color:var(--wall-run);border-color:currentColor;animation:1.1s step-end infinite wall-blink}.wall .pipeline b[data-state=ok]{color:var(--wall-ok);border-color:currentColor}.wall .pipeline b[data-state=failed]{color:var(--wall-fail);border-color:currentColor}.wall .hero-log{min-height:3.2rem;color:var(--wall-ok);letter-spacing:.04em;opacity:.9;margin:.15rem 0 0;font-size:.72rem;line-height:1.45}.wall .hero-log b{color:var(--wall-dim);font-weight:600}.wall-lower{z-index:1;grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);gap:.65rem;min-height:0;display:grid}.wall-feed,.wall-gallery{border:1px solid var(--wall-line);background:#05060ac7;border-radius:4px;flex-direction:column;min-height:0;padding:.65rem .7rem;display:flex;overflow:hidden}.wall-feed ol{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.wall .feed-item{background:#7dffa10a;border:1px solid #7dffa114;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:.35rem .7rem;padding:.42rem .5rem;display:grid}.wall .feed-item[data-fresh=true]{animation:.55s wall-land}.wall .feed-item strong{letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.wall .feed-status,.wall .feed-stage{letter-spacing:.1em;text-transform:uppercase;color:var(--wall-dim);white-space:nowrap;font-size:.68rem}.wall .feed-item[data-state=running] .feed-status{color:var(--wall-run)}.wall .feed-item[data-state=completed] .feed-status,.wall .feed-item[data-state=claimed] .feed-status{color:var(--wall-ok)}.wall .feed-item[data-state=failed] .feed-status{color:var(--wall-fail)}.wall-marquee{flex:1;align-items:stretch;gap:.55rem;min-height:0;display:flex;overflow:hidden}.wall-marquee[data-scroll=true]{width:max-content;animation:22s linear infinite wall-marquee}.wall .gallery-card{border:1px solid var(--wall-line);background:#000;flex:0 0 9.5rem;width:9.5rem;height:100%;max-height:8.2rem;position:relative;overflow:hidden}.wall .gallery-card img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.wall .gallery-caption{z-index:1;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#05060aeb);margin:0;padding:1rem .4rem .35rem;font-size:.66rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.wall .claimed-flag{color:var(--wall-ok);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:800;display:block}@keyframes wall-ping{70%{box-shadow:0 0 0 .65rem #7dffa100}to{box-shadow:0 0 #7dffa100}}@keyframes wall-sweep{0%{transform:translateY(-120%)}to{transform:translateY(620%)}}@keyframes wall-blink{50%{opacity:.25}}@keyframes wall-bar{50%{filter:brightness(1.25)}}@keyframes wall-tick{0%{color:var(--wall-ok);transform:translateY(-4px)}to{color:var(--wall-ink);transform:none}}@keyframes wall-land{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes wall-ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes wall-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=70rem){.wall{grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr)}.wall-top,.wall-lower{grid-template-columns:1fr}.wall .hero-card{grid-template-columns:8.5rem minmax(0,1fr)}.wall-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-feed{max-height:9rem}}
