*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020402;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}body{overflow-y:auto}.section-screen{min-height:100svh;position:relative;padding:calc(16px + env(safe-area-inset-top)) 14px calc(112px + env(safe-area-inset-bottom));background:#020402 linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76)),url('/images/19FB5229-30DD-40B0-9404-5136C27FEF6A.png') center/cover fixed no-repeat;visibility:visible;opacity:1;isolation:isolate}.section-screen:before{content:"";position:fixed;inset:-15%;z-index:-2;background:radial-gradient(circle at 16% 10%,rgba(220,255,230,.32),transparent 28%),radial-gradient(circle at 86% 18%,rgba(99,255,93,.22),transparent 32%),radial-gradient(circle at 48% 78%,rgba(250,204,21,.14),transparent 34%);filter:blur(20px);animation:rbMist 14s ease-in-out infinite}.section-screen:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(220,255,230,.12),transparent 26%,rgba(99,255,93,.11) 46%,transparent 66%,rgba(255,235,150,.1));mix-blend-mode:screen;pointer-events:none}body[data-rb-background="portal"] .section-screen{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78)),radial-gradient(circle at 50% 24%,rgba(99,255,93,.42),transparent 36%),url('/images/hero-banner.png')}body[data-rb-background="cinema"] .section-screen{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.88)),url('/images/avatar-city-banner.png.jpeg')}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:30;padding:10px;border:1px solid rgba(220,255,230,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.66));backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(0,0,0,.36),inset 0 0 22px rgba(220,255,230,.06)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:0}.crest{width:54px;height:54px;flex:0 0 54px;border-radius:18px;background:rgba(0,0,0,.45) url('/images/hero-banner.png') center/cover no-repeat;color:transparent;box-shadow:0 0 0 1px rgba(220,255,230,.22),0 0 30px rgba(99,255,93,.38)}.brand b,.brand small{display:block}.brand b{letter-spacing:.12em;font-weight:1000;white-space:nowrap}.brand small,.kicker,.card small{color:#9dff63;text-shadow:0 0 14px rgba(99,255,93,.45)}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.profile-chip{display:flex;align-items:center;gap:8px;max-width:190px;border:1px solid rgba(220,255,230,.18);border-radius:999px;background:rgba(0,0,0,.48);padding:6px 10px;color:white;text-decoration:none;backdrop-filter:blur(16px)}.profile-chip span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#102414;color:#9dff63;font-weight:1000}.profile-chip img{width:100%;height:100%;object-fit:cover}.profile-chip b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip small{font-size:.55rem;color:#9dff63}.pill{border:1px solid rgba(220,255,230,.18);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(0,0,0,.55));color:white;text-decoration:none;padding:10px 13px;font-weight:900;backdrop-filter:blur(16px);box-shadow:inset 0 0 18px rgba(220,255,230,.06);cursor:pointer}.hero,.panel,.card{border:1px solid rgba(220,255,230,.18);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.68));border-radius:28px;box-shadow:0 22px 58px rgba(0,0,0,.42),inset 0 0 26px rgba(220,255,230,.06);backdrop-filter:blur(22px)}.hero{margin:18px 0;padding:22px;overflow:hidden;position:relative}.hero h1{font-family:Impact,Inter,sans-serif;font-size:clamp(2.7rem,12vw,6rem);line-height:.85;margin:8px 0;text-transform:uppercase;text-shadow:0 0 28px #000,0 0 22px rgba(220,255,230,.22)}.hero p,.card p{font-family:system-ui;color:rgba(245,255,240,.78);line-height:1.45}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border:1px solid rgba(220,255,230,.14);border-radius:20px;background:rgba(0,0,0,.42);padding:12px;backdrop-filter:blur(14px)}.metric b{display:block;color:#9dff63;font-size:1.45rem}.metric small{font-size:.68rem;color:#dfffd3}.layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.unit-panel{margin-top:14px}.panel{padding:16px}.cards{display:grid;gap:12px}.card{padding:14px;overflow:hidden}.card img,.card video{width:100%;max-height:240px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.empty{padding:20px;border:1px dashed rgba(220,255,230,.24);border-radius:20px;color:rgba(245,255,240,.74);font-family:system-ui;background:rgba(0,0,0,.3)}.dock{position:fixed;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:flex;gap:7px;max-width:760px;margin:0 auto;padding:9px;border:1px solid rgba(220,255,230,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(0,0,0,.76));backdrop-filter:blur(24px);box-shadow:0 22px 60px rgba(0,0,0,.55),inset 0 0 24px rgba(220,255,230,.08);overflow-x:auto}.dock a{flex:0 0 70px;text-align:center;color:white;text-decoration:none;border-radius:18px;padding:9px 4px;font-weight:900;background:rgba(255,255,255,.06)}.dock a span{display:block;font-size:.52rem;margin-top:4px}.dock a.active{background:linear-gradient(135deg,#d8ffe5,#9dff63,#facc15);color:#061006}@keyframes rbMist{0%,100%{transform:translate(-2%,0) scale(1)}50%{transform:translate(3%,-2%) scale(1.08)}}@media(max-width:760px){.layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}.top{align-items:flex-start}.top-actions{max-width:52%;overflow-x:auto;flex-wrap:nowrap}.profile-chip{min-width:120px}.brand b{font-size:.9rem}.dock a{flex-basis:64px}.section-screen{background-attachment:scroll}}