:root{color-scheme:dark;--glass:#142137ed;--ink:#e3eafd;--muted:#a8b8d2}body{background:#101630;color:var(--ink)}header{top:calc(18px + var(--safe-top));gap:16px}.brand{font-size:27px;color:#f0edff;gap:10px}.brand-icon{width:38px;height:38px;background:linear-gradient(140deg,#a56fe1,#3baeb4);color:#fff;border:1px solid #c1a2eb6b;border-radius:13px;font-size:29px}.brand small{color:#a8b9d4;font-size:6px;letter-spacing:2px}nav,.avatar-button{background:#142139e8;border:1px solid #62749170;box-shadow:0 4px 15px #05091633}nav{padding:4px}nav button{color:#b8c8e4;font-size:11px;padding:10px 17px}nav button.active{color:#faf1ff;background:#675293}.avatar-button{color:#dee9ff;padding:8px 12px}#avatar-dot{background:linear-gradient(90deg,#a42bd2,#05a5bf)!important;border:1px solid #89d5df}
.intro{top:calc(116px + var(--safe-top));left:calc(26px + var(--safe-left));width:255px;padding:18px;border-radius:18px;background:linear-gradient(130deg,#182740e8,#152038bc);border:1px solid #5367846b;backdrop-filter:blur(8px)}.intro h1,body[data-room] .intro h1{font-size:30px;letter-spacing:-1px;line-height:1.12;color:#ecedff;margin:10px 0}.intro h1 span{color:#a9a6ed}.intro p{color:#b4c4dd;font-size:11px}.eyebrow{color:#bcb5ed}.eyebrow i{background:#77d9ca}.hint{font-size:10px;color:#c2d0e7;background:#142139cc;padding:7px 12px;border-radius:15px;bottom:139px}.scene-label{color:#c2d2eb;background:#142139d9;border:1px solid #5d73926b;bottom:148px!important;padding:8px 12px}.scene-label span{color:#b5a5ed}
.portal-tray{left:max(8%,calc(18px + var(--safe-left)));right:max(8%,calc(18px + var(--safe-right)));bottom:calc(18px + var(--safe-bottom));gap:10px}.portal-card{grid-template-columns:65px 1fr 18px;gap:10px;padding:9px 12px;background:linear-gradient(125deg,#23334dec,#152139eb);border:1px solid #63749377;border-radius:17px;color:#eef0ff;box-shadow:0 8px 22px #0004}.portal-card:hover{transform:translateY(-3px);border-color:#9f93d5}.portal-cover{width:65px;height:65px;border-radius:10px}.portal-card h3{font-size:13px}.portal-card p{display:none}.tag{background:#34435d;color:#bdcde8;font-size:7px}.portal-arrow{font-size:20px;color:#bcabec}.room-card{background:#1a2a42eb;border:1px solid #60748e8a;color:#edf0ff;padding:13px 21px;border-radius:16px;backdrop-filter:blur(8px)}.room-card small{color:#b3c2dc}.room-tray{gap:9px}
.joystick{background:#15253b99;border-color:#91abc48a;bottom:calc(146px + var(--safe-bottom));backdrop-filter:blur(5px)}.joystick span{background:#92aec766;border-color:#c9dff0a6;box-shadow:0 3px 12px #0005}#home-camera,.zoom-button,#wave{background:#1a2b44ed;color:#d7e9fb;border:1px solid #6c86a8b3;width:44px;height:44px;min-height:44px;z-index:4}#home-camera{bottom:calc(143px + var(--safe-bottom))}#wave{position:fixed;right:calc(26px + var(--safe-right));bottom:calc(195px + var(--safe-bottom));border-radius:50%;font-size:22px}.zoom-button[aria-label="Приблизить"]{bottom:calc(247px + var(--safe-bottom))!important}.zoom-button[aria-label="Отдалить"]{bottom:calc(299px + var(--safe-bottom))!important}body[data-inspect] #wave,body[data-gift-panel] #wave{display:none}
dialog,.gift-panel{background:#18283ff5;color:#e8edfb;border-color:#6577978c;box-shadow:0 20px 65px #04081580}dialog::backdrop{background:#060e1c80;backdrop-filter:blur(5px)}dialog p,.fine{color:#b7c6de!important}.close{background:#31435f;color:#dce7ff}.primary{background:#8062c1;color:#fff}.secondary{background:#344564;color:#e0e8ff}.field,.check{color:#c2cde2}.field input,.field select{color:#e8eefe;background:#112037;border:1px solid #617390}.gift-attributes div{background:#263853}.gift-attributes small{color:#afbdd8}.gift-panel summary{color:#d1b5f1}.detail-media{background:#0c172c}.backdrop-notice{color:#f0bcbe!important}#toast{background:#273e5df2;color:#edf3ff}#loading,#fallback{background:#101b30;color:#bccce8}#world-recovery{background:#111d32f5}#world-recovery strong{color:#d5c2f5}#world-recovery p{color:#becde5}#performance-panel{background:#172a42f2;color:#e7eeff;border-color:#7086a3}#performance-panel p{color:#b5c9e2}#performance-report{background:#0e1d32;color:#e0ebff;border-color:#597293}
#portal-video-host{position:absolute;width:1px;height:1px;overflow:hidden;pointer-events:none;opacity:0}#portal-nowplaying{position:fixed;left:50%;bottom:calc(120px + var(--safe-bottom));transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;background:#14243eea;border:1px solid #668aa3;border-radius:14px;padding:7px 8px 7px 13px;font-size:11px;color:#dcecff}#portal-nowplaying[hidden]{display:none}#portal-nowplaying button{width:36px;height:36px;color:#dcecff;background:#344862;border-radius:10px;font-size:18px}.video-slot{background-position:center;background-size:cover;border-radius:16px;overflow:hidden;aspect-ratio:16/9}.video-slot video{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:contain}.video-slot:empty::after{content:'Видео остановлено';display:grid;place-items:center;height:100%;background:#11213c80;color:#e6efff;font-size:12px}.video-actions{display:flex;gap:8px}.video-actions button{font-size:11px;margin-top:8px;min-height:44px}
@media(max-width:800px){header{top:calc(12px + var(--safe-top));gap:8px}.brand{font-size:23px}.brand-icon{width:32px;height:32px;font-size:25px}nav{padding:3px}nav button{padding:9px 10px;font-size:10px}.avatar-button{padding:7px 9px}.intro{top:calc(120px + var(--safe-top));left:calc(18px + var(--safe-left));width:224px;padding:13px}.intro h1,body[data-room] .intro h1{font-size:23px}.intro .eyebrow{font-size:6px;letter-spacing:1px}.intro p{font-size:10px}.portal-tray{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));gap:6px;bottom:calc(12px + var(--safe-bottom))}.portal-card{display:grid;grid-template-columns:1fr;padding:7px;gap:4px;border-radius:13px}.portal-cover{width:100%;height:47px;border-radius:7px;object-fit:cover}.portal-card h3{font-size:10px;margin:1px 0}.portal-card .tag{display:none}.portal-arrow{position:absolute;right:7px;bottom:8px;font-size:12px}.scene-label{bottom:calc(111px + var(--safe-bottom))!important;font-size:8px}.joystick{bottom:calc(127px + var(--safe-bottom))}#home-camera{bottom:calc(126px + var(--safe-bottom))}#wave{right:calc(18px + var(--safe-right));bottom:calc(178px + var(--safe-bottom))}.zoom-button[aria-label="Приблизить"]{bottom:calc(230px + var(--safe-bottom))!important}.zoom-button[aria-label="Отдалить"]{bottom:calc(282px + var(--safe-bottom))!important}.room-card{padding:12px 7px}.gift-panel{background:#17283ff5}#portal-nowplaying{bottom:calc(103px + var(--safe-bottom));font-size:10px;max-width:70vw;white-space:nowrap}}
@media(max-height:560px){header{top:calc(8px + var(--safe-top))}.intro{top:calc(76px + var(--safe-top));width:210px;padding:10px}.intro h1,body[data-room] .intro h1{font-size:20px;margin:3px}.intro p,.intro .eyebrow{display:none}.portal-tray{left:max(22%,calc(112px + var(--safe-left)));right:calc(70px + var(--safe-right));bottom:calc(10px + var(--safe-bottom))}.portal-card{display:flex;gap:9px;padding:7px 10px;min-height:51px}.portal-cover{width:48px;height:37px;display:block}.portal-arrow{display:none}.portal-card h3{font-size:10px}.joystick{bottom:calc(16px + var(--safe-bottom))}#home-camera{bottom:calc(16px + var(--safe-bottom))}#wave{bottom:calc(68px + var(--safe-bottom))}.zoom-button[aria-label="Приблизить"]{bottom:calc(120px + var(--safe-bottom))!important}.zoom-button[aria-label="Отдалить"]{bottom:calc(172px + var(--safe-bottom))!important}.scene-label{bottom:calc(76px + var(--safe-bottom))!important}#portal-nowplaying{bottom:calc(75px + var(--safe-bottom))}.room-tray{right:calc(70px + var(--safe-right))}}

body[data-room=gifts] .intro,body[data-room=markets] .intro,.intro[hidden]{display:none}#intro-close{position:absolute;right:3px;top:3px;width:44px;height:44px;pointer-events:auto;background:transparent;color:#c1d1e8;font-size:20px}.intro .eyebrow{max-width:calc(100% - 33px)}