:root{color-scheme:dark;--bg:#07070a;--panel:#111116;--panel2:#19151c;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.15);--text:#f7f4f2;--muted:#a69ca1;--muted2:#756b70;--red:#d6364c;--red2:#8f1e30;--gold:#e9b957;--green:#5fdda1;--danger:#ff7283;--radius:22px;--shadow:0 28px 80px rgba(0,0,0,.44)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 7% 2%,rgba(164,26,46,.18),transparent 31rem),radial-gradient(circle at 96% 44%,rgba(211,143,53,.07),transparent 35rem),linear-gradient(150deg,#08080c 0%,#060609 62%,#0b0709 100%)}button,input,select{font:inherit}a{color:inherit}.ambient{position:fixed;z-index:-1;width:30rem;height:30rem;border-radius:50%;filter:blur(125px);opacity:.14;pointer-events:none}.ambient-one{left:-13rem;top:18vh;background:#d32943}.ambient-two{right:-13rem;bottom:-4rem;background:#b57c34}.site-shell{width:min(1280px,calc(100% - 42px));margin:0 auto;padding:18px 0 40px}.eyebrow{display:block;color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.muted{color:var(--muted)}
.topbar{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(233,185,87,.34);border-radius:12px;color:#fff;font:900 20px/1 Georgia,serif;background:linear-gradient(145deg,var(--red),var(--red2));box-shadow:0 9px 24px rgba(136,22,39,.3)}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:.88rem;letter-spacing:.09em}.brand small{color:var(--muted2);font-size:.62rem;text-transform:uppercase}.topnav{display:flex;align-items:center;justify-content:center;gap:4px}.topnav a,.quiet-link,.primary-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:.88rem;font-weight:750}.topnav a{color:#cfc6ca}.topnav a:hover,.topnav a.active{color:#fff;border-color:var(--line);background:rgba(255,255,255,.035)}.account-area{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account-area form{margin:0}.account-chip{display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.account-chip i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--gold);font-size:.78rem;font-style:normal;font-weight:900;background:rgba(233,185,87,.1)}.account-chip>span{display:flex;flex-direction:column}.account-chip b{font-size:.76rem}.account-chip small{color:var(--muted2);font-size:.58rem;text-transform:uppercase}.quiet-link,.quiet-button{color:#d9d0d3;border:1px solid var(--line2);background:rgba(255,255,255,.03)}.primary-link,.primary-button,.save-button{color:#fff;border:1px solid rgba(214,54,76,.5);background:linear-gradient(145deg,var(--red),var(--red2));box-shadow:0 8px 20px rgba(130,20,35,.24)}button{min-height:40px;padding:8px 13px;border-radius:9px;color:#fff;font-weight:780;cursor:pointer;transition:.16s ease}button:hover,.quiet-link:hover,.primary-link:hover{filter:brightness(1.1);transform:translateY(-1px)}
.home-hero{position:relative;min-height:510px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px;overflow:hidden;padding:clamp(34px,6vw,76px);border:1px solid rgba(214,54,76,.24);border-radius:28px;background:radial-gradient(circle at 78% 12%,rgba(233,185,87,.13),transparent 34%),radial-gradient(circle at 18% 115%,rgba(214,54,76,.23),transparent 42%),linear-gradient(118deg,#19131b 0,#0b0c12 58%,#080508 100%);box-shadow:var(--shadow)}.home-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--red),var(--gold),transparent)}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:850px;margin:9px 0 18px;font:800 clamp(2.8rem,6vw,5.45rem)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.05em;text-shadow:0 7px 34px #000}.hero-copy h1 i{color:var(--red);font-style:normal;font-weight:400}.hero-copy p{max-width:720px;margin:0;color:#d1c8cb;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.cassini-sigil{position:relative;width:280px;height:280px;display:grid;place-items:center;border:1px solid rgba(233,185,87,.18);border-radius:50%;background:radial-gradient(circle,rgba(214,54,76,.14),rgba(7,7,10,.2) 60%,transparent 61%);box-shadow:inset 0 0 70px rgba(214,54,76,.08),0 0 80px rgba(214,54,76,.06)}.cassini-sigil:before,.cassini-sigil:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.cassini-sigil:before{inset:24px}.cassini-sigil:after{inset:54px}.cassini-sigil>span{color:rgba(214,54,76,.82);font:900 8.5rem/1 Georgia,serif}.cassini-sigil>b{position:absolute;right:32px;top:40px;color:var(--gold);font-size:1.4rem}.cassini-sigil>small{position:absolute;bottom:43px;color:#c9bec2;font-size:.61rem;font-weight:900;letter-spacing:.17em;text-align:center}
.module-strip{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center;margin:18px 0;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(24,21,27,.95),rgba(15,14,19,.94))}.module-strip h2{margin:4px 0 0;font-size:1.5rem}.module-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;text-decoration:none;background:rgba(255,255,255,.025);transition:.18s ease}.module-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:.68rem;font-weight:950;background:linear-gradient(145deg,var(--red),var(--red2))}.module-card>div{display:flex;flex-direction:column}.module-card b{font-size:.86rem}.module-card small{color:var(--muted);font-size:.7rem}.module-card:hover:not(.locked){border-color:rgba(214,54,76,.4);transform:translateY(-2px)}.module-card.locked{opacity:.48;cursor:not-allowed}.story-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px;margin:18px 0}.story-lead,.community-note,.panel,.page-heading{position:relative;overflow:hidden;padding:clamp(26px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(24,21,27,.98),rgba(16,15,20,.97));box-shadow:0 16px 46px rgba(0,0,0,.22)}.story-lead:before,.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,rgba(214,54,76,.75),transparent)}.story-lead h2,.page-heading h1{margin:6px 0 17px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.04em}.story-lead p{max-width:780px;color:#bdb3b7}.community-note{display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 85% 5%,rgba(233,185,87,.16),transparent 38%),linear-gradient(145deg,#20191d,#100e13)}.community-note span{color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.community-note strong{margin:10px 0 25px;font:700 1.55rem/1.2 Georgia,serif}.community-note a{color:#e9c77d;text-decoration:none}.factions-section{margin-top:18px;padding:clamp(25px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius);background:rgba(15,14,19,.72)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{margin:5px 0 0;font-size:clamp(1.8rem,3.5vw,3rem);letter-spacing:-.035em}.section-title p{max-width:360px;margin:0;color:var(--muted)}.faction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.faction-card{position:relative;min-height:270px;display:flex;align-items:flex-end;overflow:hidden;padding:20px;border:1px solid var(--line2);border-radius:16px;background-position:center;background-size:cover}.faction-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,8,.05),rgba(6,6,8,.94) 78%)}.faction-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--card-color);box-shadow:0 0 18px var(--card-color)}.faction-card>div{position:relative;z-index:1}.faction-card small{color:var(--card-color);font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.faction-card h3{margin:4px 0 2px;font-size:1.3rem}.faction-card p{margin:0;color:#c8bec2;font-size:.78rem}.faction-card.rifa{--card-color:#7d72ff;background-image:url('/setsystem/assets/visuals/rifa-hero-v1.png')}.faction-card.lcn{--card-color:#b96a9b;background-image:url('/setsystem/assets/visuals/lcn-hero-v1.png')}.faction-card.rm{--card-color:#44b6b6;background-image:url('/setsystem/assets/visuals/russian-mafia-hero-v1.png')}.faction-card.grove{--card-color:#49ca69;background-image:url('/setsystem/assets/visuals/grove-hero-v1.png')}
.auth-stage{min-height:calc(100vh - 170px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:18px;align-items:stretch}.auth-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,7vw,80px)}.auth-copy h1{margin:8px 0 18px;font:800 clamp(2.7rem,6vw,5rem)/1 Georgia,serif;letter-spacing:-.05em}.auth-copy h1 i{color:var(--red);font-style:normal}.auth-copy p{max-width:620px;color:#c6bbc0}.auth-copy>a{margin-top:20px;color:var(--gold);text-decoration:none}.auth-panel{align-self:center}.auth-panel h2{margin:6px 0 20px;font-size:2.2rem}.stack-form{display:grid;gap:13px}.stack-form label:not(.check-line){display:grid;gap:6px;color:#d8ced1;font-size:.78rem}.stack-form input,.access-panel select{min-height:48px;width:100%;padding:9px 12px;border:1px solid var(--line2);border-radius:9px;outline:none;color:#f7f2f3;background:rgba(10,10,14,.67)}.stack-form input:focus,.access-panel select:focus{border-color:rgba(231,72,92,.72);box-shadow:0 0 0 3px rgba(181,42,58,.14)}.check-line{display:flex;align-items:center;gap:9px;color:#c8bec2;font-size:.82rem}.check-line input{width:17px;height:17px;min-height:0;accent-color:var(--red)}.primary-button{width:100%;min-height:50px}.form-switch{margin:18px 0 0;color:var(--muted);font-size:.82rem}.form-switch a{color:var(--gold)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.page-heading p{max-width:760px;margin:0;color:var(--muted)}.metric-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:.78rem}.access-panel{padding:18px}.table-wrap{max-width:100%;overflow:auto}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:14px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:#8f8287;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}td strong,td small{display:block}td small{margin-top:2px;color:var(--muted2);font-size:.68rem}.access-panel select{min-height:40px}.module-checks{display:flex;gap:7px}.module-checks label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;color:#d8cfd2;font-size:.76rem}.module-checks input{accent-color:var(--red)}.access-toggle{display:flex;align-items:center;gap:8px}.access-toggle input{position:absolute;opacity:0}.access-toggle>span{width:38px;height:22px;position:relative;border:1px solid var(--line2);border-radius:999px;background:#272229}.access-toggle>span:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#8d8187;transition:.18s}.access-toggle input:checked+span{border-color:rgba(95,221,161,.45);background:rgba(47,141,97,.35)}.access-toggle input:checked+span:after{transform:translateX(16px);background:var(--green)}.access-toggle b{font-size:.72rem}.role-owner{color:var(--gold);font-weight:800}.album-count{min-width:36px;display:inline-flex;justify-content:center;padding:6px 9px;border:1px solid var(--line);border-radius:9px;text-decoration:none}.bad,.ok{display:block;margin:0 0 14px;padding:12px 15px;border-radius:10px;transition:.5s ease}.bad{color:var(--danger);border:1px solid rgba(233,75,92,.21);background:rgba(185,48,62,.11)}.ok{color:var(--green);border:1px solid rgba(71,203,127,.2);background:rgba(50,157,96,.11)}.notice-leaving{opacity:.18;transform:translateY(-4px)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4px 0;color:#5d555a;font-size:.7rem}
@media(max-width:980px){.topbar{grid-template-columns:auto 1fr}.topnav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto}.account-area{grid-column:2;grid-row:1}.home-hero{grid-template-columns:1fr}.cassini-sigil{display:none}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-strip{grid-template-columns:1fr}.story-grid,.auth-stage{grid-template-columns:1fr}.auth-copy{padding:35px 5px}.auth-panel{width:min(520px,100%);justify-self:center}.section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.site-shell{width:min(100% - 22px,1280px);padding-top:8px}.topbar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:11px}.account-area{margin-left:auto}.account-chip span span{display:none}.topnav{order:3;width:100%}.topnav a{white-space:nowrap}.home-hero{min-height:460px;padding:31px 24px}.hero-copy h1{font-size:2.85rem}.module-cards,.faction-grid{grid-template-columns:1fr}.faction-card{min-height:240px}.story-lead,.community-note,.panel,.page-heading,.factions-section{padding:22px}.section-title h2{font-size:2rem}.account-area .quiet-link{display:none}.page-heading{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column;gap:4px}}

