:root{--safe: 5vmin;--ink: #fff;--bg: #08060d;--accent: #ff2e78}*{box-sizing:border-box;margin:0}html,body,#root{height:100%;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden;cursor:none}.wall{position:relative;width:100vw;height:100vh}.post-scene{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.post-scene__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(48px) brightness(.35);transform:scale(1.15)}.post-scene__media{position:absolute;inset:var(--safe);display:grid;place-items:center;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.post-scene__media img,.post-scene__media video{max-width:100%;max-height:100%;object-fit:contain;border-radius:1.5vmin;box-shadow:0 4vmin 8vmin #0009}.post-card{position:absolute;left:var(--safe);bottom:var(--safe);max-width:46vw;padding:2.2vmin 2.8vmin;background:#08060db8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.4vmin;border-left:.5vmin solid var(--accent)}.post-card__author{font-size:2.2vmin;font-weight:700;letter-spacing:.04em;color:var(--accent)}.post-card__caption{margin-top:1vmin;font-size:2.6vmin;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-scene--text .post-scene__media{padding:8vmin}.post-scene__message{max-width:70vw;font-size:6vmin;font-weight:700;line-height:1.2;text-align:center;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 0 6vmin rgb(255 46 120 / 45%)}.post-scene--text{background:radial-gradient(circle at 50% 45%,#2a0f3d 0%,var(--bg) 70%)}.post-card__charge{margin-top:1.4vmin;height:.5vmin;border-radius:.5vmin;background:#ffffff26;overflow:hidden}.post-card__charge-bar{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#21e6ff,var(--accent));box-shadow:0 0 2vmin var(--accent)}.energy-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.energy-wall canvas{width:100%;height:100%;display:block}.energy-wall__meter{position:absolute;left:var(--safe);bottom:var(--safe);display:grid;gap:.4vmin}.energy-wall__count{font-size:8vmin;font-weight:800;line-height:1;color:var(--accent);text-shadow:0 0 4vmin var(--accent)}.energy-wall__label{font-size:2.2vmin;letter-spacing:.16em;opacity:.75}.interstitial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:1.6vmin;text-align:center;background:radial-gradient(circle at 50% 40%,#241033 0%,var(--bg) 70%)}.interstitial__tag{font-size:11vmin;font-weight:800;color:var(--accent);letter-spacing:-.02em}.interstitial__line{font-size:3.4vmin}.interstitial__line--lead{font-size:4.4vmin;font-weight:700}.interstitial__line--small{font-size:2.2vmin;opacity:.6}.brand-overlay{position:absolute;right:var(--safe);top:var(--safe);font-size:2.6vmin;font-weight:700;opacity:.85;text-shadow:0 .4vmin 1.2vmin rgb(0 0 0 / 80%)}.debug-overlay{position:absolute;left:1vmin;top:1vmin;font-size:1.4vmin;font-family:monospace;opacity:.5}.logo-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.logo-wall canvas{width:100%;height:100%;display:block}.wall--lobby{background:radial-gradient(circle at 20% 0%,#1d1140,#0b0718 55%,#08060d)}.lobby{position:absolute;inset:var(--safe);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:2.5vmin}.lobby__header{text-align:center}.lobby__title{font-size:clamp(2rem,4.4vmin,4.5rem);font-weight:800;letter-spacing:-.02em}.lobby__hint{margin-top:.8vmin;font-size:clamp(.9rem,1.8vmin,1.9rem);opacity:.6}.lobby__cloud{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:2.4vmin;min-height:0}.lobby__empty{flex:1 1 100%;font-size:clamp(1rem,2.6vmin,2.6rem);opacity:.45;text-align:center}.lobby__footer{text-align:center;font-size:clamp(.9rem,2vmin,2.2rem);font-weight:700;color:var(--accent);letter-spacing:.04em}.lobby-card{--tilt: 0deg;--float-delay: 0s;--float-duration: 7s;flex:0 1 28%;min-height:20vmin;max-height:30vmin;padding:2.4vmin;border-radius:2.4vmin;display:flex;flex-direction:column;justify-content:space-between;gap:1.2vmin;color:#14101f;background:var(--tone);box-shadow:0 1.6vmin 4vmin #00000073;animation:lobby-pop .52s cubic-bezier(.2,1.5,.4,1) both,lobby-float var(--float-duration) ease-in-out var(--float-delay) infinite alternate}.lobby-card__message{font-size:clamp(.9rem,2.6vmin,2.6rem);font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.lobby-card--long .lobby-card__message{font-size:clamp(.8rem,1.9vmin,1.9rem)}.lobby-card__author{font-size:clamp(.7rem,1.5vmin,1.5rem);font-weight:600;opacity:.55}.lobby-card--tone0{--tone: #ffd166}.lobby-card--tone1{--tone: #8ee6c8}.lobby-card--tone2{--tone: #ffa8c5}.lobby-card--tone3{--tone: #a8c8ff}.lobby-card--tone4{--tone: #f4b8ff}.lobby-card--tone5{--tone: #b6f28c}@keyframes lobby-pop{0%{opacity:0;transform:scale(.6) rotate(0)}to{opacity:1;transform:scale(1) rotate(var(--tilt))}}@keyframes lobby-float{0%{transform:translateY(-.9vmin) rotate(var(--tilt))}to{transform:translateY(.9vmin) rotate(calc(var(--tilt) * -.6))}}