/* SORA Project v84 — interface, responsiveness and production polish */
:root {
  --v84-surface: #121722;
  --v84-surface-2: #181f2c;
  --v84-surface-3: #202838;
  --v84-line: rgba(148,163,184,.17);
  --v84-line-strong: rgba(148,163,184,.28);
  --v84-text: #f4f7fb;
  --v84-muted: #98a4b7;
  --v84-cyan: #22d3ee;
  --v84-purple: #7c5cff;
  --v84-pink: #ff5f7e;
  --v84-green: #34d399;
  --v84-radius: 22px;
  --v84-shadow: 0 28px 80px rgba(0,0,0,.38);
  --v84-ease: cubic-bezier(.2,.75,.22,1);
}

/* Never fade the whole page when a modal closes. The overlay itself handles dimming. */
html.release-dialog-page-dim body > :not(dialog),
body.release-dialog-page-dim > :not(dialog),
html.ui-overlay-active body > :not(.remote-modal-shell):not(.profile-edit-overlay):not(dialog),
body.ui-overlay-active > :not(.remote-modal-shell):not(.profile-edit-overlay):not(dialog) {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
body.release-participants-open .site-header,
body.remote-modal-open .site-header,
body.profile-editor-open .site-header { padding-right: var(--release-dialog-scrollbar-gap, 0px); }

/* Stable logo without artifacts. */
.logo-sp-word,
.logo-sp-word::before,
.logo-sp-word::after {
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.logo-sp-word {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(145deg,#10baf1 0%,#347cff 52%,#745cff 100%) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 10px 28px rgba(35,121,255,.26) !important;
}
.logo-sp-text {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: #fff; font: 900 italic clamp(12px,1vw,16px)/1 Inter,sans-serif;
  letter-spacing: -.09em; transform: translateX(-.03em); text-shadow: 0 1px 1px rgba(0,0,0,.16);
}

/* Real nickname colours. */
.nick-style { --nick-gradient: linear-gradient(135deg,#7dd3fc,#8b5cf6); color: transparent !important; background: var(--nick-gradient) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
.nick-style-sunrise{--nick-gradient:linear-gradient(110deg,#ffe38a,#ff8a5b 52%,#ff5f7e)}
.nick-style-aqua{--nick-gradient:linear-gradient(110deg,#67e8f9,#22d3ee 45%,#3b82f6)}
.nick-style-mint{--nick-gradient:linear-gradient(110deg,#86efac,#34d399 50%,#d9f99d)}
.nick-style-candy{--nick-gradient:linear-gradient(110deg,#f9a8d4,#c4b5fd 48%,#93c5fd)}
.nick-style-berry{--nick-gradient:linear-gradient(110deg,#fb7185,#f472b6 48%,#8b5cf6)}
.nick-style-cyber{--nick-gradient:linear-gradient(110deg,#22d3ee,#818cf8 45%,#ff5f7e)}
.nick-style-storm{--nick-gradient:linear-gradient(110deg,#e2e8f0,#94a3b8 45%,#6366f1)}
.nick-style-inferno{--nick-gradient:linear-gradient(110deg,#fde68a,#fb923c 42%,#ef4444)}
.nick-style-galaxy{--nick-gradient:linear-gradient(110deg,#38bdf8,#8b5cf6 48%,#ec4899,#f9a8d4)}
.nick-style-legend{--nick-gradient:linear-gradient(110deg,#fff7ad,#fbbf24 35%,#fb7185 70%,#c084fc)}

/* Nickname effects work on profile, team, comments and touch devices. */
.hover-effect { position: relative; display: inline-block; isolation: isolate; will-change: transform,filter; }
.hover-effect::after { pointer-events:none; position:absolute; inset:-.35em -.55em; opacity:0; transition:opacity .24s var(--v84-ease), transform .32s var(--v84-ease); z-index:-1; }
.hover-effect:hover,.hover-effect:focus-visible { transform: translateY(-1px); }
.hover-effect-spark::after{content:"✦  ·  ✧"; color:#ffd76a; text-shadow:0 0 12px #ffb347; font-size:.65em; letter-spacing:.5em; transform:scale(.7) rotate(-6deg)}
.hover-effect-spark:hover::after,.hover-effect-spark:focus-visible::after{opacity:1;transform:scale(1) rotate(0)}
.hover-effect-slash::after{content:""; inset:48% -10% auto; height:2px; background:linear-gradient(90deg,transparent,#fff,#22d3ee,transparent); transform:scaleX(0) skewX(-24deg); box-shadow:0 0 14px #22d3ee}
.hover-effect-slash:hover::after,.hover-effect-slash:focus-visible::after{opacity:1;transform:scaleX(1) skewX(-24deg)}
.hover-effect-sakura::after{content:"✿ ｡･ﾟ✿"; color:#f9a8d4; text-shadow:0 0 12px #ec4899; font-size:.55em; transform:translateY(8px)}
.hover-effect-sakura:hover::after,.hover-effect-sakura:focus-visible::after{opacity:1;transform:translateY(0)}
.hover-effect-stars::after{content:"⋆｡°✩  ✦"; color:#bfdbfe; text-shadow:0 0 12px #7c3aed; font-size:.62em; transform:translateY(6px) scale(.8)}
.hover-effect-stars:hover::after,.hover-effect-stars:focus-visible::after{opacity:1;transform:translateY(0) scale(1)}
.hover-effect-chakra:hover,.hover-effect-chakra:focus-visible{filter:drop-shadow(0 0 6px #22d3ee) drop-shadow(0 0 12px #8b5cf6)}
.hover-effect-aura:hover,.hover-effect-aura:focus-visible{filter:drop-shadow(0 0 5px #34d399) drop-shadow(0 0 12px #22d3ee)}
.hover-effect-legend:hover,.hover-effect-legend:focus-visible{filter:drop-shadow(0 0 5px #fde68a) drop-shadow(0 0 12px #fb7185);animation:v84LegendPulse 1.6s ease-in-out infinite}
@keyframes v84LegendPulse{50%{transform:translateY(-1px) scale(1.025)}}

/* Real comment backgrounds — visible but readable. */
.comment-style { position:relative; overflow:hidden; isolation:isolate; border-color:var(--comment-accent,rgba(124,92,255,.35)) !important; background:var(--comment-bg,linear-gradient(145deg,#171d29,#111620)) !important; box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.2); }
.comment-style::before,.comment-style::after { content:""; position:absolute; pointer-events:none; z-index:-1; }
.comment-style-soft{--comment-bg:linear-gradient(145deg,rgba(80,104,147,.25),rgba(18,24,36,.96));--comment-accent:rgba(147,197,253,.32)}
.comment-style-soft::before{inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.11),transparent 38%)}
.comment-style-sakura{--comment-bg:linear-gradient(145deg,rgba(71,35,65,.9),rgba(25,25,42,.98));--comment-accent:rgba(244,114,182,.4)}
.comment-style-sakura::before{inset:0;background:radial-gradient(circle at 12% 10%,rgba(251,207,232,.16),transparent 30%),radial-gradient(circle at 90% 80%,rgba(244,114,182,.12),transparent 36%)}
.comment-style-sakura::after{content:"✿  ·  ✿";right:18px;top:10px;color:rgba(251,207,232,.25);font-size:22px;letter-spacing:8px}
.comment-style-clouds{--comment-bg:linear-gradient(145deg,#243043,#111827);--comment-accent:rgba(186,230,253,.35)}
.comment-style-clouds::before{inset:0;background:radial-gradient(ellipse at 20% 15%,rgba(255,255,255,.13),transparent 24%),radial-gradient(ellipse at 75% 75%,rgba(186,230,253,.1),transparent 30%)}
.comment-style-neon{--comment-bg:linear-gradient(145deg,#08151c,#101020);--comment-accent:#22d3ee;box-shadow:inset 0 0 0 1px rgba(34,211,238,.18),0 0 22px rgba(34,211,238,.1)}
.comment-style-neon::before{inset:0;background:linear-gradient(90deg,rgba(34,211,238,.07),transparent 35%,rgba(168,85,247,.07))}
.comment-style-pixel{--comment-bg:linear-gradient(135deg,#182033,#111622);--comment-accent:rgba(129,140,248,.5);border-radius:10px!important}
.comment-style-pixel::before{inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:12px 12px}
.comment-style-rain{--comment-bg:linear-gradient(155deg,#132337,#101722);--comment-accent:rgba(56,189,248,.4)}
.comment-style-rain::before{inset:-30%;background:repeating-linear-gradient(115deg,transparent 0 16px,rgba(125,211,252,.055) 17px 18px);transform:rotate(-4deg)}
.comment-style-dojo{--comment-bg:linear-gradient(145deg,#2b1d1b,#151518);--comment-accent:rgba(251,146,60,.42)}
.comment-style-dojo::after{content:"道";right:18px;bottom:-14px;color:rgba(251,146,60,.09);font:800 76px/1 serif}
.comment-style-manga{--comment-bg:linear-gradient(145deg,#f8fafc,#dbe3ed);--comment-accent:#64748b;color:#111827!important}
.comment-style-manga *{color:inherit}.comment-style-manga::before{inset:0;background-image:radial-gradient(#475569 1px,transparent 1px);background-size:8px 8px;opacity:.08}
.comment-style-city{--comment-bg:linear-gradient(145deg,#131428,#08121e);--comment-accent:rgba(236,72,153,.45)}
.comment-style-city::before{inset:0;background:linear-gradient(90deg,rgba(34,211,238,.08),transparent 35%,rgba(236,72,153,.09)),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.025) 29px 30px)}
.comment-style-cosmos{--comment-bg:radial-gradient(circle at 80% 10%,rgba(124,58,237,.28),transparent 30%),linear-gradient(145deg,#0d1024,#090d18);--comment-accent:rgba(167,139,250,.5)}
.comment-style-cosmos::before{inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#93c5fd 1px,transparent 1px);background-size:37px 37px,53px 53px;background-position:0 0,20px 18px;opacity:.16}
.comment-style-aurora{--comment-bg:linear-gradient(145deg,#0c2530,#15152a);--comment-accent:rgba(52,211,153,.48)}
.comment-style-aurora::before{inset:-50%;background:conic-gradient(from 180deg,transparent,rgba(34,211,238,.12),rgba(167,139,250,.14),rgba(52,211,153,.11),transparent);filter:blur(20px)}
.comment-style-flame{--comment-bg:linear-gradient(145deg,#2a1510,#17131a);--comment-accent:rgba(249,115,22,.52)}
.comment-style-flame::before{inset:0;background:radial-gradient(ellipse at 80% 100%,rgba(239,68,68,.18),transparent 38%),radial-gradient(ellipse at 20% 100%,rgba(251,191,36,.11),transparent 34%)}
.comment-style-spirit{--comment-bg:linear-gradient(145deg,#102523,#101722);--comment-accent:rgba(45,212,191,.44)}
.comment-style-spirit::before{inset:0;background:radial-gradient(circle at 90% 15%,rgba(94,234,212,.13),transparent 28%)}
.comment-style-ice{--comment-bg:linear-gradient(145deg,rgba(32,58,80,.96),rgba(12,24,38,.98));--comment-accent:rgba(125,211,252,.62);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(56,189,248,.08)}
.comment-style-ice::before{inset:0;background:linear-gradient(130deg,rgba(255,255,255,.1),transparent 24%,rgba(125,211,252,.07) 44%,transparent 67%),repeating-linear-gradient(125deg,transparent 0 34px,rgba(186,230,253,.045) 35px 36px)}
.comment-style-ice::after{content:"❄";right:18px;top:9px;color:rgba(186,230,253,.21);font-size:24px}
.comment-style-kage{--comment-bg:linear-gradient(145deg,#111116,#07080d);--comment-accent:rgba(239,68,68,.45)}
.comment-style-kage::before{inset:0;background:linear-gradient(125deg,transparent 55%,rgba(239,68,68,.07))}

/* Profile watch metrics. */
.profile-watch-card-v84{padding:18px!important;border:1px solid var(--v84-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(25,32,45,.96),rgba(14,18,27,.98))!important;display:grid!important;gap:14px;min-width:0}
.watch-card-head{display:flex;align-items:center;gap:11px}.watch-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#7c5cff);color:white;box-shadow:0 10px 24px rgba(34,211,238,.18)}
.watch-card-head span:last-child{display:grid;gap:2px}.watch-card-head small{color:var(--v84-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.watch-card-head strong{font-size:16px}
.watch-metrics{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.watch-metric{padding:12px 14px;border:1px solid var(--v84-line);border-radius:14px;background:rgba(255,255,255,.025);display:grid;gap:3px}.watch-metric strong{font:800 25px/1 Inter,sans-serif}.watch-metric span{font-size:11px;color:var(--v84-muted)}.watch-metric-primary{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(124,92,255,.1))}
.watch-activity-track{height:7px;border-radius:999px;background:rgba(148,163,184,.13);overflow:hidden}.watch-activity-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#22d3ee);box-shadow:0 0 14px rgba(34,211,238,.35)}
.watch-genres-v84{display:grid;gap:7px}.watch-genres-v84>span{font-size:11px;color:var(--v84-muted)}.watch-genres-v84>div{display:flex;gap:6px;flex-wrap:wrap}.watch-genres-v84 em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:999px;border:1px solid var(--v84-line);background:rgba(255,255,255,.035)}

/* Profile settings and live preview. */
.profile-edit-card[hidden]{display:none!important}.profile-edit-card{position:fixed!important;inset:0!important;z-index:99980!important;padding:clamp(10px,3vw,28px)!important;background:rgba(3,7,14,.78)!important;backdrop-filter:blur(8px);display:grid!important;place-items:center!important;opacity:0;visibility:hidden;transition:opacity .34s var(--v84-ease),visibility .34s}.profile-edit-card.is-visible{opacity:1;visibility:visible}.profile-edit-card.is-closing{opacity:0}.profile-edit-dialog{transform:translateY(18px) scale(.98);opacity:0;transition:transform .38s var(--v84-ease),opacity .28s ease}.profile-edit-card.is-visible .profile-edit-dialog{transform:none;opacity:1}.profile-edit-card.is-closing .profile-edit-dialog{transform:translateY(12px) scale(.985);opacity:0}
.profile-edit-dialog{width:min(880px,calc(100vw - 32px))!important;max-height:min(860px,calc(100dvh - 30px))!important;border-radius:24px!important;box-shadow:var(--v84-shadow)!important}.profile-edit-scroll{scrollbar-gutter:stable}.profile-edit-form{gap:14px!important}.profile-settings-section{border:1px solid var(--v84-line)!important;border-radius:18px!important;background:rgba(255,255,255,.022)!important;padding:16px!important}.profile-settings-heading>span{background:linear-gradient(135deg,#22d3ee,#7c5cff)!important}.profile-customization-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.profile-style-preview{margin-top:12px;padding:13px;border-radius:16px;border:1px dashed rgba(34,211,238,.3);background:rgba(4,10,18,.42)}.profile-style-preview-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.profile-style-preview-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(34,211,238,.12);color:#67e8f9}.profile-style-preview-head div{display:grid;gap:2px}.profile-style-preview-head small{color:var(--v84-muted)}.style-preview-comment{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--v84-line);border-radius:15px;min-height:74px}.style-preview-comment .avatar{flex:0 0 auto}.style-preview-copy{min-width:0;display:grid;gap:5px}.style-preview-copy p{margin:0;color:var(--v84-muted);font-size:12px}.style-preview-name{font-weight:800;width:max-content;max-width:100%}

/* Native release dialogs: centered, smooth, clickable. */
.release-participants-dialog{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:clamp(12px,3vw,30px)!important;border:0!important;background:transparent!important;overflow:hidden!important;place-items:center!important;z-index:100000!important}
.release-participants-dialog[open]{display:grid!important}.release-participants-dialog::backdrop{background:transparent!important}.release-dialog-veil{position:absolute;inset:0;background:rgba(3,7,14,.78);backdrop-filter:blur(8px);opacity:0;transition:opacity .32s var(--v84-ease)}.release-participants-modal-card{position:relative;z-index:2;width:min(900px,100%);max-height:min(720px,calc(100dvh - 32px));border-radius:22px!important;border:1px solid rgba(148,163,184,.25)!important;background:linear-gradient(155deg,#1a2231,#0f1520)!important;box-shadow:var(--v84-shadow)!important;transform:translateY(18px) scale(.975);opacity:0;transition:transform .38s var(--v84-ease),opacity .28s ease;overflow:hidden}.release-participants-dialog.is-visible .release-dialog-veil{opacity:1}.release-participants-dialog.is-visible .release-participants-modal-card{transform:none;opacity:1}.release-participants-dialog.is-closing .release-dialog-veil{opacity:0}.release-participants-dialog.is-closing .release-participants-modal-card{transform:translateY(12px) scale(.985);opacity:0}.release-participants-modal-head{position:sticky!important;top:0;z-index:4;background:rgba(22,29,42,.96)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--v84-line)!important}.release-participants-modal-close{position:relative!important;right:auto!important;top:auto!important;z-index:10!important;min-width:42px;min-height:42px;cursor:pointer}.release-participants-modal-body{max-height:calc(min(720px,100dvh - 32px) - 86px)!important;overflow:auto!important;scrollbar-gutter:stable;padding:16px!important}.release-character-modal-grid{gap:10px!important}.release-character-modal-card{min-width:0!important}

/* Remote modal (notifications/projects/friends) clean edges. */
.remote-modal-shell{position:fixed!important;inset:0!important;z-index:99990!important;padding:clamp(12px,3vw,28px)!important;background:rgba(3,7,14,.78)!important;backdrop-filter:blur(8px);transition:opacity .34s var(--v84-ease),visibility .34s}.remote-modal-shell::before,.remote-modal-shell::after,.remote-modal-card::before,.remote-modal-card::after{display:none!important;content:none!important}.remote-modal-card{width:min(850px,100%)!important;max-height:min(820px,calc(100dvh - 28px))!important;border-radius:22px!important;border:1px solid var(--v84-line-strong)!important;background:linear-gradient(155deg,#171e2b,#0e141e)!important;box-shadow:var(--v84-shadow)!important;overflow:hidden!important;transform:translateY(20px) scale(.975)!important;opacity:0!important;transition:transform .38s var(--v84-ease),opacity .28s ease!important}.remote-modal-shell.is-visible .remote-modal-card{transform:none!important;opacity:1!important}.remote-modal-shell.is-closing .remote-modal-card{transform:translateY(12px) scale(.985)!important;opacity:0!important}.remote-modal-head{background:rgba(20,27,39,.96)!important;border-bottom:1px solid var(--v84-line)!important}.remote-modal-body{max-height:calc(100dvh - 120px)!important;overflow:auto!important;scrollbar-gutter:stable}.modal-partial-section,.modal-partial-container{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.notifications-section{padding:0!important}.notifications-shell{border:0!important;box-shadow:none!important;background:transparent!important}.notifications-head{padding-top:0!important}.notifications-list .empty-state{min-height:220px;border:0!important;background:transparent!important}

/* Projects popup: compact 5x2, no overflow. */
.projects-section.modal-partial-section{padding:0!important}.projects-window-head{align-items:end!important;margin-bottom:14px!important}.projects-window-head h1{font-size:clamp(24px,3vw,34px)!important}.project-count{padding:7px 12px;border:1px solid var(--v84-line);border-radius:999px;background:rgba(255,255,255,.035)}.projects-grid-compact{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.project-release-card-simple{min-width:0!important;border:1px solid var(--v84-line)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;overflow:hidden!important;transition:transform .22s var(--v84-ease),border-color .22s,background .22s}.project-release-card-simple:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.38)!important;background:rgba(34,211,238,.04)!important}.project-release-poster{aspect-ratio:2/3!important;border-radius:0!important}.project-release-info{padding:9px!important;min-width:0}.project-release-info h3{font-size:11px!important;line-height:1.28!important;min-height:2.56em!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0 0 8px!important}.project-release-meta{margin:0!important;display:grid!important;gap:5px!important}.project-release-year{width:max-content;padding:3px 7px;border-radius:999px;background:rgba(251,191,36,.12);color:#fde68a;font-size:10px;font-weight:800}.project-release-genre{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--v84-muted);font-size:9px}.projects-pagination{margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--v84-line)}

/* Public schedule — day tabs and poster cards. */
.schedule-page{padding-block:clamp(42px,6vw,78px)}.schedule-explorer{display:grid;gap:20px}.schedule-day-tabs{display:flex;gap:8px;overflow:auto;padding:5px 3px 10px;scrollbar-width:none}.schedule-day-tabs::-webkit-scrollbar{display:none}.schedule-day-tabs button{flex:0 0 auto;min-width:132px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--v84-line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--v84-muted);cursor:pointer;transition:.22s var(--v84-ease)}.schedule-day-tabs button:not(:disabled):hover{border-color:rgba(34,211,238,.34);color:var(--v84-text)}.schedule-day-tabs button.is-active{background:linear-gradient(135deg,rgba(34,211,238,.17),rgba(124,92,255,.18));border-color:rgba(34,211,238,.38);color:white;box-shadow:0 12px 30px rgba(34,211,238,.08)}.schedule-day-tabs button:disabled{opacity:.35;cursor:not-allowed}.schedule-day-tabs em{font-style:normal;min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px}.schedule-day-panel{animation:v84PanelIn .34s var(--v84-ease)}@keyframes v84PanelIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.schedule-panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.schedule-panel-head h2{margin:3px 0 0}.schedule-panel-head p{color:var(--v84-muted);margin:0}.schedule-poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.schedule-poster-card{min-width:0;border:1px solid var(--v84-line);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.025);transition:transform .24s var(--v84-ease),border-color .24s,box-shadow .24s}.schedule-poster-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.35);box-shadow:0 16px 35px rgba(0,0,0,.25)}.schedule-poster-image{aspect-ratio:2/3;display:block;background-size:cover;background-position:center;position:relative}.schedule-poster-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,7,13,.85))}.schedule-poster-image em,.schedule-poster-image b{position:absolute;z-index:2;top:10px;padding:6px 8px;border-radius:999px;background:rgba(5,9,16,.78);backdrop-filter:blur(8px);font-size:10px;font-style:normal}.schedule-poster-image em{left:10px}.schedule-poster-image b{right:10px}.schedule-poster-copy{display:grid;gap:5px;padding:11px}.schedule-poster-copy strong{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.schedule-poster-copy small{color:var(--v84-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Support and application pages. */
.support-shell-v84{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;gap:18px!important;align-items:start}.support-card{border-radius:22px!important;border:1px solid var(--v84-line)!important;background:linear-gradient(145deg,rgba(22,28,40,.97),rgba(13,17,25,.98))!important;box-shadow:0 18px 48px rgba(0,0,0,.2)}.support-main-card{padding:22px!important}.support-hero-v84{display:flex;gap:15px;align-items:flex-start;margin-bottom:14px}.support-hero-icon{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#22d3ee,#7c5cff);font-size:20px;color:white;box-shadow:0 12px 28px rgba(34,211,238,.16)}.support-hero-v84 h1{margin:5px 0 6px!important}.support-hero-v84 p{max-width:680px}.support-promises-v84{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.support-promises-v84>span{padding:11px;border:1px solid var(--v84-line);border-radius:13px;background:rgba(255,255,255,.022);display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.support-promises-v84 i{grid-row:1/3;color:#67e8f9}.support-promises-v84 b{font-size:11px}.support-promises-v84 small{font-size:9px;color:var(--v84-muted)}.support-form-head-v84,.application-form-head{display:flex;gap:10px;align-items:center;padding:11px;margin-bottom:12px;border-radius:13px;background:rgba(34,211,238,.055);border:1px solid rgba(34,211,238,.15)}.support-form-head-v84>span,.application-form-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#22d3ee,#7c5cff);color:white}.support-form-head-v84>div,.application-form-head>div{display:grid;gap:2px}.support-form-head-v84 small,.application-form-head small{color:var(--v84-muted);font-size:10px}.support-form-v84{gap:10px!important}.support-tickets-card{position:sticky;top:92px;padding:20px!important}.support-ticket{border-radius:13px!important;background:rgba(255,255,255,.025)!important;border:1px solid var(--v84-line)!important}.application-section-v84{padding-block:clamp(44px,7vw,84px)}.application-layout-v84{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,500px)!important;gap:clamp(24px,5vw,70px)!important;align-items:start}.application-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.application-benefits>span{padding:14px;border-radius:15px;border:1px solid var(--v84-line);background:rgba(255,255,255,.025);display:grid;gap:5px}.application-benefits i{color:#67e8f9;font-size:17px}.application-benefits b{font-size:12px}.application-benefits small{font-size:10px;color:var(--v84-muted)}.application-card-v84{width:100%!important;border-radius:22px!important;border:1px solid var(--v84-line)!important;background:linear-gradient(145deg,#171e2b,#0f141d)!important;box-shadow:var(--v84-shadow)!important}

/* Admin production layout. */
.admin-main{max-width:1480px!important;width:100%;min-width:0}.admin-panel{border-radius:18px!important;border:1px solid var(--v84-line)!important;background:linear-gradient(145deg,rgba(22,27,38,.98),rgba(15,18,26,.98))!important}.admin-table-wrap{width:100%;overflow:auto;scrollbar-gutter:stable;border-radius:14px}.admin-users-table{min-width:1120px;table-layout:fixed}.admin-users-table th:nth-child(1){width:150px}.admin-users-table th:nth-child(2){width:205px}.admin-users-table th:nth-child(3){width:145px}.admin-users-table th:nth-child(4),.admin-users-table th:nth-child(5){width:75px}.admin-users-table th:nth-child(6){width:170px}.admin-users-table th:nth-child(7){width:100px}.admin-users-table th:nth-child(8){width:210px}.admin-users-table td{vertical-align:middle!important;overflow:hidden}.admin-users-table td:nth-child(2){word-break:break-word}.admin-users-table .table-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;align-items:center;min-width:0}.admin-users-table .table-actions form{margin:0;min-width:0}.admin-users-table .table-actions .btn{width:100%;min-width:0;padding-inline:9px;font-size:10px}.xp-admin-fields{grid-template-columns:72px 58px!important;gap:5px!important}.user-description-row td{padding-top:5px!important;padding-bottom:14px!important}.user-description-row textarea{min-height:62px!important}.admin-releases-table{min-width:900px}.admin-releases-table .table-actions{display:flex!important;gap:5px!important;white-space:nowrap}.admin-action-icon{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:10px!important}.admin-action-icon i{pointer-events:none}.admin-action-icon.btn-danger-soft{color:#fb7185!important;background:rgba(244,63,94,.09)!important;border-color:rgba(244,63,94,.18)!important}
.admin-schedule-list{display:grid;gap:10px}.admin-schedule-card{display:grid!important;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid var(--v84-line);border-radius:15px;background:rgba(255,255,255,.022)}.admin-schedule-poster{width:74px;aspect-ratio:2/3;border-radius:11px;background-size:cover;background-position:center}.admin-schedule-fields{display:grid;grid-template-columns:150px minmax(190px,1.3fr) 110px minmax(150px,1fr) 90px 105px;gap:8px;min-width:0}.admin-schedule-fields label{min-width:0}.admin-schedule-fields label>span:first-child{display:block;font-size:9px;color:var(--v84-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.admin-schedule-fields input,.admin-schedule-fields select{width:100%;min-width:0}.admin-schedule-switch{align-self:end}.admin-schedule-actions{display:flex;gap:6px;align-items:center}.admin-schedule-actions .btn-danger-soft{width:38px;height:38px;padding:0;display:grid;place-items:center}

/* Release editor tabs. */
.release-editor{display:grid;gap:14px}.release-editor-tabs{position:sticky;top:72px;z-index:25;display:flex;gap:7px;overflow:auto;padding:7px;border:1px solid var(--v84-line);border-radius:15px;background:rgba(12,16,24,.92);backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(0,0,0,.18);scrollbar-width:none}.release-editor-tabs::-webkit-scrollbar{display:none}.release-editor-tabs button{flex:0 0 auto;padding:10px 14px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--v84-muted);font-weight:750;cursor:pointer}.release-editor-tabs button i{margin-right:7px}.release-editor-tabs button.is-active{background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(124,92,255,.17));border-color:rgba(34,211,238,.25);color:white}.release-editor.is-character-mode .release-editor-main{display:none!important}.release-editor-panel[hidden]{display:none!important}.release-editor-panel.is-active{animation:v84PanelIn .3s var(--v84-ease)}.release-editor-panel .admin-panel{margin-bottom:12px}.release-editor-savebar{position:sticky;bottom:10px;z-index:24;display:flex!important;justify-content:flex-end;gap:8px;padding:9px!important;border-radius:14px;background:rgba(11,15,23,.9);backdrop-filter:blur(14px);border:1px solid var(--v84-line);box-shadow:0 -12px 30px rgba(0,0,0,.24)}.release-editor-savebar .btn-primary{min-width:220px}.character-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.character-admin-card{min-width:0!important;padding:10px!important}.character-admin-card input,.character-admin-card select{min-width:0!important;width:100%}.manual-character-row{grid-template-columns:1.1fr .8fr 1fr .55fr 1fr!important;gap:7px!important}

/* Release discussion bottom. */
.release-community-section-v84{padding-block:34px 72px}.release-community-head-v84{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.release-community-head-v84 h2{margin:3px 0 0}.release-community-head-v84 p{max-width:470px;margin:0;color:var(--v84-muted);text-align:right}.release-community-grid-v84{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:14px!important;align-items:start}.comments-block,.rate-card{border:1px solid var(--v84-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(22,28,40,.97),rgba(13,17,25,.98))!important;box-shadow:0 16px 45px rgba(0,0,0,.18)}.comments-block{padding:18px!important}.comments-block h2{font-size:19px!important}.comment-form textarea{min-height:112px!important;border-radius:13px!important}.sticker-bar{display:flex;gap:6px;flex-wrap:wrap}.sticker-bar button{border-radius:999px!important}.rate-card{position:sticky;top:92px;padding:16px!important}.score-picker{grid-template-columns:repeat(5,1fr)!important;gap:7px!important}.score-picker span{border-radius:10px!important}

/* General motion and performance. */
.release-card,.schedule-poster-card,.team-card,.notification-card,.comment-card{content-visibility:auto;contain-intrinsic-size:320px}.btn,a,button,input,select,textarea{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:.2s;transition-timing-function:var(--v84-ease)}.btn:active,button:active{transform:translateY(1px) scale(.99)}

@media (max-width:1180px){
  .projects-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .admin-schedule-card{grid-template-columns:64px minmax(0,1fr)}.admin-schedule-poster{width:64px}.admin-schedule-actions{grid-column:2;justify-content:flex-end}.admin-schedule-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
  .support-shell-v84{grid-template-columns:1fr!important}.support-tickets-card{position:static}.application-layout-v84{grid-template-columns:minmax(0,1fr) minmax(340px,440px)!important}
}
@media (max-width:900px){
  .projects-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .profile-customization-grid{grid-template-columns:1fr!important}.profile-edit-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}.profile-edit-actions{position:sticky!important;bottom:0!important}
  .application-layout-v84{grid-template-columns:1fr!important}.application-copy{max-width:none!important}.application-card-v84{max-width:640px!important}
  .release-community-grid-v84{grid-template-columns:1fr!important}.rate-card{position:static}.release-community-head-v84{align-items:start;flex-direction:column}.release-community-head-v84 p{text-align:left}
  .character-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.manual-character-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .release-participants-dialog{padding:8px!important}.release-participants-modal-card{max-height:calc(100dvh - 16px)!important;border-radius:18px!important}.release-participants-modal-body{max-height:calc(100dvh - 92px)!important;padding:10px!important}.release-character-modal-grid{grid-template-columns:1fr!important}
  .remote-modal-shell{padding:8px!important}.remote-modal-card{max-height:calc(100dvh - 16px)!important;border-radius:18px!important}.remote-modal-body{max-height:calc(100dvh - 82px)!important}
  .projects-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.projects-window-head{align-items:start!important;flex-direction:column!important}.project-count{align-self:flex-start}.project-release-info{padding:8px!important}
  .profile-level-panel{grid-template-columns:1fr!important}.watch-metrics{grid-template-columns:1fr 1fr}.profile-settings-section{padding:12px!important}.profile-upload-grid{grid-template-columns:1fr!important}.avatar-frame-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}.profile-edit-actions{display:grid!important;grid-template-columns:1fr 1.35fr!important}
  .schedule-day-tabs button{min-width:116px;padding:10px 12px}.schedule-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.schedule-poster-copy{padding:9px}.schedule-panel-head{align-items:start;flex-direction:column;gap:4px}
  .support-main-card{padding:15px!important}.support-hero-v84{align-items:center}.support-promises-v84{grid-template-columns:1fr}.support-promises-v84>span{grid-template-columns:auto 1fr}.application-benefits{grid-template-columns:1fr!important}.application-card-v84{padding:15px!important}
  .admin-schedule-card{grid-template-columns:54px minmax(0,1fr);padding:9px}.admin-schedule-poster{width:54px}.admin-schedule-fields{grid-template-columns:1fr 1fr}.admin-schedule-title,.admin-schedule-note{grid-column:1/-1}.admin-schedule-actions{grid-column:1/-1}.admin-schedule-actions .btn-secondary{flex:1}
  .release-editor-tabs{top:62px;margin-inline:-4px}.release-editor-tabs button{padding:9px 11px}.release-editor-tabs button span{display:none}.release-editor-savebar{bottom:5px}.release-editor-savebar .btn-primary{width:100%;min-width:0}.character-admin-grid{grid-template-columns:1fr!important}.manual-character-row{grid-template-columns:1fr!important}
  .release-community-section-v84{padding-bottom:44px}.comments-block{padding:13px!important}.comment-form-actions{align-items:stretch!important;flex-direction:column!important}.comment-form-actions .btn{width:100%}.score-picker{grid-template-columns:repeat(5,1fr)!important}
}
@media (max-width:430px){
  .projects-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-release-info h3{font-size:10px!important}.project-release-genre{font-size:8px}
  .watch-metrics{grid-template-columns:1fr}.avatar-frame-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-edit-actions{grid-template-columns:1fr!important}
  .schedule-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-poster-copy strong{font-size:11px}.schedule-poster-image em{max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-poster-image b{display:none}
}
@media (hover:none){
  .hover-effect-spark::after,.hover-effect-sakura::after,.hover-effect-stars::after{opacity:.48;transform:none}.hover-effect-slash::after{opacity:.35;transform:scaleX(.7) skewX(-24deg)}.hover-effect-chakra,.hover-effect-aura,.hover-effect-legend{filter:drop-shadow(0 0 4px rgba(34,211,238,.35))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Partner API administration. */
.admin-api-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.api-token-reveal{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-color:rgba(52,211,153,.32)!important;background:linear-gradient(135deg,rgba(16,185,129,.09),rgba(34,211,238,.05))!important}.api-token-reveal>div{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.api-token-reveal>div i{grid-row:1/3;color:#6ee7b7}.api-token-reveal>div small{color:var(--v84-muted)}.api-token-reveal code,.api-docs-card code{display:block;min-width:0;padding:11px 13px;border:1px solid var(--v84-line);border-radius:12px;background:#080d15;color:#7dd3fc;overflow:auto;white-space:nowrap}.api-docs-card p{margin:12px 0 6px}.api-client-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-client-card{padding:14px;border:1px solid var(--v84-line);border-radius:15px;background:rgba(255,255,255,.022);display:grid;gap:9px}.api-client-card.is-disabled{opacity:.62}.api-client-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.api-client-card small,.api-client-card p{color:var(--v84-muted);margin:0}.api-client-actions{display:flex;gap:6px;justify-content:flex-end}.api-client-actions form{margin:0}
@media(max-width:900px){.admin-api-grid{grid-template-columns:1fr}.api-client-list{grid-template-columns:1fr}}
@media(max-width:560px){.api-token-reveal{grid-template-columns:1fr}.api-token-reveal .btn{width:100%}.api-client-card>div:first-child{align-items:flex-start;flex-direction:column}}

/* =====================================================================
   v85 — polished account chip and aligned release discussion heading
   ===================================================================== */

/*
 * The selected nickname style remains gradient text in profiles/comments,
 * but in the compact header chip it becomes a readable gradient pill.
 * This avoids the dark empty-looking username area introduced in v84.
 */
.user-chip {
  background: linear-gradient(145deg, rgba(22, 28, 40, .96), rgba(12, 16, 24, .98)) !important;
  border-color: rgba(139, 151, 177, .18) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .16);
  transition: border-color .22s var(--v84-ease), box-shadow .22s var(--v84-ease), transform .22s var(--v84-ease) !important;
}
.user-chip:hover,
.user-chip:focus-visible {
  border-color: rgba(124, 92, 255, .38) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 10px 28px rgba(0, 0, 0, .22), 0 0 0 3px rgba(124, 92, 255, .08);
  transform: translateY(-1px);
}
.user-chip-name,
.user-chip-name.nick-style {
  position: relative;
  isolation: isolate;
  background: var(--nick-gradient, linear-gradient(110deg, #ffe38a, #ff8a5b 52%, #ff5f7e)) !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #11151d !important;
  -webkit-text-fill-color: #11151d !important;
  font-weight: 900 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .22);
  box-shadow: inset 0 1px rgba(255, 255, 255, .38), 0 7px 16px rgba(0, 0, 0, .18);
  overflow: hidden;
}
.user-chip-name::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, rgba(255,255,255,.24), transparent 34%, transparent 68%, rgba(255,255,255,.12));
  pointer-events: none;
}
.user-chip-name.hover-effect,
.user-chip-name.hover-effect:hover,
.user-chip-name.hover-effect:focus-visible {
  filter: none !important;
  animation: none !important;
}
.user-chip-name.hover-effect::after { display: none !important; }
:root[data-theme="light"] .user-chip {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(49, 58, 78, .14) !important;
}

/* Keep the discussion title and helper text on the exact same rails as
 * the comments and rating cards below. */
.release-community-section-v84 {
  width: 100% !important;
  max-width: 1020px !important;
  margin-inline: auto !important;
}
.release-community-head-v84 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  align-items: end !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 auto 14px !important;
}
.release-community-head-v84 > div {
  min-width: 0;
}
.release-community-head-v84 h2 {
  margin: 4px 0 0 !important;
  line-height: 1.1;
}
.release-community-head-v84 p {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 11px 13px;
  border: 1px solid rgba(139, 151, 177, .14);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(22, 28, 40, .72), rgba(12, 16, 24, .78));
  color: var(--v84-muted) !important;
  text-align: left !important;
  font-size: 13px;
  line-height: 1.45;
}
.release-community-grid-v84 {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
}

@media (max-width: 860px) {
  .release-community-section-v84 {
    max-width: none !important;
    padding-inline: 12px !important;
  }
  .release-community-head-v84,
  .release-community-grid-v84 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .release-community-head-v84 {
    align-items: start !important;
    gap: 10px !important;
  }
  .release-community-head-v84 p {
    padding: 10px 12px;
  }
}

@media (max-width: 520px) {
  .user-chip-name,
  .user-chip-name.nick-style {
    max-width: 160px !important;
  }
  .release-community-section-v84 {
    padding-inline: 10px !important;
  }
  .release-community-head-v84 p {
    font-size: 12px;
  }
}

/* =====================================================================
   v86 — release discussion: one real grid, exact alignment on every screen
   ===================================================================== */
.release-community-section-v84 {
  width: min(980px, calc(100% - 24px)) !important;
  max-width: 980px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.release-community-grid-v84 {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 72px !important;
  grid-template-columns: minmax(0, 1fr) 280px !important;
  grid-template-areas:
    "community-title community-note"
    "community-comments community-rating" !important;
  column-gap: 18px !important;
  row-gap: 14px !important;
  align-items: start !important;
}
.release-community-title-v86 {
  grid-area: community-title;
  min-width: 0;
  align-self: end;
}
.release-community-title-v86 .eyebrow {
  display: block;
  margin: 0 0 5px;
}
.release-community-title-v86 h2 {
  margin: 0 !important;
  line-height: 1.12;
}
.release-community-note-v86 {
  grid-area: community-note;
  width: 100% !important;
  min-height: 54px;
  margin: 0 !important;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(139, 151, 177, .14);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(22, 28, 40, .72), rgba(12, 16, 24, .78));
  color: var(--v84-muted) !important;
  text-align: left !important;
  font-size: 13px;
  line-height: 1.4;
}
.release-community-grid-v84 > .release-main {
  grid-area: community-comments;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.release-community-grid-v84 > .release-sidebar {
  grid-area: community-rating;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.release-community-grid-v84 .comments-block,
.release-community-grid-v84 .rate-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

@media (max-width: 860px) {
  .release-community-section-v84 {
    width: min(700px, calc(100% - 20px)) !important;
  }
  .release-community-grid-v84 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "community-title"
      "community-note"
      "community-comments"
      "community-rating" !important;
    row-gap: 10px !important;
    padding-bottom: 48px !important;
  }
  .release-community-title-v86 {
    align-self: start;
  }
  .release-community-note-v86 {
    min-height: 0;
  }
  .release-community-grid-v84 > .release-sidebar,
  .release-community-grid-v84 .rate-card {
    position: static !important;
  }
}

@media (max-width: 520px) {
  .release-community-section-v84 {
    width: calc(100% - 16px) !important;
  }
  .release-community-note-v86 {
    padding: 10px 11px;
    border-radius: 12px;
    font-size: 12px;
  }
}

/* =====================================================================
   v87 — structural release discussion alignment
   The heading now lives in the exact same column as the comments card,
   and the helper lives in the exact same column as the rating card.
   No independent “rail” can drift away from its content anymore.
   ===================================================================== */
.release-community-section-v87 {
  width: min(980px, calc(100% - 24px)) !important;
  max-width: 980px !important;
  margin: 34px auto 0 !important;
  padding: 0 0 72px !important;
  box-sizing: border-box !important;
}

.release-community-grid-v87 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 18px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.release-community-comments-column-v87,
.release-community-rating-column-v87 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.release-community-comments-column-v87 {
  gap: 14px !important;
}

.release-community-rating-column-v87 {
  gap: 14px !important;
  position: static !important;
  top: auto !important;
}

.release-community-title-v87 {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.release-community-title-v87 .eyebrow {
  display: block !important;
  margin: 0 0 6px !important;
}

.release-community-title-v87 h2 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.12 !important;
}

.release-community-note-v87 {
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(139, 151, 177, .14) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(22, 28, 40, .82), rgba(12, 16, 24, .9)) !important;
  color: var(--v84-muted, var(--muted)) !important;
  text-align: left !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.release-community-grid-v87 .comments-block,
.release-community-grid-v87 .rate-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.release-community-grid-v87 .release-sidebar,
.release-community-grid-v87 .release-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

@media (max-width: 860px) {
  .release-community-section-v87 {
    width: min(700px, calc(100% - 20px)) !important;
    margin-top: 26px !important;
    padding-bottom: 48px !important;
  }

  .release-community-grid-v87 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .release-community-comments-column-v87,
  .release-community-rating-column-v87 {
    gap: 10px !important;
  }

  .release-community-rating-column-v87 {
    position: static !important;
  }

  .release-community-note-v87 {
    min-height: 0 !important;
  }
}

@media (max-width: 520px) {
  .release-community-section-v87 {
    width: calc(100% - 16px) !important;
    margin-top: 22px !important;
    padding-bottom: 38px !important;
  }

  .release-community-title-v87 h2 {
    font-size: clamp(22px, 7vw, 28px) !important;
  }

  .release-community-note-v87 {
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
  }
}