/* Единое меню учётной записи: служебные разделы живут здесь, а не в основной навигации. */
.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;user-select:none}.account-menu>summary::-webkit-details-marker{display:none}.account-chip{position:relative;color:#fff;text-decoration:none}.account-chip:hover,.account-menu[open]>.account-chip{border-color:rgba(233,185,87,.34);background:rgba(233,185,87,.055)}.account-chip em{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid #08080c;border-radius:999px;color:#fff;font:900 .58rem/1 Arial,sans-serif;background:var(--red)}.account-avatar{width:31px;height:31px;display:grid;flex:none;place-items:center;border-radius:9px;background-position:center;background-size:cover}.account-avatar-letter{color:var(--gold);font-size:.78rem;font-style:normal;font-weight:900;background:rgba(233,185,87,.1)}.account-popover{position:absolute;z-index:1100;top:calc(100% + 11px);right:0;width:min(380px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(233,185,87,.24);border-radius:17px;background:linear-gradient(155deg,rgba(27,23,30,.99),rgba(10,10,14,.995));box-shadow:0 24px 70px rgba(0,0,0,.68);backdrop-filter:blur(18px)}.account-popover-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.account-popover-head .account-avatar{width:48px;height:48px;border-radius:13px}.account-popover-head span{display:flex;min-width:0;flex-direction:column;gap:3px}.account-popover-head b{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.account-popover-head small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.account-popover-head>a{color:var(--gold);font-size:.68rem;font-weight:850;text-decoration:none}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.account-stats span{display:flex;min-width:0;flex-direction:column;gap:3px;padding:12px 10px;text-align:center}.account-stats span+span{border-left:1px solid var(--line)}.account-stats b{font-size:.84rem}.account-stats small{overflow:hidden;color:var(--muted2);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:12px}.account-links a{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 11px;border-radius:9px;color:#ddd5d8;font-size:.73rem;font-weight:760;text-decoration:none}.account-links a:hover{color:#fff;background:rgba(255,255,255,.055)}.account-links i{min-width:20px;display:grid;place-items:center;padding:3px 5px;border-radius:999px;color:#fff;font-size:.57rem;font-style:normal;background:var(--red)}.account-logout{padding:0 12px 12px}.account-logout button{width:100%;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.025)}.account-logout button:hover{color:#fff;border-color:rgba(214,54,76,.38)}
@media(max-width:620px){.account-chip>span{display:none}.account-popover{position:fixed;top:68px;right:11px}.account-links{grid-template-columns:1fr}.account-stats small{font-size:.53rem}}
.faction-card.rifa{background-image:url('/setsystem/assets/visuals/rifa-hero-v1.png')}.faction-card.lcn{background-image:url('/setsystem/assets/visuals/lcn-hero-v1.png')}.faction-card.rm{background-image:url('/setsystem/assets/visuals/russian-mafia-hero-v1.png')}.faction-card.grove{background-image:url('/setsystem/assets/visuals/grove-hero-v1.png')}
.cassini-sigil>b{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(233,185,87,.55);border-radius:50%;color:var(--gold);font-size:1.05rem;line-height:1;background:rgba(12,10,14,.78);box-shadow:0 0 0 5px rgba(233,185,87,.05)}
.cassini-sigil>b{right:50%;top:auto;bottom:72px;transform:translateX(50%);width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1.2rem}

/* Моноширинный акцент для служебной информации и атмосферы архивного досье. */
:where(.eyebrow,.brand small,.account-chip small,.account-popover-head small,.account-stats small,.article-meta,.quenta-status,.thread-prefix,.forum-categories>header,.family-node .node-branch,.universe-radar span,.document-card>span){font-family:var(--font-mono,"Courier New",Courier,monospace);font-variant-numeric:tabular-nums}

/* Типографика и отдельный центр уведомлений в шапке. */
body{font-family:var(--font-main,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif);font-synthesis:none;-webkit-font-smoothing:auto}
.topnav a{white-space:nowrap;line-height:1.15}
.notification-menu{position:relative;flex:none}.notification-menu>summary{list-style:none}.notification-menu>summary::-webkit-details-marker{display:none}.notification-trigger{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;color:#cfc6ca;cursor:pointer;background:rgba(255,255,255,.02);transition:.16s ease}.notification-trigger:hover,.notification-menu[open]>.notification-trigger{color:#fff;border-color:rgba(233,185,87,.34);background:rgba(233,185,87,.06)}.notification-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-trigger em{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid #08080c;border-radius:999px;color:#fff;font:900 .58rem/1 Arial,sans-serif;background:var(--red)}
.notification-popover{position:absolute;z-index:1120;top:calc(100% + 11px);right:0;width:min(410px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(233,185,87,.24);border-radius:17px;background:linear-gradient(155deg,rgba(27,23,30,.995),rgba(10,10,14,.998));box-shadow:0 24px 70px rgba(0,0,0,.68);backdrop-filter:blur(18px)}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line)}.notification-popover>header span{display:flex;flex-direction:column}.notification-popover>header b{font-size:.86rem}.notification-popover>header small{color:var(--muted);font-size:.64rem}.notification-popover>header a{color:var(--gold);font-size:.68rem;font-weight:850;text-decoration:none}.notification-preview-list{max-height:min(430px,70vh);overflow-y:auto}.notification-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.055);text-decoration:none;transition:.14s ease}.notification-preview:hover{background:rgba(255,255,255,.045)}.notification-preview.unread{background:linear-gradient(90deg,rgba(233,185,87,.1),rgba(214,54,76,.025))}.notification-preview>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:var(--gold);font-style:normal;background:rgba(233,185,87,.09)}.notification-preview>span{display:flex;min-width:0;flex-direction:column}.notification-preview b,.notification-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-preview b{font-size:.76rem}.notification-preview small{color:var(--muted);font-size:.65rem}.notification-preview time{margin-top:3px;color:var(--muted2);font-family:var(--font-mono,"Courier New",monospace);font-size:.57rem}.notification-preview-empty{display:flex;flex-direction:column;gap:4px;padding:28px 18px;text-align:center}.notification-preview-empty b{font-size:.82rem}.notification-preview-empty small{color:var(--muted);font-size:.68rem}
@media(max-width:1280px){.topbar{gap:16px}.topnav a{padding-inline:9px;font-size:.8rem}}
@media(max-width:620px){.notification-popover{position:fixed;top:68px;right:11px}.notification-trigger{width:39px;height:39px}.notification-popover>header{padding:14px}.notification-preview{padding:12px 14px}}

