/* ════════════════════════════════════════════════════════════════════ GameTracker — Neumorphism design layer ("console shell") Идея: весь сайт — матовый корпус игровой консоли. Всё, что можно нажать, выступает из корпуса (двойная тень: свет слева-сверху, тень справа-снизу); всё, куда вводят или что показывает состояние — утоплено в корпус. Нажатая кнопка проваливается внутрь. Цвет — только как свечение индикаторов. Подключается ПОСЛЕ стилей страницы. Все правила идут с префиксом #neu (id на ), чтобы перебивать страничные стили без !important. !important здесь только там, где перебивается inline-style из разметки. ════════════════════════════════════════════════════════════════════ */ /* ───────── 1. TOKENS ───────── */ :root{ /* корпус */ --neu-bg:#2b2f38; --neu-well:#272b33; --neu-rise:#30343e; /* свет/тень */ --neu-sh-d:rgba(12,14,18,.62); --neu-sh-l:rgba(255,255,255,.07); /* текст */ --neu-text:#e9ecf2; --neu-text-2:#b4bac8; --neu-muted:#8a92a3; --neu-dim:#677082; /* индикаторы */ --neu-accent:#ff7a3d; --neu-accent-2:#ff9459; --neu-accent-rgb:255,122,61; --neu-on-accent:#221206; --neu-ok:#5fe394; --neu-warn:#ffd166; --neu-bad:#ff6b6b; /* выпуклость */ --neu-out-xs:2px 2px 5px var(--neu-sh-d), -2px -2px 5px var(--neu-sh-l); --neu-out-sm:4px 4px 10px var(--neu-sh-d), -4px -4px 10px var(--neu-sh-l); --neu-out:8px 8px 20px var(--neu-sh-d), -8px -8px 20px var(--neu-sh-l); --neu-out-lg:14px 14px 34px var(--neu-sh-d), -14px -14px 34px var(--neu-sh-l); /* вдавленность */ --neu-in-xs:inset 2px 2px 4px var(--neu-sh-d), inset -2px -2px 4px var(--neu-sh-l); --neu-in-sm:inset 3px 3px 7px var(--neu-sh-d), inset -3px -3px 7px var(--neu-sh-l); --neu-in:inset 6px 6px 14px var(--neu-sh-d), inset -6px -6px 14px var(--neu-sh-l); /* свечение индикатора */ --neu-glow:0 0 12px rgba(var(--neu-accent-rgb),.55); --neu-r-xs:10px; --neu-r-sm:14px; --neu-r:20px; --neu-r-lg:28px; --neu-r-xl:36px; --neu-fd:'Unbounded','Rubik',system-ui,sans-serif; --neu-fb:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif; --neu-ease:cubic-bezier(.3,.7,.3,1); } /* светлый корпус — включается data-shell="light" на */ html[data-shell="light"]{ --neu-bg:#e3e7ee; --neu-well:#dde1e9; --neu-rise:#e9edf3; --neu-sh-d:rgba(152,164,186,.62); --neu-sh-l:rgba(255,255,255,.95); --neu-text:#2a2f3a; --neu-text-2:#4a5263; --neu-muted:#6e7788; --neu-dim:#939bab; --neu-accent:#f2631f; --neu-accent-2:#ff7a3d; --neu-accent-rgb:242,99,31; --neu-on-accent:#fff7f0; --neu-ok:#1fa35c; --neu-warn:#c98a00; --neu-bad:#e04848; } /* страницы на своих токенах (profile / films / home) */ html#neu{ --bg:var(--neu-bg); --surface:var(--neu-bg); --surface2:var(--neu-well); --border:transparent; --border2:transparent; --text:var(--neu-text); --muted:var(--neu-muted); --accent:var(--neu-accent); --accent-dim:rgba(var(--neu-accent-rgb),.12); --accent-border:transparent; --acd:rgba(var(--neu-accent-rgb),.12); --acb:transparent; --fd:var(--neu-fd); --fb:var(--neu-fb); --font-d:var(--neu-fd); --font-b:var(--neu-fb); color-scheme:dark; } html#neu[data-shell="light"]{color-scheme:light;} /* страницы на style.css (shadcn-токены): там --muted и --accent — это ФОНЫ */ html#neu.neu-base{ --background:var(--neu-bg); --foreground:var(--neu-text); --card:var(--neu-bg); --card-foreground:var(--neu-text); --popover:var(--neu-bg); --popover-foreground:var(--neu-text); --primary:var(--neu-accent); --primary-foreground:var(--neu-on-accent); --secondary:var(--neu-bg); --secondary-foreground:var(--neu-text); --muted:var(--neu-well); --muted-foreground:var(--neu-muted); --accent:rgba(var(--neu-accent-rgb),.10); --accent-foreground:var(--neu-text); --border:transparent; --input:transparent; --ring:var(--neu-accent); --surface-dark:var(--neu-bg); --radius:var(--neu-r-sm); --radius-lg:var(--neu-r); } /* ───────── 2. BASE ───────── */ html#neu, #neu body{ background:var(--neu-bg); color:var(--neu-text); font-family:var(--neu-fb); } #neu body{letter-spacing:.005em;} #neu ::selection{background:rgba(var(--neu-accent-rgb),.35);color:var(--neu-text);} #neu .bg-motion{display:none;} #neu ::-webkit-scrollbar{width:12px;height:12px;} #neu ::-webkit-scrollbar-track{background:var(--neu-bg);box-shadow:var(--neu-in-xs);border-radius:10px;} #neu ::-webkit-scrollbar-thumb{ background:var(--neu-rise);border-radius:10px;border:3px solid var(--neu-bg); box-shadow:1px 1px 3px var(--neu-sh-d); } #neu ::-webkit-scrollbar-thumb:hover{background:var(--neu-muted);} #neu ::-webkit-scrollbar-corner{background:var(--neu-bg);} #neu :focus-visible{outline:2px solid rgba(var(--neu-accent-rgb),.75);outline-offset:3px;border-radius:inherit;} @media (prefers-reduced-motion:reduce){ #neu *,#neu *::before,#neu *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;} } /* ───────── 3. PRIMITIVES (для новой разметки) ───────── */ #neu .neu-raised{background:var(--neu-bg);box-shadow:var(--neu-out);border-radius:var(--neu-r);} #neu .neu-raised-sm{background:var(--neu-bg);box-shadow:var(--neu-out-sm);border-radius:var(--neu-r-sm);} #neu .neu-inset{background:var(--neu-bg);box-shadow:var(--neu-in);border-radius:var(--neu-r);} #neu .neu-inset-sm{background:var(--neu-bg);box-shadow:var(--neu-in-sm);border-radius:var(--neu-r-sm);} #neu .neu-groove{height:2px;border:0;background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);border-radius:2px;} #neu .neu-emboss{text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} /* круглая кнопка корпуса */ #neu .neu-knob{ width:42px;height:42px;border-radius:50%;border:0;padding:0;flex-shrink:0; background:var(--neu-bg);color:var(--neu-text-2);box-shadow:var(--neu-out-sm); display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative; text-decoration:none;overflow:visible; transition:box-shadow .18s var(--neu-ease), color .18s, transform .18s var(--neu-ease); } #neu .neu-knob:hover{color:var(--neu-accent);} #neu .neu-knob:active, #neu .neu-knob.is-on{box-shadow:var(--neu-in-sm);color:var(--neu-accent);} #neu .neu-knob svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} #neu .neu-knob img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;} #neu .neu-knob--avatar{padding:3px;} /* индикатор-светодиод */ #neu .neu-led{ width:9px;height:9px;border-radius:50%;background:var(--neu-bad); box-shadow:0 0 0 2px var(--neu-bg), 0 0 10px var(--neu-bad); } /* ───────── 4. BUTTONS / FORMS (style.css-классы) ───────── */ #neu .btn{ font-family:var(--neu-fb);font-weight:600;font-size:14px; border:0;border-radius:999px;padding:11px 22px; background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s, transform .18s var(--neu-ease); } #neu .btn:hover{color:var(--neu-accent);opacity:1;background:var(--neu-bg);} #neu .btn:active{box-shadow:var(--neu-in-sm);} #neu .btn--primary{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent)); color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .btn--primary:hover{color:var(--neu-on-accent);background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .btn--primary:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu .btn--outline, #neu .btn--secondary, #neu .btn--ghost{background:var(--neu-bg);border:0;} #neu .btn--ghost{box-shadow:none;} #neu .btn--ghost:hover{box-shadow:var(--neu-out-xs);} #neu .btn--destructive{background:var(--neu-bg);color:var(--neu-bad);} #neu .btn--destructive:hover{color:var(--neu-bad);box-shadow:var(--neu-out-sm), 0 0 12px rgba(255,107,107,.35);} #neu .btn--sm{font-size:13px;padding:8px 16px;border-radius:999px;} #neu .btn--icon{width:42px;height:42px;padding:0;border-radius:50%;} #neu .form-input, #neu .form-select, #neu .form-textarea{ font-family:var(--neu-fb); background-color:var(--neu-bg);color:var(--neu-text); border:0;border-radius:var(--neu-r-sm); padding:13px 16px; box-shadow:var(--neu-in-sm); transition:box-shadow .18s var(--neu-ease); } #neu .form-input:focus, #neu .form-select:focus, #neu .form-textarea:focus{box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.55);border-color:transparent;} #neu .form-input::placeholder, #neu .form-textarea::placeholder{color:var(--neu-dim);} #neu .form-label{color:var(--neu-text-2);font-weight:500;font-size:13px;} #neu .form-hint{color:var(--neu-muted);} #neu .card{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out);} #neu hr{height:2px;background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);border-radius:2px;} #neu .badge{border-radius:999px;padding:4px 11px;background:var(--neu-bg);box-shadow:var(--neu-in-xs);border:0;} #neu .badge--primary{color:var(--neu-accent);} #neu .badge--secondary,#neu .badge--outline{color:var(--neu-text-2);} #neu .badge--success{color:var(--neu-ok);} #neu .badge--destructive{color:var(--neu-bad);} #neu .badge--warning{color:var(--neu-warn);} #neu .alert{border:0;border-radius:var(--neu-r);background:var(--neu-bg);box-shadow:var(--neu-in-sm);} #neu .alert--error{color:var(--neu-bad);} #neu .alert--success{color:var(--neu-ok);} #neu .toast-container{top:96px;right:24px;} #neu .toast{ background:var(--neu-bg);border:0;border-radius:var(--neu-r); box-shadow:var(--neu-out);color:var(--neu-text);padding:16px 18px 16px 34px;position:relative; } #neu .toast::before{ content:'';position:absolute;left:15px;top:22px;width:8px;height:8px;border-radius:50%; background:var(--neu-accent);box-shadow:0 0 10px var(--neu-accent); } #neu .toast--success::before{background:var(--neu-ok);box-shadow:0 0 10px var(--neu-ok);} #neu .toast--error::before{background:var(--neu-bad);box-shadow:0 0 10px var(--neu-bad);} #neu .toast--success,#neu .toast--error{background:var(--neu-bg);} #neu .avatar{border:0;background:var(--neu-bg);box-shadow:var(--neu-out-sm);padding:3px;} #neu .tabs{border-bottom:0;gap:10px;padding:6px;border-radius:999px;box-shadow:var(--neu-in-sm);display:inline-flex;} #neu .tab{border:0;border-radius:999px;padding:9px 18px;color:var(--neu-muted);} #neu .tab.active{color:var(--neu-accent);box-shadow:var(--neu-out-xs);background:var(--neu-bg);} /* ───────── 5. TOP NAV (все четыре варианта разметки) ───────── */ #neu nav.nav, #neu nav.neu-nav{ position:fixed;top:14px;left:20px;right:20px;margin:0 auto;max-width:1220px;z-index:300; background:var(--neu-bg);border-radius:26px;box-shadow:var(--neu-out); backdrop-filter:none;-webkit-backdrop-filter:none; } #neu .nav-inner{max-width:none;margin:0;height:62px;padding:0 12px 0 16px;} #neu .nav-logo{gap:12px;} #neu .nav-logo img, #neu .nav-logo-img{ width:40px;height:40px;padding:6px;border-radius:14px;object-fit:contain; background:var(--neu-bg);box-shadow:var(--neu-out-xs); } #neu .nav-logo span, #neu .nav-logo-text{ font-family:var(--neu-fd);font-size:15px;font-weight:800;letter-spacing:.06em;color:var(--neu-text); text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } /* разметка навбара (base.html) */ #neu .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;} #neu .nav-left{display:flex;align-items:center;gap:16px;min-width:0;} #neu .nav-right{display:flex;align-items:center;gap:14px;} #neu .nav-logo{display:flex;align-items:center;text-decoration:none;} #neu .nav-user-wrap{position:relative;gap:14px!important;} #neu .nav-notif-wrap{position:relative;} #neu .nav-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;} #neu .nav-avatar svg, #neu .nav-user svg{width:18px;height:18px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} #neu .nav-menu{position:absolute;right:0;z-index:400;} #neu .nav-menu a{display:flex;align-items:center;gap:11px;text-decoration:none;} #neu .nav-menu a svg{width:16px;height:16px;stroke:var(--neu-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;} #neu .nav-menu a:hover svg{stroke:var(--neu-accent);} #neu .nav-menu a.danger svg{stroke:var(--neu-bad);} #neu #desktopNotifPanel{position:absolute;right:0;width:340px;max-height:420px;z-index:400;} #neu #desktopNotifDot{position:absolute;border-radius:50%;animation:notifPulse 1.6s ease-in-out infinite;} #neu .nav-panel-title{font-family:var(--neu-fd);font-size:13px;font-weight:700;padding:12px 14px 10px;color:var(--neu-text);} #neu .nav-panel-empty, #neu #desktopNotifList > div[style*="text-align:center"]{padding:26px 16px!important;text-align:center;color:var(--neu-dim)!important;font-size:13px;} #neu #desktopNotifList{padding:0 0 4px!important;} /* круглые кнопки навбара */ #neu .nav-avatar, #neu .nav-user, #neu #desktopNotifBtn{ width:42px!important;height:42px!important;border-radius:50%!important; border:0!important;background:var(--neu-bg)!important;box-shadow:var(--neu-out-sm); overflow:visible;padding:0; transition:box-shadow .18s var(--neu-ease), transform .18s var(--neu-ease); } #neu .nav-avatar:hover, #neu .nav-user:hover{transform:none;} #neu .nav-avatar:active, #neu .nav-user:active, #neu #desktopNotifBtn:active{box-shadow:var(--neu-in-sm);} #neu .nav-avatar img, #neu .nav-user img{border-radius:50%;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;} #neu .nav-avatar svg, #neu .nav-user svg{stroke:var(--neu-text-2);} #neu .nav-avatar:hover svg, #neu .nav-user:hover svg, #neu #desktopNotifBtn:hover svg{stroke:var(--neu-accent);} #neu #desktopNotifDot{ top:2px!important;right:2px!important;width:10px!important;height:10px!important; border:2px solid var(--neu-bg)!important;background:var(--neu-bad)!important; box-shadow:0 0 10px var(--neu-bad); } /* выпадающие панели */ #neu .nav-menu, #neu #navDrop, #neu #desktopNotifPanel, #neu .ph-more-menu, #neu .topnav__dropdown{ background:var(--neu-bg)!important;border:0!important;border-radius:22px!important; box-shadow:var(--neu-out-lg)!important;padding:8px;overflow:hidden; } #neu #desktopNotifPanel{top:calc(100% + 16px)!important;overflow-y:auto;} #neu .nav-menu, #neu #navDrop{top:calc(100% + 16px)!important;width:210px!important;} #neu .nav-menu a, #neu #navDrop a, #neu .ph-more-menu a, #neu .topnav__dd-item{ border-radius:14px;padding:11px 14px!important;font-size:14px;color:var(--neu-text)!important; background:transparent!important;transition:box-shadow .15s var(--neu-ease), color .15s; } #neu .nav-menu a:hover, #neu #navDrop a:hover, #neu .ph-more-menu a:hover, #neu .topnav__dd-item:hover{box-shadow:var(--neu-in-xs);color:var(--neu-accent)!important;background:transparent!important;} #neu .nav-menu a.danger, #neu #navDrop a[href="/auth/logout"]{color:var(--neu-bad)!important;} #neu .nav-menu-divider, #neu #navDrop > div{height:2px!important;background:var(--neu-sh-d)!important;box-shadow:0 1px 0 var(--neu-sh-l);margin:6px 10px!important;border-radius:2px;} #neu #desktopNotifPanel > div:first-child{border-bottom:0!important;font-family:var(--neu-fd);font-size:13px!important;font-weight:700;padding:12px 14px 10px!important;} #neu .gt-notif-item{border-bottom:0;border-radius:16px;padding:10px 12px;} #neu .gt-notif-item:hover{background:transparent;box-shadow:var(--neu-in-xs);} #neu .gt-notif-avatar{background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu .gt-notif-btn{border-radius:999px;padding:6px 14px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);color:var(--neu-text-2);} #neu .gt-notif-btn.accept{color:var(--neu-accent);} #neu .gt-notif-btn:active{box-shadow:var(--neu-in-xs);} /* кнопка ивента */ #neu .nav-event-btn{ background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-out-sm); padding:9px 16px 9px 14px;border-radius:999px;animation:none;font-family:var(--neu-fb); } #neu .nav-event-btn svg{stroke:var(--neu-accent);filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.7));} #neu .nav-event-btn:active{box-shadow:var(--neu-in-sm);} /* поиск в навбаре главной */ #neu .nav-search-input{ background:var(--neu-bg);border:0;border-radius:999px;box-shadow:var(--neu-in-sm); padding:11px 44px 11px 40px;width:230px;color:var(--neu-text);font-family:var(--neu-fb); } #neu .nav-search-input:focus{width:290px;background:var(--neu-bg);box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.5);} #neu .nav-search-input::placeholder{color:var(--neu-dim);} #neu .nav-search-ico{left:14px;stroke:var(--neu-muted);} #neu .nav-search-btn{ right:5px;width:32px;height:32px;border-radius:50%; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent)); box-shadow:2px 2px 5px var(--neu-sh-d), inset 1px 1px 1px rgba(255,255,255,.3); } #neu .nav-search-btn svg{stroke:var(--neu-on-accent);} /* ───────── 6. ПЕРЕКЛЮЧАТЕЛЬ ИГРЫ / ФИЛЬМЫ — тумблер ───────── */ #neu .gf-toggle{ width:68px;height:36px;border:0;border-radius:999px; background:var(--neu-bg);box-shadow:var(--neu-in-sm); } #neu .gf-knob{ top:5px;left:5px;width:26px;height:26px; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent)); box-shadow:2px 2px 6px var(--neu-sh-d), inset 1px 1px 1px rgba(255,255,255,.35), 0 0 10px rgba(var(--neu-accent-rgb),.45); } #neu .gf-toggle.films .gf-knob{left:37px;} #neu .gf-end{color:var(--neu-dim);} #neu .gf-end-games{left:10px;} #neu .gf-end-films{right:10px;} #neu .gf-toggle.games .gf-end-games, #neu .gf-toggle.films .gf-end-films{color:transparent;} #neu .gf-toggle--mob{width:52px;height:30px;background:var(--neu-bg);border:0;} #neu .gf-toggle--mob .gf-knob{width:22px;height:22px;top:4px;left:4px;} #neu .gf-toggle--mob.films .gf-knob{left:26px;} #neu .gf-toggle--mob .gf-end-games{left:7px;} #neu .gf-toggle--mob .gf-end-films{right:7px;} /* ───────── 7. PROFILE / FILMS PAGE ───────── */ #neu .page{padding-top:104px;animation:none;} #neu .content-wrap{max-width:1140px;padding:0 40px 80px;} @media (max-width:1320px){ #neu .content-wrap:has(.trophy-wrap){padding-left:96px;} } #neu .profile-bg::after{background:none;} /* профиль с пользовательским фоном: контент — отдельная плита корпуса поверх фона */ #neu body.has-profile-bg .content-wrap{ margin:0 auto 56px;padding:28px 36px 48px; background:var(--neu-bg);border-radius:var(--neu-r-xl); box-shadow:0 30px 80px rgba(0,0,0,.55), inset 1px 1px 0 var(--neu-sh-l); } #neu body.has-profile-bg .profile-bg::after{background:linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.45));} #neu body.has-profile-bg .profile-header{margin-top:0;} /* шапка профиля — выпуклая панель */ #neu .profile-header{ margin:8px 0 34px;padding:30px 34px;gap:30px;align-items:center; background:var(--neu-bg);border-radius:var(--neu-r-xl);box-shadow:var(--neu-out); } #neu .ph-avatar{ width:112px;height:112px;border:0;padding:8px;position:relative;overflow:visible; background:var(--neu-bg);box-shadow:var(--neu-out); } #neu .ph-avatar img, #neu .ph-avatar .ph-avatar-placeholder{border-radius:50%;} #neu .ph-avatar::after{ content:'';position:absolute;inset:8px;border-radius:50%;pointer-events:none; box-shadow:inset 3px 3px 7px rgba(0,0,0,.5), inset -2px -2px 5px rgba(255,255,255,.12); } #neu .ph-avatar-placeholder{background:var(--neu-bg);box-shadow:var(--neu-in-sm);} #neu .ph-status{ background:var(--neu-bg);border:0;box-shadow:var(--neu-in-xs); padding:6px 13px;font-size:11px;color:var(--neu-muted);gap:7px; } #neu .ph-status-dot{width:7px;height:7px;background:var(--neu-dim);} #neu .ph-status-dot.online{background:var(--neu-ok);box-shadow:0 0 9px var(--neu-ok);} #neu .ph-username{ font-family:var(--neu-fd);font-size:27px;font-weight:800;letter-spacing:.01em;margin-bottom:10px; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .ph-bio{color:var(--neu-text-2);font-size:14px;max-width:44ch;} #neu .ph-social-link{ width:36px;height:36px;border-radius:12px;opacity:1; background:var(--neu-bg)!important;box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease); } #neu .ph-social-link:hover{transform:none;} #neu .ph-social-link:active{box-shadow:var(--neu-in-xs);} #neu .ph-socials{gap:10px;margin:2px 0 10px;} #neu .ph-stats{gap:14px;margin-top:16px;} #neu .ph-stat{ min-width:92px;padding:11px 16px 10px;border-radius:18px;text-align:left; background:var(--neu-bg);box-shadow:var(--neu-in-sm); } #neu .ph-stat[onclick]{transition:box-shadow .18s var(--neu-ease);} #neu .ph-stat[onclick]:hover .ph-stat-label{color:var(--neu-accent);} #neu .ph-stat-val{font-family:var(--neu-fd);font-size:19px;font-weight:700;line-height:1.15;} #neu .ph-stat-label{font-size:11px;color:var(--neu-muted);margin-top:3px;} #neu .ph-info-right{width:250px;gap:14px;} #neu .ph-level-panel{ border:0;border-radius:22px;padding:15px 18px 14px; box-shadow:var(--neu-in);backdrop-filter:none;-webkit-backdrop-filter:none; } #neu .ph-level{font-family:var(--neu-fd);font-size:16px;font-weight:700;} #neu .ph-level-label{color:var(--theme-level-text, var(--neu-text-2));text-shadow:none;} #neu .ph-level-num{text-shadow:0 0 12px currentColor;} #neu .ph-level-num.lv1{color:var(--neu-text);text-shadow:none;} #neu .ph-level-exp-text{color:var(--theme-level-text, var(--neu-muted));text-shadow:none;font-size:11px;margin-top:7px;} #neu .ph-level-bar-wrap{ height:10px;margin-top:11px;background:var(--neu-bg); box-shadow:inset 2px 2px 4px var(--neu-sh-d), inset -1px -1px 3px var(--neu-sh-l); } #neu .ph-level-bar{box-shadow:0 0 10px rgba(var(--neu-accent-rgb),.6), inset 0 1px 0 rgba(255,255,255,.35);min-width:10px;} #neu .ph-ach-featured{ padding:10px 14px;border-radius:20px;margin-top:0; background:var(--neu-bg);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease); } #neu .ph-ach-featured:active{box-shadow:var(--neu-in-sm);} #neu .ph-ach-featured-icon{width:52px;height:52px;filter:drop-shadow(0 0 7px rgba(var(--neu-accent-rgb),.55));} #neu .ph-ach-featured:hover .ph-ach-featured-name{color:var(--neu-accent);} #neu .ph-ach-featured-name{color:var(--neu-text);text-align:left;} #neu .ph-ach-featured-exp{text-align:left;} #neu .ph-ach-modal-item{border:0;border-radius:18px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);padding:10px 12px;} #neu .ph-ach-modal-item.ph-ach-pinned{background:var(--neu-bg);box-shadow:var(--neu-in-sm);} #neu .ph-ach-pin-btn{color:var(--neu-dim);border-radius:50%;padding:7px;} #neu .ph-ach-pin-btn:hover{color:var(--neu-accent);background:transparent;box-shadow:var(--neu-out-xs);} #neu .ph-ach-modal-item.ph-ach-pinned .ph-ach-pin-btn{color:var(--neu-accent);filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.7));} #neu .ph-actions{gap:12px;} #neu .ph-btn{ font-family:var(--neu-fb);font-size:14px;font-weight:600;padding:12px 22px;border:0; background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .ph-btn:hover{opacity:1;color:var(--neu-accent);} #neu .ph-btn:active{box-shadow:var(--neu-in-sm);} #neu .ph-btn.primary{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .ph-btn.primary:hover{color:var(--neu-on-accent);box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .ph-btn.primary:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu .ph-btn.secondary{border:0;} #neu .ph-more-menu{left:auto;right:0;top:calc(100% + 12px);width:220px;} #neu .ph-more-menu a svg{stroke:var(--neu-muted);} /* «Игры в планах» — лоток с картриджами */ #neu .queue-block{ margin-bottom:30px;padding:20px 22px 22px;border-radius:var(--neu-r-lg); background:var(--neu-bg);box-shadow:var(--neu-in); } #neu .queue-title{font-family:var(--neu-fd);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--neu-text-2);} #neu .queue-show-all{font-size:12px;color:var(--neu-muted);} #neu .queue-show-all:hover{color:var(--neu-accent);opacity:1;} #neu .queue-covers{gap:14px;} #neu .queue-cover-item, #neu .queue-grid-item{ border:0;border-radius:14px;background:var(--neu-bg); box-shadow:var(--neu-out-sm);transition:transform .22s var(--neu-ease), box-shadow .22s var(--neu-ease); } #neu .queue-cover-item:hover, #neu .queue-grid-item:hover{transform:translateY(-4px);box-shadow:var(--neu-out);} #neu .queue-num, #neu .queue-grid-num{ top:6px;left:6px;min-width:22px;text-align:center;padding:3px 7px;border-radius:9px; background:var(--neu-bg);color:var(--neu-text);font-family:var(--neu-fd);font-size:10px;font-weight:700; box-shadow:2px 2px 5px rgba(0,0,0,.45); } #neu .queue-edit-btn{top:6px;right:6px;background:var(--neu-bg);color:var(--neu-text-2);border-radius:9px;padding:5px;box-shadow:2px 2px 5px rgba(0,0,0,.45);} #neu .queue-edit-btn:hover{background:var(--neu-bg);color:var(--neu-accent);} #neu .queue-grid{gap:18px;} /* панель управления: поиск, вид, статусы */ #neu .games-controls, #neu .films-controls{gap:16px;margin-bottom:26px;align-items:center;} #neu .games-search, #neu .films-search{max-width:230px;flex:1 1 170px;} #neu .games-search input, #neu .films-search input{ background:var(--neu-bg);border:0;border-radius:999px;box-shadow:var(--neu-in-sm); padding:14px 18px 14px 46px;font-size:14px;font-family:var(--neu-fb); } #neu .games-search input:focus, #neu .films-search input:focus{box-shadow:var(--neu-in-sm), 0 0 0 2px color-mix(in srgb, var(--theme-search) 60%, transparent);} #neu .games-search input::placeholder, #neu .films-search input::placeholder{color:var(--neu-dim);} #neu .games-search svg, #neu .films-search svg{left:18px;stroke:var(--neu-muted);} #neu .view-mode-toggle{ gap:4px;padding:5px;border:0;background:var(--neu-bg);box-shadow:var(--neu-in-sm); } #neu .view-mode-toggle button{width:34px;height:34px;color:var(--neu-dim);transition:box-shadow .18s var(--neu-ease), color .18s;} #neu .view-mode-toggle button:hover{color:var(--neu-text-2);} #neu .view-mode-toggle button.active{background:var(--neu-bg);box-shadow:var(--neu-out-xs);color:var(--theme-search);} /* статусы — ряд клавиш; активная утоплена и светится */ #neu .status-tabs{gap:10px;padding:10px 10px 12px;margin:-10px -10px -12px;} #neu .status-tab{ padding:11px 15px;border:0;font-family:var(--neu-fb);font-size:13px;font-weight:600; color:var(--neu-text-2);background:var(--neu-bg);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .status-tab:hover{background:var(--neu-bg);color:var(--neu-text);} #neu .status-tab.active{ background:var(--neu-bg);border:0;color:var(--theme-search);box-shadow:var(--neu-in-sm); text-shadow:0 0 12px color-mix(in srgb, var(--theme-search) 55%, transparent); } #neu .status-tab .count{ font-family:var(--neu-fb);font-size:11px;font-weight:600;opacity:1;color:var(--neu-dim); } #neu .status-tab.active .count{color:inherit;opacity:.75;} /* ───────── 8. КАРТОЧКА ИГРЫ / ФИЛЬМА ───────── */ #neu .games-list, #neu .films-list{gap:26px;} #neu .game-row, #neu .film-row{ border:0;border-radius:var(--neu-r-lg);min-height:250px;overflow:visible; background:var(--neu-bg);box-shadow:var(--neu-out); transition:box-shadow .25s var(--neu-ease), transform .25s var(--neu-ease); } #neu .game-row:hover, #neu .film-row:hover{transform:translateY(-2px);box-shadow:var(--neu-out-lg);border-color:transparent;} #neu .game-row-bg, #neu .film-row-bg{display:none;} /* обложка — в утопленном слоте, как картридж */ #neu .game-row-cover, #neu .film-row-cover{padding:16px 6px 16px 16px;} #neu .game-row-cover-inner, #neu .film-row-cover-inner{ width:176px;padding:7px;border-radius:20px;overflow:visible; background:var(--neu-bg);box-shadow:var(--neu-in-sm); } #neu .game-row-cover-inner img, #neu .film-row-cover-inner img{border-radius:14px;clip-path:none;box-shadow:2px 3px 8px rgba(0,0,0,.45);} #neu .game-row-cover-placeholder, #neu .film-row-cover-placeholder{border-radius:14px;background:var(--neu-well);} #neu .game-row-cover-inner > a, #neu .film-row-cover-inner > a{ bottom:14px!important;right:14px!important;width:30px!important;height:30px!important;border-radius:50%!important; background:var(--neu-bg)!important;border:0!important;box-shadow:2px 2px 6px rgba(0,0,0,.5); } #neu .game-row-cover-inner > a svg, #neu .film-row-cover-inner > a svg{fill:var(--neu-accent);} #neu .game-row-content, #neu .film-row-content{padding:20px 22px 16px 16px;} #neu .game-row-top, #neu .film-row-top{gap:10px;margin-bottom:10px;padding-right:96px;align-items:center;} #neu .game-row-num-inline, #neu .film-row-num-inline{ font-family:var(--neu-fd);font-size:10px;font-weight:700;color:var(--neu-muted); min-width:26px;height:26px;padding:0 7px;border-radius:9px; display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--neu-in-xs); } #neu .game-row-title, #neu .film-row-title{font-family:var(--neu-fd);font-size:16px;font-weight:700;letter-spacing:.005em;} #neu .game-row-title > span, #neu .film-row-title > span{font-family:var(--neu-fb);font-size:14px!important;color:var(--neu-dim)!important;} #neu .game-row-meta, #neu .film-row-meta{gap:10px;margin-bottom:6px;} /* статус — утопленная плашка со светодиодом */ #neu .game-row-status, #neu .film-row-status{ position:relative;padding:5px 12px 5px 25px;border:0!important;border-radius:999px; font-size:11px;font-weight:600;letter-spacing:.01em; background:var(--neu-bg)!important;box-shadow:var(--neu-in-xs); } #neu .game-row-status::before, #neu .film-row-status::before{ content:'';position:absolute;left:10px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%; background:currentColor;box-shadow:0 0 8px currentColor; } #neu .status-completed{color:var(--neu-ok);} #neu .status-dropped{color:var(--neu-bad);} #neu .status-paused{color:var(--neu-warn);} #neu .status-default{color:var(--neu-accent);} #neu .game-row-date, #neu .film-row-date{font-size:12px;color:var(--neu-muted);} #neu .game-row-comment-wrap, #neu .film-row-comment-wrap{ border-top:0!important;margin-top:12px!important;padding:13px 15px!important;gap:12px; border-radius:18px;box-shadow:var(--neu-in-sm); } #neu .game-row-comment-avatar, #neu .film-row-comment-avatar{width:30px;height:30px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);padding:2px;overflow:visible;} #neu .game-row-comment-avatar img, #neu .film-row-comment-avatar img{border-radius:50%;} #neu .game-row-comment, #neu .film-row-comment{color:var(--neu-text-2);font-size:14px;line-height:1.6;} #neu .game-row-more, #neu .film-row-more{color:var(--neu-accent);font-weight:600;margin-top:6px;} #neu .game-row-footer-tags, #neu .film-row-footer-tags{border-top:0!important;padding-top:14px!important;gap:9px!important;} #neu .game-row-footer-tags > span, #neu .film-row-footer-tags > span{border:0!important;} #neu .game-row-footer-tags > span[style*="background"], #neu .film-row-footer-tags > span[style*="background"]{ background:var(--neu-bg)!important;box-shadow:var(--neu-in-xs);border-radius:999px!important;padding:4px 11px!important; } #neu .game-row-genre, #neu .film-row-genre{ font-size:11px;color:var(--neu-muted);background:var(--neu-bg);border:0; padding:4px 11px;box-shadow:var(--neu-out-xs); } #neu .game-row-edit-btn, #neu .film-row-edit-btn{ width:32px;height:32px;border-radius:50%!important;justify-content:center;padding:0!important; background:var(--neu-bg)!important;box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease), color .18s!important; } #neu .game-row-edit-btn:active, #neu .film-row-edit-btn:active{box-shadow:var(--neu-in-xs);} /* оценка — круглый выпуклый «датчик» */ #neu .game-row-rating, #neu .film-row-rating{top:16px;right:18px;} #neu .rating-bubble{ width:70px;height:70px;border-radius:50%; display:flex;align-items:center;justify-content:center; font-family:var(--neu-fd);font-size:22px;font-weight:700;letter-spacing:-.02em; background:var(--neu-bg); box-shadow:var(--neu-out-sm), inset 0 0 0 5px var(--neu-bg), inset 3px 3px 7px 5px var(--neu-sh-d), inset -3px -3px 7px 5px var(--neu-sh-l); text-shadow:0 0 14px currentColor; } /* трофеи: цветное кольцо-индикатор вокруг карточки */ #neu .game-row.trophy-platinum, #neu .film-row.trophy-platinum{box-shadow:var(--neu-out), 0 0 0 2px rgba(91,159,224,.75), 0 0 34px rgba(64,113,164,.45);} #neu .game-row.trophy-hard, #neu .film-row.trophy-hard{box-shadow:var(--neu-out), 0 0 0 2px rgba(200,40,40,.8), 0 0 34px rgba(139,0,0,.5);} #neu .game-row.trophy-speed, #neu .film-row.trophy-speed{box-shadow:var(--neu-out), 0 0 0 2px rgba(150,90,245,.8), 0 0 34px rgba(124,58,237,.45);} #neu .game-row.trophy-nodez, #neu .film-row.trophy-nodez{box-shadow:var(--neu-out), 0 0 0 2px rgba(40,170,90,.8), 0 0 34px rgba(22,101,52,.5);} #neu .trophy-wrap{left:-66px;bottom:-22px;width:104px;} #neu .trophy-img{width:104px;height:104px;} /* плитки */ #neu #gamesList.tiles-mode, #neu #filmsList.tiles-mode{gap:22px;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row{ border-radius:20px;padding:7px;box-shadow:var(--neu-out-sm);overflow:hidden; } #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row:hover, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row:hover{transform:translateY(-4px);box-shadow:var(--neu-out);} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-cover, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-cover{inset:7px;width:auto;height:auto;padding:0;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-cover-inner, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-cover-inner{padding:0;border-radius:14px;box-shadow:none;overflow:hidden;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-cover-inner img, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-cover-inner img{border-radius:14px;box-shadow:none;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-rating, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-rating{ top:13px;right:13px;background:var(--neu-bg);border-radius:50%;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none; box-shadow:2px 2px 6px rgba(0,0,0,.5); } #neu #gamesList.tiles-mode .game-tile:not(.expanded) .rating-bubble, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .rating-bubble{width:38px;height:38px;font-size:13px;box-shadow:none;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-content, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-content{ left:7px;right:7px;bottom:7px;border-radius:0 0 14px 14px;padding:26px 10px 10px; background:linear-gradient(to top, rgba(0,0,0,.82), transparent); } #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-top, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-top{padding-right:0;margin:0;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-title, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-title{font-size:11px;color:#fff;} /* пусто */ #neu .games-empty{ max-width:420px;margin:30px auto;padding:44px 28px;border-radius:var(--neu-r-lg); box-shadow:var(--neu-in);color:var(--neu-muted);font-size:14px; } #neu .games-empty svg{ width:64px;height:64px;padding:16px;border-radius:50%;opacity:1;stroke:var(--neu-dim); box-shadow:var(--neu-out-sm);margin-bottom:18px; } /* ───────── 9. БОКОВАЯ ПАНЕЛЬ ДОБАВЛЕНИЯ / РЕДАКТИРОВАНИЯ ───────── */ #neu #gp-overlay, #neu #gp-ap-overlay, #neu #phAchOverlay, #neu #fp-overlay, #neu #fp-ap-overlay{background:rgba(14,16,20,.62)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;} #neu #gp-panel, #neu #fp-panel{ top:14px;height:calc(100vh - 28px);right:-500px;width:452px; border:0;border-radius:var(--neu-r-xl);background:var(--neu-bg); box-shadow:-18px 0 50px rgba(0,0,0,.45), inset 1px 1px 0 var(--neu-sh-l); } #neu #gp-panel.open, #neu #fp-panel.open{right:14px;} #neu .gp-header, #neu .fp-header{border-bottom:0;padding:24px 26px 14px;} #neu .gp-title, #neu .fp-title{font-family:var(--neu-fd);font-size:16px;font-weight:700;} #neu .gp-close, #neu .gp-ap-close, #neu .fp-close, #neu .fp-ap-close{ width:38px;height:38px;border-radius:50%;justify-content:center;align-items:center;padding:0; background:var(--neu-bg);box-shadow:var(--neu-out-xs);color:var(--neu-muted); } #neu .gp-close:hover, #neu .gp-ap-close:hover, #neu .fp-close:hover, #neu .fp-ap-close:hover{color:var(--neu-accent);} #neu .gp-close:active, #neu .gp-ap-close:active, #neu .fp-close:active, #neu .fp-ap-close:active{box-shadow:var(--neu-in-xs);} #neu .gp-body, #neu .fp-body{padding:10px 26px 26px;} #neu .gp-label, #neu .fp-label{ font-size:12px;font-weight:600;text-transform:none;letter-spacing:.01em;color:var(--neu-text-2);margin-bottom:10px; } #neu #gp-search-input, #neu #gp-ap-search, #neu #gp-tag-search, #neu .gp-input, #neu .gp-textarea, #neu .gp-rating-manual, #neu #fp-search-input, #neu #fp-ap-search, #neu #fp-tag-search, #neu .fp-input, #neu .fp-textarea, #neu .fp-rating-manual{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-sm);box-shadow:var(--neu-in-sm); color:var(--neu-text);font-family:var(--neu-fb); transition:box-shadow .18s var(--neu-ease); } #neu #gp-search-input, #neu #fp-search-input{padding:13px 14px 13px 40px;} #neu #gp-ap-search, #neu #fp-ap-search{padding:12px 14px 12px 38px;} #neu #gp-tag-search, #neu #fp-tag-search{padding:11px 12px 11px 34px;font-size:13px;} #neu .gp-input, #neu .fp-input{padding:12px 15px;margin-bottom:20px;} #neu .gp-textarea, #neu .fp-textarea{padding:14px 16px;border-radius:var(--neu-r);min-height:110px;} #neu #gp-search-input:focus, #neu #gp-ap-search:focus, #neu #gp-tag-search:focus, #neu .gp-input:focus, #neu .gp-textarea:focus, #neu .gp-rating-manual:focus, #neu #fp-search-input:focus, #neu #fp-ap-search:focus, #neu #fp-tag-search:focus, #neu .fp-input:focus, #neu .fp-textarea:focus, #neu .fp-rating-manual:focus{box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.55);} #neu .gp-search-row, #neu .fp-search-row{gap:12px;margin-bottom:18px;} #neu .gp-platform-btn, #neu #gp-platform-all-btn, #neu .fp-platform-btn, #neu #fp-platform-all-btn{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-sm);box-shadow:var(--neu-out-xs);color:var(--neu-text-2); } #neu .gp-platform-btn.open, #neu .gp-platform-btn:active, #neu #gp-platform-all-btn:active, #neu .fp-platform-btn.open, #neu .fp-platform-btn:active, #neu #fp-platform-all-btn:active{box-shadow:var(--neu-in-xs);} #neu #gp-platform-all-btn, #neu #fp-platform-all-btn{width:44px;} #neu #gp-platform-all-btn:hover, #neu #fp-platform-all-btn:hover{color:var(--neu-accent);} #neu .gp-platform-menu, #neu #gp-tag-dropdown, #neu #gp-results, #neu .fp-platform-menu, #neu #fp-tag-dropdown, #neu #fp-results{ background:var(--neu-bg);border:0;border-radius:18px;box-shadow:var(--neu-out);padding:6px; } #neu #gp-results, #neu #fp-results{box-shadow:var(--neu-in-sm);margin-bottom:18px;} #neu .gp-tag-opt, #neu .fp-tag-opt{border-radius:12px;padding:9px 12px;} #neu .gp-tag-opt:hover, #neu .fp-tag-opt:hover{background:transparent;box-shadow:var(--neu-in-xs);color:var(--neu-text);} #neu .gp-platform-opt.active, #neu .fp-platform-opt.active{color:var(--neu-accent);background:transparent;box-shadow:var(--neu-in-xs);} #neu .gp-tag-create, #neu .fp-tag-create{color:var(--neu-accent);} #neu .gp-result-item, #neu .fp-result-item{border-bottom:0;border-radius:14px;padding:9px 10px;} #neu .gp-result-item:hover, #neu .fp-result-item:hover{background:transparent;box-shadow:var(--neu-out-xs);} #neu .gp-result-cover, #neu .gp-result-cover-ph, #neu .fp-result-cover, #neu .fp-result-cover-ph{border-radius:8px;box-shadow:2px 2px 5px rgba(0,0,0,.4);} #neu .gp-result-platforms, #neu .fp-result-platforms{color:var(--neu-accent);} #neu #gp-ap-modal, #neu #fp-ap-modal{border:0;border-radius:var(--neu-r-lg);background:var(--neu-bg);box-shadow:var(--neu-out-lg);} #neu .gp-ap-title, #neu .fp-ap-title{font-family:var(--neu-fd);font-size:14px;} #neu .gp-ap-item, #neu .fp-ap-item{border-radius:14px;} #neu .gp-ap-item:hover, #neu .fp-ap-item:hover{background:transparent;box-shadow:var(--neu-in-xs);} #neu #gp-selected, #neu #fp-selected{ background:var(--neu-bg);border:0;border-radius:var(--neu-r);padding:14px;margin-bottom:22px; box-shadow:var(--neu-in-sm); } #neu #gp-sel-cover, #neu #gp-sel-cover-ph, #neu #fp-sel-cover, #neu #fp-sel-cover-ph{border-radius:10px;box-shadow:2px 3px 7px rgba(0,0,0,.45);} #neu .gp-sel-name, #neu .fp-sel-name{font-family:var(--neu-fd);font-size:13px;} #neu .gp-sel-change, #neu .fp-sel-change{color:var(--neu-accent);font-weight:600;} #neu .gp-divider, #neu .fp-divider{height:2px;background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);border-radius:2px;margin:4px 0 22px;} /* пилюли-клавиши: категория, платформа, режим оценки */ #neu .gp-cats, #neu .gp-platform-grid, #neu .gp-rating-mode-toggle, #neu .fp-cats, #neu .fp-platform-grid, #neu .fp-rating-mode-toggle{gap:11px;margin-bottom:22px;} #neu .gp-rating-mode-toggle, #neu .fp-rating-mode-toggle{margin-bottom:16px;} #neu .gp-cat, #neu .gp-plat, #neu .gp-rating-mode-btn, #neu .fp-cat, #neu .fp-plat, #neu .fp-rating-mode-btn{ padding:9px 16px;border:0;border-radius:999px;font-family:var(--neu-fb);font-size:13px;font-weight:500; background:var(--neu-bg);color:var(--neu-text-2);box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .gp-cat:hover, #neu .gp-plat:hover, #neu .gp-rating-mode-btn:hover, #neu .fp-cat:hover, #neu .fp-plat:hover, #neu .fp-rating-mode-btn:hover{color:var(--neu-text);} #neu .gp-cat.active, #neu .gp-plat.active, #neu .gp-rating-mode-btn.active, #neu .fp-cat.active, #neu .fp-plat.active, #neu .fp-rating-mode-btn.active{ background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-sm); text-shadow:0 0 10px rgba(var(--neu-accent-rgb),.55); } /* оценка */ #neu .gp-rating-bubble, #neu .fp-rating-bubble{ width:54px;height:54px;border-radius:50%;border:0!important;background:var(--neu-bg)!important; font-family:var(--neu-fd);font-size:16px;font-weight:700; box-shadow:var(--neu-out-xs), inset 0 0 0 4px var(--neu-bg), inset 2px 2px 5px 4px var(--neu-sh-d), inset -2px -2px 5px 4px var(--neu-sh-l); text-shadow:0 0 10px currentColor; } #neu .gp-rating-manual, #neu .fp-rating-manual{width:72px;padding:10px 8px;} #neu .gp-rating-label, #neu .fp-rating-label{color:var(--neu-text-2);} #neu .gp-crit-row, #neu .fp-crit-row{margin-bottom:16px;} #neu .gp-crit-row-top, #neu .fp-crit-row-top{margin-bottom:9px;color:var(--neu-text-2);} #neu .gp-crit-row-val, #neu .fp-crit-row-val{font-family:var(--neu-fd);font-size:11px;color:var(--neu-text);} /* ползунок: утопленная дорожка, выпуклая ручка */ #neu .gp-slider, #neu .fp-slider{ height:12px;border-radius:999px; background: linear-gradient(to right,var(--gp-slider-color,var(--fp-slider-color,var(--neu-accent))) 0%,var(--gp-slider-color,var(--fp-slider-color,var(--neu-accent))) var(--gp-pct,var(--fp-pct,50%)),transparent var(--gp-pct,var(--fp-pct,50%))) padding-box, var(--neu-bg)!important; border:3px solid transparent; box-shadow:inset 2px 2px 5px var(--neu-sh-d), inset -2px -2px 5px var(--neu-sh-l); } #neu .gp-slider::-webkit-slider-thumb, #neu .fp-slider::-webkit-slider-thumb{ width:26px;height:26px;border:0; background:radial-gradient(circle at 50% 50%, var(--gp-slider-color,var(--fp-slider-color,var(--neu-accent))) 0 4px, var(--neu-rise) 5px); box-shadow:3px 3px 7px var(--neu-sh-d), -2px -2px 5px var(--neu-sh-l); } #neu .gp-slider::-moz-range-thumb, #neu .fp-slider::-moz-range-thumb{ width:26px;height:26px;border:0; background:radial-gradient(circle at 50% 50%, var(--gp-slider-color,var(--fp-slider-color,var(--neu-accent))) 0 4px, var(--neu-rise) 5px); box-shadow:3px 3px 7px var(--neu-sh-d), -2px -2px 5px var(--neu-sh-l); } /* ранги */ #neu .gp-ranks, #neu .fp-ranks{gap:12px;margin-bottom:22px;} #neu .gp-rank-btn, #neu .fp-rank-btn{ border:0;border-radius:18px;padding:12px 6px 10px;background:var(--neu-bg);color:var(--neu-muted); box-shadow:var(--neu-out-xs);transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .gp-rank-btn.active, #neu .gp-rank-btn[data-rank].active, #neu .fp-rank-btn.active, #neu .fp-rank-btn[data-rank].active{background:var(--neu-bg);border:0;color:var(--neu-text);box-shadow:var(--neu-in-sm);} #neu .gp-tag, #neu .fp-tag{border:0!important;padding:5px 11px;background:var(--neu-bg)!important;box-shadow:var(--neu-out-xs);} #neu .gp-footer, #neu .fp-footer{border-top:0;padding:14px 26px 24px;gap:14px;} #neu .gp-btn-save, #neu .fp-btn-save{ border-radius:999px;padding:14px;font-family:var(--neu-fb);font-size:14px;font-weight:600; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); transition:box-shadow .18s var(--neu-ease); } #neu .gp-btn-save:hover, #neu .fp-btn-save:hover{background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .gp-btn-save:active, #neu .fp-btn-save:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu .gp-btn-delete, #neu .fp-btn-delete{ width:48px;padding:0;border:0;border-radius:50%;background:var(--neu-bg);color:var(--neu-bad); box-shadow:var(--neu-out-sm);display:flex;align-items:center;justify-content:center; } #neu .gp-btn-delete:hover, #neu .fp-btn-delete:hover{background:var(--neu-bg);box-shadow:var(--neu-out-sm), 0 0 12px rgba(255,107,107,.4);} #neu .gp-btn-delete:active, #neu .fp-btn-delete:active{box-shadow:var(--neu-in-sm);} /* модалка достижений */ #neu #phAchModal{background:var(--neu-bg)!important;border:0!important;border-radius:var(--neu-r-lg)!important;box-shadow:var(--neu-out-lg);} #neu #phAchModal > div:first-child{border-bottom:0!important;padding:20px 22px 12px!important;} #neu #phAchModal > div:first-child > span{font-family:var(--neu-fd);font-size:14px!important;} #neu #phAchModal > div:last-child{padding:8px 18px 20px!important;gap:12px!important;} /* ───────── 10. FOOTER ───────── */ #neu .gt-footer{ background:transparent;border-top:0;margin-top:40px;font-family:var(--neu-fb);overflow:visible; } #neu .gt-footer::before{ content:'';display:block;max-width:1220px;height:2px;margin:0 auto; background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);border-radius:2px; } #neu .gt-footer-bubbles{display:none;} #neu .gt-footer-inner{padding:44px 40px 36px;} #neu .gt-footer-top{border-bottom:0;margin-bottom:28px;padding-bottom:0;} #neu .gt-footer-logo img{filter:none!important;width:30px!important;height:30px!important;padding:5px;border-radius:10px;box-shadow:var(--neu-out-xs);} #neu .gt-footer-logo svg{padding:4px;width:30px;height:30px;border-radius:10px;box-shadow:var(--neu-out-xs);} #neu .gt-footer-logo span{ font-family:var(--neu-fd);font-size:13px;color:var(--neu-text-2); text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .gt-footer-tagline{color:var(--neu-muted);font-size:13px;max-width:240px;} #neu .gt-footer-socials{gap:12px;} #neu .gt-footer-soc{ width:38px;height:38px;border:0;border-radius:50%;background:var(--neu-bg);box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease); } #neu .gt-footer-soc:hover{background:var(--neu-bg);} #neu .gt-footer-soc:hover svg{fill:var(--neu-accent);} #neu .gt-footer-soc:active{box-shadow:var(--neu-in-xs);} #neu .gt-footer-col-title{font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--neu-text-2);margin-bottom:14px;} #neu .gt-footer-col a{font-size:13px;color:var(--neu-muted);margin-bottom:9px;} #neu .gt-footer-col a:hover{color:var(--neu-accent);} #neu .gt-footer-copy-main span, #neu .gt-footer-copy-main a{color:var(--neu-dim);} #neu .gt-footer-credits{color:var(--neu-dim);} #neu .gt-footer-credits span{color:var(--neu-muted);} #neu .gt-footer-credits a{color:var(--neu-muted);} #neu .gt-footer-credits a:hover, #neu .gt-footer-copy-main a:hover{color:var(--neu-accent);} /* ───────── 11. ПЛАВАЮЩИЙ ЧАТ ───────── */ #neu #gtChatBubble{ width:60px;height:60px;bottom:26px;right:26px; background:var(--neu-bg);box-shadow:var(--neu-out); transition:box-shadow .18s var(--neu-ease); } #neu #gtChatBubble:hover{transform:none;} #neu #gtChatBubble:active{box-shadow:var(--neu-in-sm);} #neu #gtChatBubble svg{stroke:var(--neu-accent);filter:drop-shadow(0 0 6px rgba(var(--neu-accent-rgb),.6));} #neu #gtChatBadge{border:2px solid var(--neu-bg);background:var(--neu-bad);box-shadow:0 0 10px var(--neu-bad);top:0;right:0;} #neu #gtChatWindow{ bottom:104px;right:26px;width:352px;height:480px; background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out-lg); } #neu .gt-chat-header{border-bottom:0;padding:18px 18px 10px;} #neu .gt-chat-header-title{font-family:var(--neu-fd);font-size:13px;} #neu .gt-chat-back, #neu .gt-chat-close{width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;box-shadow:var(--neu-out-xs);color:var(--neu-muted);} #neu .gt-chat-back:active, #neu .gt-chat-close:active{box-shadow:var(--neu-in-xs);} #neu .gt-chat-list{padding:6px 10px;} #neu .gt-chat-list-item{border-bottom:0;border-radius:18px;padding:11px 12px;margin-bottom:4px;} #neu .gt-chat-list-item:hover{background:transparent;box-shadow:var(--neu-out-xs);} #neu .gt-chat-list-avatar{background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu .gt-chat-list-unread{background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-xs);padding:3px 8px;} #neu .gt-chat-thread{margin:0 12px;padding:14px;border-radius:20px;box-shadow:var(--neu-in-sm);gap:10px;} #neu .gt-msg-bubble{border-radius:18px;padding:9px 13px;} #neu .gt-msg-row:not(.mine) .gt-msg-bubble{background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-xs);border-bottom-left-radius:6px;} #neu .gt-msg-row.mine .gt-msg-bubble{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:2px 2px 6px var(--neu-sh-d), inset 1px 1px 1px rgba(255,255,255,.25);border-bottom-right-radius:6px; } #neu .gt-chat-input-row{border-top:0;padding:14px 14px 16px;gap:10px;} #neu .gt-chat-input{background:var(--neu-bg);border:0;border-radius:999px;box-shadow:var(--neu-in-sm);padding:12px 16px;color:var(--neu-text);} #neu .gt-chat-send{ width:42px;height:42px;background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent)); box-shadow:var(--neu-out-xs), inset 1px 1px 1px rgba(255,255,255,.3); } #neu .gt-chat-send svg{stroke:var(--neu-on-accent);} /* ───────── 12. МОБИЛЬНЫЕ ПАНЕЛИ ───────── */ @media (max-width:768px){ #neu body{padding-bottom:104px!important;} #neu #mob-topbar{top:12px;left:14px;right:14px;height:54px;} #neu #mob-tb-left, #neu #mob-tb-right{ height:54px;background:var(--neu-bg);border:0;box-shadow:var(--neu-out-sm); backdrop-filter:none;-webkit-backdrop-filter:none; } #neu #mob-tb-left{padding:0 16px 0 8px;} #neu #mob-tb-left a img{width:28px;height:28px;border-radius:9px;} #neu .mob-tb-name{font-family:var(--neu-fd);font-size:10px;font-weight:800;letter-spacing:.04em;margin-left:6px;text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} #neu #mob-topbar.scrolled #mob-tb-left, #neu #mob-tb-left.force-collapse{background:var(--neu-bg);padding:0 8px;box-shadow:var(--neu-out-sm);} #neu #mob-tb-right{padding:0 8px;gap:8px;} #neu .mob-tb-btn{width:38px;height:38px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);color:var(--neu-text-2);} #neu .mob-tb-btn:active{background:var(--neu-bg);box-shadow:var(--neu-in-xs);color:var(--neu-accent);} #neu .mob-tb-btn.gf-toggle{box-shadow:var(--neu-in-xs);width:52px;height:30px;} #neu .mob-nd{top:2px;right:2px;width:9px;height:9px;background:var(--neu-bad);border:2px solid var(--neu-bg);box-shadow:0 0 8px var(--neu-bad);} #neu #mob-search-input{color:var(--neu-text);font-family:var(--neu-fb);} #neu #mob-search-close{background:var(--neu-bg);border:0;box-shadow:var(--neu-out-xs);width:32px;height:32px;} #neu #mob-search-results, #neu #mob-notif-panel{ top:80px;background:var(--neu-bg);border:0;border-radius:24px;box-shadow:var(--neu-out-lg);padding:8px; } #neu .mob-sr-item, #neu .mob-np-item{border-bottom:0;border-radius:16px;} #neu .mob-sr-item:active{background:transparent;box-shadow:var(--neu-in-xs);} #neu .mob-sr-cover,#neu .mob-sr-cover-ph{border-radius:8px;box-shadow:2px 2px 5px rgba(0,0,0,.4);} #neu .mob-np-head{border-bottom:0;font-family:var(--neu-fd);font-size:13px;padding:14px 14px 8px;} #neu .mob-np-ico{background:var(--neu-bg);box-shadow:var(--neu-out-xs);} /* нижняя панель: выпуклая плита, активная вкладка утоплена */ #neu #mob-tabbar{ bottom:14px;left:14px;right:14px;height:68px;padding:0 8px;gap:4px; background:var(--neu-bg);border:0;border-radius:26px;box-shadow:var(--neu-out); backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible; } #neu #mob-tabbar::before{display:none;} #neu .mob-tab{color:var(--neu-muted);font-family:var(--neu-fb);font-size:10px;font-weight:500;border-radius:18px;margin:8px 0;gap:4px;} #neu .mob-tab::before{inset:0;border:0;border-radius:18px;background:transparent;transition:box-shadow .2s var(--neu-ease);} #neu .mob-tab.active{color:var(--neu-accent);} #neu .mob-tab.active::before{background:transparent;box-shadow:var(--neu-in-sm);} #neu .mob-tab.active svg{filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.65));} #neu .mob-tab svg,#neu .mob-tab img{position:relative;z-index:1;} #neu .mob-tab-avatar{border:0;box-shadow:var(--neu-out-xs);} #neu .page{padding-top:84px;} #neu .content-wrap, #neu .content-wrap:has(.trophy-wrap){padding:0 16px 40px!important;} #neu body.has-profile-bg .content-wrap{margin:0 10px 30px;padding:16px 14px 28px!important;border-radius:28px;} #neu .profile-header{margin:0 0 24px;padding:24px 18px 22px;gap:14px;border-radius:28px;} #neu .ph-avatar{width:96px;height:96px;padding:7px;} #neu .ph-avatar::after{inset:7px;} #neu .ph-username{font-size:21px;} #neu .ph-stats{gap:10px;} #neu .ph-stat{min-width:0;padding:10px 8px;text-align:center;} #neu .ph-stat-val{font-size:16px;} #neu .ph-info-right{width:100%;} #neu .ph-actions .ph-btn{padding:14px 16px!important;} #neu .queue-block{margin-top:0;padding:16px 14px 18px;border-radius:24px;} #neu .queue-covers{gap:12px;padding:4px 0 8px;} #neu .games-controls, #neu .films-controls{margin-top:0;gap:16px;align-items:stretch;} #neu .status-tabs{gap:10px;padding:8px 10px 12px;margin:-8px -10px -12px;width:calc(100% + 20px);} #neu .status-tab{padding:10px 15px;font-size:13px;} #neu .games-list, #neu .films-list{gap:20px;} #neu .game-row, #neu .film-row{padding:14px;gap:12px;border-radius:24px;} #neu .game-row-cover, #neu .film-row-cover{padding:0!important;} #neu .game-row-cover-inner, #neu .film-row-cover-inner{width:70px;height:92px;padding:5px;border-radius:14px;} #neu .game-row-cover-inner img, #neu .film-row-cover-inner img{border-radius:10px;} #neu .game-row-content, #neu .film-row-content{padding:0 0 4px!important;} #neu .game-row-top, #neu .film-row-top{padding-right:50px;margin-bottom:8px!important;} #neu .game-row-title, #neu .film-row-title{font-size:13px;white-space:normal;} #neu .game-row-num-inline, #neu .film-row-num-inline{display:none;} #neu .game-row-rating, #neu .film-row-rating{top:12px!important;right:12px!important;} #neu .rating-bubble{width:44px;height:44px;font-size:14px!important;text-shadow:0 0 10px currentColor; box-shadow:var(--neu-out-xs), inset 0 0 0 3px var(--neu-bg), inset 2px 2px 4px 3px var(--neu-sh-d), inset -2px -2px 4px 3px var(--neu-sh-l);} #neu .game-row-footer-tags, #neu .film-row-footer-tags{padding-top:8px!important;padding-right:40px!important;} #neu .game-row-edit-btn, #neu .film-row-edit-btn{background:var(--neu-bg)!important;width:32px;height:32px;bottom:0!important;} #neu .grc-mobile-only{border-top:0;padding:12px 13px;border-radius:16px;box-shadow:var(--neu-in-sm);} #neu .grc-mobile-avatar{background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu .grc-mobile-text{color:var(--neu-text-2);} #neu #gamesList.tiles-mode, #neu #filmsList.tiles-mode{gap:14px!important;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row{padding:5px;border-radius:16px;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-cover, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-cover{inset:5px;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-cover-inner, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-cover-inner{width:100%;height:100%;border-radius:11px;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-content, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-content{left:5px;right:5px;bottom:5px;border-radius:0 0 11px 11px;padding:18px 7px 7px!important;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-rating, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-rating{top:9px!important;right:9px!important;} #neu #gamesList.tiles-mode .game-tile:not(.expanded) .rating-bubble, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .rating-bubble{width:30px;height:30px;font-size:11px!important;} #neu #gp-panel, #neu #fp-panel{top:0;height:100vh;border-radius:0;width:100%!important;} #neu #gp-panel.open, #neu #fp-panel.open{right:0!important;} #neu .gp-body, #neu .fp-body{padding:8px 18px 20px!important;} #neu .gp-header, #neu .fp-header{padding:18px 18px 12px!important;} #neu .gp-footer, #neu .fp-footer{padding:12px 18px 18px!important;} #neu .gt-footer-inner{padding:32px 20px 110px;} #neu .gt-footer-top{grid-template-columns:1fr 1fr;gap:26px 20px;} #neu .gt-footer-brand{grid-column:1 / -1;} #neu .gt-footer-col{min-width:0;} #neu .gt-footer-col a{overflow-wrap:anywhere;} #neu .gt-footer-bottom{flex-wrap:wrap;gap:10px;} } /* ───────── 13. СТРАНИЦЫ НА base.html ───────── */ html#neu.neu-base body{padding-top:104px;} #neu.neu-base .container{padding-top:8px;} @media (max-width:768px){ html#neu.neu-base body{padding-top:0!important;} #neu.neu-base .container{padding-top:88px;} } /* ───────── 14. ПАНЕЛЬ УПРАВЛЕНИЯ (dashboard) ───────── */ #neu.neu-base .container:has(.db-wrap){max-width:1180px;padding-left:20px;padding-right:20px;} #neu .db-wrap{padding:0 20px 60px;gap:34px;min-height:0;max-width:none;} #neu .db-sidebar{ width:250px;padding:18px 16px 16px;margin-right:0;border-right:0;top:104px; border-radius:var(--neu-r-lg);background:var(--neu-bg);box-shadow:var(--neu-out); max-height:calc(100vh - 128px); } #neu .db-user{padding:6px 6px 12px;border-radius:18px;gap:14px;} #neu .db-user:hover{background:transparent;} #neu .db-user-avatar{width:48px;height:48px;border:0;padding:4px;overflow:visible;background:var(--neu-bg);box-shadow:var(--neu-out-sm);} #neu .db-user-avatar img{border-radius:50%;} #neu .db-user-name{font-family:var(--neu-fd);font-size:13px;font-weight:700;text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} #neu .db-user-stats{gap:10px;padding:0 0 4px;margin-bottom:10px;border-bottom:0;} #neu .db-stat-pill{padding:10px 4px 9px;border-radius:14px;box-shadow:var(--neu-in-xs);} #neu .db-stat-pill-val{font-family:var(--neu-fd);font-size:14px;color:var(--neu-accent);text-shadow:0 0 10px rgba(var(--neu-accent-rgb),.45);} #neu .db-stat-pill-lbl{font-family:var(--neu-fb);color:var(--neu-muted);margin-top:5px;} #neu .db-nav-section{font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--neu-dim);padding:16px 12px 6px;} #neu .db-nav-item{ font-family:var(--neu-fb);font-size:14px;padding:11px 14px;border-radius:14px;gap:12px;margin-bottom:2px; color:var(--neu-text-2);transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .db-nav-item:hover{background:transparent;color:var(--neu-text);box-shadow:var(--neu-out-xs);} #neu .db-nav-item.active{background:transparent;color:var(--neu-accent);box-shadow:var(--neu-in-sm);} #neu .db-nav-item.active svg{filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.6));} #neu .db-nav-item svg{width:17px;height:17px;} #neu .db-nav-item .db-nav-badge{background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-xs);padding:3px 8px;} #neu .db-logout{border-top:0;margin-top:10px;padding-top:12px;position:relative;} #neu .db-logout::before{content:'';position:absolute;top:0;left:12px;right:12px;height:2px;border-radius:2px;background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);} #neu .db-logout a{border-radius:14px;padding:11px 14px;font-size:14px;color:var(--neu-muted);gap:12px;} #neu .db-logout a:hover{background:transparent;color:var(--neu-bad);box-shadow:var(--neu-out-xs);} #neu .db-page-title{font-family:var(--neu-fd);font-size:22px;font-weight:800;margin-bottom:8px;text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} #neu .db-page-sub{font-size:14px;color:var(--neu-muted);margin-bottom:26px;} #neu .db-card{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);padding:26px 28px;margin-bottom:26px; box-shadow:var(--neu-out); } #neu .db-card-title{ font-family:var(--neu-fd);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--neu-text-2); border-bottom:0;padding-bottom:0;margin-bottom:18px; } #neu .db-label{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--neu-text-2);margin-bottom:9px;} #neu .db-input, #neu .social-body input{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-sm);padding:13px 16px; font-family:var(--neu-fb);color:var(--neu-text);box-shadow:var(--neu-in-sm); transition:box-shadow .18s var(--neu-ease); } #neu .db-input:focus, #neu .social-body input:focus{background:var(--neu-bg);box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.55);} #neu textarea.db-input{border-radius:var(--neu-r);font-family:var(--neu-fb)!important;} #neu select.db-input{appearance:none;cursor:pointer;} #neu .db-actions{gap:14px;margin:4px 0 30px;} #neu .db-btn, #neu .social-save, #neu .av-upload-btn, #neu .av-remove-btn, #neu .bg-remove, #neu .av-crop-actions button{ font-family:var(--neu-fb);font-size:14px;font-weight:600;padding:12px 24px;border:0;border-radius:999px; background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .db-btn:hover, #neu .social-save:hover, #neu .av-upload-btn:hover, #neu .av-remove-btn:hover, #neu .bg-remove:hover{opacity:1;} #neu .db-btn:active, #neu .av-remove-btn:active, #neu .bg-remove:active{transform:none;box-shadow:var(--neu-in-sm);} #neu .db-btn.primary, #neu .social-save, #neu .av-upload-btn, #neu .av-crop-confirm{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .db-btn.primary:hover, #neu .social-save:hover, #neu .av-upload-btn:hover{box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .db-btn.primary:active, #neu .social-save:active, #neu .av-upload-btn:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu .db-btn.ghost{border:0;} #neu .db-btn.ghost:hover{color:var(--neu-accent);} #neu .db-btn.danger, #neu .av-remove-btn, #neu .bg-remove{color:var(--neu-bad);border:0;background:var(--neu-bg);} #neu .db-btn.danger:hover, #neu .av-remove-btn:hover, #neu .bg-remove:hover{box-shadow:var(--neu-out-sm), 0 0 12px rgba(255,107,107,.35);} #neu .db-flash{border:0!important;border-radius:var(--neu-r);background:var(--neu-bg)!important;box-shadow:var(--neu-in-sm);padding:14px 18px;} /* соцсети */ #neu .social-item{border:0;border-radius:20px;margin-bottom:14px;box-shadow:var(--neu-out-sm);overflow:visible;transition:box-shadow .2s var(--neu-ease);} #neu .social-item:focus-within{box-shadow:var(--neu-in-sm);} #neu .social-header{padding:13px 16px;border-radius:20px;} #neu .social-header:hover{background:transparent;} #neu .social-icon{width:40px;height:40px;border-radius:13px;background:var(--neu-bg)!important;box-shadow:var(--neu-out-xs);} #neu .social-status{background:var(--neu-dim);} #neu .social-status.filled{background:var(--neu-ok);box-shadow:0 0 9px var(--neu-ok);} #neu .social-body{padding:2px 16px 16px;} #neu .social-save{padding:10px 20px;font-size:13px;margin-top:12px;} /* аватар / фон */ #neu .av-crop-modal{background:rgba(14,16,20,.72);backdrop-filter:blur(6px);} #neu .av-crop-box{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out-lg);padding:28px;} #neu .av-crop-area{border:0;box-shadow:0 0 0 8px var(--neu-bg), 0 0 0 10px rgba(var(--neu-accent-rgb),.5);} #neu .av-preview{border:0;padding:4px;background:var(--neu-bg);box-shadow:var(--neu-out-sm);} #neu .bg-drop{ border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-in);padding:46px 30px; transition:box-shadow .2s var(--neu-ease); } #neu .bg-drop:hover, #neu .bg-drop.drag{background:transparent;box-shadow:var(--neu-in), 0 0 0 2px rgba(var(--neu-accent-rgb),.5);} #neu .bg-drop svg{width:58px;height:58px;padding:15px;border-radius:50%;box-shadow:var(--neu-out-sm);stroke:var(--neu-muted);margin-bottom:16px;} #neu .bg-drop span{color:var(--neu-accent);} #neu .bg-current{border:0;border-radius:var(--neu-r);padding:8px;box-shadow:var(--neu-in-sm);} /* тема */ #neu .theme-grid{gap:22px;} #neu .theme-item{border:0;border-radius:20px;padding:7px;box-shadow:var(--neu-out-sm);overflow:visible;transition:box-shadow .2s var(--neu-ease), transform .2s var(--neu-ease);} #neu .theme-item:hover{transform:translateY(-3px);} #neu .theme-item.selected{box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.6);transform:none;} #neu .theme-swatch{height:84px;border-radius:14px;position:relative;background:var(--sw-bg);} #neu .theme-swatch i{ position:absolute;left:14px;top:16px;width:64px;height:24px;border-radius:999px;background:var(--sw-bg); box-shadow:4px 4px 9px rgba(0,0,0,.45), -3px -3px 8px rgba(255,255,255,.09); } #neu .theme-swatch b{ position:absolute;left:18px;bottom:16px;width:22px;height:22px;border-radius:50%;background:var(--sw-accent); box-shadow:0 0 14px var(--sw-accent), 3px 3px 6px rgba(0,0,0,.4), inset 1px 1px 1px rgba(255,255,255,.35); } #neu .theme-name{background:transparent;padding:9px 8px 5px;} #neu .theme-check{top:14px;right:14px;background:var(--neu-accent);box-shadow:0 0 10px rgba(var(--neu-accent-rgb),.7);} #neu .ct-field input[type="color"]{width:46px;height:32px;border:0;border-radius:10px;padding:3px;box-shadow:var(--neu-out-xs);background:var(--neu-bg);} #neu .ct-preview{border:0;border-radius:var(--neu-r);box-shadow:var(--neu-in);padding:18px;} #neu .ct-p-level{box-shadow:var(--neu-in-xs);} #neu .ct-p-search{background:var(--neu-bg);border:0;box-shadow:var(--neu-in-xs);padding:8px 12px;} #neu .ct-p-tab{box-shadow:var(--neu-in-xs);} /* достижения */ #neu .ach-grid{gap:16px;} #neu .ach-row{background:var(--neu-bg);border:0;border-radius:22px;padding:14px 18px;box-shadow:var(--neu-out-sm);} #neu .ach-row:hover{background:var(--neu-bg);} #neu .ach-row.pinned{background:var(--neu-bg);box-shadow:var(--neu-in-sm);} #neu .ach-pin-btn{border-radius:50%;padding:9px;color:var(--neu-dim);} #neu .ach-pin-btn:hover{background:transparent;box-shadow:var(--neu-out-xs);} #neu .ach-row.pinned .ach-pin-btn{color:var(--neu-accent);filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.7));} #neu .ach-empty{border-radius:var(--neu-r-lg);box-shadow:var(--neu-in);color:var(--neu-muted);} #neu .ach-empty svg{stroke:var(--neu-dim);} /* настройки: эмоуты */ #neu .emote-tab{border:0;background:var(--neu-bg);color:var(--neu-text-2);padding:8px 16px;box-shadow:var(--neu-out-xs);font-family:var(--neu-fb);} #neu .emote-tab:hover{background:var(--neu-bg);color:var(--neu-text);} #neu .emote-tab.active{background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-sm);} #neu .emote-grid{gap:12px;} #neu .emote-section-label{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;border-bottom:0;color:var(--neu-muted);} #neu .emote-card{border:0;border-radius:14px;padding:9px 6px;box-shadow:var(--neu-out-xs);transition:box-shadow .15s var(--neu-ease);} #neu .emote-card:hover{background:transparent;} #neu .emote-card.checked{background:transparent;box-shadow:var(--neu-in-sm), 0 0 0 1.5px rgba(var(--neu-accent-rgb),.5);} @media (max-width:768px){ #neu .db-wrap{padding:0 0 40px;gap:22px;} #neu .db-sidebar{width:100%;position:static;max-height:none;padding:14px;border-radius:24px;margin-bottom:0;border-bottom:0;} #neu .db-nav-item{padding:10px 13px;font-size:13px;margin:0 4px 6px 0;width:auto;box-shadow:var(--neu-out-xs);} #neu .db-nav-item.active{box-shadow:var(--neu-in-sm);} #neu .db-card{padding:20px 18px;border-radius:24px;} #neu .theme-grid{grid-template-columns:repeat(2,1fr);gap:16px;} } /* ───────── 15. КЛАВИША КОРПУСА (общая кнопка для новой разметки) ───────── */ #neu .neu-key{ display:inline-flex;align-items:center;justify-content:center;gap:9px; padding:14px 26px;border:0;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap; font-family:var(--neu-fb);font-size:15px;font-weight:600;color:var(--neu-text); background:var(--neu-bg);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .neu-key svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} #neu .neu-key:hover{color:var(--neu-accent);} #neu .neu-key:active{box-shadow:var(--neu-in-sm);} #neu .neu-key--accent{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .neu-key--accent:hover{color:var(--neu-on-accent);box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .neu-key--accent:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} /* ───────── 16. ГЛАВНАЯ ───────── */ /* «Экран» консоли: видео утоплено в корпус, а не растянуто фоном на всю страницу */ #neu.neu-home{--scr-h:clamp(340px, 62vh, 640px);--scr-pad:14px;} #neu.neu-home .hero-video-wrap{ position:absolute;top:100px;left:20px;right:20px;margin:0 auto;max-width:1220px;height:var(--scr-h); padding:var(--scr-pad);border-radius:44px;z-index:0; background:var(--neu-bg);box-shadow:var(--neu-in); } #neu.neu-home .hero-video-wrap video{ width:100%;height:100%;object-fit:cover;opacity:1;border-radius:32px;display:block;background:#0c0d10; } #neu.neu-home .hero-video-wrap::after{ inset:var(--scr-pad);border-radius:32px; background: linear-gradient(to bottom, rgba(0,0,0,.28) 0%, transparent 30%, transparent 48%, rgba(0,0,0,.78) 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 6px 6px 18px rgba(0,0,0,.55), inset -2px -2px 10px rgba(0,0,0,.35); } #neu.neu-home .hero-video-wrap::before{inset:var(--scr-pad);border-radius:32px;opacity:.06;} #neu.neu-home .hero{ min-height:0;height:calc(100px + var(--scr-h));padding:0 0 calc(var(--scr-pad) + 38px); justify-content:flex-end;pointer-events:none; } #neu.neu-home .hero-bottom{padding:0 60px;} #neu.neu-home .hero-title-big{ font-family:var(--neu-fd);font-weight:900;font-size:clamp(34px, 6.4vw, 96px);letter-spacing:-.01em;line-height:1; color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.6);animation:none;opacity:1; } #neu .hero-deck{ position:relative;z-index:1;max-width:1220px;margin:26px auto 0;padding:0 34px; display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap; } #neu .hero-tagline{ font-family:var(--neu-fd);font-size:19px;font-weight:700;color:var(--neu-text);margin-bottom:8px; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .hero-sub{font-size:15px;line-height:1.55;color:var(--neu-muted);max-width:58ch;} #neu .hero-deck-actions{display:flex;gap:16px;flex-wrap:wrap;} #neu.neu-home .section-wrap{background:none;margin-top:0;padding:64px 0 40px;} #neu.neu-home .section-inner{padding:0 34px;} #neu .sec-head{gap:14px;margin-bottom:22px;} #neu .sec-title{ font-family:var(--neu-fd);font-size:19px;font-weight:700; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .sec-badge{ position:relative;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none; color:var(--neu-accent);background:var(--neu-bg);border:0;box-shadow:var(--neu-in-xs); padding:5px 13px 5px 26px; } #neu .sec-badge::before{ content:'';position:absolute;left:11px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%; background:var(--neu-accent);box-shadow:0 0 8px var(--neu-accent); } /* карусель — утопленный лоток, карточки лежат в нём выпуклыми */ #neu .carousel-outer{ padding:38px 20px 34px;border-radius:var(--neu-r-xl);box-shadow:var(--neu-in);overflow:hidden; } #neu .carousel-row{gap:26px;} #neu .c-card[data-size="xs"]{width:104px;height:139px;opacity:.5;} #neu .c-card[data-size="sm"]{width:164px;height:219px;opacity:.82;} #neu .c-card[data-size="lg"]{width:258px;height:344px;} #neu .c-card{ border:0;border-radius:22px;padding:7px;background:var(--neu-bg);box-shadow:var(--neu-out-sm);overflow:hidden; } #neu .c-card .c-cover-wrap{inset:7px;border-radius:16px;} #neu .c-card[data-size="lg"]{ border:0;box-shadow:var(--neu-out), 0 0 0 2px rgba(var(--neu-accent-rgb),.55), 0 0 28px rgba(var(--neu-accent-rgb),.22); } #neu .c-card .c-yt{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:16px;} #neu .c-info{left:7px;right:7px;bottom:7px;border-radius:0 0 16px 16px;padding:44px 14px 14px;} #neu .c-name{font-family:var(--neu-fd);font-size:13px;font-weight:700;} #neu .c-plat{border-radius:999px;padding:2px 8px;} #neu .c-hint{color:var(--neu-accent);} #neu .blink-dot{background:var(--neu-accent);box-shadow:0 0 8px var(--neu-accent);} #neu .c-close, #neu .card-add-btn-c{ top:15px;right:15px;width:32px;height:32px;border:0;background:var(--neu-bg);color:var(--neu-text); box-shadow:2px 2px 6px rgba(0,0,0,.5); } #neu .card-add-btn-c{color:var(--neu-accent);} #neu .dots{gap:14px;margin-top:24px;} #neu .dot{width:12px;height:12px;background:var(--neu-bg);box-shadow:var(--neu-in-xs);transition:box-shadow .2s, background .2s;} #neu .dot.on{background:var(--neu-accent);transform:none;box-shadow:0 0 10px rgba(var(--neu-accent-rgb),.8), inset 1px 1px 1px rgba(255,255,255,.35);} /* выпадающий поиск */ #neu .search-dropdown{ top:calc(100% + 16px);width:400px;background:var(--neu-bg);border:0;border-radius:24px; box-shadow:var(--neu-out-lg);padding:8px; } #neu .search-item{border-bottom:0;border-radius:16px;padding:9px 10px;} #neu .search-item:hover{background:transparent;box-shadow:var(--neu-in-xs);} #neu .search-item-cover{border-radius:9px;box-shadow:2px 2px 6px rgba(0,0,0,.45);} #neu .search-item-name{font-family:var(--neu-fb);font-size:14px;font-weight:600;} #neu .search-item-add{ width:34px;height:34px;border:0;background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-out-xs); } #neu .search-item-add:hover{background:var(--neu-bg);transform:none;} #neu .search-item-add:active{box-shadow:var(--neu-in-xs);} /* модалки главной */ #neu .game-modal, #neu .upcoming-modal, #neu .trailer-modal{background:rgba(14,16,20,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} #neu .game-modal-box, #neu .upcoming-modal-box{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-xl);box-shadow:var(--neu-out-lg); } #neu .game-modal-cover, #neu .upcoming-modal-cover{padding:18px 0 18px 18px;width:196px;} #neu .game-modal-cover img, #neu .upcoming-modal-cover img{border-radius:18px;box-shadow:4px 5px 14px rgba(0,0,0,.5);min-height:0;height:auto;aspect-ratio:3/4;} #neu .game-modal-body, #neu .upcoming-modal-info{padding:26px 28px 22px;gap:14px;} #neu .game-modal-title, #neu .upcoming-modal-title{font-family:var(--neu-fd);font-size:19px;font-weight:700;padding-right:44px;} #neu .game-modal-tag, #neu .upcoming-modal-tag{ font-size:11px;padding:4px 11px;border:0;background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-xs); } #neu .game-modal-tag.platform, #neu .upcoming-modal-tag.plat{background:var(--neu-bg);color:var(--neu-muted);} #neu .game-modal-rating, #neu .upcoming-modal-rating{font-family:var(--neu-fd);color:var(--neu-accent);text-shadow:0 0 14px rgba(var(--neu-accent-rgb),.45);} #neu .game-modal-desc, #neu .upcoming-modal-desc{color:var(--neu-text-2);font-size:14px;} #neu .game-modal-actions, #neu .upcoming-modal-actions{gap:14px;padding-top:10px;} #neu .game-modal-btn, #neu .upcoming-modal-btn{ padding:13px;border:0;border-radius:999px;font-family:var(--neu-fb);font-size:14px;font-weight:600; background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu .game-modal-btn:hover, #neu .upcoming-modal-btn:hover{opacity:1;color:var(--neu-accent);} #neu .game-modal-btn:active, #neu .upcoming-modal-btn:active{box-shadow:var(--neu-in-sm);} #neu .game-modal-btn.primary, #neu .upcoming-modal-btn.primary{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .game-modal-btn.primary:hover, #neu .upcoming-modal-btn.primary:hover{color:var(--neu-on-accent);box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu .game-modal-close, #neu .upcoming-modal-close{ top:16px;right:16px;width:36px;height:36px;background:var(--neu-bg);color:var(--neu-muted);box-shadow:var(--neu-out-xs); } #neu .game-modal-close:hover, #neu .upcoming-modal-close:hover{background:var(--neu-bg);color:var(--neu-accent);} #neu .upcoming-modal-trailer-label{font-family:var(--neu-fd);font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--neu-text-2);padding:6px 28px 12px;} #neu .upcoming-modal-trailer{margin:0 18px 18px;border-radius:22px;overflow:hidden;padding:8px;background:var(--neu-bg);box-shadow:var(--neu-in-sm);} #neu .upcoming-modal-trailer iframe{border-radius:16px;} #neu .trailer-box{border:0;border-radius:30px;padding:12px;background:var(--neu-bg);box-shadow:var(--neu-out-lg);overflow:visible;} #neu .trailer-box iframe{border-radius:20px;} #neu .trailer-close{width:42px;height:42px;background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm);} #neu .trailer-close:hover{transform:none;opacity:1;color:var(--neu-accent);} @media (max-width:768px){ #neu.neu-home{--scr-h:clamp(260px, 46vh, 420px);--scr-pad:10px;} #neu.neu-home .hero-video-wrap{top:82px;left:14px;right:14px;border-radius:32px;} #neu.neu-home .hero-video-wrap video, #neu.neu-home .hero-video-wrap::after, #neu.neu-home .hero-video-wrap::before{border-radius:23px;} #neu.neu-home .hero{height:calc(82px + var(--scr-h));padding-bottom:calc(var(--scr-pad) + 22px);} #neu.neu-home .hero-bottom{padding:0 30px;margin-bottom:0;} #neu.neu-home .hero-title-big{font-size:clamp(28px, 10vw, 44px)!important;} #neu .hero-deck{margin-top:22px;padding:0 20px;gap:20px;} #neu .hero-tagline{font-size:16px;} #neu .hero-sub{font-size:14px;} #neu .hero-deck-actions{width:100%;gap:12px;} #neu .hero-deck-actions .neu-key{flex:1;padding:14px 12px;font-size:14px;} #neu.neu-home .section-wrap{padding:44px 0 20px;} #neu.neu-home .section-inner{padding:0 14px;} #neu .sec-head{justify-content:flex-start;padding:0 6px;flex-wrap:wrap;gap:10px;} #neu .sec-title{font-size:16px;} #neu .sec-badge{white-space:nowrap;} #neu .carousel-outer{padding:26px 6px 24px!important;border-radius:28px;} #neu .carousel-row{gap:9px;} #neu .c-card[data-size="xs"]{width:26px;height:35px;} #neu .c-card[data-size="sm"]{width:56px;height:75px;} #neu .c-card[data-size="lg"]{width:168px;height:224px;} #neu .c-card{padding:4px;border-radius:13px;} #neu .c-card .c-cover-wrap{inset:4px;border-radius:10px;} #neu .c-card[data-size="lg"]{border-radius:18px;padding:6px;} #neu .c-card[data-size="lg"] .c-cover-wrap{inset:6px;border-radius:13px;} #neu .c-info{left:6px;right:6px;bottom:6px;border-radius:0 0 13px 13px;} #neu .search-dropdown{width:calc(100vw - 28px);} #neu .game-modal-box,#neu .upcoming-modal-box{border-radius:28px;} #neu .game-modal-cover,#neu .upcoming-modal-cover{width:100%;padding:14px 14px 0;height:auto;} #neu .game-modal-cover img,#neu .upcoming-modal-cover img{aspect-ratio:16/9;height:auto;} #neu .game-modal-body,#neu .upcoming-modal-info{padding:18px 20px 20px;} } /* ───────── 17. ОБЩИЕ ВСПЛЫВАЮЩИЕ ОКНА ───────── */ #neu #newsOverlay, #neu #eventBannerOverlay, #neu #ptUserListOverlay, #neu .neu-dialog-overlay{background:rgba(14,16,20,.64)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;} #neu #newsModal, #neu #eventBannerModal, #neu #ptUserListModal > div:nth-child(2), #neu .neu-dialog{ background:var(--neu-bg)!important;border:0!important;border-radius:var(--neu-r-lg)!important; box-shadow:var(--neu-out-lg)!important; } #neu .neu-dialog{padding:30px 28px 26px!important;max-width:400px!important;} #neu .neu-dialog > div:first-child{font-family:var(--neu-fd);font-size:15px!important;font-weight:700!important;margin-bottom:12px!important;} #neu .neu-dialog > div:nth-child(2){font-size:14px!important;color:var(--neu-text-2)!important;line-height:1.55;margin-bottom:24px!important;} #neu .neu-dialog > div:last-child{gap:14px!important;} #neu .news-modal-head{border-bottom:0;padding:22px 24px 10px;gap:12px;} #neu .news-modal-head svg{stroke:var(--neu-accent);filter:drop-shadow(0 0 5px rgba(var(--neu-accent-rgb),.6));} #neu .news-modal-title{font-family:var(--neu-fd);font-size:14px;} #neu .news-modal-close, #neu .mfp-close, #neu #ptUserListModal button{ width:36px;height:36px;border-radius:50%;padding:0;align-items:center;justify-content:center;display:flex; background:var(--neu-bg)!important;color:var(--neu-muted)!important;box-shadow:var(--neu-out-xs); } #neu .news-modal-close:hover, #neu #ptUserListModal button:hover{color:var(--neu-accent)!important;} #neu .news-modal-close:active, #neu .mfp-close:active, #neu #ptUserListModal button:active{box-shadow:var(--neu-in-xs);} #neu .news-modal-body{padding:6px 18px 20px;} #neu .news-item{border-bottom:0;padding:16px 18px;margin-bottom:14px;border-radius:20px;box-shadow:var(--neu-in-sm);} #neu .news-item:last-child{margin-bottom:0;} #neu .news-item-title{font-size:15px;font-weight:600;margin-bottom:6px;} #neu .news-item-body{font-size:14px;line-height:1.55;} #neu #eventBannerModal{padding:10px;overflow:visible;} #neu .event-banner-imgwrap{border-radius:20px;overflow:hidden;} #neu .event-banner-close{top:18px;right:18px;width:34px;height:34px;background:var(--neu-bg);color:var(--neu-text);box-shadow:2px 2px 6px rgba(0,0,0,.5);} #neu .event-banner-close:hover{background:var(--neu-bg);color:var(--neu-accent);} #neu .event-banner-cta{ font-family:var(--neu-fb);font-weight:600;font-size:15px;border-radius:999px;padding:13px 26px; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:4px 4px 12px rgba(0,0,0,.5), inset 1px 1px 1px rgba(255,255,255,.3); } #neu #ptUserListModal > div:nth-child(2) > div:first-child{border-bottom:0!important;padding:20px 20px 10px!important;} #neu #ptUserListTitle{font-family:var(--neu-fd);font-size:14px!important;} #neu #ptUserListBody{padding:6px 12px 16px!important;} #neu #ptUserListBody a{border-radius:16px!important;padding:10px 12px!important;background:transparent!important;transition:box-shadow .15s var(--neu-ease);} #neu #ptUserListBody a:hover{box-shadow:var(--neu-out-xs);} #neu #ptUserListBody a > div{background:var(--neu-bg)!important;box-shadow:var(--neu-out-xs);padding:2px;overflow:visible!important;width:40px!important;height:40px!important;} #neu #ptUserListBody a > div img{border-radius:50%;} /* пикер реакций */ #neu .reaction-picker{background:var(--neu-bg)!important;border:0!important;border-radius:20px!important;box-shadow:var(--neu-out-lg)!important;padding:12px!important;} @media (max-width:768px){ #neu #mobFriendsPanel{ top:80px;bottom:96px;left:14px;right:14px;background:var(--neu-bg);border:0;border-radius:26px;box-shadow:var(--neu-out-lg); } #neu .mfp-header{border-bottom:0;padding:18px 18px 8px;} #neu .mfp-title{font-family:var(--neu-fd);font-size:14px;} #neu #mfpSearchInput{background:var(--neu-bg);border:0;border-radius:999px;box-shadow:var(--neu-in-sm);padding:13px 16px 13px 42px;font-family:var(--neu-fb);} #neu .mfp-search-wrap svg{left:32px;} #neu .mfp-section-title{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--neu-muted);} #neu .mfp-user-row{margin:0 10px 6px;padding:10px 12px;border-radius:18px;} #neu .mfp-user-avatar{background:var(--neu-bg);box-shadow:var(--neu-out-xs);padding:2px;overflow:visible;} #neu .mfp-user-avatar img{border-radius:50%;} #neu .mfp-btn{padding:8px 16px;border-radius:999px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);color:var(--neu-text-2);} #neu .mfp-btn.add{color:var(--neu-accent);} #neu .mfp-btn.accept{color:var(--neu-ok);} #neu .mfp-btn.pending{box-shadow:var(--neu-in-xs);color:var(--neu-dim);} #neu .mfp-btn:active{box-shadow:var(--neu-in-xs);} } /* ───────── 18. ФИЛЬМЫ: отличия от игр ───────── */ #neu .film-row-year{color:var(--neu-muted);font-size:13px;} #neu .status-watched{color:var(--neu-ok);} #neu .status-queue, #neu .status-queued{color:var(--neu-text-2);} #neu .status-wishlist{color:#6fb1ff;} #neu .status-infinite{color:#c79bff;} #neu .film-row{min-height:0;} #neu .film-row-cover-inner{width:128px;} #neu .film-row-title > span{font-family:var(--neu-fb);} /* свернутая плитка: всё, кроме названия, скрыто (inline display:flex у тегов перебивал страничное правило) */ #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-footer-tags, #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-meta, #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-comment-wrap, #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-num-inline, #neu #gamesList.tiles-mode .game-tile:not(.expanded) .game-row-edit-btn, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-footer-tags, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-meta, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-comment-wrap, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-num-inline, #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-edit-btn{display:none!important;} @media (max-width:768px){ #neu .games-controls, #neu .films-controls{flex-direction:column;align-items:stretch;} #neu .games-search, #neu .films-search{flex:0 0 auto;width:100%;max-width:none;} #neu .view-mode-toggle{align-self:flex-start;} #neu .film-row-cover-inner{width:70px;} } /* ───────── 19. ВХОД / РЕГИСТРАЦИЯ ───────── */ #neu.neu-auth .vbg{display:none;} #neu.neu-auth .nav-inner{padding:0 16px;} #neu.neu-auth .page{padding:120px 20px 60px;animation:none;} #neu.neu-auth .card{ max-width:440px;padding:38px 36px 34px; background:var(--neu-bg);border:0;border-radius:var(--neu-r-xl); box-shadow:var(--neu-out-lg);backdrop-filter:none;-webkit-backdrop-filter:none; } #neu.neu-auth .card-title{ font-family:var(--neu-fd);font-size:23px;font-weight:800;margin-bottom:8px; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu.neu-auth .card-sub{font-size:14px;color:var(--neu-muted);margin-bottom:26px;} #neu.neu-auth .or{gap:14px;margin:24px 0;color:var(--neu-dim);} #neu.neu-auth .or::before, #neu.neu-auth .or::after{height:2px;background:var(--neu-sh-d);box-shadow:0 1px 0 var(--neu-sh-l);border-radius:2px;} #neu.neu-auth .oauth-btn{ padding:14px;border:0;border-radius:999px;margin-bottom:16px;font-weight:600; background:var(--neu-bg);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu.neu-auth .oauth-btn:hover{background:var(--neu-bg);color:var(--neu-accent);} #neu.neu-auth .oauth-btn:active{box-shadow:var(--neu-in-sm);} #neu.neu-auth .oauth-btn.twitch{background:var(--neu-bg);border:0;} #neu.neu-auth .oauth-btn.twitch:hover{background:var(--neu-bg);color:#b58cff;} #neu.neu-auth .field{margin-bottom:18px;} #neu.neu-auth .field label{font-size:13px;letter-spacing:0;color:var(--neu-text-2);margin-bottom:9px;} #neu.neu-auth .field input{ padding:14px 18px;border:0;border-radius:var(--neu-r-sm);background:var(--neu-bg);box-shadow:var(--neu-in-sm); transition:box-shadow .18s var(--neu-ease); } #neu.neu-auth .field input:focus{background:var(--neu-bg);box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.55);} #neu.neu-auth .field input::placeholder{color:var(--neu-dim);} #neu.neu-auth .submit-btn{ padding:15px;border-radius:999px;margin-top:8px;font-family:var(--neu-fb);font-size:15px;font-weight:600; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); transition:box-shadow .18s var(--neu-ease); } #neu.neu-auth .submit-btn:hover{opacity:1;box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28), var(--neu-glow);} #neu.neu-auth .submit-btn:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu.neu-auth .flash{border:0!important;border-radius:var(--neu-r-sm);padding:13px 16px;background:var(--neu-bg)!important;box-shadow:var(--neu-in-sm);margin-bottom:20px;} #neu.neu-auth .foot{margin-top:24px;font-size:14px;} @media (max-width:480px){ #neu.neu-auth .card{padding:30px 22px 26px;border-radius:28px;} #neu.neu-auth .page{padding-top:104px;} } /* ───────── 20. МЕССЕНДЖЕР ───────── */ #neu .msg-wrap{padding:0 24px 60px;min-height:0;} #neu .msg-title, #neu .cr-page-title{font-family:var(--neu-fd);font-size:21px;font-weight:800;text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} #neu .cr-page-title{font-size:17px;} #neu .chat-list{gap:16px;} #neu .chat-item{ padding:14px 18px;gap:14px;border:0;border-radius:24px;background:var(--neu-bg);box-shadow:var(--neu-out-sm); transition:box-shadow .2s var(--neu-ease); } #neu .chat-item:hover{background:var(--neu-bg);box-shadow:var(--neu-out);} #neu .chat-item:active{box-shadow:var(--neu-in-sm);} #neu .chat-avatar{width:48px;height:48px;padding:3px;overflow:visible;background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu .chat-avatar img{border-radius:50%;} #neu .chat-name{font-size:15px;font-weight:600;} #neu .chat-preview{font-size:13px;} #neu .chat-unread{background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-xs);padding:3px 9px;text-shadow:0 0 8px rgba(var(--neu-accent-rgb),.6);} #neu .chat-empty{border-radius:var(--neu-r-lg);box-shadow:var(--neu-in);color:var(--neu-muted);} #neu .chat-empty svg{stroke:var(--neu-dim);} #neu .chat-btn{ padding:12px 24px;border-radius:999px;font-family:var(--neu-fb);font-size:14px;font-weight:600; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .cr-back{width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;box-shadow:var(--neu-out-xs);color:var(--neu-text-2);} #neu .cr-back:active{box-shadow:var(--neu-in-xs);} #neu .cr-wrap{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out);height:calc(100vh - 230px);} #neu .cr-thread{margin:16px 16px 0;padding:18px;border-radius:22px;box-shadow:var(--neu-in-sm);gap:10px;} #neu .cr-bubble{border-radius:20px;padding:11px 15px;font-size:14px;} #neu .cr-row:not(.mine) .cr-bubble{background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-xs);border-bottom-left-radius:7px;} #neu .cr-row.mine .cr-bubble{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:2px 2px 6px var(--neu-sh-d), inset 1px 1px 1px rgba(255,255,255,.25);border-bottom-right-radius:7px; } #neu .cr-day{text-transform:none;letter-spacing:0;font-size:12px;} #neu .cr-input-row{border-top:0;padding:16px;gap:12px;} #neu .cr-input{background:var(--neu-bg);border:0;border-radius:999px;box-shadow:var(--neu-in-sm);padding:14px 20px;font-family:var(--neu-fb);} #neu .cr-input:focus{box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.55);} #neu .cr-send{ width:48px;height:48px;background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent)); box-shadow:var(--neu-out-xs), inset 1px 1px 1px rgba(255,255,255,.3); } #neu .cr-send svg{stroke:var(--neu-on-accent);} @media (max-width:768px){ #neu .msg-wrap{padding:0 2px 110px;} #neu .cr-wrap{height:calc(100vh - 270px);border-radius:24px;margin-bottom:0;} #neu .cr-thread{margin:12px 12px 0;padding:14px;} } /* ───────── 21. СТРАНИЦЫ НА style.css: FAQ, список стримеров, ошибки ───────── */ #neu .page-title, #neu .faq-hero__title{ font-family:var(--neu-fd);font-weight:800;letter-spacing:-.005em; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .page-title{font-size:24px;margin-bottom:8px;} #neu .page-subtitle{font-size:14px;color:var(--neu-muted);} #neu .section-title{font-family:var(--neu-fd);font-size:15px;font-weight:700;} #neu .section-count{background:var(--neu-bg);box-shadow:var(--neu-in-xs);color:var(--neu-muted);padding:3px 10px;} #neu .text-muted{color:var(--neu-muted);} #neu .faq-hero{padding:36px 0 44px;} #neu .faq-hero__badge{ position:relative;border:0;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none; color:var(--neu-accent);box-shadow:var(--neu-in-xs);padding:6px 16px 6px 30px; } #neu .faq-hero__badge::before{ content:'';position:absolute;left:13px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%; background:var(--neu-accent);box-shadow:0 0 8px var(--neu-accent); } #neu .faq-hero__title{font-size:clamp(26px, 4.4vw, 42px);line-height:1.2;} #neu .faq-hero__subtitle{color:var(--neu-muted);font-size:16px;} #neu .faq-section__title{ font-family:var(--neu-fd);font-size:17px;font-weight:700;border-bottom:0;padding-bottom:0;margin-bottom:22px; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .features-grid{gap:24px;} #neu .feature-card{ background:var(--neu-bg);border:0;border-radius:24px;padding:22px 22px 24px;box-shadow:var(--neu-out-sm); transition:box-shadow .22s var(--neu-ease); } #neu .feature-card:hover{box-shadow:var(--neu-out);} #neu .feature-card__icon{ width:46px;height:46px;border-radius:15px;margin-bottom:16px; background:var(--neu-bg);box-shadow:var(--neu-in-sm);color:var(--neu-accent); } #neu .feature-card__icon svg{filter:drop-shadow(0 0 4px rgba(var(--neu-accent-rgb),.5));} #neu .feature-card__title{font-size:15px;font-weight:600;margin-bottom:8px;} #neu .feature-card__text{font-size:14px;color:var(--neu-muted);line-height:1.6;} #neu .faq-list{gap:16px;} #neu .faq-item{ background:var(--neu-bg);border:0;border-radius:22px;box-shadow:var(--neu-out-sm); transition:box-shadow .22s var(--neu-ease); } #neu .faq-item--open{box-shadow:var(--neu-in-sm);} #neu .faq-item__q{padding:18px 22px;font-family:var(--neu-fb);font-size:15px;font-weight:600;color:var(--neu-text);} #neu .faq-item__q:hover{color:var(--neu-accent);} #neu .faq-item--open .faq-item__q{color:var(--neu-accent);} #neu .faq-item__arrow{color:var(--neu-dim);} #neu .faq-item__a{padding:0 22px 20px;font-size:14px;color:var(--neu-text-2);line-height:1.65;} #neu .faq-item__a code{background:var(--neu-bg);box-shadow:var(--neu-in-xs);border-radius:8px;padding:2px 8px;color:var(--neu-accent);} #neu .faq-cta{margin-top:10px;} #neu .streamer-grid{gap:22px;} #neu .streamer-card{ background:var(--neu-bg);border:0;border-radius:24px;box-shadow:var(--neu-out-sm); transition:box-shadow .22s var(--neu-ease), transform .22s var(--neu-ease); } #neu .streamer-card:hover{box-shadow:var(--neu-out);transform:translateY(-3px);border-color:transparent;background:var(--neu-bg);} #neu .streamer-card__name{font-weight:600;} #neu .empty-state{border-radius:var(--neu-r-lg);box-shadow:var(--neu-in);padding:44px 28px;color:var(--neu-muted);} #neu .error-page{padding-top:60px;} #neu .error-page__code{ font-family:var(--neu-fd);font-size:96px;font-weight:900;line-height:1;color:var(--neu-bg); text-shadow:3px 3px 6px var(--neu-sh-d), -3px -3px 6px var(--neu-sh-l); } #neu .error-page__title{font-family:var(--neu-fd);font-size:20px;} #neu .error-page__text{color:var(--neu-muted);} #neu .modal-overlay{background:rgba(14,16,20,.64);backdrop-filter:blur(7px);} #neu .modal{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out-lg);} #neu .modal__title{font-family:var(--neu-fd);font-size:16px;} #neu .dash-film-item, #neu .game-item, #neu .wishlist-item, #neu .suggestion-card{ background:var(--neu-bg);border:0;border-radius:22px;box-shadow:var(--neu-out-sm); } #neu .film-result-item{border-radius:14px;border:0;} #neu .film-result-item:hover{background:transparent;box-shadow:var(--neu-in-xs);} #neu .dash-film-thumb, #neu .dash-film-add__poster{border-radius:12px;border:0;box-shadow:2px 3px 7px rgba(0,0,0,.45);} /* ───────── 22. СТОЛ СТРИМЕРА: настройки ───────── */ #neu .sd-wrap{margin-top:8px;} #neu .sd-hero h1{ font-family:var(--neu-fd);font-size:24px;background:none;-webkit-text-fill-color:currentColor;color:var(--neu-text); text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu .sd-card{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);padding:26px 28px;margin-bottom:26px;box-shadow:var(--neu-out);} #neu .sd-card h2{font-family:var(--neu-fd);font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--neu-text-2);margin-bottom:18px;} #neu .sd-row{gap:14px;} #neu .sd-input{background:var(--neu-bg);border:0;border-radius:var(--neu-r-sm);padding:13px 16px;box-shadow:var(--neu-in-sm);} #neu .sd-btn{ padding:12px 20px;border:0;border-radius:999px;font-family:var(--neu-fb);font-size:14px; background:var(--neu-bg);color:var(--neu-text);box-shadow:var(--neu-out-sm); transition:box-shadow .18s var(--neu-ease); } #neu .sd-btn:hover{opacity:1;} #neu .sd-btn:active{box-shadow:var(--neu-in-sm);} #neu .sd-btn.btn-copy{color:var(--neu-accent);} #neu .sd-btn.btn-regen{color:var(--neu-bad);} #neu .sd-btn.btn-open{ background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28); } #neu .sd-step{border-bottom:0;padding:12px 0;gap:16px;} #neu .sd-step-num{ width:36px;height:36px;border:0;background:var(--neu-bg);color:var(--neu-accent);box-shadow:var(--neu-in-sm); font-family:var(--neu-fd);font-size:12px; } #neu .sd-btn.btn-regen{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;} #neu .sd-btn.btn-open{display:inline-flex;align-items:center;text-decoration:none;} #neu .sd-toast{ bottom:34px;background:var(--neu-bg);color:var(--neu-ok);border-radius:999px;box-shadow:var(--neu-out); padding:12px 22px;font-family:var(--neu-fb);font-size:14px; } @media (max-width:768px){ #neu .sd-card{padding:20px 18px;} #neu .sd-row{flex-wrap:wrap;} #neu .sd-input{flex:1 1 100%;min-width:0;} #neu .sd-toast{bottom:110px;} } /* ───────── 23. ЗАЯВКА НА ДОСТУП ───────── */ #neu .sgt-access__box{background:var(--neu-bg);border-radius:var(--neu-r-xl);box-shadow:var(--neu-out-lg);} #neu .sgt-access__topbar{padding:28px 32px 0;font-family:var(--neu-fd);font-size:18px;font-weight:800;color:var(--neu-text);text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l);} #neu .sgt-access__dot{width:9px;height:9px;background:var(--neu-ok);box-shadow:0 0 10px var(--neu-ok);} #neu .sgt-access__body{padding:22px 32px 24px;} #neu .sgt-viewer-info{padding:12px 16px;border-radius:20px;box-shadow:var(--neu-in-sm);} #neu .sgt-viewer-info img{width:44px;height:44px;border-radius:50%;border:3px solid var(--neu-bg);box-shadow:var(--neu-out-xs);object-fit:cover;} #neu .sgt-viewer-info__name{font-size:15px;font-weight:600;color:var(--neu-text);} #neu .sgt-viewer-info__sub{font-size:12px;color:var(--neu-muted);margin-top:3px;} #neu .sgt-types{gap:18px;} #neu .sgt-type-btn{ background:var(--neu-bg);border:0;border-radius:24px;padding:20px 14px 18px;color:var(--neu-text-2); box-shadow:var(--neu-out-sm);transition:box-shadow .2s var(--neu-ease), color .2s; } #neu .sgt-type-btn:hover{color:var(--neu-text);} #neu .sgt-type-btn__icon{width:46px;height:46px;border-radius:50%;box-shadow:var(--neu-in-xs);color:var(--neu-muted);transition:color .2s;} #neu .sgt-type-btn__title{font-size:14px;font-weight:600;color:var(--neu-text);} #neu .sgt-type-btn__desc{font-size:12px;color:var(--neu-muted);} #neu .sgt-type-btn.selected{box-shadow:var(--neu-in-sm);} #neu .sgt-type-btn.selected .sgt-type-btn__icon{color:var(--neu-accent);box-shadow:var(--neu-out-xs);filter:drop-shadow(0 0 6px rgba(var(--neu-accent-rgb),.45));} #neu .sgt-type-btn.selected .sgt-type-btn__title{color:var(--neu-accent);} #neu .sgt-field__label{display:block;font-size:13px;font-weight:500;color:var(--neu-text-2);margin-bottom:10px;} #neu .sgt-field__input{ background:var(--neu-bg);border:0;border-radius:var(--neu-r-sm);padding:13px 16px;color:var(--neu-text); font-family:var(--neu-fb);font-size:14px;box-shadow:var(--neu-in-sm); } #neu .sgt-field__input::placeholder{color:var(--neu-dim);} #neu .sgt-submit{ border-radius:999px;padding:15px;font-family:var(--neu-fb);font-size:15px;font-weight:600; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-sm), inset 1px 1px 1px rgba(255,255,255,.28);transition:box-shadow .2s var(--neu-ease); } #neu .sgt-submit:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu .sgt-submit:disabled{background:var(--neu-bg);color:var(--neu-dim);box-shadow:var(--neu-in-sm);} #neu .sgt-access__footer{padding:0 32px 28px;font-size:13px;text-align:center;} #neu .sgt-access__footer a{color:var(--neu-muted);text-decoration:none;} #neu .sgt-access__footer a:hover{color:var(--neu-accent);} #neu .sgt-pending__icon{ width:60px;height:60px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center; color:var(--neu-warn);box-shadow:var(--neu-in-sm); } #neu .sgt-pending__text{font-size:14px;color:var(--neu-text-2);} #neu .sgt-pending__type{display:inline-block;margin-top:10px;color:var(--neu-muted);font-size:13px;} #neu .sgt-flash-msg{border-radius:var(--neu-r-sm);box-shadow:var(--neu-in-sm);color:var(--neu-ok);font-size:13px;padding:12px 16px;} @media (max-width:480px){ #neu .sgt-access{padding:8px 6px 40px;} #neu .sgt-access__topbar{padding:24px 22px 0;} #neu .sgt-access__body{padding:20px 22px 22px;} #neu .sgt-types{gap:12px;} } @media (max-width:768px){ #neu .features-grid{grid-template-columns:1fr;gap:18px;} } /* (раздел 24 — объёмное оформление ивента — снят: страница ивента оставлена в её плакатном виде) */ /* ───────── 25. МЕЛОЧИ: пилюли, пустые состояния, фильмы и предложения в панели ───────── */ #neu .neu-led{display:inline-block;flex-shrink:0;} #neu .neu-led--ok{background:var(--neu-ok);box-shadow:0 0 0 2px var(--neu-bg), 0 0 10px var(--neu-ok);} #neu .neu-led--warn{background:var(--neu-warn);box-shadow:0 0 0 2px var(--neu-bg), 0 0 10px var(--neu-warn);} #neu .neu-pill{ display:inline-flex;align-items:center;flex-shrink:0;padding:6px 14px;border-radius:999px; font-size:12px;font-weight:600;color:var(--neu-text-2);background:var(--neu-bg);box-shadow:var(--neu-in-xs); } #neu .neu-pill--accent{color:var(--neu-accent);} #neu .neu-pill--ok{color:var(--neu-ok);} #neu .neu-pill--bad{color:var(--neu-bad);} #neu .neu-empty-icon{ width:68px;height:68px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center; color:var(--neu-muted);background:var(--neu-bg);box-shadow:var(--neu-out-sm); } #neu .neu-gate-title{ font-family:var(--neu-fd);font-size:22px;font-weight:800;color:var(--neu-text);margin-bottom:12px; text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } /* мои фильмы в панели: каждая строка — отдельная плитка с утопленными полями */ #neu #filmsList > .dash-film-item{align-items:flex-start;gap:18px;padding:16px 18px;margin-bottom:18px;} #neu #filmsList > .dash-film-item:last-child{margin-bottom:0;} #neu .dash-film-item .dash-film-thumb{width:58px;height:84px;object-fit:cover;flex-shrink:0;} #neu .dash-film-item .form-input{font-size:13px;padding:9px 14px;border-radius:14px;} #neu .dash-film-item select.form-input{padding-right:34px;} #neu .dash-film-item .film-save-btn{box-shadow:var(--neu-out-xs);color:var(--neu-accent);font-weight:600;} #neu .dash-film-item .film-save-btn:active{box-shadow:var(--neu-in-xs);} #neu .dash-film-item .film-delete-btn{width:38px;height:38px;padding:0;border-radius:50%;box-shadow:var(--neu-out-xs);color:var(--neu-muted);flex-shrink:0;} #neu .dash-film-item .film-delete-btn:hover{color:var(--neu-bad);} #neu .dash-film-item .film-delete-btn:active{box-shadow:var(--neu-in-xs);} #neu .dash-film-add{border-radius:22px;box-shadow:var(--neu-in-sm);padding:18px;border:0;background:var(--neu-bg);} #neu #filmSearchResults{border-radius:20px;box-shadow:var(--neu-in-sm);padding:8px;} /* предложения зрителей */ #neu .suggestion-card img{border-radius:12px!important;box-shadow:2px 3px 7px rgba(0,0,0,.4);} #neu .suggestion-card--done{box-shadow:var(--neu-in-xs);opacity:.75;} #neu .sug-accept-btn, #neu .sug-reject-btn{background:var(--neu-bg);box-shadow:var(--neu-out-xs);font-weight:600;} #neu .sug-accept-btn{color:var(--neu-ok);} #neu .sug-reject-btn{color:var(--neu-bad);} #neu .sug-accept-btn:active, #neu .sug-reject-btn:active{box-shadow:var(--neu-in-xs);} @media (max-width:768px){ #neu #filmsList > .dash-film-item{padding:14px;gap:12px;} #neu .dash-film-item .dash-film-thumb{width:46px;height:68px;} #neu .suggestion-card{flex-wrap:wrap;} } /* вкладки старой панели (фильмы / настройки / предложения) — утопленный лоток с клавишами */ #neu .dashboard-nav{ display:inline-flex;flex-wrap:wrap;gap:8px;padding:7px;margin-bottom:30px;border-bottom:0; border-radius:999px;box-shadow:var(--neu-in-sm);max-width:100%; } #neu .dashboard-nav__link{ padding:10px 18px;border-bottom:0;border-radius:999px;font-size:14px;color:var(--neu-muted); transition:color .18s, box-shadow .2s var(--neu-ease); } #neu .dashboard-nav__link:hover{color:var(--neu-text);} #neu .dashboard-nav__link--active{color:var(--neu-accent);background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu .dashboard-nav__link > span{background:var(--neu-bad)!important;color:#2a0d0d!important;box-shadow:0 0 8px rgba(255,107,107,.55);} @media (max-width:768px){ #neu .dashboard-nav{display:flex;border-radius:24px;gap:6px;} #neu .dashboard-nav__link{flex:1 1 40%;justify-content:center;padding:10px 8px;font-size:13px;} } /* ───────── 26. ПАНЕЛЬ МОДЕРАТОРА StreamerDesk ───────── Пульт: корпус слева, утопленный «экран» холста справа. */ html#neu.neu-desk body{background:var(--neu-bg);font-family:var(--neu-fb);color:var(--neu-text);} #neu.neu-desk .topbar{ background:var(--neu-bg);border-bottom:0;margin:14px 14px 0;padding:10px 14px 10px 20px;gap:12px; border-radius:999px;box-shadow:var(--neu-out-sm);position:relative;z-index:2; } #neu.neu-desk .tb-logo{ font-family:var(--neu-fd);font-size:14px;font-weight:800;background:none;-webkit-text-fill-color:currentColor;color:var(--neu-text); text-shadow:1px 1px 2px var(--neu-sh-d), -1px -1px 1px var(--neu-sh-l); } #neu.neu-desk .tb-dot{width:8px;height:8px;background:var(--neu-ok);box-shadow:0 0 9px var(--neu-ok);} #neu.neu-desk .tb-ch{font-size:13px;color:var(--neu-muted);} #neu.neu-desk .tb-vol{ display:flex;align-items:center;gap:10px;margin-left:16px;padding:8px 14px;border-radius:999px;box-shadow:var(--neu-in-xs); } #neu.neu-desk .tb-vol input{width:110px;} #neu.neu-desk #master-vol-val{font-size:12px;color:var(--neu-muted);width:36px;font-variant-numeric:tabular-nums;} #neu.neu-desk .tb-actions{gap:10px;} #neu.neu-desk .tb-btn{ padding:9px 16px;border:0;border-radius:999px;background:var(--neu-bg);color:var(--neu-text-2); font-family:var(--neu-fb);font-size:13px;font-weight:500;text-decoration:none;box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu.neu-desk .tb-btn:hover{background:var(--neu-bg);color:var(--neu-text);} #neu.neu-desk .tb-btn:active{box-shadow:var(--neu-in-xs);} #neu.neu-desk .tb-btn.danger{color:var(--neu-bad);} #neu.neu-desk .tb-btn.danger:hover{background:var(--neu-bg);color:var(--neu-bad);} #neu.neu-desk .body{padding:14px;gap:14px;} #neu.neu-desk .sidebar{width:310px;border-right:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out-sm);} #neu.neu-desk .sidebar-scroll{padding:18px 16px;} #neu.neu-desk .sec-title{ font-family:var(--neu-fd);font-size:11px;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--neu-text-2);margin:6px 2px 12px; } #neu.neu-desk .add-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;} #neu.neu-desk .add-tab{ padding:10px 2px 8px;border:0;border-radius:16px;background:var(--neu-bg);color:var(--neu-muted); font-family:var(--neu-fb);font-size:11px;font-weight:500;box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease), color .18s; } #neu.neu-desk .add-tab:hover{color:var(--neu-text);} #neu.neu-desk .add-tab.active{background:var(--neu-bg);border:0;color:var(--neu-accent);box-shadow:var(--neu-in-xs);} #neu.neu-desk .add-tab svg{margin-bottom:5px;} #neu.neu-desk .form-g{margin-bottom:12px;} #neu.neu-desk .form-g label{font-size:12px;color:var(--neu-muted);margin-bottom:6px;} #neu.neu-desk .form-g input:not([type=range]):not([type=color]), #neu.neu-desk .form-g textarea{ background:var(--neu-bg);border:0;border-radius:14px;padding:10px 13px;color:var(--neu-text); font-family:var(--neu-fb);font-size:13px;box-shadow:var(--neu-in-xs); } #neu.neu-desk .form-g input::placeholder, #neu.neu-desk .form-g textarea::placeholder{color:var(--neu-dim);} #neu.neu-desk .form-g input:focus, #neu.neu-desk .form-g textarea:focus{box-shadow:var(--neu-in-xs), 0 0 0 2px rgba(var(--neu-accent-rgb),.4);} #neu.neu-desk .color-well{ width:100%;height:38px;padding:5px;border:0;border-radius:14px;background:var(--neu-bg);box-shadow:var(--neu-in-xs);cursor:pointer; } #neu.neu-desk .color-well--sm{width:44px;flex-shrink:0;} #neu.neu-desk .color-well::-webkit-color-swatch-wrapper{padding:0;} #neu.neu-desk .color-well::-webkit-color-swatch{border:0;border-radius:9px;} #neu.neu-desk .txt-keys{display:flex;gap:8px;} #neu.neu-desk .txt-key{ flex:1;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px; background:var(--neu-bg);color:var(--neu-muted);font-family:var(--neu-fb);font-size:14px;cursor:pointer; box-shadow:var(--neu-out-xs);transition:box-shadow .18s var(--neu-ease), color .18s; } #neu.neu-desk .txt-key.active{color:var(--neu-accent);box-shadow:var(--neu-in-xs);} #neu.neu-desk .add-btn{ padding:12px;margin-top:6px;border-radius:999px;font-family:var(--neu-fb);font-size:14px;font-weight:600; background:linear-gradient(145deg,var(--neu-accent-2),var(--neu-accent));color:var(--neu-on-accent); box-shadow:var(--neu-out-xs), inset 1px 1px 1px rgba(255,255,255,.28);transition:box-shadow .18s var(--neu-ease); } #neu.neu-desk .add-btn:hover{opacity:1;} #neu.neu-desk .add-btn:active{box-shadow:inset 3px 3px 8px rgba(90,30,0,.55), inset -2px -2px 6px rgba(255,255,255,.22);} #neu.neu-desk .upload-zone{ border:0;border-radius:20px;padding:26px 16px;color:var(--neu-muted);font-size:13px;box-shadow:var(--neu-in-sm); } #neu.neu-desk .upload-zone:hover, #neu.neu-desk .upload-zone.drag{background:transparent;color:var(--neu-accent);box-shadow:var(--neu-in-sm), 0 0 0 2px rgba(var(--neu-accent-rgb),.4);} #neu.neu-desk .upload-status{font-size:12px;color:var(--neu-ok);margin-top:8px;min-height:14px;} #neu.neu-desk #add-vdoninja a{color:var(--neu-accent);} #neu.neu-desk .item-row{ gap:10px;padding:9px 10px;margin-bottom:12px;border:0;border-radius:16px;background:var(--neu-bg);box-shadow:var(--neu-out-xs); transition:box-shadow .18s var(--neu-ease); } #neu.neu-desk .item-row:hover{background:var(--neu-bg);} #neu.neu-desk .item-row.selected{background:var(--neu-bg);border:0;box-shadow:var(--neu-in-xs), 0 0 0 2px rgba(var(--neu-accent-rgb),.45);} #neu.neu-desk .item-icon{width:32px;height:32px;border-radius:50%;background:var(--neu-bg);box-shadow:var(--neu-in-xs);color:var(--neu-accent);} #neu.neu-desk .item-icon.video{color:var(--neu-bad);} #neu.neu-desk .item-icon.text{color:var(--neu-ok);} #neu.neu-desk .item-name{font-size:12px;} #neu.neu-desk .item-type{font-size:11px;color:var(--neu-dim);} #neu.neu-desk .item-btns{gap:6px;} #neu.neu-desk .ib{width:26px;height:26px;border-radius:50%;background:var(--neu-bg);color:var(--neu-muted);box-shadow:var(--neu-out-xs);} #neu.neu-desk .ib:hover{background:var(--neu-bg);color:var(--neu-text);} #neu.neu-desk .ib:active{box-shadow:var(--neu-in-xs);} #neu.neu-desk .ib.vis-on{color:var(--neu-ok);} #neu.neu-desk .ib.del:hover{background:var(--neu-bg);color:var(--neu-bad);} #neu.neu-desk .vol-row{padding:0 10px 12px;margin-top:-4px;gap:8px;} #neu.neu-desk .vol-val{font-size:11px;color:var(--neu-muted);width:32px;text-align:right;} /* ползунки пульта */ #neu.neu-desk input[type=range]{ -webkit-appearance:none;appearance:none;height:10px;border-radius:999px;background:var(--neu-bg);cursor:pointer; box-shadow:inset 2px 2px 4px var(--neu-sh-d), inset -2px -2px 4px var(--neu-sh-l); } #neu.neu-desk input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:0; background:radial-gradient(circle at 50% 50%, var(--neu-accent) 0 3px, var(--neu-rise) 4px); box-shadow:2px 2px 5px var(--neu-sh-d), -1px -1px 4px var(--neu-sh-l); } #neu.neu-desk input[type=range]::-moz-range-thumb{ width:18px;height:18px;border-radius:50%;border:0; background:radial-gradient(circle at 50% 50%, var(--neu-accent) 0 3px, var(--neu-rise) 4px); box-shadow:2px 2px 5px var(--neu-sh-d), -1px -1px 4px var(--neu-sh-l); } /* холст — экран, утопленный в корпус */ #neu.neu-desk .canvas-wrap{background:#14161b;border-radius:var(--neu-r-lg);box-shadow:var(--neu-in);} #neu.neu-desk .canvas-bg{border-radius:inherit;} #neu.neu-desk .canvas{border-color:rgba(255,255,255,.08);} #neu.neu-desk .c-el.selected .c-el-inner{outline-color:var(--neu-accent);} #neu.neu-desk .resize-handle{background:var(--neu-accent);} #neu.neu-desk .drag-handle{background:rgba(var(--neu-accent-rgb),.8);} #neu.neu-desk .c-el-label{color:var(--neu-accent);} #neu.neu-desk .empty-canvas{color:#3a4050;font-family:var(--neu-fb);font-size:30px;} #neu.neu-desk .scale-info{color:var(--neu-dim);bottom:14px;right:18px;} #neu.neu-desk .el-info{left:18px;bottom:14px;border-radius:999px;padding:5px 12px;} #neu.neu-desk .el-info:empty{display:none;} #neu.neu-desk .dialog-overlay{background:rgba(14,16,20,.64);backdrop-filter:blur(7px);} #neu.neu-desk .dialog-box{background:var(--neu-bg);border:0;border-radius:var(--neu-r-lg);box-shadow:var(--neu-out-lg);padding:30px 32px 26px;} #neu.neu-desk .dialog-icon{width:54px;height:54px;border:0;background:var(--neu-bg);color:var(--neu-bad);box-shadow:var(--neu-in-sm);margin-bottom:18px;} #neu.neu-desk .dialog-title{font-family:var(--neu-fd);font-size:16px;margin-bottom:8px;} #neu.neu-desk .dialog-msg{font-size:14px;margin-bottom:24px;} #neu.neu-desk .dialog-btns{gap:14px;} #neu.neu-desk .dialog-btn{padding:12px;border-radius:999px;font-family:var(--neu-fb);font-size:14px;background:var(--neu-bg);box-shadow:var(--neu-out-xs);} #neu.neu-desk .dialog-btn:hover{opacity:1;} #neu.neu-desk .dialog-btn:active{box-shadow:var(--neu-in-xs);} #neu.neu-desk .dialog-cancel{color:var(--neu-text-2);} #neu.neu-desk .dialog-confirm{color:var(--neu-bad);} @media (max-width:820px){ #neu.neu-desk body{height:auto;min-height:100vh;overflow:auto;} #neu.neu-desk .topbar{flex-wrap:wrap;border-radius:26px;} #neu.neu-desk .tb-vol{margin-left:0;} #neu.neu-desk .body{flex-direction:column;overflow:visible;} #neu.neu-desk .sidebar{width:100%;} #neu.neu-desk .canvas-wrap{min-height:56vw;} } /* выбор файла: системная кнопка → клавиша */ #neu input[type=file]{font-family:var(--neu-fb);font-size:13px;color:var(--neu-muted);} #neu input[type=file]::file-selector-button{ margin-right:14px;padding:10px 18px;border:0;border-radius:999px;cursor:pointer; font-family:var(--neu-fb);font-size:13px;font-weight:600;color:var(--neu-text);background:var(--neu-bg); box-shadow:var(--neu-out-xs);transition:box-shadow .18s var(--neu-ease), color .18s; } #neu input[type=file]::file-selector-button:hover{color:var(--neu-accent);} #neu input[type=file]::file-selector-button:active{box-shadow:var(--neu-in-xs);} /* фильмы на телефоне: у карточки своя разметка (комментарий внутри колонки, без нижней строки тегов) */ @media (max-width:768px){ #neu .film-row .film-row-edit-btn{top:68px!important;right:18px!important;bottom:auto!important;} #neu .film-row .film-row-comment-wrap{padding:11px 12px;gap:10px;border-radius:16px;} #neu .film-row .film-row-comment{font-size:13px;line-height:20px;max-height:60px;} #neu .film-row .film-row-comment-avatar{width:26px;height:26px;} #neu #filmsList.tiles-mode .film-tile:not(.expanded) .film-row-edit-btn{display:none!important;} } /* ───────── 27. ПЕРЕКЛЮЧАТЕЛЬ КОРПУСА И СВЕТЛЫЙ КОРПУС ───────── */ #neu .neu-shell-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} #neu .neu-shell-toggle.neu-knob{flex-shrink:0;} #neu.neu-desk .neu-shell-toggle.tb-btn{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;} #neu.neu-auth .nav-inner > .nav-right{margin-left:auto;display:flex;align-items:center;} /* смена корпуса — одно общее плавное «перекрашивание» */ html#neu.neu-shell-switching, html#neu.neu-shell-switching *{transition:background-color .45s var(--neu-ease), box-shadow .45s var(--neu-ease), color .45s var(--neu-ease)!important;} @media (max-width:768px){ /* на профиле в шапке уже четыре кнопки — название рядом с логотипом уступает место */ #neu #mob-topbar:has(.gf-toggle--mob) .mob-tb-name{display:none;} #neu #mob-topbar:has(.gf-toggle--mob) #mob-tb-left{padding:0 8px;} } /* Оценка в светлом корпусе остаётся маленьким тёмным табло: цифра светится, как на приборе */ html#neu[data-shell="light"] .rating-bubble, html#neu[data-shell="light"] .gp-rating-bubble, html#neu[data-shell="light"] .fp-rating-bubble{ background:#252932; box-shadow:var(--neu-out-sm), inset 0 0 0 5px var(--neu-bg), inset 2px 2px 6px 5px rgba(0,0,0,.6); } html#neu[data-shell="light"] #gamesList.tiles-mode .game-tile:not(.expanded) .rating-bubble, html#neu[data-shell="light"] #filmsList.tiles-mode .film-tile:not(.expanded) .rating-bubble{box-shadow:0 2px 6px rgba(0,0,0,.35);} html#neu[data-shell="light"] .ph-level-num{text-shadow:none;filter:saturate(1.25) brightness(.82);} html#neu[data-shell="light"] .neu-emboss, html#neu[data-shell="light"] .ev-title{text-shadow:2px 2px 4px var(--neu-sh-d), -2px -2px 3px #fff;} /* затемнение под окнами — светлее, чтобы не «гасить» весь корпус */ html#neu[data-shell="light"] .neu-dialog-overlay, html#neu[data-shell="light"] .modal-overlay, html#neu[data-shell="light"] .ev-modal-overlay, html#neu[data-shell="light"] #newsOverlay, html#neu[data-shell="light"] #eventBannerOverlay, html#neu[data-shell="light"] #gp-overlay, html#neu[data-shell="light"] #fp-overlay, html#neu[data-shell="light"].neu-desk .dialog-overlay{background:rgba(120,130,150,.42);} html#neu[data-shell="light"].neu-desk .canvas-wrap{background:#14161b;} @media (max-width:768px){ html#neu[data-shell="light"] .rating-bubble{box-shadow:var(--neu-out-xs), inset 0 0 0 3px var(--neu-bg), inset 2px 2px 4px 3px rgba(0,0,0,.6);} } #neu.neu-desk .tb-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;} #neu #desktopNotifBtn svg{stroke:var(--neu-text-2);} #neu #desktopNotifBtn:hover svg{stroke:var(--neu-accent);}