/* 2026 interface pass: crisp Windows typography and a compact glass header. */
.topbar{min-height:64px;padding:7px 9px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(180deg,rgba(18,16,22,.88),rgba(9,9,13,.82));box-shadow:0 14px 38px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.brand{gap:10px;padding-right:5px}.brand-mark{width:38px;height:38px;border-radius:11px;font:700 19px/1 Georgia,serif;box-shadow:0 8px 22px rgba(136,22,39,.24)}.brand b{font-size:.82rem;font-weight:700;letter-spacing:.055em}.brand small{font-size:.6rem;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}
.topnav{gap:3px}.topnav a,.quiet-link,.primary-link{min-height:38px;padding:8px 12px;border-radius:9px;font-size:.84rem;font-weight:700;letter-spacing:-.005em}.topnav a{color:#c8c2c5}.topnav a:hover{color:#fff;background:rgba(255,255,255,.045)}.topnav a.active{color:#fff;border-color:rgba(214,54,76,.22);background:linear-gradient(180deg,rgba(214,54,76,.13),rgba(255,255,255,.035));box-shadow:inset 0 -2px 0 rgba(214,54,76,.65)}
.account-chip b{font-size:.78rem;font-weight:700}.account-chip small{font-size:.6rem;letter-spacing:.015em}.quiet-link,.primary-link,button{font-weight:700}.notification-popover>header a,.account-popover-head>a,.account-links a{font-weight:700}
@media(max-width:1280px){.topbar{gap:12px}.topnav a{padding-inline:8px;font-size:.82rem}.brand b{font-size:.8rem}}
@media(max-width:1120px){.topbar{grid-template-columns:auto 1fr}.topnav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:7px;border-top:1px solid var(--line)}.account-area{grid-column:2;grid-row:1}.topnav a{font-size:.84rem}}
@media(max-width:980px){.topbar{padding:9px}.topnav{padding-top:6px;border-top:1px solid var(--line)}}

/* Cassini UI 2026.10 — спокойная современная оболочка без тяжёлого форумного шаблона. */
:root{
 --bg:#08090c;
 --panel:#111319;
 --panel2:#171920;
 --line:rgba(255,255,255,.075);
 --line2:rgba(255,255,255,.13);
 --text:#f5f5f6;
 --muted:#a5a5ae;
 --muted2:#74747e;
 --red:#d83b55;
 --red2:#a52038;
 --gold:#e4b85d;
 --radius:20px;
 --shadow:0 24px 70px rgba(0,0,0,.34);
}
html{background:#08090c}
body{
 background:
  radial-gradient(circle at 8% -10%,rgba(216,59,85,.12),transparent 28rem),
  radial-gradient(circle at 94% 24%,rgba(228,184,93,.055),transparent 34rem),
  linear-gradient(180deg,#090a0e 0,#07080b 100%);
 letter-spacing:-.006em;
}
.ambient{opacity:.08;filter:blur(150px)}
.site-shell{width:min(1380px,calc(100% - 40px));padding:14px 0 42px}

/* Шапка всегда выше содержимого: выпадающие панели не прячутся за hero/card. */
.topbar{
 position:relative;
 z-index:2000;
 overflow:visible;
 min-height:64px;
 margin-bottom:18px;
 padding:8px 10px;
 border-color:rgba(255,255,255,.085);
 border-radius:16px;
 background:rgba(12,13,17,.94);
 box-shadow:0 12px 38px rgba(0,0,0,.24);
 backdrop-filter:blur(22px) saturate(130%);
}
.brand-mark{border:0;border-radius:11px;background:linear-gradient(145deg,#e2405a,#a82139);box-shadow:0 9px 24px rgba(216,59,85,.22)}
.brand b{font-weight:760;letter-spacing:.04em}.brand small{color:#767680}
.topnav a{position:relative;color:#aaaab3;border-radius:9px;transition:color .16s ease,background .16s ease}
.topnav a:hover{color:#fff;background:rgba(255,255,255,.045)}
.topnav a.active{border-color:transparent;color:#fff;background:rgba(255,255,255,.065);box-shadow:none}
.topnav a.active:after{content:"";position:absolute;right:11px;bottom:3px;left:11px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--red),#ef7b8c)}
.account-area,.account-menu,.notification-menu{position:relative;z-index:2100;overflow:visible}
.account-chip,.notification-trigger{border-color:rgba(255,255,255,.095);background:#13151b}
.account-chip:hover,.account-menu[open]>.account-chip,.notification-trigger:hover,.notification-menu[open]>.notification-trigger{border-color:rgba(228,184,93,.38);background:#18181d}
.account-popover,.notification-popover{
 z-index:2200;
 border-color:rgba(255,255,255,.11);
 border-radius:16px;
 background:rgba(16,17,22,.985);
 box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.18);
 backdrop-filter:blur(24px) saturate(130%);
}
.account-popover:before,.notification-popover:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(228,184,93,.55),transparent)}
.account-links a{border:1px solid transparent}.account-links a:hover{border-color:rgba(255,255,255,.07);background:#191b21}

button,.quiet-link,.primary-link,.primary-button,.save-button{border-radius:10px;transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}
.primary-link,.primary-button,.save-button{border-color:rgba(255,255,255,.08);background:linear-gradient(135deg,#dd3b55,#b3263f);box-shadow:0 10px 24px rgba(158,28,51,.2)}
.quiet-link,.quiet-button{border-color:rgba(255,255,255,.11);background:#14161c}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.home-hero{
 min-height:460px;
 grid-template-columns:minmax(0,1fr) 270px;
 gap:48px;
 padding:clamp(42px,6vw,78px);
 border-color:rgba(255,255,255,.09);
 border-radius:26px;
 background:
  linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
  radial-gradient(circle at 88% 4%,rgba(228,184,93,.12),transparent 30%),
  radial-gradient(circle at 5% 110%,rgba(216,59,85,.18),transparent 40%),
  linear-gradient(125deg,#171219 0,#0e1015 55%,#0a0b0f 100%);
 background-size:34px 34px,34px 34px,auto,auto,auto;
 box-shadow:0 28px 80px rgba(0,0,0,.32);
}
.home-hero:after{content:none}
.hero-copy h1{margin:11px 0 20px;font-family:var(--font-main,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif);font-size:clamp(3.15rem,6vw,5.35rem);font-weight:720;line-height:.97;letter-spacing:-.065em;text-shadow:none}
.hero-copy h1 i{font-weight:720;background:linear-gradient(110deg,#f2526a,#d12f4a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{max-width:700px;color:#bfc0c7;font-size:1.04rem;line-height:1.7}
.cassini-sigil{width:250px;height:250px;border-color:rgba(255,255,255,.095);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 55px rgba(0,0,0,.24);transform:rotate(2deg)}
.cassini-sigil:before,.cassini-sigil:after{border-radius:24px;border-color:rgba(228,184,93,.12)}
.cassini-sigil:before{inset:24px}.cassini-sigil:after{inset:49px;border-radius:18px}
.cassini-sigil>span{font-family:var(--font-main,"Segoe UI",sans-serif);font-size:7rem;font-weight:650;letter-spacing:-.08em}
.cassini-sigil>small{bottom:32px;color:#9a9aa3}.cassini-sigil>b{bottom:62px}

.module-strip,.story-lead,.community-note,.panel,.page-heading,.factions-section{
 border-color:rgba(255,255,255,.075);
 border-radius:20px;
 background:#111319;
 box-shadow:0 16px 45px rgba(0,0,0,.16);
}
.story-lead:before,.panel:before{content:none;display:none}
.module-strip{background:linear-gradient(145deg,#12141a,#0f1116)}
.module-card{border-color:rgba(255,255,255,.075);background:#16181e}.module-card:hover:not(.locked){border-color:rgba(216,59,85,.44);background:#191b22}
.story-lead h2,.page-heading h1,.section-title h2{font-family:var(--font-main,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif);font-weight:700;letter-spacing:-.045em}
.story-lead h2,.page-heading h1{font-size:clamp(2rem,4vw,3.2rem)}
.community-note{background:radial-gradient(circle at 92% 4%,rgba(228,184,93,.1),transparent 34%),#121319}
.community-note strong{font-family:var(--font-main,"Segoe UI",Arial,sans-serif);font-weight:650;letter-spacing:-.025em}
.factions-section{background:#0f1116}.faction-card{border-color:rgba(255,255,255,.1);border-radius:15px;transition:transform .2s ease,border-color .2s ease}.faction-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}
.auth-copy h1{font-family:var(--font-main,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif);font-weight:720;text-shadow:none}
.site-footer{margin-top:8px;border-top:1px solid rgba(255,255,255,.055);color:#666671}

@media(max-width:1120px){.site-shell{width:min(100% - 28px,1380px)}.topbar{z-index:2000}.topnav{scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}}
@media(max-width:980px){.home-hero{grid-template-columns:minmax(0,1fr)}.cassini-sigil{display:none}}
@media(max-width:620px){.site-shell{width:min(100% - 18px,1380px)}.topbar{position:relative;border-radius:14px}.home-hero{min-height:420px;padding:36px 25px}.hero-copy h1{font-size:clamp(2.65rem,14vw,4rem)}.account-popover,.notification-popover{z-index:2200}.story-lead,.community-note,.panel,.page-heading,.factions-section{padding:21px}}

/* Community-first shell */
.community-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-9px 10px 18px;padding:11px 14px 10px;border:1px solid rgba(255,255,255,.065);border-top:0;border-radius:0 0 13px 13px;background:rgba(13,12,17,.92);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.community-bar-links{display:flex;align-items:center;gap:2px}.community-bar-links a{position:relative;padding:7px 10px;color:#96919a;font-size:.72rem;font-weight:750;text-decoration:none}.community-bar-links a:hover,.community-bar-links a.active{color:#fff}.community-bar-links a.active:after{content:"";position:absolute;right:10px;bottom:2px;left:10px;height:2px;border-radius:2px;background:var(--red)}
.community-search{display:flex;overflow:hidden;width:min(260px,34vw);border:1px solid var(--line);border-radius:8px;background:#09090c}.community-search input{min-width:0;flex:1;padding:7px 10px;border:0;outline:0;color:#fff;font-size:.7rem;background:transparent}.community-search button{min-height:32px;padding:4px 10px;border:0;border-left:1px solid var(--line);border-radius:0;color:var(--muted);background:transparent;box-shadow:none}.community-search button:hover{transform:none;background:rgba(255,255,255,.04)}
.home-hero{min-height:500px;border-radius:18px}.story-grid{gap:14px}.story-lead,.community-note,.factions-section,.panel,.page-heading{border-radius:16px}.site-footer{padding-inline:4px}
@media(max-width:760px){.topnav{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:3px;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.community-bar{align-items:stretch;flex-direction:column;margin:-7px 5px 14px;gap:7px}.community-bar-links{overflow-x:auto;scrollbar-width:none}.community-bar-links::-webkit-scrollbar{display:none}.community-bar-links a{white-space:nowrap}.community-search{width:100%}}