:root{
  --primary:#6d7cff;--on-primary:#070816;--primary-container:#24205b;--on-primary-container:#e8e6ff;
  --secondary:#b86cff;--background:#000;--on-background:#f8f8fa;--surface:#09090d;--on-surface:#f8f8fa;
  --surface-variant:#171623;--on-surface-variant:#c1c0cf;--outline:#6f6e80;--error:#ffb4ab;
  --nav-bg:rgba(9,9,13,.94);--shadow:0 18px 50px rgba(0,0,0,.38);--radius:20px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Variable Text",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;color-scheme:dark
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--on-background)}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.gradient-layer{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;z-index:0}.gradient-enabled .gradient-layer{opacity:1}.gradient-aurora{background:radial-gradient(circle at 15% 10%,rgba(109,124,255,.30),transparent 42%),radial-gradient(circle at 90% 70%,rgba(184,108,255,.22),transparent 46%)}.gradient-sakura{background:radial-gradient(circle at 15% 10%,rgba(255,145,200,.28),transparent 44%),radial-gradient(circle at 85% 80%,rgba(142,72,120,.23),transparent 48%)}.gradient-ocean{background:radial-gradient(circle at 8% 15%,rgba(99,230,213,.20),transparent 42%),radial-gradient(circle at 90% 72%,rgba(25,93,135,.28),transparent 45%)}.gradient-ember{background:radial-gradient(circle at 10% 15%,rgba(255,107,74,.25),transparent 42%),radial-gradient(circle at 90% 75%,rgba(114,45,13,.25),transparent 45%)}.gradient-violet{background:radial-gradient(circle at 12% 10%,rgba(194,178,255,.22),transparent 42%),radial-gradient(circle at 90% 80%,rgba(87,51,154,.28),transparent 48%)}.gradient-forest{background:radial-gradient(circle at 10% 12%,rgba(130,230,179,.18),transparent 42%),radial-gradient(circle at 90% 78%,rgba(25,91,58,.28),transparent 48%)}.gradient-neon{background:radial-gradient(circle at 10% 10%,rgba(0,255,213,.16),transparent 40%),radial-gradient(circle at 90% 20%,rgba(255,0,183,.18),transparent 40%),radial-gradient(circle at 50% 100%,rgba(73,63,255,.20),transparent 44%)}.gradient-sunset{background:radial-gradient(circle at 10% 10%,rgba(255,180,155,.24),transparent 42%),radial-gradient(circle at 90% 78%,rgba(130,45,25,.28),transparent 48%)}.gradient-ice{background:radial-gradient(circle at 10% 10%,rgba(170,235,255,.22),transparent 42%),radial-gradient(circle at 90% 80%,rgba(80,120,180,.24),transparent 48%)}.gradient-amber{background:radial-gradient(circle at 10% 10%,rgba(255,200,87,.20),transparent 42%),radial-gradient(circle at 90% 80%,rgba(113,77,5,.27),transparent 48%)}.gradient-lavender{background:radial-gradient(circle at 10% 10%,rgba(199,174,255,.21),transparent 42%),radial-gradient(circle at 90% 80%,rgba(110,77,173,.22),transparent 48%)}.gradient-cherry{background:radial-gradient(circle at 10% 10%,rgba(255,75,126,.23),transparent 42%),radial-gradient(circle at 90% 80%,rgba(100,18,51,.28),transparent 48%)}
.shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;min-height:100vh}.screen{min-height:100vh;padding:18px 20px calc(104px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,1180px);height:78px;padding:6px max(14px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:var(--nav-bg);border-top:1px solid color-mix(in srgb,var(--outline) 28%,transparent);-webkit-backdrop-filter:blur(22px)}.nav-item{border:0;backdrop-filter:blur(22px)}.nav-item{border:0;background:transparent;color:var(--on-surface-variant);display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer;border-radius:18px;min-width:0}.nav-item svg{width:25px;height:25px}.nav-item span{font-size:12px;font-weight:600}.nav-item.active{color:var(--primary)}.nav-pill{display:grid;place-items:center;width:64px;height:32px;border-radius:20px}.nav-item.active .nav-pill{background:var(--primary-container);color:var(--on-primary-container)}
.top-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;margin-bottom:18px}.top-title{font-size:30px;font-weight:900;line-height:1.1;margin:0;letter-spacing:-.6px}.top-subtitle{color:var(--on-surface-variant);font-size:14px;margin:4px 0 0}.icon-btn{width:46px;height:46px;border:0;border-radius:50%;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--on-surface);display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:var(--surface-variant)}.icon-btn svg{width:24px;height:24px}.back-btn{flex:0 0 auto}.header-copy{min-width:0;flex:1}.header-copy .top-title{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-title{font-size:22px;font-weight:800;margin:22px 0 12px}.section-subtitle{color:var(--on-surface-variant);font-size:14px;margin:-5px 0 14px}.anime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.anime-card{min-width:0;cursor:pointer}.poster-shell{position:relative;aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:var(--surface-variant);box-shadow:0 8px 24px rgba(0,0,0,.18)}.poster{width:100%;height:100%;object-fit:cover}.poster-fallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:10px;background:linear-gradient(145deg,var(--primary-container),var(--surface-variant));font-weight:900;color:var(--on-primary-container)}.anime-card-title{font-size:15px;font-weight:750;line-height:1.25;margin:9px 2px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-card-meta{font-size:12px;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 2px}.card-badges{position:absolute;left:8px;right:8px;top:8px;display:flex;gap:6px;flex-wrap:wrap}.badge{background:rgba(5,5,8,.78);color:white;border-radius:9px;padding:5px 7px;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(8px)}.progress-overlay{position:absolute;backdrop-filter:blur(8px)}.progress-overlay{position:absolute;left:8px;right:8px;bottom:8px;height:5px;background:rgba(255,255,255,.25);border-radius:8px;overflow:hidden}.progress-overlay span{display:block;height:100%;background:var(--primary)}
.continue-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;padding:12px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-radius:18px;cursor:pointer}.continue-card .poster-shell{width:78px;height:110px;aspect-ratio:auto;border-radius:13px}.continue-copy{min-width:0;align-self:center}.continue-copy h3{font-size:16px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-copy p{margin:4px 0;color:var(--on-surface-variant);font-size:13px}.continue-action{color:var(--primary)!important;font-weight:700}.linear-progress{height:5px;border-radius:6px;background:var(--surface-variant);overflow:hidden;margin-top:8px}.linear-progress span{display:block;height:100%;background:var(--primary)}
.loading-block,.empty-block,.error-block{min-height:180px;border-radius:20px;background:color-mix(in srgb,var(--surface) 82%,transparent);display:grid;place-items:center;text-align:center;padding:26px;color:var(--on-surface-variant)}.spinner{width:34px;height:34px;border:3px solid var(--surface-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-block h3,.error-block h3{color:var(--on-surface);margin:10px 0 4px}.empty-block p,.error-block p{margin:0;max-width:420px}.retry-btn{margin-top:14px}
.search-panel{display:flex;gap:10px;margin-bottom:14px}.search-field{flex:1;display:flex;align-items:center;gap:9px;border-radius:18px;background:var(--surface);padding:0 14px;min-height:52px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--on-surface);font-size:16px}.search-field svg{width:21px;color:var(--on-surface-variant)}.filter-btn{border-radius:18px}.chips{display:flex;gap:8px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid color-mix(in srgb,var(--outline) 42%,transparent);background:var(--surface);color:var(--on-surface);border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:650;font-size:13px}.chip.active{background:var(--primary-container);color:var(--on-primary-container);border-color:transparent}.load-more{display:flex;justify-content:center;padding:24px 0}
.btn{border:0;border-radius:14px;min-height:46px;padding:0 17px;background:var(--surface-variant);color:var(--on-surface);font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn svg{width:20px;height:20px}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.tonal{background:var(--primary-container);color:var(--on-primary-container)}.btn.danger{background:color-mix(in srgb,var(--error) 18%,var(--surface));color:var(--error)}.btn:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%}
.detail-backdrop{position:absolute;left:0;right:0;top:0;height:420px;z-index:-1;overflow:hidden;opacity:.38;mask-image:linear-gradient(#000 15%,transparent 100%)}.detail-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(2px)}.detail-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,var(--background))}.detail-content{padding-top:48px}.detail-main{display:grid;grid-template-columns:142px minmax(0,1fr);gap:18px;align-items:end}.detail-poster{aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:var(--surface-variant);box-shadow:var(--shadow)}.detail-title{font-size:27px;line-height:1.08;margin:0 0 8px;font-weight:900}.detail-original{font-size:13px;color:var(--on-surface-variant);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-wrap{display:flex;flex-wrap:wrap;gap:7px}.meta-chip{font-size:12px;font-weight:700;padding:6px 9px;border-radius:9px;background:rgba(10,10,14,.66);color:#fff}.detail-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin:20px 0}.detail-actions .watch-btn{grid-column:1/-1}.detail-section{padding:18px 0;border-top:1px solid color-mix(in srgb,var(--outline) 24%,transparent)}.detail-section h2{font-size:20px;margin:0 0 11px}.description{color:var(--on-surface-variant);line-height:1.62;margin:0;white-space:pre-line}.rating-card{background:var(--primary-container);color:var(--on-primary-container);border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.rating-score{font-size:30px;font-weight:900}.rating-source{font-size:12px;opacity:.8}.info-list{display:grid;gap:1px;border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--outline) 20%,transparent)}.info-row{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;background:var(--surface)}.info-row span{color:var(--on-surface-variant)}.chronology{display:grid;gap:9px}.release-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px;background:var(--surface);border-radius:15px}.release-row img,.release-row .poster-fallback{width:48px;height:68px;border-radius:10px;object-fit:cover}.release-row h3{font-size:14px;margin:0 0 4px}.release-row p{font-size:12px;color:var(--on-surface-variant);margin:0}.release-number{color:var(--primary);font-weight:800;font-size:12px}
.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px;scrollbar-width:none}.tab{border:0;background:var(--surface);color:var(--on-surface-variant);padding:10px 14px;border-radius:999px;white-space:nowrap;font-weight:700;cursor:pointer}.tab.active{background:var(--primary-container);color:var(--on-primary-container)}
.profile-card{display:flex;align-items:center;gap:15px;padding:18px;background:var(--surface);border-radius:20px}.profile-avatar{width:70px;height:70px;border-radius:50%;background:var(--primary-container);display:grid;place-items:center;overflow:hidden;color:var(--on-primary-container);font-size:28px;font-weight:900}.profile-copy h1{font-size:22px;margin:0 0 4px}.profile-copy p{font-size:13px;color:var(--on-surface-variant);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.stat-card{background:var(--surface);border-radius:16px;padding:14px 10px;text-align:center}.stat-card strong{display:block;font-size:23px;color:var(--primary)}.stat-card span{font-size:11px;color:var(--on-surface-variant)}.history-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);padding:10px;border-radius:16px;cursor:pointer}.history-row .poster-shell{width:62px;height:88px;aspect-ratio:auto;border-radius:11px}.history-row h3{font-size:14px;margin:0 0 4px}.history-row p{font-size:12px;color:var(--on-surface-variant);margin:3px 0}.history-row .play-circle{color:var(--primary)}
.settings-group{background:var(--surface);border-radius:20px;overflow:hidden;margin-bottom:16px}.setting-row{min-height:72px;padding:13px 15px;display:flex;align-items:center;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--outline) 20%,transparent);cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-icon{width:42px;height:42px;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container);display:grid;place-items:center;flex:0 0 auto}.setting-icon svg{width:22px}.setting-copy{min-width:0;flex:1}.setting-copy h3{font-size:15px;margin:0 0 4px}.setting-copy p{font-size:12px;color:var(--on-surface-variant);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-end{color:var(--on-surface-variant)}.switch{width:48px;height:28px;border-radius:20px;background:var(--surface-variant);padding:3px;transition:.2s;cursor:pointer}.switch:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:var(--on-surface-variant);transition:.2s}.switch.on{background:var(--primary)}.switch.on:after{transform:translateX(20px);background:var(--on-primary)}.radio-list{display:grid;gap:8px}.radio-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;padding:14px;cursor:pointer}.radio-dot{width:20px;height:20px;border:2px solid var(--outline);border-radius:50%;display:grid;place-items:center}.radio-row.active .radio-dot{border-color:var(--primary)}.radio-row.active .radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}.radio-copy{flex:1}.radio-copy strong{display:block;font-size:14px}.radio-copy small{display:block;color:var(--on-surface-variant);font-size:12px;margin-top:3px}.theme-preview{width:54px;height:35px;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.range-wrap{padding:18px;background:var(--surface);border-radius:18px}.range-wrap input{width:100%;accent-color:var(--primary)}
.watch-header{position:sticky;top:0;z-index:8;margin:-18px -20px 12px;padding:12px 20px;background:color-mix(in srgb,var(--background) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;gap:12px}.watch-header h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.watch-header p{font-size:12px;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 0}.watch-stack{display:grid;gap:10px}.voice-card,.source-card,.episode-card{display:flex;align-items:center;gap:13px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:18px;padding:13px;cursor:pointer}.voice-logo{width:44px;height:44px;border-radius:50%;background:var(--primary-container);color:var(--primary);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.voice-copy,.source-copy,.episode-copy{min-width:0;flex:1}.voice-copy h3,.source-copy h3,.episode-copy h3{font-size:15px;margin:0 0 4px}.voice-copy p,.source-copy p,.episode-copy p{font-size:12px;color:var(--on-surface-variant);margin:0}.provider-badge{font-size:11px;color:var(--primary);font-weight:800;margin-top:5px}.episode-state{width:44px;height:44px;border-radius:50%;background:var(--surface-variant);display:grid;place-items:center;flex:0 0 auto;color:var(--on-surface-variant)}.episode-card.watched .episode-state,.episode-card.is-completed .episode-state{color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface-variant))}.episode-card.in-progress .episode-state{color:var(--on-surface)}.episode-progress{height:4px;background:var(--surface-variant);border-radius:5px;overflow:hidden;margin-top:8px}.episode-progress span{display:block;height:100%;background:var(--primary)}.watch-notice{padding:14px;background:var(--surface);border-radius:16px;color:var(--on-surface-variant);font-size:13px}.watch-notice.error{color:var(--error)}
.player-screen{position:fixed;inset:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column}.player-top{height:62px;display:flex;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(rgba(0,0,0,.78),transparent);z-index:2}.player-top .icon-btn{background:rgba(255,255,255,.12);color:#fff}.player-title{min-width:0;flex:1}.player-title h2{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title p{font-size:12px;color:rgba(255,255,255,.72);margin:3px 0 0}.player-stage{position:absolute;inset:0;display:grid;place-items:center}.player-stage video{width:100%;height:100%;object-fit:contain;background:#000}.player-loader{position:absolute;inset:0;display:grid;place-items:center;background:#000;z-index:3}.player-loader.hidden{display:none}.player-error{position:absolute;z-index:5;max-width:520px;text-align:center;padding:24px}.player-bottom{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;gap:10px;pointer-events:none}.skip-btn,.quality-btn{pointer-events:auto;background:rgba(10,10,14,.82);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:10px 13px;font-weight:750;cursor:pointer}.skip-btn.hidden{visibility:hidden}.quality-menu{position:absolute;right:0;bottom:50px;display:grid;min-width:120px;background:rgba(20,20,24,.96);border-radius:14px;padding:6px;box-shadow:var(--shadow)}.quality-menu button{border:0;background:transparent;color:#fff;text-align:left;padding:10px;border-radius:9px;cursor:pointer}.quality-menu button.active{background:var(--primary-container);color:var(--on-primary-container)}
.sheet-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.58);display:flex;align-items:flex-end}.sheet{width:100%;max-height:86vh;overflow:auto;background:var(--surface);border-radius:28px 28px 0 0;padding:12px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.sheet-handle{width:42px;height:4px;border-radius:6px;background:var(--outline);margin:2px auto 16px}.sheet h2{font-size:20px;margin:0 0 16px}.form-grid{display:grid;gap:14px}.field label{display:block;font-size:12px;color:var(--on-surface-variant);margin:0 0 7px}.field select,.field input{width:100%;min-height:48px;border:0;border-radius:14px;background:var(--surface-variant);color:var(--on-surface);padding:0 13px;outline:0}.sheet-actions{display:flex;gap:10px;margin-top:18px}.sheet-actions .btn{flex:1}
.toast{position:fixed;z-index:150;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--on-surface);color:var(--surface);border-radius:14px;padding:11px 15px;box-shadow:var(--shadow);font-weight:700;font-size:13px;transition:.2s;max-width:min(90vw,440px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:720px){.screen{padding:26px 32px 112px}.anime-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.detail-main{grid-template-columns:220px minmax(0,1fr)}.detail-title{font-size:42px}.detail-actions{display:flex}.detail-actions .watch-btn{grid-column:auto}.bottom-nav{width:520px;left:50%;bottom:14px;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);border-radius:24px;height:72px;padding:6px 10px;box-shadow:var(--shadow)}.stats-grid{max-width:520px}.watch-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-notice{grid-column:1/-1}.sheet{max-width:600px;margin:0 auto;border-radius:28px 28px 0 0}.detail-backdrop{height:600px}}
@media(min-width:1020px){.anime-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-content{max-width:900px;margin:0 auto}.watch-stack{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){.screen{padding-left:14px;padding-right:14px}.detail-main{grid-template-columns:118px minmax(0,1fr)}.detail-title{font-size:23px}.anime-grid{gap:15px 9px}.bottom-nav{height:74px}.nav-item span{font-size:11px}}
.player-tool{pointer-events:auto;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,14,.78);color:#fff;border-radius:12px;padding:9px 11px;font-weight:750;cursor:pointer}.player-tool:disabled{opacity:.35;cursor:default}.player-top>.player-tool{flex:0 0 auto}.player-episode-controls{display:flex;align-items:center;gap:8px;pointer-events:auto}.quality-wrap{position:relative;pointer-events:auto}.player-error-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}@media(max-width:620px){.player-top{height:auto;min-height:60px}.player-top>.player-tool{padding:8px;font-size:12px}.player-bottom{align-items:flex-end}.player-episode-controls{max-width:78%;flex-wrap:wrap}.player-episode-controls .player-tool{font-size:12px;padding:8px}.skip-btn{order:-1;width:100%;font-size:12px;padding:8px}.quality-btn{padding:8px 10px}.player-title h2{font-size:14px}.player-title p{font-size:11px}}

/* UI repair + home screen v3 */
svg{width:24px;height:24px;display:block;flex:0 0 auto;overflow:visible}
.voice-card>svg,.source-card>svg,.episode-card>svg,.setting-end>svg,.history-row>svg{width:20px;height:20px;color:var(--on-surface-variant);flex:0 0 20px}
.rating-card>svg{width:52px;height:52px;opacity:.88;flex:0 0 52px}
.error-block svg,.empty-block svg{width:34px;height:34px;margin-inline:auto;color:var(--primary)}
.voice-card,.source-card,.episode-card{min-height:88px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;border:1px solid transparent}
.voice-card:hover,.source-card:hover,.episode-card:hover{transform:translateY(-2px);background:var(--surface);border-color:color-mix(in srgb,var(--outline) 22%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.voice-card:active,.source-card:active,.episode-card:active{transform:scale(.99)}
.voice-copy p,.source-copy p,.episode-copy p{line-height:1.35}.provider-badge{line-height:1.25}

.home-topbar{position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-18px -20px 14px;padding:12px 20px;background:color-mix(in srgb,var(--background) 90%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);border-bottom:1px solid color-mix(in srgb,var(--outline) 12%,transparent)}
.home-brand{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:11px;padding:0;cursor:pointer;text-align:left;min-width:0}
.home-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.home-brand span{display:grid;min-width:0}.home-brand strong{font-size:22px;line-height:1.05;letter-spacing:-.45px}.home-brand small{font-size:11px;color:var(--on-surface-variant);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-top-actions{display:flex;gap:8px}.home-top-actions .icon-btn{width:44px;height:44px}.is-spinning svg{animation:spin .9s linear infinite}
.home-search{width:100%;min-height:54px;border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--on-surface-variant);display:flex;align-items:center;gap:12px;padding:0 16px;cursor:pointer;text-align:left;box-shadow:0 8px 30px rgba(0,0,0,.08);transition:.16s ease}
.home-search:hover{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 42%,transparent);color:var(--on-surface)}.home-search span{flex:1;font-size:15px}.home-search kbd{font:600 11px/1 system-ui;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);border-bottom-width:2px;border-radius:7px;padding:6px 7px;color:var(--on-surface-variant);background:var(--surface-variant)}
.home-hero{position:relative;min-height:390px;margin:16px 0 30px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,var(--primary-container),var(--surface));box-shadow:0 22px 55px rgba(0,0,0,.26);isolation:isolate}
.home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-3;transform:scale(1.01)}
.home-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,3,8,.94) 0%,rgba(3,3,8,.72) 42%,rgba(3,3,8,.18) 75%,rgba(3,3,8,.36) 100%),linear-gradient(0deg,rgba(3,3,8,.75),transparent 52%)}
.home-hero-content{min-height:390px;max-width:620px;padding:42px 44px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff}
.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.home-hero h1{font-size:clamp(32px,5vw,58px);line-height:.98;letter-spacing:-1.4px;margin:13px 0 12px;max-width:12ch;text-wrap:balance;text-shadow:0 4px 22px rgba(0,0,0,.55)}
.home-hero-meta{font-size:14px;color:rgba(255,255,255,.78);margin:0}.home-hero-meta span{color:#fff;font-weight:800;margin-left:4px}
.hero-genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.hero-genres span{font-size:12px;font-weight:700;padding:7px 9px;border-radius:9px;background:rgba(7,7,12,.55);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(9px)}
.home-hero-actions{display:flex;backdrop-filter:blur(9px)}
.home-hero-actions{display:flex;gap:10px;margin-top:20px}.home-hero-actions .btn{min-height:48px}.hero-secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px)}.hero-secondary:hover{background:rgba(255,255,255,.22)}
.home-section{margin:28px 0 34px}.section-heading{display:flex;backdrop-filter:blur(10px)}.hero-secondary:hover{background:rgba(255,255,255,.22)}
.home-section{margin:28px 0 34px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 13px}.section-heading h2{font-size:22px;line-height:1.1;margin:0;font-weight:850;letter-spacing:-.3px}.section-heading p{font-size:13px;color:var(--on-surface-variant);margin:5px 0 0}.section-actions{display:flex;align-items:center;gap:7px}.section-more,.rail-arrow{border:0;background:var(--surface);color:var(--on-surface);cursor:pointer;height:36px;border-radius:11px;font-weight:750}.section-more{padding:0 12px;color:var(--primary)}.rail-arrow{width:36px;display:grid;place-items:center}.rail-arrow svg{width:18px;height:18px}.rail-arrow-prev svg{transform:rotate(180deg)}.rail-arrow:hover,.section-more:hover{background:var(--surface-variant)}
.home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(136px,15.2vw,178px);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 10px}.home-rail::-webkit-scrollbar,.continue-rail::-webkit-scrollbar{display:none}.home-rail .anime-card{scroll-snap-align:start}.home-rail .poster-shell{border-radius:17px;transition:transform .18s ease,box-shadow .18s ease}.home-rail .anime-card:hover .poster-shell{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.continue-section{margin-top:24px}.continue-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(390px,88vw);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 8px}.home-continue-card{position:relative;scroll-snap-align:start;grid-template-columns:74px minmax(0,1fr) 38px;align-items:center;min-height:108px;border:1px solid color-mix(in srgb,var(--outline) 14%,transparent);transition:.16s ease}.home-continue-card:hover{transform:translateY(-2px);background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.16)}.home-continue-card .poster-shell{width:74px;height:104px}.continue-play{width:38px;height:38px;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);display:grid;place-items:center}.continue-play svg{width:18px;height:18px}
.skeleton{position:relative;overflow:hidden;background:var(--surface-variant)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translateX(100%)}}
.home-search-skeleton{height:54px;border-radius:18px}.hero-skeleton{height:390px;border-radius:26px;margin:16px 0 30px}.skeleton-line{display:block;height:18px;border-radius:7px}.wide-line{width:180px}.short-line{width:250px;height:11px;margin-top:8px}.skeleton-rail{overflow:hidden}.poster-skeleton{height:255px;border-radius:17px}.home-rail.skeleton-rail{padding-bottom:0}

@media(min-width:720px){
  .home-topbar{margin:-26px -32px 16px;padding:14px 32px}.home-search{max-width:720px}.home-hero{min-height:430px}.home-hero-content{min-height:430px}.continue-rail{grid-auto-columns:390px}
}
@media(max-width:719px){
  .home-brand small{display:none}.home-brand strong{font-size:20px}.home-top-actions .icon-btn{width:42px;height:42px}.home-search kbd{display:none}
  .home-hero{min-height:330px;margin-top:13px;border-radius:22px}.home-hero-content{min-height:330px;padding:28px 22px}.home-hero-shade{background:linear-gradient(0deg,rgba(3,3,8,.96) 0%,rgba(3,3,8,.66) 58%,rgba(3,3,8,.2) 100%)}.home-hero h1{font-size:34px;max-width:15ch}.hero-genres span:nth-child(n+3){display:none}.home-hero-actions{width:100%}.home-hero-actions .btn{flex:1;padding-inline:12px}
  .section-heading{align-items:center}.section-heading p{font-size:12px}.section-actions .rail-arrow{display:none}.home-rail{grid-auto-columns:132px;gap:11px;margin-right:-20px;padding-right:20px}.anime-card-title{font-size:14px}.continue-rail{margin-right:-20px;padding-right:20px}.hero-skeleton{height:330px}
}
@media(max-width:420px){.section-heading h2{font-size:20px}.section-heading p{max-width:230px}.home-hero-content{padding:24px 18px}.home-hero h1{font-size:31px}.home-hero-actions .btn{font-size:13px}.home-continue-card{grid-template-columns:68px minmax(0,1fr) 34px}.home-continue-card .poster-shell{width:68px;height:96px}.continue-play{width:34px;height:34px}}

/* Android 0.9.5 motion parity + desktop workspace */
.desktop-nav-brand,.desktop-nav-caption,.desktop-admin-link,.desktop-settings{display:none}
@media (prefers-reduced-motion:no-preference){
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
  html[data-route-transition="tab-forward"]::view-transition-old(root){animation-name:ap-tab-old-forward}
  html[data-route-transition="tab-forward"]::view-transition-new(root){animation-name:ap-tab-new-forward}
  html[data-route-transition="tab-back"]::view-transition-old(root){animation-name:ap-tab-old-back}
  html[data-route-transition="tab-back"]::view-transition-new(root){animation-name:ap-tab-new-back}
  html[data-route-transition="detail-forward"]::view-transition-old(root){animation-name:ap-detail-old}
  html[data-route-transition="detail-forward"]::view-transition-new(root){animation-name:ap-detail-new}
  html[data-route-transition="detail-back"]::view-transition-old(root){animation-name:ap-detail-back-old}
  html[data-route-transition="detail-back"]::view-transition-new(root){animation-name:ap-detail-back-new}
  html[data-route-transition="watch-forward"]::view-transition-old(root){animation-name:ap-watch-old}
  html[data-route-transition="watch-forward"]::view-transition-new(root){animation-name:ap-watch-new}
  html[data-route-transition="watch-back"]::view-transition-old(root){animation-name:ap-watch-back-old}
  html[data-route-transition="watch-back"]::view-transition-new(root){animation-name:ap-watch-back-new}
  html[data-route-transition^="settings"]::view-transition-new(root),html[data-route-transition="soft"]::view-transition-new(root){animation-name:ap-soft-new}
  html[data-route-transition^="settings"]::view-transition-old(root),html[data-route-transition="soft"]::view-transition-old(root){animation-name:ap-soft-old}
  @keyframes ap-tab-new-forward{from{opacity:0;transform:translateX(8%) scale(.99)}to{opacity:1;transform:none}}
  @keyframes ap-tab-old-forward{from{opacity:1;transform:none}to{opacity:0;transform:translateX(-5%) scale(.995)}}
  @keyframes ap-tab-new-back{from{opacity:0;transform:translateX(-8%) scale(.985)}to{opacity:1;transform:none}}
  @keyframes ap-tab-old-back{to{opacity:0;transform:translateX(5%) scale(1.008)}}
  @keyframes ap-detail-new{from{opacity:0;transform:translateY(11%) scale(.965)}to{opacity:1;transform:none}}
  @keyframes ap-detail-old{to{opacity:0;transform:scale(.985)}}
  @keyframes ap-detail-back-new{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
  @keyframes ap-detail-back-old{to{opacity:0;transform:translateY(8%) scale(.97)}}
  @keyframes ap-watch-new{from{opacity:0;transform:translateX(24%)}to{opacity:1;transform:none}}
  @keyframes ap-watch-old{to{opacity:0;transform:translateX(-10%)}}
  @keyframes ap-watch-back-new{from{opacity:0;transform:translateX(-24%)}to{opacity:1;transform:none}}
  @keyframes ap-watch-back-old{to{opacity:0;transform:translateX(10%)}}
  @keyframes ap-soft-new{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
  @keyframes ap-soft-old{to{opacity:0;transform:scale(.99)}}
  .route-fallback{animation:ap-soft-new .26s both}
  .nav-item.active .nav-pill{animation:ap-nav-spring .42s cubic-bezier(.2,1.6,.35,1)}
  @keyframes ap-nav-spring{0%{transform:translateY(0) scale(1)}55%{transform:translateY(-2px) scale(1.14)}100%{transform:translateY(-2px) scale(1.1)}}
  .anime-card,.voice-card,.source-card,.episode-card,.continue-card,.setting-row,.history-row,.release-row{animation:ap-item-in .34s both}
  .anime-card:nth-child(2n),.voice-card:nth-child(2n),.source-card:nth-child(2n),.episode-card:nth-child(2n){animation-delay:35ms}
  .anime-card:nth-child(3n),.voice-card:nth-child(3n),.source-card:nth-child(3n),.episode-card:nth-child(3n){animation-delay:70ms}
  @keyframes ap-item-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
  .home-hero-image{animation:ap-hero-pan 14s ease-in-out infinite alternate}
  @keyframes ap-hero-pan{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.07) translateX(-1.2%)}}
}


/* AniParse web layout — one coherent responsive system. */
:root{
  --desktop-nav-width:236px;
  --content-max:1540px;
  --panel-border:color-mix(in srgb,var(--outline) 20%,transparent);
  --panel-hover:color-mix(in srgb,var(--surface-variant) 76%,var(--surface));
  --soft-shadow:0 18px 46px rgba(0,0,0,.18);
}
html{scrollbar-gutter:stable}
body{background:var(--background)}
svg{display:block;width:24px;height:24px;max-width:100%;max-height:100%;flex:0 0 auto}
.icon-btn svg,.btn svg,.nav-pill svg,.telegram-button svg,.profile-summary svg{width:20px;height:20px}
.voice-card>svg,.source-card>svg,.episode-card>svg,.setting-end>svg{width:19px;height:19px;color:var(--on-surface-variant)}
.gradient-layer{display:none!important}
.desktop-nav-brand,.desktop-nav-spacer,.desktop-settings{display:none}
.desktop-nav-main{display:contents}
.desktop-admin-link{display:none!important}

/* Controls */
.btn,.icon-btn,.chip,.tab,.section-more,.rail-arrow,.home-search,.nav-item{
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease
}
.btn{border-radius:12px;min-height:46px;padding-inline:18px;box-shadow:none}
.btn:hover:not(:disabled){filter:brightness(1.045)}
.icon-btn{border:1px solid transparent;background:var(--surface)}
.icon-btn:hover{border-color:var(--panel-border);background:var(--surface-variant)}
.chip,.tab{border-radius:10px}
.loading-block,.empty-block,.error-block{border:1px solid var(--panel-border);background:var(--surface);border-radius:18px;box-shadow:none}
.error-block svg,.empty-block svg{width:34px;height:34px;margin-inline:auto;color:var(--primary)}
.toast{border-radius:12px}

/* Shared cards */
.poster-shell{border-radius:14px;box-shadow:none}
.anime-card{min-width:0;cursor:pointer}
.anime-card .poster-shell{outline:1px solid color-mix(in srgb,var(--outline) 12%,transparent);transition:transform .18s ease,box-shadow .18s ease,outline-color .18s ease}
.anime-card:hover .poster-shell{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.24);outline-color:color-mix(in srgb,var(--primary) 35%,transparent)}
.anime-card-title{font-weight:700;letter-spacing:-.012em}
.card-status{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:7px;background:rgba(4,4,7,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800}
.progress-overlay{left:9px;right:9px;bottom:9px;height:4px}

/* Home */
.home-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.home-brand{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.home-brand img{width:42px;height:42px;border-radius:12px}
.home-brand strong{font-size:21px;line-height:1;letter-spacing:-.025em}
.home-top-actions{display:flex;gap:8px}
.telegram-mobile{background:#229ed9!important;color:#fff}
.home-search{width:100%;min-height:54px;padding:0 16px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface);color:var(--on-surface-variant);cursor:pointer}
.home-search:hover{border-color:color-mix(in srgb,var(--primary) 54%,var(--outline));color:var(--on-surface)}
.home-search span{flex:1}
.home-search kbd{font:600 11px/1 system-ui;padding:6px 7px;border:1px solid var(--panel-border);border-bottom-width:2px;border-radius:7px;background:var(--surface-variant);color:var(--on-surface-variant)}
.home-dashboard{display:grid;gap:18px;margin-top:18px}
.home-hero{position:relative;min-height:390px;margin:0;border-radius:24px;overflow:hidden;isolation:isolate;background:var(--surface);box-shadow:var(--soft-shadow)}
.home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:-3}
.home-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,2,6,.94) 0%,rgba(2,2,6,.73) 46%,rgba(2,2,6,.18) 78%),linear-gradient(0deg,rgba(2,2,6,.72),transparent 58%)}
.home-hero-content{min-height:390px;max-width:680px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#fff}
.eyebrow{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,4,8,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.home-hero h1{max-width:13ch;margin:13px 0 10px;font-size:clamp(34px,5vw,60px);line-height:.99;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 4px 22px rgba(0,0,0,.48)}
.home-hero-meta{margin:0;color:rgba(255,255,255,.78);font-size:14px}
.home-hero-meta span{margin-left:5px;color:#fff;font-weight:800}
.hero-genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.hero-genres span{padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(4,4,8,.48);font-size:12px;font-weight:650}
.home-hero-actions{display:flex;gap:10px;margin-top:20px}
.hero-secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.13);color:#fff;-webkit-backdrop-filter:blur(9px)}
.continue-section{padding:18px;backdrop-filter:blur(9px)}
.continue-section{padding:18px;border:1px solid var(--panel-border);border-radius:22px;background:var(--surface)}
.continue-rail{display:grid;gap:10px}
.home-continue-card{position:relative;grid-template-columns:64px minmax(0,1fr) 36px;align-items:center;min-height:92px;padding:9px;border:1px solid transparent;border-radius:14px;background:transparent}
.home-continue-card:hover{border-color:var(--panel-border);background:var(--surface-variant)}
.home-continue-card .poster-shell{width:64px;height:82px;aspect-ratio:auto;border-radius:10px}
.continue-copy h3{font-size:14px}
.continue-copy p{font-size:11px}
.continue-play{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container)}
.continue-play svg{width:17px;height:17px}
.home-community{min-height:156px;padding:22px;display:flex;align-items:center;gap:14px;border:1px solid color-mix(in srgb,#229ed9 32%,transparent);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,#229ed9 14%,var(--surface)),var(--surface));color:inherit}
.home-community:hover{border-color:color-mix(in srgb,#229ed9 60%,transparent)}
.home-community>svg{width:18px;height:18px;margin-left:auto;color:var(--on-surface-variant)}
.community-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#229ed9;color:#fff}
.home-community strong{display:block;margin-bottom:4px}.home-community p{margin:0;color:var(--on-surface-variant);font-size:12px}
.home-section{margin:30px 0 36px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-heading h2{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.025em}
.section-heading p{margin:5px 0 0;color:var(--on-surface-variant);font-size:13px}
.section-actions{display:flex;align-items:center;gap:7px}
.section-more,.rail-arrow{height:36px;border:1px solid var(--panel-border);border-radius:10px;background:var(--surface);color:var(--on-surface);cursor:pointer}
.section-more{padding:0 12px;color:var(--primary);font-weight:750}
.rail-arrow{width:36px;display:grid;place-items:center}.rail-arrow svg{width:18px;height:18px}.rail-arrow-prev svg{transform:rotate(180deg)}
.section-more:hover,.rail-arrow:hover{background:var(--surface-variant)}
.home-rail{display:grid;grid-auto-flow:column;grid-auto-columns:142px;gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.home-rail::-webkit-scrollbar{display:none}.home-rail .anime-card{scroll-snap-align:start}
.home-search-skeleton{height:54px;border-radius:14px}.home-continue-skeleton{height:160px;border-radius:22px}.poster-skeleton{aspect-ratio:2/3;border-radius:14px}

/* Catalog */
.catalog-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.search-field{border:1px solid var(--panel-border);border-radius:13px;background:var(--surface)}
.search-field:focus-within{border-color:color-mix(in srgb,var(--primary) 56%,var(--outline))}
.filter-btn{border-radius:12px}
.page-catalog .anime-card,.page-bookmarks .anime-card{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:250px 390px}
.catalog-results{min-height:260px}
.catalog-refresh-line{height:3px;margin:2px 0 11px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface-variant) 82%,transparent)}
.catalog-refresh-line span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--primary);animation:catalog-refresh 1s ease-in-out infinite alternate}
@keyframes catalog-refresh{from{transform:translateX(-20%)}to{transform:translateX(160%)}}

/* Release */
.page-detail{position:relative;overflow:clip}
.page-detail .detail-backdrop{position:absolute;inset:0 0 auto;height:370px;opacity:.18;z-index:-2;mask-image:linear-gradient(#000 0%,transparent 92%)}
.page-detail .detail-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:blur(28px) saturate(.72);transform:scale(1.12)}
.page-detail .detail-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--background),transparent 76%)}
.detail-content{position:relative;width:100%;max-width:1180px;margin:0 auto;padding-top:18px}
.release-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px;align-items:start;padding:20px;border:1px solid var(--panel-border);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--soft-shadow)}
.release-card .detail-poster{width:190px;min-width:190px;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:var(--surface-variant);box-shadow:none}
.release-card .detail-poster img,.release-card .detail-poster .poster,.release-card .detail-poster .poster-fallback{width:100%;height:100%;object-fit:cover}
.release-copy{min-width:0;padding-top:4px}
.release-card .detail-title{max-width:22ch;margin:0 0 8px;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.release-card .detail-original{max-width:60ch;margin:0 0 15px;color:var(--on-surface-variant)}
.release-card .meta-wrap{margin-bottom:15px}
.release-card .meta-chip{border:1px solid var(--panel-border);background:var(--surface-variant);color:var(--on-surface-variant)}
.compact-rating{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
.compact-rating span,.compact-rating svg{width:20px;height:20px;color:#ffca5c}.compact-rating strong{font-size:20px}
.release-card .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.release-card .detail-actions .watch-btn{grid-column:auto}
.page-detail .detail-section{margin-top:28px;padding:0;border:0}
.page-detail .detail-section h2{font-size:22px;letter-spacing:-.02em}
.page-detail .description{max-width:82ch;font-size:15px;line-height:1.72}
.release-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,350px);gap:11px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}
.release-rail::-webkit-scrollbar{display:none}
.release-row{grid-template-columns:52px minmax(0,1fr) auto;min-height:78px;padding:9px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface);cursor:pointer}
.release-row:hover{background:var(--panel-hover)}
.release-row>img,.release-row>.poster,.release-row>.poster-fallback{width:52px;height:64px;border-radius:9px;object-fit:cover}

/* Voice / player / episode selection */
.page-watch{max-width:1240px;margin-inline:auto}
.watch-header{top:0;margin:-18px -20px 18px;padding:12px 20px;border-bottom:1px solid color-mix(in srgb,var(--outline) 12%,transparent);background:color-mix(in srgb,var(--background) 88%,transparent);-webkit-backdrop-filter:blur(20px)}
.watch-header h1{font-size:19px}.watch-header p{font-size:12px}
.source-scan{max-width:780px;backdrop-filter:blur(20px)}
.watch-header h1{font-size:19px}.watch-header p{font-size:12px}
.source-scan{max-width:780px;margin:0 0 14px;padding:11px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--panel-border);border-radius:12px;background:var(--surface);color:var(--on-surface-variant);font-size:13px}
.source-scan span{width:16px;height:16px;border:2px solid var(--surface-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}
.watch-intro{margin:4px 0 15px}.watch-intro h2{margin:0 0 4px;font-size:23px;letter-spacing:-.02em}.watch-intro p,.watch-intro span{margin:0;color:var(--on-surface-variant);font-size:13px}
.episode-intro{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.watch-stack{display:grid;gap:10px}
.voice-stack,.player-stack{grid-template-columns:1fr}
.episode-stack{grid-template-columns:1fr}
.voice-card,.source-card,.episode-card{min-height:76px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface);box-shadow:none}
.voice-card:hover,.source-card:hover,.episode-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 30%,var(--outline));background:var(--panel-hover);box-shadow:0 12px 28px rgba(0,0,0,.13)}
.voice-logo{width:42px;height:42px;border-radius:12px;background:var(--primary-container);color:var(--on-primary-container)}
.player-logo{border-radius:50%}
.voice-copy h3,.source-copy h3,.episode-copy h3{font-size:14px}
.voice-copy p,.source-copy p,.episode-copy p{font-size:12px;line-height:1.35}
.episode-state{width:40px;height:40px;border-radius:12px}.episode-state svg{width:18px;height:18px}
.provider-badge{display:none!important}

/* Profile, settings and Telegram */
.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 28px;padding:14px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface)}
.profile-summary>div{padding:7px 9px}.profile-summary strong{display:block;font-size:25px}.profile-summary span{display:block;margin-top:5px;color:var(--on-surface-variant);font-size:12px}
.profile-summary>a{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:12px 9px 3px;border-top:1px solid var(--panel-border);color:#46b9ef;font-weight:700}
.profile-summary>a span{margin:0;color:inherit}
.telegram-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border-radius:12px;background:#229ed9;color:#fff;font-weight:800}
.settings-group{border:1px solid var(--panel-border);border-radius:17px;background:var(--surface)}
.setting-row{border-bottom-color:var(--panel-border)}
.setting-row:hover,.radio-row:hover{background:var(--panel-hover)}
.radio-row{border:1px solid var(--panel-border);border-radius:14px}
.theme-list{grid-template-columns:1fr!important}
.range-labels{display:flex;justify-content:space-between;color:var(--on-surface-variant);font-size:12px}
.about-card{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface)}
.about-card img{width:64px;height:64px;border-radius:17px}.about-card h1{margin:0 0 5px}.about-card p{margin:0;color:var(--on-surface-variant)}.about-telegram{margin-top:14px}

@media(max-width:719px){
  .screen{padding-inline:16px}
  .home-topbar{margin:0 0 14px}.home-brand strong{font-size:20px}.home-search kbd{display:none}
  .home-dashboard{gap:13px}.home-hero{min-height:350px;border-radius:20px}.home-hero-content{min-height:350px;padding:26px 20px}.home-hero h1{font-size:34px}.hero-genres span:nth-child(n+3){display:none}.home-hero-actions{width:100%}.home-hero-actions .btn{flex:1;padding-inline:11px}
  .continue-section{padding:14px;border-radius:18px}.home-continue-card{grid-template-columns:60px minmax(0,1fr) 32px}.home-continue-card .poster-shell{width:60px;height:79px}.continue-play{width:31px;height:31px}
  .home-rail{grid-auto-columns:132px;gap:11px;margin-right:-16px;padding-right:16px}.section-actions .rail-arrow{display:none}.section-heading p{font-size:12px}
  .anime-card-title{font-size:13px}.anime-card-meta{font-size:10px}
  .release-card{grid-template-columns:108px minmax(0,1fr);gap:14px;padding:14px;border-radius:17px}.release-card .detail-poster{width:108px;min-width:108px;border-radius:12px}.release-card .detail-title{font-size:24px;line-height:1.08}.release-card .detail-original{display:none}.release-card .meta-chip{padding:5px 7px;font-size:10px}.release-card .detail-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.release-card .detail-actions .btn{padding-inline:8px;font-size:12px}.compact-rating{margin-bottom:11px}
  .release-rail{grid-auto-columns:minmax(265px,86vw)}
  .watch-header{margin-inline:-16px;padding-inline:16px}.source-scan{margin-inline:0}
  .profile-summary{grid-template-columns:1fr 1fr}
  .telegram-nav{display:none!important}
}

@media(min-width:720px) and (max-width:1179px){
  .home-dashboard{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);align-items:stretch}.home-hero,.home-hero-content,.continue-section{min-height:430px}.continue-section{overflow:auto}.home-rail{grid-auto-columns:158px}
  .voice-stack,.player-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:1180px){
  body{background:var(--background)}
  .shell{width:100%;max-width:none;margin:0;padding:0}
  .bottom-nav{position:fixed;inset:0 auto 0 0;transform:none;width:var(--desktop-nav-width);height:100dvh;padding:25px 16px 18px;display:flex;flex-direction:column;align-items:stretch;border:0;border-right:1px solid var(--panel-border);border-radius:0;background:color-mix(in srgb,var(--surface) 96%,var(--background));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto}
  .desktop-nav-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.desktop-nav-brand img{width:40px;height:40px;border-radius:12px}.desktop-nav-brand strong{font-size:18px;letter-spacing:-.025em}
  .desktop-nav-main{display:flex;flex-direction:column;gap:3px}.desktop-nav-spacer{display:block;flex:1}
  .nav-item{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:stretch;gap:10px;min-height:47px;padding:5px 9px;margin:0;border:0;border-radius:12px;text-align:left}
  .nav-pill{width:34px;height:34px;border-radius:10px}.nav-item .nav-copy{font-size:13.5px;font-weight:650}
  .nav-item:hover{background:var(--surface-variant);color:var(--on-surface)}.nav-item.active{background:var(--primary-container);color:var(--on-primary-container)}.nav-item.active .nav-pill{background:transparent}
  .telegram-nav{margin-top:8px;color:#50bdf1}.desktop-settings{display:grid;margin-top:3px}
  .screen{width:calc(100% - var(--desktop-nav-width));max-width:var(--content-max);min-height:100vh;margin:0 0 0 var(--desktop-nav-width);padding:32px clamp(34px,3.2vw,58px) 84px}
  body.desktop-nav-hidden .screen{width:100%;max-width:1540px;margin-inline:auto}
  .top-header{min-height:58px;margin-bottom:22px}.top-title{font-size:34px;letter-spacing:-.035em}.top-subtitle{font-size:14px}

  .page-home>.home-topbar{margin-bottom:18px}.page-home>.home-search{max-width:760px;margin-bottom:24px}
  .home-dashboard{grid-template-columns:minmax(0,1.75fr) minmax(330px,.72fr);gap:22px;align-items:stretch}
  .home-hero,.home-hero-content,.continue-section{height:500px;min-height:500px}
  .home-hero{border-radius:26px}.home-hero-content{padding:48px 50px}.home-hero h1{font-size:clamp(48px,4vw,68px)}
  .continue-section{padding:19px;overflow:hidden}.continue-section .section-heading{margin-bottom:10px}.continue-section .continue-rail{max-height:415px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.continue-section .home-continue-card{min-height:91px}
  .home-rail{grid-auto-columns:166px;gap:16px}.home-section{margin-top:34px}

  .page-catalog .catalog-toolbar{position:sticky;top:0;z-index:15;padding:10px 0;background:color-mix(in srgb,var(--background) 94%,transparent);-webkit-backdrop-filter:blur(16px)}
  .page-catalog .anime-grid,.page-bookmarks .anime-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));backdrop-filter:blur(16px)}
  .page-catalog .anime-grid,.page-bookmarks .anime-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:29px 17px}
  .page-catalog .anime-card-title,.page-bookmarks .anime-card-title{font-size:13px}.page-catalog .anime-card-meta,.page-bookmarks .anime-card-meta{font-size:10.5px}

  .page-detail .detail-content{max-width:1240px;padding-top:24px}.page-detail .detail-backdrop{height:430px}
  .release-card{grid-template-columns:238px minmax(0,1fr);gap:34px;padding:26px;border-radius:22px}.release-card .detail-poster{width:238px;min-width:238px}.release-card .detail-title{font-size:clamp(42px,4vw,62px)}
  .page-detail .description{font-size:16px}

  .page-watch{max-width:1280px;padding-top:26px}.page-watch .watch-header{top:0;margin:-26px 0 22px;padding:13px 0;border-bottom:1px solid var(--panel-border);background:var(--background);-webkit-backdrop-filter:none}
  .page-watch .source-scan{max-width:100%;backdrop-filter:none}
  .page-watch .source-scan{max-width:100%;margin-bottom:16px}
  .voice-stack,.player-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.episode-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .voice-card,.source-card{min-height:88px;padding:15px 16px}.episode-card{min-height:78px;padding:12px 13px}
  .watch-intro{margin-top:8px}

  .page-profile,.page-settings{max-width:1040px}.profile-summary{grid-template-columns:160px 160px minmax(240px,1fr);align-items:stretch}.profile-summary>a{grid-column:auto;border-top:0;border-left:1px solid var(--panel-border);padding:7px 16px;justify-content:flex-end}
  .history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .page-settings .settings-group,.page-settings .radio-list,.page-settings .range-wrap{max-width:760px}.page-settings .settings-group{overflow:hidden}
  .about-card,.about-telegram{max-width:760px}
}

@media(min-width:1540px){
  .home-rail{grid-auto-columns:178px}
  .page-catalog .anime-grid,.page-bookmarks .anime-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
  .episode-stack{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Player/parser repair: keep watch content out of the desktop navigation column. */
[hidden]{display:none!important}
body.player-open{overflow:hidden}

@media(min-width:1180px){
  body.watch-route .bottom-nav{display:flex!important;z-index:70}
  body.watch-route .screen{
    width:calc(100% - var(--desktop-nav-width));
    max-width:var(--content-max);
    margin-left:var(--desktop-nav-width);
  }
  body.watch-route .page-watch{position:relative;isolation:isolate}
}

/* Self-contained full-screen player instead of controls floating over the video. */
.player-screen{
  position:fixed;
  inset:0;
  z-index:1000;
  display:block;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 0%,rgba(122,89,255,.2),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(47,168,255,.14),transparent 32%),
    #07070a;
  color:#fff;
}
.player-shell{
  width:min(100%,1500px);
  height:100dvh;
  margin:0 auto;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  display:flex;
  flex-direction:column;
  gap:10px;
}
.player-top{
  position:relative;
  z-index:4;
  height:58px;
  min-height:58px;
  padding:7px 4px;
  display:flex;
  align-items:center;
  gap:10px;
  background:transparent;
}
.player-top .icon-btn,.player-tool,.quality-btn,.skip-btn{
  min-height:40px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.075);
  color:#fff;
  box-shadow:none;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.player-top .icon-btn:hover,.player-tool:hover:not(:disabled),.quality-btn:hover,.skip-btn:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.24);
}
.player-title{min-width:0;flex:1}
.player-title h2{font-size:15px;line-height:1.2}
.player-title p{font-size:11px;color:rgba(255,255,255,.63)}
.player-provider{
  display:inline-flex;
  max-width:190px;
  min-height:32px;
  align-items:center;
  padding:0 11px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.player-frame{
  position:relative;
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:#030304;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.player-stage{
  position:relative;
  inset:auto;
  flex:1;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#000;
}
.player-stage video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.player-loader{
  position:absolute;
  inset:0;
  z-index:6;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.78);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  text-align:center;
}
.player-loader p{margin:13px 0 0;color:rgba(255,255,255,.72);font-size:13px}
.player-bottom{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:7;
  min-height:64px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:auto;
  border-top:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(18,18,22,.96),rgba(10,10,13,.99));
}
.player-episode-controls{min-width:0;display:flex;align-items:center;gap:8px}
.player-tool,.quality-btn,.skip-btn{padding:8px 12px;border-radius:11px;font-size:12px;font-weight:760;cursor:pointer}
.player-tool:disabled{opacity:.32;cursor:default}
.skip-btn{background:color-mix(in srgb,var(--primary) 24%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--primary) 45%,rgba(255,255,255,.14))}
.skip-btn.hidden{display:none}
.quality-wrap{position:relative;flex:0 0 auto}
.player-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-inline-size:max(132px,14ch);white-space:nowrap}
.fullscreen-button svg{width:17px;height:17px;flex:0 0 auto}
.quality-menu{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  z-index:20;
  min-width:138px;
  max-height:min(320px,55vh);
  overflow:auto;
  padding:6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(18,18,23,.98);
  box-shadow:0 20px 55px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.quality-menu button{width:100%;padding:9px 10px;border-radius:8px;font-size:12px}
.player-error{
  position:absolute;
  inset:50% auto auto 50%;
  z-index:10;
  width:min(460px,calc(100% - 30px));
  max-width:none;
  padding:26px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(20,20,25,.93);
  box-shadow:0 24px 70px rgba(0,0,0,.58);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  text-align:center;
}
.player-error-icon{
  width:44px;
  height:44px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,103,103,.14);
  color:#ff9292;
  font-size:24px;
  font-weight:850;
}
.player-error h2{margin:0 0 8px;font-size:20px}
.player-error p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55}

@media(max-width:720px){
  .player-shell{padding:0;gap:0}
  .player-top{height:58px;min-height:58px;padding:7px 9px;background:#0b0b0e}
  .player-provider{display:none}
  .player-frame{border:0;border-radius:0;box-shadow:none}
  .player-bottom{min-height:72px;padding:9px max(9px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));align-items:center}
  .player-episode-controls{flex:1;overflow-x:auto;scrollbar-width:none}
  .player-episode-controls::-webkit-scrollbar{display:none}
  .player-tool,.quality-btn,.skip-btn{min-height:38px;padding:7px 10px;white-space:nowrap}
}

@media(max-width:520px){
  .player-title h2{font-size:13px}
  .player-title p{font-size:10px}
  .player-bottom{gap:7px}
  .player-episode-controls{gap:6px}
  .player-episode-controls .player-tool{max-width:40px;overflow:hidden;font-size:0}
  .player-episode-controls .player-tool::first-letter{font-size:17px}
  .skip-btn{font-size:11px}
  .quality-btn{padding-inline:9px}
}


/* Player ergonomics and watch-together controls. Width floors combine a
   measured pixel minimum with the number of glyphs in the longest Russian
   label at that breakpoint: 16ch for «Смотреть вместе», 13ch for
   «‹ Предыдущая», 19ch for «Пропустить опенинг», and 9ch for quality labels. */
.control-label-short{display:none}
.player-shell{position:relative}
.player-top{min-width:0}
.player-title h2,.player-title p{margin:0;overflow:hidden;text-overflow:clip;white-space:nowrap}
.party-trigger{
  min-inline-size:max(166px,16ch);
  max-inline-size:196px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
}
.party-trigger svg{width:18px;height:18px;flex:0 0 auto}
.party-trigger.active{border-color:color-mix(in srgb,var(--primary) 62%,rgba(255,255,255,.22));background:color-mix(in srgb,var(--primary) 22%,rgba(255,255,255,.08))}
.party-trigger strong{
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:var(--primary);
  color:var(--on-primary);
  font-size:10px;
  line-height:1;
}
.watch-party-panel{
  position:absolute;
  top:76px;
  right:max(12px,env(safe-area-inset-right));
  z-index:80!important;
  width:min(460px,calc(100% - 24px));
  max-height:min(620px,calc(100dvh - 96px));
  overflow:auto;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(18,18,23,.97);
  box-shadow:0 28px 80px rgba(0,0,0,.62);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  color:#fff;
}
.party-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.party-panel-head>div{min-width:0}
.party-panel-head h3{margin:0 0 4px;font-size:18px;line-height:1.2}
.party-panel-head p{margin:0;color:rgba(255,255,255,.64);font-size:12px;line-height:1.45}
.party-panel-close{flex:0 0 40px}
.party-field{min-width:0;display:grid;gap:7px}
.party-field>span{color:rgba(255,255,255,.7);font-size:11px;font-weight:760}
.party-field input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:11px;
  outline:0;
  background:rgba(255,255,255,.07);
  color:#fff;
  font:inherit;
  font-size:14px;
}
.party-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}
.party-create{width:100%;min-height:44px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}
.party-create svg,.party-actions svg{width:18px;height:18px}
.party-divider{display:flex;align-items:center;gap:10px;margin:15px 0;color:rgba(255,255,255,.48);font-size:11px;white-space:nowrap}
.party-divider::before,.party-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.1)}
.party-join-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:end;gap:10px}
.party-join-row>.player-tool{min-height:44px;white-space:nowrap}
.party-help,.party-status{margin:13px 0 0;color:rgba(255,255,255,.63);font-size:12px;line-height:1.5}
.party-code-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.07)}
.party-code-card span{color:rgba(255,255,255,.64);font-size:12px}
.party-code-card strong{font-size:21px;letter-spacing:.16em;white-space:nowrap}
.party-members{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.party-members span{max-width:100%;padding:7px 9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075);font-size:11px;text-overflow:clip;white-space:nowrap}
.party-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:9px;margin-top:15px}
.party-actions .player-tool{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.25;text-align:center}
.party-action-primary{background:color-mix(in srgb,var(--primary) 25%,rgba(255,255,255,.08))!important;border-color:color-mix(in srgb,var(--primary) 50%,rgba(255,255,255,.14))!important}

.player-episode-controls{flex:1;justify-content:flex-start}
.episode-nav-button{min-inline-size:max(118px,13ch)}
.skip-btn{min-inline-size:max(164px,19ch)}
.quality-btn{min-inline-size:max(72px,9ch);text-align:center;white-space:nowrap}
.player-tool,.quality-btn,.skip-btn{line-height:1.25;text-align:center}
.player-bottom{min-width:0}
.player-bottom>*{min-width:0}

/* PiP and the duplicate browser fullscreen icon stay hidden. AniParse exposes
   one local fullscreen action that remains available to every room participant
   without changing the synchronized playback state. */
.player-stage video::-webkit-media-controls-picture-in-picture-button,
.player-stage video::-webkit-media-controls-fullscreen-button{display:none!important}

/* Long voice/provider/episode names are allowed to wrap inside their own card,
   never through the neighbouring action icon. */
.voice-card,.source-card,.episode-card{min-width:0;overflow:hidden;align-items:flex-start}
.voice-copy h3,.source-copy h3,.episode-copy h3{
  display:-webkit-box;
  overflow:hidden;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.3;
}
.voice-copy p,.source-copy p,.episode-copy p,.provider-badge{overflow-wrap:anywhere;line-height:1.4}
.voice-card>svg,.source-card>svg,.episode-card>svg{flex:0 0 auto;margin-top:10px}
.watch-stack{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

@media(max-width:960px){
  .player-provider{display:none}
}

@media(max-width:720px){
  .control-label-long{display:none}
  .control-label-short{display:inline}
  .party-trigger{min-inline-size:max(102px,8ch);max-inline-size:122px;padding-inline:10px}
  .watch-party-panel{top:62px;right:9px;width:calc(100% - 18px);max-height:calc(100dvh - 78px);padding:15px;border-radius:17px}
  .episode-nav-button{min-inline-size:max(80px,7ch)}
  .skip-btn{min-inline-size:max(94px,8ch)}
  .quality-btn{min-inline-size:max(62px,6ch)}
  .fullscreen-button{min-inline-size:46px;width:46px;padding-inline:8px}
  .fullscreen-button .control-label-long{display:none}
  .player-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .player-episode-controls{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .player-episode-controls::-webkit-scrollbar{display:none}
  .player-tool,.quality-btn,.skip-btn{min-height:42px}
}

@media(max-width:480px){
  .player-top{gap:7px}
  .player-top .player-close{flex-basis:40px}
  .party-trigger{min-inline-size:88px;max-inline-size:98px;font-size:11px;gap:5px}
  .party-trigger svg{width:16px;height:16px}
  .party-trigger strong{min-width:18px;height:18px;padding-inline:5px}
  .player-title h2{font-size:12px}
  .player-title p{font-size:9.5px}
  .party-actions{grid-template-columns:1fr}
  .party-join-row{grid-template-columns:minmax(0,1fr) 78px}
  .party-code-card strong{font-size:18px}
  .episode-nav-button{min-inline-size:76px;padding-inline:9px}
  .skip-btn{min-inline-size:88px;padding-inline:9px}
  .quality-btn{min-inline-size:58px;padding-inline:8px}
  .player-view-controls{gap:5px}
  .fullscreen-button{min-inline-size:42px;width:42px}
}

@media(max-width:360px){
  .party-trigger .control-label-short{display:none}
  .party-trigger{min-inline-size:46px;max-inline-size:46px;padding-inline:8px}
  .party-join-row{grid-template-columns:1fr}
  .party-join-row>.player-tool{width:100%}
  .player-bottom{gap:5px;padding-inline:6px}
  .player-episode-controls{gap:5px}
  .episode-nav-button{min-inline-size:70px}
  .skip-btn{min-inline-size:82px}
}

/* Neutralize legacy mobile player rules that compressed Russian labels to one letter. */
@media(max-width:720px){
  .player-bottom{align-items:center}
  .player-episode-controls{max-width:none;flex-wrap:nowrap}
  .player-episode-controls .player-tool{max-width:none;overflow:visible;font-size:12px}
  .player-episode-controls .player-tool::first-letter{font-size:inherit}
  .skip-btn{order:initial;width:auto;font-size:12px}
}

/* Round 3 UX repairs: party visibility, stable search focus and chronology. */
.watch-party-panel.hidden,
.watch-party-panel[hidden]{display:none!important}
.party-panel-close{cursor:pointer}

.search-field:focus-within{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);
}
.search-field input{caret-color:var(--primary)}

.detail-preview{animation:detail-preview-in .16s ease-out}
.detail-description-skeleton{display:grid;gap:10px;max-width:820px}
.detail-description-skeleton .skeleton{height:13px;border-radius:7px}
.detail-description-skeleton .skeleton:nth-child(2){width:92%}
.detail-description-skeleton .skeleton:nth-child(3){width:68%}
@keyframes detail-preview-in{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}

.chronology-section{overflow:hidden}
.chronology-section .section-heading{align-items:end;margin-bottom:13px}
.chronology-section .section-heading h2{margin:0}
.chronology-section .section-heading p{margin:4px 0 0;color:var(--on-surface-variant);font-size:12px}
.chronology-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:148px;
  gap:12px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  padding:2px 2px 12px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--outline) 48%,transparent) transparent;
}
.chronology-card{
  width:148px;
  min-width:0;
  padding:6px;
  display:grid;
  gap:8px;
  align-content:start;
  border:1px solid transparent;
  border-radius:18px;
  background:transparent;
  color:var(--on-surface);
  cursor:pointer;
  scroll-snap-align:start;
  text-align:left;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.chronology-card:hover:not(:disabled){transform:translateY(-3px);background:var(--panel-hover);border-color:var(--panel-border)}
.chronology-card.active{border-color:color-mix(in srgb,var(--primary) 72%,transparent);background:color-mix(in srgb,var(--primary-container) 55%,transparent);cursor:default}
.chronology-card:disabled{opacity:1}
.chronology-poster{
  position:relative;
  width:100%;
  aspect-ratio:2/3;
  display:block;
  overflow:hidden;
  border-radius:14px;
  background:var(--surface-variant);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
}
.chronology-poster .chronology-image,
.chronology-poster .poster-fallback{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.chronology-poster::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,rgba(0,0,0,.54));pointer-events:none}
.chronology-poster strong{
  position:absolute;
  z-index:1;
  top:8px;
  left:8px;
  max-width:calc(100% - 16px);
  padding:5px 8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(5,5,8,.78);
  color:#fff;
  font-size:10px;
  font-weight:850;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.chronology-card.active .chronology-poster strong{background:var(--primary);color:var(--on-primary)}
.chronology-copy{min-width:0;display:grid;gap:4px;padding:0 2px 3px}
.chronology-title{
  min-height:36px;
  display:-webkit-box;
  overflow:hidden;
  overflow-wrap:anywhere;
  color:inherit;
  font-size:13px;
  font-weight:760;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.chronology-card.active .chronology-title{color:var(--primary)}
.chronology-meta{overflow:hidden;color:var(--on-surface-variant);font-size:10.5px;text-overflow:clip;white-space:nowrap}
.chronology-skeleton{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:12px;overflow:hidden;padding:2px 2px 12px}
.chronology-skeleton>div{display:grid;gap:8px;padding:6px}
.chronology-poster-skeleton{width:100%;aspect-ratio:2/3;border-radius:14px}
.chronology-title-skeleton{width:92%;height:14px;border-radius:6px}
.chronology-meta-skeleton{width:58%;height:10px;border-radius:5px}

@media(max-width:719px){
  .chronology-rail,.chronology-skeleton{grid-auto-columns:132px;gap:9px;margin-right:-16px;padding-right:16px}
  .chronology-card{width:132px;border-radius:16px}
  .chronology-poster{border-radius:12px}
  .chronology-title{font-size:12px;min-height:33px}
}

/* AniParse custom video controls — native browser controls are intentionally
   disabled. Only .player-stage enters fullscreen, so page chrome and rooms stay
   outside while the video controls and episode navigation remain inside. */
.player-frame{background:#050506}
.player-stage{
  --player-accent:var(--primary,#67d4ff);
  --player-control-size:44px;
  isolation:isolate;
  cursor:default;
  touch-action:manipulation;
  outline:none;
}
.player-stage video{
  z-index:1;
  display:block;
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
}
.player-stage video::-webkit-media-controls,
.player-stage video::-webkit-media-controls-enclosure,
.player-stage video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none!important}
.player-stage video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important}
.player-stage::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:5;
  height:min(42%,250px);
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.22) 28%,rgba(0,0,0,.82));
  opacity:0;
  transition:opacity .2s ease;
}
.player-stage.controls-visible::after,
.player-stage.is-paused::after{opacity:1}
.player-controls{
  position:absolute;
  inset:auto 0 0;
  z-index:12;
  padding:46px clamp(12px,2vw,26px) clamp(11px,1.7vw,20px);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.player-stage.controls-visible .player-controls,
.player-stage.is-paused .player-controls{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.player-center-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:11;
  width:72px;
  height:72px;
  padding:0;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%) scale(.92);
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(0,0,0,.56);
  color:#fff;
  box-shadow:0 14px 42px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,background .18s ease;
}
.player-center-play svg{width:31px;height:31px;margin-left:3px}
.player-center-play:hover{background:rgba(0,0,0,.72);transform:translate(-50%,-50%) scale(1)}
.player-stage.is-paused .player-center-play{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-50%) scale(1);
}
.player-stage.viewer-locked .player-center-play{display:none}
.player-seek-wrap{
  position:relative;
  height:20px;
  display:flex;
  align-items:center;
  cursor:pointer;
}
.player-seek-wrap::before,
.player-seek-buffered,
.player-seek-played{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  height:4px;
  border-radius:999px;
  transform:translateY(-50%);
  pointer-events:none;
}
.player-seek-wrap::before{right:0;background:rgba(255,255,255,.28)}
.player-seek-buffered{width:0;background:rgba(255,255,255,.52)}
.player-seek-played{width:0;background:var(--player-accent);box-shadow:0 0 12px color-mix(in srgb,var(--player-accent) 52%,transparent)}
.player-seek{
  position:absolute;
  inset:0;
  width:100%;
  height:20px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.player-seek:disabled{cursor:not-allowed}
.player-seek::-webkit-slider-runnable-track{height:20px;background:transparent}
.player-seek::-moz-range-track{height:20px;background:transparent}
.player-seek::-webkit-slider-thumb{
  width:14px;height:14px;margin-top:3px;
  appearance:none;-webkit-appearance:none;
  border:0;border-radius:50%;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.48);
  transform:scale(0);
  transition:transform .14s ease;
}
.player-seek::-moz-range-thumb{
  width:14px;height:14px;
  border:0;border-radius:50%;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.48);
  transform:scale(0);
  transition:transform .14s ease;
}
.player-seek-wrap:hover .player-seek::-webkit-slider-thumb,
.player-seek:focus-visible::-webkit-slider-thumb{transform:scale(1)}
.player-seek-wrap:hover .player-seek::-moz-range-thumb,
.player-seek:focus-visible::-moz-range-thumb{transform:scale(1)}
.player-seek-preview{
  position:absolute;
  bottom:calc(100% + 8px);
  min-width:52px;
  padding:5px 7px;
  transform:translateX(-50%);
  border-radius:7px;
  background:rgba(16,16,19,.94);
  color:#fff;
  font-size:11px;
  font-weight:750;
  text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.38);
  pointer-events:none;
}
.player-control-row{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.player-control-group{display:flex;align-items:center;gap:7px;min-width:0}
.player-control-primary{flex:1}
.player-control-secondary{justify-content:flex-end}
.video-control{
  width:var(--player-control-size);
  height:var(--player-control-size);
  flex:0 0 var(--player-control-size);
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  cursor:pointer;
  transition:background .15s ease,transform .15s ease,opacity .15s ease;
}
.video-control:hover,.video-control:focus-visible{background:rgba(255,255,255,.14);outline:none}
.video-control:active{transform:scale(.92)}
.video-control svg{width:25px;height:25px}
.video-play-button svg{width:27px;height:27px}
.video-control:disabled{opacity:.42;cursor:not-allowed}
.player-time{
  min-width:108px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
  font-variant-numeric:tabular-nums;
}
.player-volume{display:flex;align-items:center;gap:0}
.player-volume-range{
  width:0;
  height:28px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  overflow:hidden;
  opacity:0;
  background:transparent;
  cursor:pointer;
  transition:width .18s ease,opacity .15s ease,margin .18s ease;
}
.player-volume:hover .player-volume-range,
.player-volume:focus-within .player-volume-range{
  width:88px;
  margin-right:5px;
  opacity:1;
}
.player-volume-range::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,#fff var(--player-volume,100%),rgba(255,255,255,.34) var(--player-volume,100%))}
.player-volume-range::-moz-range-track{height:4px;border-radius:99px;background:rgba(255,255,255,.34)}
.player-volume-range::-moz-range-progress{height:4px;border-radius:99px;background:#fff}
.player-volume-range::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:#fff}
.player-volume-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.player-settings-menu{
  position:absolute;
  right:clamp(12px,2vw,26px);
  bottom:82px;
  z-index:22;
  width:260px;
  max-width:calc(100% - 24px);
  max-height:min(380px,calc(100% - 100px));
  overflow-y:auto;
  overflow-x:hidden;
  padding:6px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(20,20,24,.96);
  color:#fff;
  box-shadow:0 16px 48px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  user-select:none;
  animation:menuScaleIn .18s cubic-bezier(.16,1,.3,1) forwards;
  transform-origin:bottom right;
  will-change:transform,opacity;
}
.player-settings-menu[hidden]{display:none!important}
.player-settings-menu.closing{
  animation:menuScaleOut .16s cubic-bezier(.2,0,0,1) forwards;
  pointer-events:none;
}
@keyframes menuScaleIn{
  from{opacity:0;transform:translateY(6px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes menuScaleOut{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(6px) scale(.96)}
}
.settings-panel{display:flex;flex-direction:column;gap:2px}
.settings-panel[hidden]{display:none!important}
.settings-menu-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:40px;
  padding:8px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:500;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease;
}
.settings-menu-item:hover{background:rgba(255,255,255,.1)}
.settings-menu-item:active{background:rgba(255,255,255,.15)}
.settings-item-label{display:flex;align-items:center;gap:8px}
.settings-item-value{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);font-size:12px}
.settings-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}
.settings-chevron svg{width:14px;height:14px;opacity:.7}
.settings-back-btn{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:38px;
  padding:6px 10px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:8px 8px 0 0;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  margin-bottom:4px;
  transition:background .15s ease;
}
.settings-back-btn:hover{background:rgba(255,255,255,.08)}
.settings-back-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}
.settings-back-icon svg{width:16px;height:16px;fill:currentColor}
.settings-options-list,
.player-settings-menu [data-quality-options],
.player-settings-menu .player-quality-options{
  position:static!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  max-height:280px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.settings-option-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:36px;
  padding:7px 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:rgba(255,255,255,.8);
  font-size:13px;
  font-weight:500;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.settings-option-item:hover{background:rgba(255,255,255,.1);color:#fff}
.settings-option-item.active{background:rgba(255,255,255,.06);color:#fff;font-weight:600}
.settings-option-item:disabled{opacity:.4;cursor:not-allowed}
.settings-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}
.settings-check svg{width:16px;height:16px;fill:currentColor;color:var(--player-accent,#e50914);opacity:0;visibility:hidden;transition:opacity .15s ease}
.settings-option-item.active .settings-check svg{opacity:1;visibility:visible}
.settings-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-loader{z-index:30}
.player-stage.is-buffering:not(.is-paused) .player-center-play{opacity:0;pointer-events:none}
.player-episode-controls{justify-content:center;flex-wrap:wrap}

.player-stage .player-upscaler-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  z-index:2;
  display:block;
}
.player-stage .player-upscaler-canvas[hidden]{
  display:none!important;
}
.quality-menu-divider{
  height:1px;
  margin:6px 4px;
  background:rgba(255,255,255,.08);
}
.settings-option-item.quality-option-anime4k{
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  transition:background .15s ease,transform .1s ease;
}
.settings-option-item.quality-option-anime4k:hover{
  background:rgba(255,255,255,.1);
}
.settings-option-item.quality-option-anime4k:active{
  transform:scale(.97)!important;
}
.quality-a4k-badge{
  display:inline-flex;
  align-items:center;
  margin-left:auto;
  padding:2px 6px;
  border-radius:4px;
  background:rgba(120,220,140,.16);
  border:1px solid rgba(120,220,140,.32);
  color:#78dc8c;
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
}
.settings-option-item.quality-option-mpv{
  color:#fff;
  border-radius:6px;
  cursor:pointer;
  transition:background .15s ease,transform .1s ease;
}
.settings-option-item.quality-option-mpv:hover{
  background:rgba(255,255,255,.1);
}
.settings-option-item.quality-option-mpv:active{
  transform:scale(.97)!important;
}
.quality-option-mpv .settings-check{
  font-size:14px;
  line-height:1;
}
.quality-mpv-badge{
  display:inline-flex;
  align-items:center;
  margin-left:auto;
  padding:2px 6px;
  border-radius:4px;
  background:rgba(103,212,255,.16);
  border:1px solid rgba(103,212,255,.32);
  color:var(--player-accent,#67d4ff);
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
}
@media (hover: none), (pointer: coarse), (max-width: 768px){
  .settings-option-item.quality-option-mpv{
    display:none!important;
  }
}

/* MPV Launcher Sheet & Modal */
.mpv-sheet-backdrop{
  position:fixed;
  inset:0;
  z-index:99999!important;
  background:rgba(0,0,0,.76);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s cubic-bezier(.16,1,.3,1);
}
.mpv-sheet-backdrop.active{
  opacity:1;
  pointer-events:auto;
}
.mpv-sheet-backdrop.closing{
  opacity:0;
  pointer-events:none;
  transition:opacity .2s cubic-bezier(.4,0,.2,1);
}
.mpv-sheet{
  width:100%;
  max-width:540px;
  max-height:88vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:color-mix(in srgb,var(--surface,#121217) 96%,transparent);
  border:1px solid rgba(255,255,255,.1);
  border-bottom:0;
  border-radius:26px 26px 0 0;
  padding:14px 20px calc(24px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -16px 48px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  box-sizing:border-box;
  transform:translateY(100%);
  transition:transform .28s cubic-bezier(.16,1,.3,1);
  will-change:transform;
  color:var(--on-surface,#f0f0f5);
}
@media(min-width:720px){
  .mpv-sheet-backdrop{
    align-items:center;
    padding:24px;
  }
  .mpv-sheet{
    border-radius:22px;
    border-bottom:1px solid rgba(255,255,255,.1);
    transform:translateY(14px) scale(.97);
    transition:transform .24s cubic-bezier(.16,1,.3,1);
    box-shadow:0 24px 64px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1);
    padding:22px 24px;
  }
  .mpv-sheet-backdrop.active .mpv-sheet{
    transform:translateY(0) scale(1);
  }
  .mpv-sheet-backdrop.closing .mpv-sheet{
    transform:translateY(14px) scale(.97);
    transition:transform .18s cubic-bezier(.4,0,.2,1);
  }
}
@media(max-width:719px){
  .mpv-sheet-backdrop.active .mpv-sheet{
    transform:translateY(0);
  }
  .mpv-sheet-backdrop.closing .mpv-sheet{
    transform:translateY(100%);
    transition:transform .22s cubic-bezier(.4,0,.2,1);
  }
}
.mpv-sheet-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.mpv-header-title{
  display:flex;
  align-items:center;
  gap:12px;
}
.mpv-header-icon{
  font-size:26px;
  line-height:1;
}
.mpv-header-title h2{
  font-size:19px;
  font-weight:700;
  margin:0;
  letter-spacing:-.02em;
  color:#fff;
}
.mpv-header-sub{
  font-size:12px;
  color:var(--on-surface-variant,rgba(255,255,255,.6));
  margin:2px 0 0;
}
.mpv-close-btn{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:var(--on-surface-variant,#aaa);
  cursor:pointer;
  transition:background .15s ease,color .15s ease,transform .1s ease;
}
.mpv-close-btn:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.mpv-close-btn:active{
  transform:scale(.92)!important;
}
.mpv-close-btn svg{
  width:18px;
  height:18px;
  fill:currentColor;
}
.mpv-meta-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  margin-bottom:16px;
}
.mpv-meta-main{
  min-width:0;
  flex:1;
}
.mpv-meta-anime{
  font-size:14px;
  font-weight:600;
  color:#fff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mpv-meta-ep{
  font-size:12px;
  color:var(--on-surface-variant,rgba(255,255,255,.6));
  margin-top:2px;
}
.mpv-meta-time-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:8px;
  background:rgba(103,212,255,.1);
  border:1px solid rgba(103,212,255,.25);
  color:var(--player-accent,#67d4ff);
  font-size:12px;
  font-weight:600;
  flex-shrink:0;
}
.mpv-time-val{
  font-variant-numeric:tabular-nums;
}
.mpv-actions-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:18px;
}
.mpv-btn-launch{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 20px;
  border-radius:14px;
  background:linear-gradient(135deg,#0070f3,#0051b3);
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 4px 14px rgba(0,112,243,.35),inset 0 1px 0 rgba(255,255,255,.25);
  cursor:pointer;
  transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}
.mpv-btn-launch:hover{
  filter:brightness(1.08);
  box-shadow:0 6px 20px rgba(0,112,243,.45);
}
.mpv-btn-launch:active{
  transform:scale(.97)!important;
}
.mpv-btn-icon{
  font-size:20px;
  line-height:1;
}
.mpv-btn-title{
  font-size:15.5px;
  font-weight:700;
  letter-spacing:-.01em;
}
.mpv-secondary-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.mpv-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .1s ease;
}
.mpv-btn-secondary:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.18);
}
.mpv-btn-secondary:active{
  transform:scale(.96)!important;
}
.mpv-btn-secondary svg{
  width:15px;
  height:15px;
  fill:currentColor;
  flex-shrink:0;
}
.mpv-command-snippet{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 12px;
  border-radius:10px;
  background:rgba(0,0,0,.45);
  border:1px dashed rgba(255,255,255,.14);
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.mpv-command-snippet:hover{
  border-color:var(--player-accent,#67d4ff);
  background:rgba(0,0,0,.6);
}
.mpv-command-snippet code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11.5px;
  color:rgba(255,255,255,.78);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  user-select:all;
}
.mpv-snippet-copy-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  font-weight:600;
  color:var(--player-accent,#67d4ff);
  flex-shrink:0;
}
.mpv-snippet-copy-tag svg{
  width:13px;
  height:13px;
  fill:currentColor;
}
/* MPV Tabs & Setup System */
.mpv-tabs-wrapper{
  margin-top:4px;
}
.mpv-tabs-nav{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:4px;
}
.mpv-tab-btn{
  background:transparent;
  border:0;
  color:rgba(255,255,255,.6);
  padding:8px 6px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:all .14s cubic-bezier(.16,1,.3,1);
  text-align:center;
  white-space:nowrap;
}
.mpv-tab-btn:hover{
  color:#fff;
  background:rgba(255,255,255,.06);
}
.mpv-tab-btn.active{
  color:#fff;
  background:rgba(255,255,255,.14);
  box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);
}
.mpv-tab-panel{
  animation:mpvTabFade .18s cubic-bezier(.16,1,.3,1);
}
@keyframes mpvTabFade{
  from{opacity:0;transform:translateY(4px);}
  to{opacity:1;transform:translateY(0);}
}
.mpv-guide-card{
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  margin-top:10px;
}
.mpv-guide-badge{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  padding:2px 8px;
  border-radius:6px;
  background:rgba(0,112,243,.15);
  border:1px solid rgba(0,112,243,.35);
  color:#67d4ff;
  margin-bottom:8px;
  letter-spacing:.02em;
}
.mpv-guide-desc{
  font-size:12.5px;
  line-height:1.45;
  color:rgba(255,255,255,.75);
  margin:0 0 12px;
}
.mpv-guide-desc strong{
  color:#fff;
}
.mpv-install-option{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}
.mpv-install-option:last-child{
  margin-bottom:0;
}
.mpv-install-opt-title{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.mpv-opt-num{
  width:20px;
  height:20px;
  border-radius:50%;
  background:linear-gradient(135deg,#0070f3,#0051b3);
  color:#fff;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:1px;
}
.mpv-install-opt-title strong{
  display:block;
  font-size:12.5px;
  color:#fff;
}
.mpv-install-opt-title small{
  display:block;
  font-size:11px;
  color:rgba(255,255,255,.5);
  margin-top:1px;
}
.mpv-code-block{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 12px;
  border-radius:10px;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.1);
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
.mpv-code-block:hover{
  background:rgba(0,0,0,.6);
  border-color:rgba(255,255,255,.2);
}
.mpv-code-block code{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:11.5px;
  color:#38bdf8;
  word-break:break-all;
}
.mpv-copy-code-btn{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);
  border-radius:6px;
  padding:4px 8px;
  font-size:11px;
  flex-shrink:0;
  cursor:pointer;
}
.mpv-copy-code-btn:hover{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.mpv-btn-download{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:12.5px;
  font-weight:600;
  text-decoration:none;
  transition:background .15s ease,transform .1s ease;
  cursor:pointer;
}
.mpv-btn-download:hover{
  background:rgba(255,255,255,.14);
}
.mpv-btn-download:active{
  transform:scale(.97)!important;
}
.mpv-btn-download svg{
  width:16px;
  height:16px;
  fill:currentColor;
}
.mpv-manual-steps{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:12px;
}
.mpv-manual-step{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.mpv-step-num{
  width:20px;
  height:20px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:1px;
}
.mpv-step-body{
  font-size:12px;
  line-height:1.45;
  color:rgba(255,255,255,.7);
}
.mpv-step-body strong{
  color:#fff;
  font-size:12.5px;
  display:block;
  margin-bottom:2px;
}
.mpv-step-body p{
  margin:0;
}
.mpv-step-body a{
  color:#67d4ff;
  text-decoration:underline;
  text-underline-offset:2px;
}
.mpv-step-body code{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  padding:1px 4px;
  border-radius:4px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:11px;
}
.mpv-pack-download-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(0,112,243,.08);
  border:1px solid rgba(0,112,243,.2);
  font-size:12px;
  color:rgba(255,255,255,.8);
  margin-top:10px;
}
.mpv-keys-section{
  margin-bottom:14px;
}
.mpv-keys-section:last-child{
  margin-bottom:0;
}
.mpv-keys-header{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:rgba(255,255,255,.5);
  margin-bottom:8px;
}
.mpv-key-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.mpv-key-row:last-child{
  border-bottom:0;
}
.mpv-key-combo{
  display:flex;
  align-items:center;
  gap:4px;
  flex-shrink:0;
}
.mpv-key-combo kbd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  padding:2px 6px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  border-bottom:2px solid rgba(255,255,255,.3);
  border-radius:6px;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:11px;
  font-weight:700;
  color:#fff;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.4);
  line-height:1.2;
}
.mpv-or{
  font-size:10px;
  color:rgba(255,255,255,.4);
  padding:0 1px;
}
.mpv-key-desc{
  font-size:12px;
  text-align:right;
  line-height:1.35;
}
.mpv-key-desc strong{
  display:block;
  color:#fff;
  font-weight:600;
}
.mpv-key-desc span{
  display:block;
  font-size:11px;
  color:rgba(255,255,255,.55);
}

/* MPV Active Player Stage Locking & Blurring */
.player-stage.mpv-active video {
  filter: blur(20px) brightness(0.48);
  transform: scale(1.04);
  transition: filter .35s ease, transform .35s ease;
  pointer-events: none !important;
}
.player-stage.mpv-active .player-controls,
.player-stage.mpv-active .player-timeline,
.player-stage.mpv-active .player-touch-layer,
.player-stage.mpv-active .player-play-center,
.player-stage.mpv-active .player-center-play,
.player-stage.mpv-active .player-tap-surface,
.player-stage.mpv-active [data-center-play],
.player-stage.mpv-active [data-player-tap],
.player-stage.mpv-active [data-player-seek-layer],
.player-stage.mpv-active .player-quick-actions,
.player-stage.mpv-active .player-skip-overlay,
.player-stage.mpv-active .player-episode-overlay {
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .2s ease, visibility .2s ease;
}

/* MPV Center Stage Overlay */
.mpv-stage-overlay {
  position: absolute;
  inset: 0;
  z-index: 55;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  background: radial-gradient(circle at center, rgba(12, 16, 26, 0.72) 0%, rgba(5, 7, 12, 0.9) 100%);
  opacity: 0;
  transition: opacity .26s cubic-bezier(.16, 1, .3, 1);
  pointer-events: auto;
}
.mpv-stage-overlay.visible {
  opacity: 1;
}

.mpv-stage-card {
  position: relative;
  width: 100%;
  max-width: 460px;
  background: rgba(13, 17, 26, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8), 0 0 32px rgba(59, 130, 246, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transform: scale(0.96) translateY(8px);
  transition: transform .26s cubic-bezier(.16, 1, .3, 1);
}
.mpv-stage-overlay.visible .mpv-stage-card {
  transform: scale(1) translateY(0);
}

.mpv-stage-badge-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.3);
  margin-bottom: 12px;
}
.mpv-stage-beacon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px #22c55e;
  animation: mpvPulse 1.6s infinite ease-in-out;
}
.mpv-stage-beacon.is-paused {
  background: #eab308;
  box-shadow: 0 0 8px #eab308;
  animation: none;
}
.mpv-stage-beacon.is-closed {
  background: #6b7280;
  box-shadow: none;
  animation: none;
}
.mpv-stage-pill {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #60a5fa;
  text-transform: uppercase;
}

.mpv-stage-meta {
  width: 100%;
  margin-bottom: 16px;
}
.mpv-stage-title {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mpv-stage-ep {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mpv-stage-status-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}
.mpv-stage-status-text {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #93c5fd;
}
.mpv-stage-status-text.is-paused {
  color: #fde047;
}
.mpv-stage-timecode {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.9);
}

.mpv-stage-progress-track {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
}
.mpv-stage-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6, #60a5fa);
  border-radius: 999px;
  transition: width .25s ease-out;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
}



/* Ensure episode & voice drawer sits above MPV stage overlay */
.player-stage.mpv-active .player-episodes-drawer,
.player-episodes-drawer.is-mpv-drawer {
  z-index: 70 !important;
}
/* When MPV is active, hide voice selection controls completely */
.player-screen.mpv-active .player-voices-top-btn,
.player-screen.mpv-active .player-voices-button,
.player-screen.mpv-active [data-player-voices-toggle],
.player-stage.mpv-active .player-episodes-drawer [data-player-tab="voices"],
.player-screen.mpv-active .player-episodes-drawer [data-player-tab="voices"],
.player-screen.mpv-active .player-under-tabs [data-player-tab="voices"],
.player-screen.mpv-active [data-open-panel="voices"] {
  display: none !important;
}
@media (max-width: 920px) and (orientation: portrait), (max-width: 720px) and (orientation: portrait) {
  .player-stage.mpv-active .player-episodes-drawer:not([hidden]) {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 75 !important;
  }
}

.mpv-stage-actions {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mpv-stage-resume-btn {
  flex: 1;
  height: 44px;
  border-radius: 12px;
  font-size: 13.5px;
  font-weight: 700;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: transform .14s ease, filter .14s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mpv-stage-resume-btn:hover {
  filter: brightness(1.1);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.55);
}
.mpv-stage-resume-btn:active {
  transform: scale(0.96) !important;
}
.mpv-stage-close-btn {
  height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}
.mpv-stage-close-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.mpv-stage-close-btn:active {
  transform: scale(0.96) !important;
}

@keyframes mpvPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.55; }
}


.crawler-seo-content{
  display:none!important;
}



.player-stage:fullscreen,
.player-stage:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  background:#000!important;
}
.player-stage:fullscreen video,
.player-stage:-webkit-full-screen video{width:100vw;height:100vh}
.player-stage:fullscreen .player-controls,
.player-stage:-webkit-full-screen .player-controls{padding-inline:max(18px,env(safe-area-inset-left));padding-bottom:max(18px,env(safe-area-inset-bottom))}
.player-stage:fullscreen .player-settings-menu,
.player-stage:-webkit-full-screen .player-settings-menu{right:max(18px,env(safe-area-inset-right));bottom:max(90px,calc(72px + env(safe-area-inset-bottom)))}

@media(max-width:720px){
  .player-stage{--player-control-size:42px}
  .player-controls{padding:38px 9px max(8px,env(safe-area-inset-bottom))}
  .player-center-play{width:62px;height:62px}
  .player-center-play svg{width:27px;height:27px}
  .player-time{min-width:92px;font-size:11px}
  .player-volume-range{display:none}
  .player-settings-menu{right:9px;bottom:67px;width:min(240px,calc(100% - 18px));max-height:68%}
}
@media(max-width:420px){
  .player-stage{--player-control-size:38px}
  .player-control-row{gap:4px}
  .player-control-group{gap:2px}
  .player-time{min-width:78px;font-size:10px}
  .video-control svg{width:22px;height:22px}
  .player-settings-menu{width:min(220px,calc(100% - 14px))}
}
.video-fullscreen-button{border-radius:50%}
.player-stage::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  z-index:10;
  width:36px;height:36px;
  margin:-18px 0 0 -18px;
  border:3px solid rgba(255,255,255,.25);
  border-top-color:#fff;
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  animation:spin .78s linear infinite;
  transition:opacity .15s ease;
}
.player-stage.is-buffering::before{opacity:1}
.player-skip-overlay{
  position:absolute;
  right:clamp(12px,2vw,26px);
  bottom:88px;
  z-index:14;
  min-height:40px;
  box-shadow:0 10px 28px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
@media(max-width:720px){
  .player-frame{flex:0 0 auto}
  .player-stage{flex:0 0 auto;width:100%;aspect-ratio:16/9;min-height:0}
  .player-bottom{display:flex}
  .player-skip-overlay{right:9px;bottom:68px;min-inline-size:max(94px,8ch)}
}
@media(max-width:520px){
  .player-episode-controls .player-tool{max-width:none;font-size:12px}
  .player-episode-controls .player-tool::first-letter{font-size:inherit}
}

/* Quality selector: adaptive HLS/DASH levels and direct MP4 variants. */
.player-settings-options.quality-menu button:disabled{opacity:.48;cursor:default}
.player-settings-heading [data-quality-label]{max-width:18ch;overflow:hidden;text-overflow:clip;white-space:nowrap}

/* Series navigation is part of AniParse controls, so it remains available when
   only the video surface is fullscreen. No upstream/native player UI is used. */
.episode-step-button svg{width:21px;height:21px}
.episode-step-button:disabled{opacity:.28}
.player-control-primary .episode-step-button{flex:0 0 var(--player-control-size)}
.player-skip-overlay{max-width:min(240px,calc(100% - 24px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:380px){
  .player-stage{--player-control-size:34px}
  .player-controls{padding-inline:7px}
  .player-time{min-width:68px;font-size:9.5px}
  .player-control-row{gap:2px}
  .video-control svg{width:20px;height:20px}
  .episode-step-button svg{width:18px;height:18px}
  .player-skip-overlay{right:8px;bottom:64px;min-height:34px;padding:6px 9px;font-size:11px}
}

/* Android-parity playback actions. Episode navigation lives on the left/right
   edge of the video, and the opening action lives in the top-right corner.
   All three follow AniParse controls visibility and remain inside video-only
   fullscreen. */
.player-stage [hidden]{display:none!important}
.player-episode-overlay{
  position:absolute;
  top:50%;
  z-index:15;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.54);
  box-shadow:0 12px 34px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transform:translateY(-50%);
  opacity:1;
  pointer-events:auto;
  transition:opacity .18s ease,transform .18s ease,background .15s ease;
}
.player-episode-overlay:hover,.player-episode-overlay:focus-visible{background:rgba(0,0,0,.74)}
.player-episode-previous{left:clamp(10px,1.8vw,24px)}
.player-episode-next{right:clamp(10px,1.8vw,24px)}
.player-episode-overlay svg{width:28px;height:28px}
.player-skip-overlay{
  top:clamp(10px,1.8vw,22px);
  right:clamp(10px,1.8vw,24px);
  bottom:auto;
  z-index:16;
  min-height:40px;
  min-inline-size:max(156px,18ch);
  opacity:1;
  pointer-events:auto;
  transition:opacity .18s ease,transform .18s ease;
}
.player-stage:not(.controls-visible):not(.is-paused) .player-episode-overlay,
.player-stage:not(.controls-visible):not(.is-paused) .player-skip-overlay{
  opacity:0;
  pointer-events:none;
}
.player-stage:not(.controls-visible):not(.is-paused) .player-episode-previous{transform:translate(-8px,-50%)}
.player-stage:not(.controls-visible):not(.is-paused) .player-episode-next{transform:translate(8px,-50%)}
.player-stage:not(.controls-visible):not(.is-paused) .player-skip-overlay{transform:translateY(-8px)}
.player-stage:fullscreen .player-skip-overlay,
.player-stage:-webkit-full-screen .player-skip-overlay{
  top:max(18px,env(safe-area-inset-top));
  right:max(18px,env(safe-area-inset-right));
}
.player-stage:fullscreen .player-episode-previous,
.player-stage:-webkit-full-screen .player-episode-previous{left:max(18px,env(safe-area-inset-left))}
.player-stage:fullscreen .player-episode-next,
.player-stage:-webkit-full-screen .player-episode-next{right:max(18px,env(safe-area-inset-right))}
@media(max-width:720px){
  .player-episode-overlay{width:46px;height:46px}
  .player-episode-overlay svg{width:24px;height:24px}
  .player-episode-previous{left:8px}
  .player-episode-next{right:8px}
  .player-skip-overlay{top:8px;right:8px;bottom:auto;min-inline-size:max(112px,12ch);min-height:36px;padding:7px 10px}
}
@media(max-width:380px){
  .player-episode-overlay{width:40px;height:40px}
  .player-episode-overlay svg{width:21px;height:21px}
  .player-skip-overlay{top:7px;right:7px;bottom:auto;min-height:32px;min-inline-size:96px;padding:5px 8px;font-size:10px}
}

/* AniParse project polish — a quieter product UI with fewer promotional
   elements and consistent spacing across home, catalog, details and player. */
:root{
  --desktop-nav-width:220px;
  --content-max:1500px;
  --panel-border:color-mix(in srgb,var(--outline) 16%,transparent);
  --panel-strong:color-mix(in srgb,var(--outline) 28%,transparent);
  --surface-raised:color-mix(in srgb,var(--surface) 88%,var(--surface-variant));
  --focus-ring:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent);
}
body{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
button:focus-visible,a:focus-visible,input:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.screen{isolation:isolate}
.top-header{align-items:flex-start}
.top-title{font-weight:860;text-wrap:balance}
.top-subtitle{max-width:66ch;line-height:1.45}

.home-topbar{
  min-height:58px;
  margin-bottom:18px;
  border-bottom-color:var(--panel-border);
}
.home-brand span,.desktop-nav-brand span{display:grid;min-width:0}
.home-brand strong,.desktop-nav-brand strong{display:block}
.home-brand small,.desktop-nav-brand small{
  display:block;
  margin-top:4px;
  color:var(--on-surface-variant);
  font-size:10.5px;
  font-weight:620;
  letter-spacing:.01em;
}
.home-top-actions{gap:7px}
.home-top-actions .icon-btn{width:42px;height:42px;background:transparent}
.home-search{
  max-width:780px;
  min-height:52px;
  border-color:var(--panel-border);
  background:var(--surface-raised);
}
.home-search:hover{transform:none;box-shadow:none}
.home-dashboard.hero-only{grid-template-columns:minmax(0,1fr)!important}
.home-dashboard.hero-only .home-hero{min-height:460px}
.home-dashboard.hero-only .home-hero-content{min-height:460px}
.home-hero{border:1px solid var(--panel-border);box-shadow:0 20px 56px rgba(0,0,0,.24)}
.home-hero-actions .btn{min-width:126px}
.home-section{margin-block:34px}
.section-heading{align-items:center}
.section-heading h2{font-size:23px;font-weight:820}
.section-heading p{line-height:1.4}
.home-rail{padding-bottom:6px}
.anime-card,.voice-card,.source-card,.episode-card,.continue-card,.setting-row,.history-row,.release-row{animation:none!important}
.anime-card .poster-shell{background:var(--surface);outline-color:var(--panel-border)}
.anime-card:hover .poster-shell{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.anime-card-title{margin-top:10px;line-height:1.3}

.search-field{min-height:50px;background:var(--surface-raised)}
.search-field:focus-within{box-shadow:var(--focus-ring)}
.catalog-toolbar{gap:9px}
.catalog-results>.chips{margin-bottom:4px}
.chip{min-height:36px;padding:8px 12px;background:var(--surface-raised)}
.chip.active{border-color:color-mix(in srgb,var(--primary) 34%,transparent)}

.release-card{
  border:1px solid var(--panel-border);
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.detail-actions{margin-top:20px}
.detail-actions .btn{min-width:146px}
.description{white-space:pre-line}
.chronology-card{border-color:var(--panel-border);background:var(--surface)}
.chronology-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 36%,var(--outline));background:var(--surface-raised)}

.source-scan{
  min-height:44px;
  border-style:dashed;
  background:transparent;
}
.voice-card,.source-card,.episode-card{background:var(--surface-raised)}
.voice-card:hover,.source-card:hover,.episode-card:hover{background:var(--surface-variant)}

@media(min-width:1180px){
  .bottom-nav{padding:24px 14px 16px;background:var(--surface);border-right-color:var(--panel-border)}
  .desktop-nav-brand{padding:0 9px 26px}
  .desktop-nav-brand img{width:38px;height:38px}
  .desktop-nav-brand strong{font-size:17px}
  .nav-item{min-height:46px;padding-inline:8px;border-radius:11px}
  .nav-item.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent)}
  .screen{padding-top:28px}
  .page-home>.home-search{margin-bottom:22px}
  .home-dashboard.has-continue{grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr)}
  .home-dashboard.hero-only .home-hero,.home-dashboard.hero-only .home-hero-content{height:520px;min-height:520px}
  .page-catalog .catalog-toolbar{top:0;margin:-8px 0 10px;padding:12px 0}
}

@media(max-width:1179px){
  .home-brand small{display:none}
}
@media(max-width:620px){
  .screen{padding-inline:16px}
  .home-topbar{margin-inline:-16px;padding-inline:16px}
  .home-search kbd{display:none}
  .home-dashboard.hero-only .home-hero,.home-dashboard.hero-only .home-hero-content{min-height:360px}
  .home-hero-actions .btn{min-width:0}
  .section-actions .rail-arrow{display:none}
  .section-heading{align-items:flex-end}
  .detail-actions{display:grid;grid-template-columns:1fr}
  .detail-actions .btn{width:100%}
}

/* Reliable inactivity behaviour for the custom player. Keyboard focus must not
   pin controls forever; pause, seeking and an open settings menu do. */
.player-stage.controls-hidden:not(.is-paused){cursor:none}
.player-stage.controls-hidden:not(.is-paused) video{cursor:none}
.player-stage:not(.controls-visible):not(.is-paused)::after{opacity:0}
.player-stage:not(.controls-visible):not(.is-paused) .player-controls{
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
}
.player-stage.controls-visible:not(.is-paused){cursor:default}
@media(hover:none){
  .player-stage.controls-hidden:not(.is-paused){cursor:default}
  .player-stage.controls-hidden:not(.is-paused) video{cursor:pointer}
}

.profile-local{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 9px 3px!important;
  border-top:1px solid var(--panel-border);
  color:var(--on-surface-variant);
}
.profile-local svg{width:18px;height:18px;color:var(--primary)}
.profile-local span{margin:0!important}
@media(min-width:1180px){
  .profile-summary .profile-local{grid-column:auto;border-top:0;border-left:1px solid var(--panel-border);padding:7px 16px!important;justify-content:flex-end}
}

/* ========================================================================== 
   AniParse.top — product interface
   Quiet, editorial UI: fewer decorative surfaces, clearer hierarchy and a
   consistent rhythm across catalogue, title pages and voice selection.
   ========================================================================== */
:root{
  --desktop-nav-width:216px;
  --content-max:1580px;
  --product-radius:14px;
  --product-radius-sm:10px;
  --product-line:color-mix(in srgb,var(--outline) 20%,transparent);
  --product-line-strong:color-mix(in srgb,var(--outline) 34%,transparent);
  --product-muted:color-mix(in srgb,var(--on-surface-variant) 88%,transparent);
  --surface-raised:color-mix(in srgb,var(--surface) 88%,var(--surface-variant));
}
html{background:var(--background)}
body{
  background:var(--background);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Variable Text",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-feature-settings:"kern" 1,"liga" 1;
  text-rendering:optimizeLegibility;
}
.gradient-layer{display:none!important}
button,input,select{font-family:inherit}
button{-webkit-tap-highlight-color:transparent}
.screen{max-width:var(--content-max)}
.top-title,.detail-title,.home-hero h1,.section-heading h2{letter-spacing:-.025em}
.top-title{font-weight:760}
.top-subtitle,.section-heading p,.anime-card-meta,.description{color:var(--product-muted)}

/* Brand and navigation */
.desktop-nav-brand,.home-brand{user-select:none}
.desktop-nav-brand img,.home-brand img{box-shadow:none!important;border:1px solid var(--product-line)}
.desktop-nav-brand strong,.home-brand strong{font-weight:780;letter-spacing:-.02em}
.desktop-nav-brand small,.home-brand small{
  color:var(--on-surface-variant);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:lowercase;
}
.nav-copy{font-weight:620!important}
.nav-item{transition:background .14s ease,color .14s ease,transform .14s ease}
.nav-item:active{transform:translateY(1px)}
.nav-item.active{box-shadow:none!important}
.nav-pill{background:transparent!important}

/* Shared controls */
.btn,.icon-btn,.chip,.tab,.section-more,.home-search,.rail-arrow{
  border-radius:var(--product-radius-sm);
}
.btn{font-weight:690;letter-spacing:-.01em;box-shadow:none!important}
.btn.primary{background:var(--primary);color:var(--on-primary)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.tonal,.hero-secondary{background:var(--surface-variant);color:var(--on-surface)}
.icon-btn{border:1px solid transparent;background:transparent}
.icon-btn:hover{border-color:var(--product-line);background:var(--surface-variant)}

/* Home */
.home-topbar{
  min-height:52px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--product-line);
}
.home-top-actions{gap:6px}
.home-search{
  min-height:50px;
  margin:0 0 22px;
  border:1px solid var(--product-line);
  background:var(--surface);
  box-shadow:none;
  color:var(--on-surface-variant);
}
.home-search:hover{border-color:var(--product-line-strong);background:var(--surface-raised);color:var(--on-surface)}
.home-search kbd{border:1px solid var(--product-line);background:var(--background);box-shadow:none}
.home-dashboard{gap:18px;margin-bottom:30px}
.home-hero{
  min-height:clamp(330px,40vw,510px);
  border:1px solid var(--product-line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:none;
  overflow:hidden;
}
.home-hero-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.66) 45%,rgba(0,0,0,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%);
}
.home-hero-content{max-width:650px;padding:clamp(24px,4vw,54px)}
.home-hero-content .eyebrow{
  display:inline-flex;
  margin:0 0 12px;
  padding:0;
  background:transparent;
  color:#fff;
  font-size:11px;
  font-weight:720;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.home-hero h1{font-size:clamp(30px,4.5vw,58px);font-weight:790;line-height:1.02;max-width:15ch}
.home-hero-meta{font-size:14px;color:rgba(255,255,255,.74)}
.hero-genres span{background:rgba(15,15,18,.72);border:1px solid rgba(255,255,255,.13)}
.home-section{margin-top:34px}
.section-heading{margin-bottom:14px}
.section-heading h2{font-size:21px;font-weight:740}
.section-heading p{font-size:13px;margin-top:4px}
.section-more{font-size:12px;font-weight:680}
.rail-arrow{border:1px solid var(--product-line);background:transparent}

/* Anime cards */
.anime-grid{gap:24px 14px}
.anime-card{border-radius:0;background:transparent;box-shadow:none!important}
.anime-card .poster-shell{
  border:1px solid var(--product-line);
  border-radius:12px;
  background:var(--surface);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.anime-card:hover .poster-shell{
  border-color:var(--product-line-strong);
}
.anime-card:not([data-tilt-bound]):hover .poster-shell{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.poster-shell > *{
  pointer-events:none;
}
.anime-card-title{margin-top:10px;font-size:14px;font-weight:680;line-height:1.32}
.anime-card-meta{margin-top:5px;font-size:11.5px}
.card-status{border-radius:7px;font-size:10px;letter-spacing:.02em}
.progress-overlay{height:3px;border-radius:0 0 11px 11px}

/* Catalogue */
.catalog-toolbar{
  position:sticky;
  top:0;
  z-index:12;
  margin:0 -8px 14px;
  padding:8px;
  background:color-mix(in srgb,var(--background) 90%,transparent);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.search-field{
  min-height:48px;
  border:1px solid var(--product-line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none!important;
}
.search-field:focus-within{border-color:color-mix(in srgb,var(--primary) 55%,var(--outline));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}
.search-field input{font-size:15px}
.filter-btn{width:48px;height:48px;border:1px solid var(--product-line);background:var(--surface)}
.catalog-results>.chips{margin-bottom:18px}
.chip{border:1px solid var(--product-line);background:transparent;font-weight:620}
.chip.active{border-color:color-mix(in srgb,var(--primary) 36%,var(--outline));background:var(--primary-container);color:var(--on-primary-container)}
.catalog-refresh-line{height:2px;background:var(--surface-variant)}

/* Title page */
.detail-backdrop{opacity:.26;filter:saturate(.78)}
.release-card{
  border:1px solid var(--panel-border);
  border-radius:22px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),var(--soft-shadow);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
.detail-poster{border:1px solid var(--product-line);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.26)}
.detail-title{font-weight:790;max-width:24ch}
.meta-chip{border:1px solid rgba(255,255,255,.10);border-radius:8px;font-weight:620}
.compact-rating{border-radius:9px}
.detail-section{border-top:1px solid var(--product-line)}
.detail-section h2{font-size:18px;font-weight:720}
.description{max-width:76ch;font-size:15px;line-height:1.72}
.chronology-card{
  border:1px solid var(--product-line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none;
}
.chronology-card:hover{border-color:var(--product-line-strong);background:var(--surface-raised)}
.chronology-card.active{border-color:color-mix(in srgb,var(--primary) 46%,var(--outline));background:var(--primary-container)}

/* Voice picker: immediate, compact and scannable */
.page-watch{max-width:1280px}
.watch-header{
  min-height:62px;
  padding-bottom:14px;
  margin-bottom:18px;
  border-bottom:1px solid var(--product-line);
}
.watch-header h1{font-size:clamp(22px,3vw,34px);font-weight:760;letter-spacing:-.025em}
.watch-header p{font-size:13px;color:var(--product-muted)}
.source-scan{
  max-width:none;
  min-height:42px;
  margin-bottom:14px;
  border:0;
  border-radius:10px;
  background:var(--surface-variant);
  color:var(--on-surface-variant);
}
.voice-stack,.player-stack{gap:10px}
.voice-card,.source-card,.episode-card{
  min-height:74px;
  padding:12px 13px;
  border:1px solid var(--product-line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none!important;
  cursor:pointer;
}
.voice-card:hover,.source-card:hover,.episode-card:hover{
  transform:none;
  border-color:var(--product-line-strong);
  background:var(--surface-raised);
}
.voice-logo{
  width:40px;height:40px;border-radius:10px;
  background:var(--surface-variant);
  color:var(--on-surface);
  font-size:14px;font-weight:760;
}
.voice-copy h3,.source-copy h3,.episode-copy h3{font-size:14px;font-weight:680}
.voice-copy p,.source-copy p,.episode-copy p{font-size:11.5px;color:var(--product-muted)}
.watch-intro{margin:0 0 14px}
.watch-intro h2{font-size:17px}
.voice-search-shell{max-width:100%;padding-top:2px}
.voice-search-status{
  display:flex;align-items:center;gap:13px;
  min-height:68px;padding:13px 14px;margin-bottom:12px;
  border:1px solid var(--product-line);border-radius:12px;background:var(--surface);
}
.voice-search-status strong{display:block;font-size:14px}
.voice-search-status p{margin:4px 0 0;color:var(--product-muted);font-size:12px}
.voice-search-spinner{width:19px;height:19px;border:2px solid var(--surface-variant);border-top-color:var(--primary);border-radius:50%;animation:spin .72s linear infinite;flex:0 0 auto}
.voice-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.voice-search-card{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px;border:1px solid var(--product-line);border-radius:12px;background:var(--surface)}
.voice-search-card>span{width:40px;height:40px;border-radius:10px;background:var(--surface-variant);animation:pulse 1.4s ease-in-out infinite}
.voice-search-card>div{display:grid;gap:8px;flex:1}.voice-search-card i{display:block;height:9px;max-width:65%;border-radius:5px;background:var(--surface-variant);animation:pulse 1.4s ease-in-out infinite}.voice-search-card i+ i{max-width:38%;opacity:.7}

/* Library, profile and settings */
.profile-summary,.settings-group,.history-list{box-shadow:none!important}
.profile-summary{border:1px solid var(--product-line);border-radius:14px;background:var(--surface)}
.setting-row,.history-row{border-color:var(--product-line);background:var(--surface)}
.setting-row:hover,.history-row:hover{background:var(--surface-raised)}
.project-about{align-items:flex-start;max-width:820px;padding:24px;border:1px solid var(--product-line);border-radius:14px;background:var(--surface);box-shadow:none}
.project-about img{width:58px;height:58px;border-radius:13px;border:1px solid var(--product-line)}
.project-domain{display:block;margin-bottom:5px;color:var(--primary);font-size:11px;font-weight:720;letter-spacing:.09em;text-transform:uppercase}
.project-about h1{font-size:25px;letter-spacing:-.03em}
.project-about p{max-width:62ch;line-height:1.6}
.project-points{display:grid;gap:8px;margin-top:16px;color:var(--on-surface-variant);font-size:12.5px}
.project-points span{display:flex;align-items:center;gap:8px}.project-points span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--primary);flex:0 0 auto}

/* Desktop shell */
@media(min-width:1180px){
  .bottom-nav{
    width:var(--desktop-nav-width);
    padding:22px 13px 16px;
    border-right:1px solid var(--product-line);
    background:var(--surface);
  }
  .desktop-nav-brand{padding:0 9px 24px}
  .desktop-nav-brand img{width:37px;height:37px;border-radius:10px}
  .nav-item{min-height:44px;border-radius:9px}
  .nav-item:hover{background:var(--surface-variant)}
  .nav-item.active{background:var(--primary-container);color:var(--on-primary-container)}
  .screen{padding:28px clamp(30px,3vw,52px) 84px}
  .home-rail{gap:14px}
  .voice-stack,.player-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .episode-stack{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:760px){
  .screen{padding-inline:14px}
  .home-topbar{margin:-18px -14px 14px;padding:12px 14px;z-index:45}
  .home-brand img{width:38px;height:38px;border-radius:10px}
  .home-hero{min-height:410px;border-radius:14px}
  .home-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.08) 100%)}
  .home-hero-content{align-self:end;padding:22px}
  .home-hero h1{font-size:34px;max-width:18ch}
  .home-search{margin-bottom:18px}
  .section-heading h2{font-size:19px}
  .anime-grid{gap:20px 10px}
  .catalog-toolbar{margin-inline:-4px;padding-inline:4px}
  .detail-content{padding-top:24px}
  .voice-search-grid{grid-template-columns:1fr}
  .voice-stack,.player-stack,.episode-stack{grid-template-columns:1fr}
  .watch-header{margin-inline:-14px;padding-inline:14px}
  .project-about{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding:18px}
  .project-about img{width:50px;height:50px}
}

@media(prefers-reduced-motion:reduce){
  .anime-card .poster-shell,.voice-card,.source-card,.episode-card{transition:none}
  .voice-search-spinner,.voice-search-card>span,.voice-search-card i{animation-duration:2.2s}
}
@keyframes pulse{0%,100%{opacity:.52}50%{opacity:1}}

/* Accounts and community — restrained product UI */
.auth-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.64);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in .18s ease both}
.auth-dialog{position:relative;width:min(440px,100%);max-height:min(760px,calc(100dvh - 28px));overflow:auto;padding:28px;border:1px solid color-mix(in srgb,var(--outline) 32%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 28px 90px rgba(0,0,0,.45);animation:dialog-up .22s cubic-bezier(.2,.8,.2,1) both}
.auth-close{position:absolute;right:14px;top:14px}.auth-dialog h2{margin:0 44px 7px 0;font-size:25px;letter-spacing:-.035em}.auth-dialog>p{margin:0 0 22px;color:var(--on-surface-variant)}
.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:var(--on-surface-variant);font-size:13px;font-weight:700}.auth-form input,.auth-form textarea{width:100%;padding:12px 13px;border:1px solid color-mix(in srgb,var(--outline) 44%,transparent);border-radius:11px;background:var(--surface-variant);color:var(--on-surface);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.auth-form textarea{min-height:112px;resize:vertical}.auth-form input:focus,.auth-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.auth-submit{width:100%;margin-top:5px}.auth-form-error{min-height:20px;margin:0;color:var(--error);font-size:12px}.auth-switch{display:block;width:100%;margin-top:16px;border:0;background:none;color:var(--primary);font-weight:750}
.profile-welcome{max-width:760px;margin:8px auto 26px;padding:clamp(28px,5vw,54px);border:1px solid color-mix(in srgb,var(--outline) 26%,transparent);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-container) 38%,var(--surface)),var(--surface));text-align:center}.profile-welcome-mark img{width:72px;height:72px;border-radius:18px}.profile-welcome .eyebrow{display:block;margin-top:18px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em}.profile-welcome h1{max-width:610px;margin:10px auto;font-size:clamp(28px,5vw,44px);line-height:1.05;letter-spacing:-.045em}.profile-welcome p{max-width:580px;margin:0 auto;color:var(--on-surface-variant);line-height:1.65}.profile-welcome-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}
.telegram-project-card{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto;padding:16px 18px;border:1px solid color-mix(in srgb,var(--outline) 27%,transparent);border-radius:15px;background:var(--surface);color:var(--on-surface);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.telegram-project-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 56%,transparent);background:var(--surface-variant)}.telegram-project-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#229ed9;color:#fff}.telegram-project-card svg{width:21px}.telegram-project-card div{flex:1}.telegram-project-card strong,.telegram-project-card p{display:block;margin:0}.telegram-project-card p{margin-top:3px;color:var(--on-surface-variant);font-size:12px}
.account-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:26px;border:1px solid color-mix(in srgb,var(--outline) 26%,transparent);border-radius:20px;background:var(--surface)}.account-avatar-wrap{position:relative}.user-avatar{display:grid;place-items:center;object-fit:cover;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container);font-weight:850}.account-avatar{width:112px;height:112px;font-size:35px}.nav-avatar{width:24px;height:24px;font-size:10px}.comment-user-avatar{width:38px;height:38px;font-size:14px}.avatar-upload{position:absolute;right:1px;bottom:1px;display:grid;place-items:center;width:35px;height:35px;border:3px solid var(--surface);border-radius:50%;background:var(--primary);color:var(--on-primary);cursor:pointer}.avatar-upload input{display:none}.avatar-upload svg{width:17px}.account-title{display:flex;align-items:center;gap:8px}.account-title h1{margin:0;font-size:31px;letter-spacing:-.04em}.account-handle{margin:3px 0 10px;color:var(--primary);font-weight:700}.account-bio{max-width:660px;margin:0;line-height:1.55}.account-roles{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.role-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--primary-container) 70%,transparent);color:var(--on-primary-container);font-size:11px;font-weight:800}.team-name{color:var(--role-color,var(--on-surface));font-weight:850;text-shadow:0 0 18px color-mix(in srgb,var(--role-color,var(--primary)) 16%,transparent)}.role-colored-name{color:var(--role-color,var(--on-surface));font-weight:850}.role-chip.role-colored-chip{border:1px solid color-mix(in srgb,var(--role-color,var(--primary)) 38%,transparent);background:color-mix(in srgb,var(--role-color,var(--primary)) 11%,var(--surface));color:var(--role-color,var(--primary))}.role-chip.team-role{border:1px solid color-mix(in srgb,var(--role-color,var(--primary)) 42%,transparent);background:color-mix(in srgb,var(--role-color,var(--primary)) 13%,var(--surface));color:var(--role-color,var(--primary));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-color,var(--primary)) 8%,transparent)}.comment-author{overflow-wrap:anywhere}.comment-author.team-name:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:var(--role-color,var(--primary));box-shadow:0 0 10px var(--role-color,var(--primary))}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;padding:16px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:15px;background:var(--surface)}.account-stats div{display:grid;place-items:center;gap:2px;border-right:1px solid color-mix(in srgb,var(--outline) 22%,transparent)}.account-stats div:last-child{border-right:0}.account-stats strong{font-size:22px}.account-stats span{color:var(--on-surface-variant);font-size:11px}.profile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-action{display:flex;align-items:center;gap:13px;min-height:76px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--outline) 23%,transparent);border-radius:14px;background:var(--surface);color:var(--on-surface);text-align:left;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.profile-action:hover{background:var(--surface-variant);border-color:color-mix(in srgb,var(--primary) 42%,transparent);transform:translateY(-1px)}.profile-action>svg:first-child{width:21px;color:var(--primary)}.profile-action span{flex:1}.profile-action strong,.profile-action small{display:block}.profile-action small{margin-top:3px;color:var(--on-surface-variant)}.danger-action{color:var(--error)}
.community-section{margin-top:30px}.community-score{display:flex;align-items:baseline;gap:4px}.community-score strong{font-size:30px;letter-spacing:-.04em}.community-score span{color:var(--on-surface-variant)}.score-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:15px 0}.score-button{min-width:0;height:39px;border:1px solid color-mix(in srgb,var(--outline) 30%,transparent);border-radius:9px;background:var(--surface);color:var(--on-surface-variant);font-weight:800;transition:transform .12s ease,background .12s ease,color .12s ease}.score-button:hover,.score-button.active{transform:translateY(-1px);border-color:var(--primary);background:var(--primary-container);color:var(--on-primary-container)}.community-divider{height:1px;margin:22px 0;background:color-mix(in srgb,var(--outline) 22%,transparent)}.comment-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px;border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);border-radius:14px;background:var(--surface)}.comment-form textarea{min-height:58px;max-height:180px;padding:8px 4px;border:0;resize:vertical;background:transparent;color:var(--on-surface);outline:0}.comment-send{margin-top:3px;background:var(--primary);color:var(--on-primary)}.comments-list{display:grid;gap:10px;margin-top:13px}.community-comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:15px;border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:13px;background:var(--surface)}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-head time{color:var(--on-surface-variant);font-size:11px}.comment-content p{margin:7px 0 0;line-height:1.55;overflow-wrap:anywhere}.comment-actions{display:flex;gap:12px;margin-top:9px}.comment-actions button{padding:0;border:0;background:none;color:var(--on-surface-variant);font-size:11px}.comment-actions button:hover{color:var(--primary)}.comments-empty{padding:25px;border:1px dashed color-mix(in srgb,var(--outline) 35%,transparent);border-radius:13px;color:var(--on-surface-variant);text-align:center}.community-login-card{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);border-radius:13px;background:var(--surface);color:var(--on-surface);text-align:left}.community-login-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-container);color:var(--on-primary-container)}.community-login-card div{flex:1}.community-login-card strong,.community-login-card p{display:block;margin:0}.community-login-card p{margin-top:3px;color:var(--on-surface-variant);font-size:12px}.community-skeleton{display:grid;gap:9px}.community-skeleton span{height:60px;border-radius:12px}.telegram-about{width:max-content;margin-top:17px}.telegram-about svg{width:18px}

/* Motion: short, consistent and easy to disable */
.anime-card,.voice-card,.source-card,.episode-card,.release-card,.history-row,.setting-row,.profile-action{animation:content-rise .28s cubic-bezier(.2,.75,.25,1) both}.anime-card:nth-child(2n),.voice-card:nth-child(2n),.episode-card:nth-child(2n){animation-delay:22ms}.anime-card:nth-child(3n),.voice-card:nth-child(3n),.episode-card:nth-child(3n){animation-delay:44ms}.btn,.icon-btn,.nav-item{transition:transform .13s ease,background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.btn:active,.icon-btn:active,.nav-item:active{transform:scale(.97)}.route-fallback{animation:route-soft .22s ease both}html.reduced-ui-motion,html.reduced-ui-motion *,html.reduced-ui-motion *::before,html.reduced-ui-motion *::after,body.reduced-ui-motion,body.reduced-ui-motion *,body.reduced-ui-motion *::before,body.reduced-ui-motion *::after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;transition-delay:0s!important}html.reduced-ui-motion::view-transition-group(*),html.reduced-ui-motion::view-transition-old(*),html.reduced-ui-motion::view-transition-new(*){animation:none!important}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-up{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes content-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes route-soft{from{opacity:.78;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:700px){.auth-dialog{padding:23px 18px;border-radius:17px}.profile-welcome{padding:30px 20px}.profile-welcome-actions{display:grid}.account-hero{grid-template-columns:1fr;text-align:center}.account-avatar-wrap{width:max-content;margin:auto}.account-title{justify-content:center}.account-roles{justify-content:center}.account-stats{padding-inline:7px}.profile-actions-grid{grid-template-columns:1fr}.score-picker{grid-template-columns:repeat(5,1fr)}.comment-form{grid-template-columns:auto minmax(0,1fr)}.comment-send{grid-column:2;justify-self:end}.community-comment{padding:13px}.comment-head{align-items:center;flex-direction:row;gap:6px}}

/* Account email verification */
.auth-link-button{display:block;width:max-content;margin:-3px auto 0;padding:5px 8px;border:0;background:none;color:var(--primary);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.auth-link-button:hover{text-decoration:underline}
.auth-message-dialog{text-align:center}.auth-mail-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:17px;background:var(--primary-container);color:var(--on-primary-container)}.auth-mail-mark svg{width:27px;height:27px}.auth-message-dialog .auth-lead{max-width:340px;margin-inline:auto}.auth-email-target{margin:14px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);border-radius:10px;background:var(--surface-variant);font-weight:800;overflow-wrap:anywhere}.auth-message-dialog .btn{width:100%}

/* Profile page hardening — compact, readable and overlap-safe. */
.profile-page{
  width:min(100%,1040px);
  margin:0 auto;
  padding-bottom:34px;
  display:grid;
  gap:16px;
  min-width:0;
}
.profile-page>*{min-width:0}
.profile-page-guest{width:min(100%,920px);gap:14px}
.profile-page .profile-welcome{width:100%;max-width:none;margin:0;padding:clamp(26px,5vw,50px)}
.profile-welcome-actions .btn{min-width:150px}
.profile-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.profile-benefits article{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding:16px;
  border:1px solid var(--panel-border);
  border-radius:15px;
  background:var(--surface);
}
.profile-benefits article>svg{width:21px;height:21px;color:var(--primary);margin-top:1px}
.profile-benefits article div{min-width:0}
.profile-benefits strong,.profile-benefits span{display:block;overflow-wrap:anywhere}
.profile-benefits strong{font-size:14px}
.profile-benefits span{margin-top:4px;color:var(--on-surface-variant);font-size:12px;line-height:1.45}
.profile-page .account-hero{
  margin:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  padding:24px;
  overflow:hidden;
}
.account-copy{min-width:0}
.account-title{min-width:0}
.account-title h1{min-width:0;overflow-wrap:anywhere;line-height:1.08}
.account-bio,.account-handle{overflow-wrap:anywhere}
.account-roles{min-width:0}
.profile-page .account-stats{margin:0}
.profile-section{
  min-width:0;
  padding:20px;
  border:1px solid var(--panel-border);
  border-radius:18px;
  background:var(--surface);
}
.profile-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.profile-section-head h2,.profile-section-head p{margin:0}
.profile-section-head h2{font-size:18px;letter-spacing:-.02em}
.profile-section-head p{margin-top:4px;color:var(--on-surface-variant);font-size:12px;line-height:1.45}
.profile-page .profile-actions-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:10px}
.profile-page .profile-action{min-width:0;overflow:hidden}
.profile-action span{min-width:0}
.profile-action strong,.profile-action small{overflow-wrap:anywhere}
.profile-action>svg:last-child{flex:0 0 auto;color:var(--on-surface-variant)}
.profile-session-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:16px 18px;
  border:1px solid var(--panel-border);
  border-radius:15px;
  background:var(--surface);
}
.profile-session-row>div{min-width:0}
.profile-session-row strong,.profile-session-row span{display:block;overflow-wrap:anywhere}
.profile-session-row span{margin-top:3px;color:var(--on-surface-variant);font-size:11px}
.danger-soft{color:var(--error);background:color-mix(in srgb,var(--error) 9%,var(--surface));border-color:color-mix(in srgb,var(--error) 20%,transparent)}
.danger-soft:hover{background:color-mix(in srgb,var(--error) 15%,var(--surface))}

@media(max-width:760px){
  .profile-page{gap:12px;padding-bottom:92px}
  .profile-page .account-hero{grid-template-columns:1fr;gap:16px;padding:20px;text-align:center}
  .profile-page .account-avatar-wrap{width:max-content;max-width:100%;margin:auto}
  .profile-page .account-title{justify-content:center}
  .profile-page .account-roles{justify-content:center}
  .profile-page .account-stats{padding:13px 6px}
  .profile-page .profile-actions-grid{grid-template-columns:1fr}
  .profile-benefits{grid-template-columns:1fr}
  .profile-section{padding:16px}
  .profile-session-row{align-items:flex-start;flex-direction:column}
  .profile-session-row .btn{width:100%}
}
@media(max-width:420px){
  .profile-page .profile-welcome{padding:27px 17px}
  .profile-welcome h1{font-size:30px;line-height:1.08}
  .profile-welcome-actions{grid-template-columns:1fr}
  .profile-welcome-actions .btn{width:100%;min-width:0}
  .profile-page .account-hero{padding:17px}
  .account-avatar{width:92px;height:92px;font-size:30px}
  .account-title h1{font-size:26px}
  .profile-page .account-stats strong{font-size:20px}
  .profile-page .account-stats span{font-size:10px;text-align:center}
  .profile-section{padding:13px}
  .profile-action{min-height:70px;padding:12px 13px;gap:10px}
  .profile-action small{font-size:11px;line-height:1.35}
}

/* Release 130 — human-scale account UI and smooth motion. */
.auth-backdrop{padding:clamp(12px,3vw,28px);overflow:auto;align-items:center}
.auth-dialog{width:min(460px,100%);max-height:calc(100dvh - 24px);padding:24px;overscroll-behavior:contain;scrollbar-gutter:stable}
.auth-dialog-register{width:min(680px,100%)}
.auth-brand{display:flex;align-items:center;gap:11px;margin:0 42px 20px 0}
.auth-brand img{width:44px;height:44px;border-radius:12px;flex:0 0 auto}
.auth-brand-copy{display:grid;gap:2px;min-width:0}
.auth-brand-copy strong{font-size:16px;line-height:1.1}
.auth-brand-copy span{color:var(--on-surface-variant);font-size:12px}
.auth-heading{margin-bottom:20px}
.auth-dialog .auth-heading h2{margin:0 0 7px;font-size:clamp(24px,4vw,31px)}
.auth-dialog .auth-heading p{margin:0;max-width:56ch;line-height:1.5}
.auth-form-register{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.auth-form-register .auth-submit,.auth-form-register .auth-form-error{grid-column:1/-1}
.auth-form input{min-height:46px}
.auth-switch{margin-top:12px;padding:8px}
.profile-page-guest{width:min(100%,980px);align-content:start}
.profile-page .profile-welcome{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px 28px;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-container) 24%,var(--surface)),var(--surface))}
.profile-welcome-mark img{width:64px;height:64px;border-radius:16px;display:block}
.profile-welcome-copy{min-width:0}
.profile-welcome .eyebrow{margin:0 0 7px;font-size:10px}
.profile-welcome h1{max-width:none;margin:0;font-size:clamp(27px,3.2vw,38px);line-height:1.08}
.profile-welcome p{max-width:650px;margin:9px 0 0;line-height:1.5}
.profile-welcome-actions{display:grid;grid-template-columns:1fr;min-width:170px;margin:0}
.profile-welcome-actions .btn{width:100%}
.profile-benefits article{min-height:92px}
.party-auth-card{display:grid;place-items:center;gap:9px;padding:20px 14px;text-align:center;border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-variant) 66%,transparent)}
.party-auth-card>svg{width:28px;height:28px;color:var(--primary)}
.party-auth-card strong{font-size:15px}.party-auth-card p{margin:0;max-width:34ch;color:var(--on-surface-variant);font-size:12px;line-height:1.45}
.party-auth-card .player-tool{width:100%;justify-content:center;margin-top:4px}

/* Card-by-card entrance animations caused visible reflow on every async update. */
.anime-card,.voice-card,.source-card,.episode-card,.release-card,.history-row,.setting-row,.profile-action{animation:none!important}
.anime-card .poster-shell,.voice-card,.source-card,.episode-card,.release-card,.history-row,.profile-action{transform:translateZ(0);backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){
  .voice-card:hover,.source-card:hover,.episode-card:hover,.history-row:hover,.profile-action:hover{transform:translate3d(0,-2px,0)}
}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s!important;animation-timing-function:cubic-bezier(.22,.75,.24,1)!important}
.route-fallback{animation:route-soft .16s cubic-bezier(.22,.75,.24,1) both}

@media(max-width:760px){
  .auth-backdrop{place-items:end center;padding:0}
  .auth-dialog,.auth-dialog-register{width:100%;max-height:min(92dvh,760px);padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;border-bottom:0}
  .auth-brand{margin-bottom:15px}.auth-brand img{width:38px;height:38px}
  .auth-form-register{grid-template-columns:1fr}
  .auth-form-register .auth-submit,.auth-form-register .auth-form-error{grid-column:auto}
  .profile-page .profile-welcome{grid-template-columns:auto minmax(0,1fr);gap:15px;padding:20px;text-align:left}
  .profile-welcome-mark img{width:52px;height:52px;border-radius:13px}
  .profile-welcome-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}
  .profile-welcome h1{font-size:28px}
}
@media(max-width:430px){
  .profile-page .profile-welcome{grid-template-columns:1fr;text-align:center}
  .profile-welcome-mark{margin:auto}.profile-welcome p{margin-inline:auto}
  .profile-welcome-actions{grid-template-columns:1fr}
  .auth-dialog .auth-heading h2{font-size:25px}
}

/* Release 131 — stable motion, compact auth and balanced profile. */
.home-hero-image{animation:none!important;will-change:auto}
.nav-item.active .nav-pill{animation:none!important}
::view-transition-old(root){animation:ap-release-fade-out .11s ease both!important}
::view-transition-new(root){animation:ap-release-fade-in .15s ease both!important}
@keyframes ap-release-fade-out{to{opacity:0}}
@keyframes ap-release-fade-in{from{opacity:0}to{opacity:1}}
.route-fallback{animation:ap-release-fade-in .15s ease both!important}
.auth-backdrop{animation:ap-release-fade-in .14s ease both!important}
.auth-dialog{animation:auth-release-in .18s cubic-bezier(.22,.75,.24,1) both!important}
@keyframes auth-release-in{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
.auth-dialog-register{width:min(720px,100%);overflow-x:hidden}
.auth-dialog-register .auth-heading{margin-bottom:16px}
.auth-dialog-register .auth-form{gap:11px 12px}
.auth-dialog-register .auth-switch{margin-top:8px}
.profile-page-guest{width:min(100%,1160px);margin-inline:auto}
.profile-page .profile-welcome{min-height:190px}
.profile-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.profile-benefits article{padding:18px;border-radius:15px;background:var(--surface);border:1px solid color-mix(in srgb,var(--outline) 22%,transparent)}
.anime-card{contain:layout paint style}
@media(max-width:760px){
  .profile-benefits{grid-template-columns:1fr}
  .auth-dialog-register .auth-form{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),.route-fallback,.auth-backdrop,.auth-dialog{animation:none!important}
}


/* Release 135 — original home composition with targeted bug fixes. */
html,body,#shell,#app,.screen{max-width:100%;min-width:0}
body{overflow-x:hidden;overflow-x:clip}

/* The old home design stays intact; only the search now works in place. */
.home-search-form{width:min(780px,100%);margin:0 0 22px}
.home-search-box{width:100%;min-height:50px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--product-line);border-radius:var(--product-radius-sm);background:var(--surface);color:var(--on-surface-variant);box-shadow:none;cursor:text}
.home-search-box:focus-within{border-color:var(--product-line-strong);background:var(--surface-raised)}
.home-search-box>svg{width:20px;height:20px;flex:0 0 auto;color:var(--on-surface-variant)}
.home-search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--on-surface);font:inherit;font-size:15px}
.home-search-box input::-webkit-search-cancel-button{display:none}
.home-search-box kbd{font:600 11px/1 system-ui;padding:6px 7px;border:1px solid var(--product-line);border-bottom-width:2px;border-radius:7px;background:var(--background);color:var(--on-surface-variant)}
.home-search-results{width:100%;margin:-10px 0 26px;padding:16px;border:1px solid var(--product-line);border-radius:14px;background:var(--surface);overflow:hidden}
.home-search-results[hidden]{display:none}
.home-search-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.home-search-results-head span{color:var(--on-surface-variant);font-size:12px}
.home-search-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}
.home-search-note{margin:0;color:var(--on-surface-variant);text-align:center;line-height:1.55}
.home-search-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;color:var(--on-surface-variant)}
.home-search-loading .spinner{width:22px;height:22px}

/* Continue remains the old side panel/list, but can never create a horizontal scrollbar. */
.home-dashboard,.home-dashboard>*,.continue-section,.continue-rail,.home-continue-card,.continue-copy{min-width:0;max-width:100%}
.continue-section{overflow:hidden}
.continue-section .continue-rail{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;gap:10px;max-width:100%;margin:0;overflow-x:hidden;scroll-snap-type:none;scrollbar-width:none}
.continue-rail::-webkit-scrollbar{display:none;width:0;height:0}
.home-continue-card{max-width:100%;overflow:hidden;scroll-snap-align:none}
.continue-copy{overflow:hidden}
.continue-copy h3,.continue-copy p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Poster and hero image proportions. */
.home-hero-content .eyebrow{display:inline-flex;width:fit-content;max-width:100%;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.home-hero-image,.detail-backdrop img,.poster{image-rendering:auto;object-fit:cover;object-position:center}
.poster-shell{overflow:hidden}
.detail-poster{contain:paint}
.poster-shell>.poster{display:block;width:100%;height:100%;aspect-ratio:inherit}

/* Centered sign-in and registration dialogs. */
.auth-backdrop{display:grid!important;place-items:center!important;padding:18px!important}
.auth-dialog,.auth-dialog-register{width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border-radius:22px!important;padding:27px!important;text-align:center}
.auth-dialog-register .auth-form{grid-template-columns:1fr}
.auth-dialog-register .auth-submit,.auth-dialog-register .auth-form-error{grid-column:auto}
.auth-brand{justify-content:center;margin:0 40px 18px}
.auth-heading{text-align:center}.auth-dialog .auth-lead{margin-inline:auto;text-align:center}
.auth-form{text-align:left}.auth-form .auth-submit{margin-top:4px}.auth-form-error{text-align:center}
.auth-switch,.auth-link-button{display:block;margin-inline:auto;text-align:center}
.auth-message-dialog{text-align:center}.auth-email-target{overflow-wrap:anywhere}

/* Guest and public profiles. */
.page-profile:has(.profile-page-guest){padding-top:clamp(20px,6vh,64px)}
.page-profile:has(.profile-page-guest) .top-header{display:none!important}
.profile-page-guest{display:block!important;width:min(760px,100%)!important;margin-inline:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.guest-auth-hero{display:grid;justify-items:center;gap:12px;padding:24px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center}
.guest-auth-hero>img{width:78px;height:78px;border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.guest-auth-hero h1{margin:8px 0 0;font-size:clamp(30px,5vw,46px);letter-spacing:-.045em}
.guest-auth-hero p{max-width:650px;margin:0;color:var(--on-surface-variant);line-height:1.65}
.guest-auth-actions{display:flex;justify-content:center;gap:10px;margin-top:8px}
.guest-auth-actions .btn{min-width:150px}
.guest-settings-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 12px;border:0;background:transparent;color:var(--on-surface-variant);cursor:pointer}
.guest-settings-link:hover{color:var(--on-surface)}
.guest-settings-link svg{width:18px;height:18px}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.profile-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:14px 20px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:16px;background:var(--surface)}
.profile-finder-copy h2{margin:0;font-size:18px}
.profile-finder-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.profile-finder-form label{min-width:0}
.profile-finder-form input{width:100%;height:44px;padding:0 13px;border:1px solid color-mix(in srgb,var(--outline) 30%,transparent);border-radius:11px;background:var(--surface-variant);color:var(--on-surface);outline:none}
.profile-finder-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.profile-finder-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-finder-results:empty{display:none}
.profile-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--outline) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-variant) 55%,transparent);color:var(--on-surface);text-align:left;cursor:pointer}
.profile-result:hover{border-color:color-mix(in srgb,var(--primary) 46%,transparent);background:color-mix(in srgb,var(--primary-container) 23%,var(--surface))}
.profile-result>span{min-width:0}.profile-result strong,.profile-result small{display:block;overflow:hidden;text-overflow:clip;white-space:nowrap}
.profile-result small{margin-top:3px;color:var(--on-surface-variant);font-size:11px}.profile-result>svg{width:18px;color:var(--on-surface-variant)}
.profile-result-avatar{width:42px;height:42px;font-size:15px}.profile-finder-note{grid-column:1/-1;margin:2px 0 0;padding:10px;color:var(--on-surface-variant);font-size:12px;text-align:center}.profile-finder-note.error{color:var(--error)}
.profile-page-guest .profile-finder{margin-top:14px;padding:22px 16px 0;border:0!important;border-top:1px solid color-mix(in srgb,var(--outline) 18%,transparent)!important;border-radius:0!important;background:transparent!important}

.public-profile-page{width:min(900px,100%);margin-inline:auto;display:grid;gap:14px}
.public-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:28px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:20px;background:var(--surface)}
.public-profile-avatar{width:116px;height:116px;font-size:38px}
.public-profile-hero h1{margin:0;font-size:clamp(29px,5vw,42px);letter-spacing:-.045em;overflow-wrap:anywhere}
.public-profile-hero p{max-width:620px;margin:8px 0 0;color:var(--on-surface-variant);line-height:1.55}
.public-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);border-radius:16px;background:var(--surface)}
.public-profile-stats>div{display:grid;place-items:center;gap:4px;padding:4px 10px;text-align:center;border-right:1px solid color-mix(in srgb,var(--outline) 20%,transparent)}
.public-profile-stats>div:last-child{border-right:0}.public-profile-stats strong{font-size:20px}.public-profile-stats span{color:var(--on-surface-variant);font-size:11px}
.public-profile-privacy{margin:0;padding:13px 16px;border-radius:12px;background:color-mix(in srgb,var(--primary-container) 30%,transparent);color:var(--on-surface-variant);font-size:12px;text-align:center}
.comment-author[data-user-profile]{cursor:pointer;text-decoration-thickness:1px;text-underline-offset:3px}.comment-author[data-user-profile]:hover{text-decoration:underline}

/* Settings cards share one content width. */
.telegram-settings-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(760px,100%);box-sizing:border-box;margin:14px 0;padding:17px 18px;border:1px solid color-mix(in srgb,#2aabee 38%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#2aabee 18%,var(--surface)),color-mix(in srgb,#2aabee 5%,var(--surface)));color:var(--on-surface);text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.1);transition:transform .16s ease,border-color .16s ease}
.telegram-settings-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,#2aabee 68%,transparent)}
.telegram-settings-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#2aabee;color:white}.telegram-settings-icon svg{width:23px;height:23px}
.telegram-settings-card strong,.telegram-settings-card small{display:block}.telegram-settings-card small{margin-top:4px;color:var(--on-surface-variant);line-height:1.4}.telegram-settings-card>svg{width:18px;color:var(--on-surface-variant)}
.project-about{max-width:900px}.project-about>div{min-width:0}.about-lead{font-size:15px}.about-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.about-sections article{padding:15px;border:1px solid color-mix(in srgb,var(--outline) 19%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-variant) 38%,transparent)}.about-sections h2{margin:0 0 7px;font-size:15px}.about-sections p{margin:0!important;font-size:12px;color:var(--on-surface-variant);line-height:1.55!important}

@media(max-width:760px){
  .auth-backdrop{place-items:center!important;padding:12px!important}
  .auth-dialog,.auth-dialog-register{width:min(470px,100%);max-height:calc(100dvh - 24px);padding:23px 18px calc(23px + env(safe-area-inset-bottom))!important;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent)!important;border-radius:20px!important}
  .home-search-box kbd{display:none}.home-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-search-results{padding:14px}
}
@media(max-width:700px){
  .profile-finder{grid-template-columns:1fr;padding:15px}.profile-finder-results{grid-template-columns:1fr}.profile-finder-form{grid-template-columns:1fr}.profile-finder-form .btn{width:100%}
  .public-profile-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:22px}.public-profile-hero .account-roles{justify-content:center}.public-profile-avatar{width:96px;height:96px}.public-profile-stats strong{font-size:17px}
  .about-sections{grid-template-columns:1fr}.project-about{grid-template-columns:1fr!important}.project-about>img{width:58px;height:58px}
}
@media(max-width:520px){.guest-auth-actions{width:100%;display:grid}.guest-auth-actions .btn{width:100%}}

/* Release 136 — public playback and resilient home layout. */
.home-hero-content{min-width:0}
.home-hero-content>*{max-width:100%}
.home-hero-content .eyebrow{
  flex:0 0 auto;
  min-height:26px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(7,7,12,.54);
  color:#fff;
  font-size:10px;
  font-weight:760;
  line-height:1;
  letter-spacing:.055em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  overflow-wrap:normal;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.home-hero h1{
  flex:0 0 auto;
  max-width:min(18ch,100%);
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.home-hero-meta,.hero-genres,.home-hero-actions{flex:0 0 auto}
.home-hero.hero-title-long h1{font-size:clamp(34px,3.35vw,52px);line-height:1.025;max-width:18ch}
.home-hero.hero-title-very-long h1{font-size:clamp(28px,2.65vw,42px);line-height:1.04;max-width:21ch}
.home-hero.hero-title-very-long .home-hero-content{padding-block:34px}

@media(max-width:719px){
  .page-home{padding-inline:14px}
  .home-topbar{margin:-18px -14px 14px;padding:12px 14px;z-index:45}
  .home-search-form{width:100%;margin-bottom:16px}
  .home-search-box{min-height:48px;padding-inline:13px}
  .home-dashboard{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:12px;margin-bottom:24px}
  .home-hero,.home-hero-content{height:auto!important;min-height:390px!important}
  .home-hero{width:100%;margin:0;border-radius:18px}
  .home-hero-content{justify-content:flex-end;padding:24px 20px!important}
  .home-hero h1{max-width:100%;font-size:clamp(28px,8.8vw,36px);line-height:1.03}
  .home-hero.hero-title-long h1{font-size:clamp(25px,7.7vw,32px);line-height:1.045}
  .home-hero.hero-title-very-long,.home-hero.hero-title-very-long .home-hero-content{min-height:420px!important}
  .home-hero.hero-title-very-long h1{font-size:clamp(22px,6.8vw,28px);line-height:1.07;max-width:100%}
  .home-hero-content .eyebrow{min-height:25px;margin-bottom:9px;padding:6px 9px;font-size:9px}
  .home-hero-meta{margin-block:7px 0;font-size:12px}
  .hero-genres{margin-top:10px}
  .home-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:15px}
  .home-hero-actions .btn{width:100%;min-width:0;min-height:44px;padding-inline:10px}
  .continue-section{width:100%;padding:14px;border-radius:16px}
  .continue-section .section-heading{margin-bottom:8px}
  .home-continue-card{grid-template-columns:56px minmax(0,1fr) 32px;min-height:78px;padding:8px}
  .home-continue-card .poster-shell{width:56px;height:74px;border-radius:9px}
  .continue-copy h3{font-size:13px}.continue-copy p{font-size:10px}.continue-play{width:30px;height:30px}
  .home-section{width:100%;margin-top:28px;overflow:visible}
  .home-section .section-heading{align-items:flex-end;gap:10px}
  .home-section .section-heading h2{font-size:20px}
  .home-section .section-heading p{max-width:220px;font-size:11px}
  .home-section .section-more{min-height:34px;padding-inline:9px}
  .home-rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:20px 12px;
    width:100%;
    margin:0;
    padding:0;
    overflow:visible;
    overscroll-behavior:auto;
    scroll-snap-type:none;
  }
  .home-rail .anime-card{min-width:0;scroll-snap-align:none}
  .home-rail .anime-card-title{font-size:13px}
  .home-rail .anime-card-meta{font-size:10px}
  .home-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:390px){
  .page-home{padding-inline:12px}
  .home-hero,.home-hero-content{min-height:370px!important}
  .home-hero.hero-title-very-long,.home-hero.hero-title-very-long .home-hero-content{min-height:410px!important}
  .home-hero-content{padding:21px 17px!important}
  .home-hero-actions{grid-template-columns:1fr}
  .home-hero-actions .btn{min-height:42px}
  .home-rail{gap:18px 10px}
}

/* Immediate route feedback when a saved episode is opened. */
.episode-launch-overlay{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .16s ease;pointer-events:auto}.episode-launch-overlay.visible{opacity:1}.episode-launch-card{width:min(390px,92vw);display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.episode-launch-poster{width:70px;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:var(--surface-variant)}.episode-launch-poster img{width:100%;height:100%;object-fit:cover}.episode-launch-card>div:last-child{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:11px;align-items:center}.episode-launch-card .spinner{grid-row:1/3;width:27px;height:27px}.episode-launch-card strong{font-size:15px}.episode-launch-card p{min-width:0;margin:3px 0 0;color:var(--on-surface-variant);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Android browsers may keep the native video layer as the first tap target.
   A transparent AniParse surface above it makes touch controls react on the
   first pointer event without requiring text selection or focus. */
.player-tap-surface{position:absolute;inset:0;z-index:6;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.player-loader,.player-error{z-index:30}.player-stage.is-buffering .player-tap-surface{cursor:progress}@media(hover:none){.video-control,.player-center-play,.player-tool,.skip-btn{min-width:44px;min-height:44px}.player-seek-wrap{height:28px}.player-seek{height:28px}}

/* Release 137 — mobile navigation, discussions, profile reputation and media avatars. */
@media(max-width:1179px){
  #bottomNav>.desktop-nav-main{display:contents!important}
  .bottom-nav{height:calc(72px + env(safe-area-inset-bottom));min-height:72px;padding:6px max(10px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;overflow:visible}
  .bottom-nav .nav-item{display:grid!important;min-width:0;min-height:58px;padding:3px 2px}
  .bottom-nav .nav-item span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

.comment-composer{display:grid;margin:14px 0 18px}.comment-editor-shell{overflow:hidden;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);border-radius:17px;background:color-mix(in srgb,var(--surface-variant) 28%,var(--surface));transition:border-color .16s ease,box-shadow .16s ease}.comment-editor-shell:focus-within{border-color:color-mix(in srgb,var(--primary) 75%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
.comment-toolbar{display:flex;align-items:center;gap:4px;padding:7px 8px;border-bottom:1px solid color-mix(in srgb,var(--outline) 18%,transparent)}.comment-toolbar button{min-width:34px;height:30px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.comment-toolbar button:hover,.comment-toolbar button:focus-visible{background:var(--surface-variant);color:var(--on-surface);outline:none}.comment-toolbar button:last-child{margin-left:2px}
.comment-composer textarea{display:block;width:100%;min-height:112px;resize:vertical;padding:13px 14px;border:0;background:transparent;color:var(--on-surface);font:inherit;line-height:1.55;outline:none}.comment-composer.compact{margin:10px 0 2px}.comment-composer.compact textarea{min-height:84px}.comment-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}.comment-editor-footer>span{color:var(--on-surface-variant);font-size:11px}.comment-submit{min-height:37px;padding:8px 13px}.comment-submit svg{width:17px;height:17px}
.community-comment{align-items:flex-start}.community-comment>.comment-content{min-width:0}.comment-text{margin-top:7px;color:var(--on-surface);font-size:13px;line-height:1.62;overflow-wrap:anywhere}.comment-text blockquote{margin:8px 0;padding:9px 11px;border-left:3px solid var(--primary);border-radius:0 9px 9px 0;background:color-mix(in srgb,var(--primary-container) 24%,transparent);color:var(--on-surface-variant)}
@keyframes spoiler-noise{0%{background-position:0 0,3px 2px}50%{background-position:7px -3px,-4px 6px}100%{background-position:14px -6px,-11px 10px}}
.comment-spoiler{display:inline;padding:.04em .25em;border:0;border-radius:.38em;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer;outline:none;transition:background-color .16s ease,color .16s ease,text-shadow .16s ease}.comment-spoiler:not(.revealed){background-color:color-mix(in srgb,var(--on-surface-variant) 26%,var(--surface));background-image:radial-gradient(circle,rgba(255,255,255,.42) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(0,0,0,.32) 0 1px,transparent 1.4px);background-size:7px 7px,9px 9px;color:transparent!important;text-shadow:0 0 7px color-mix(in srgb,var(--on-surface) 72%,transparent);animation:spoiler-noise .9s steps(2,end) infinite}.comment-spoiler:not(.revealed) *{color:transparent!important;text-shadow:0 0 7px color-mix(in srgb,var(--on-surface) 72%,transparent)}.comment-spoiler.revealed{background:color-mix(in srgb,var(--surface-variant) 62%,transparent);color:inherit;animation:none}.comment-spoiler:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 54%,transparent)}
.comment-action-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px}.comment-action-row>button{min-height:30px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.comment-action-row>button:hover{background:var(--surface-variant);color:var(--on-surface)}.comment-votes{display:flex;align-items:center;gap:2px;margin-right:3px;padding:2px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:10px}.comment-votes button{width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--on-surface-variant);font-size:18px;line-height:1;cursor:pointer}.comment-votes button:disabled{opacity:.4;cursor:default}.comment-votes button.active{background:var(--primary-container);color:var(--on-primary-container)}.comment-votes strong{min-width:24px;text-align:center;font-size:12px}
.comment-replies{display:grid;gap:10px;margin-top:10px;padding-left:13px;border-left:2px solid color-mix(in srgb,var(--primary) 28%,transparent)}.comment-reply{padding:10px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important}.comment-reply .comment-user-avatar{width:34px;height:34px}.comment-reply .comment-head time{font-size:10px}.comment-reply-slot:empty{display:none}

.public-profile-page{display:grid;gap:16px}.public-profile-section{padding:18px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:18px;background:var(--surface)}.public-profile-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.public-profile-stats>div{min-width:0}.public-profile-stats strong{max-width:100%;font-size:clamp(15px,2vw,20px);overflow-wrap:anywhere}.profile-wall .comment-composer{margin-top:4px}.profile-wall .comment-composer textarea{min-height:64px;max-height:120px}.profile-wall .comment-toolbar{padding-block:5px}.profile-wall .comment-editor-footer{padding-top:5px}.profile-wall-list{display:grid;gap:10px}.profile-comment-feed{display:grid;gap:10px}.profile-anime-comment{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:11px;border:1px solid color-mix(in srgb,var(--outline) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface-variant) 24%,transparent);cursor:pointer;transition:transform .14s ease,border-color .14s ease}.profile-anime-comment:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.profile-comment-poster{width:62px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:var(--surface-variant)}.profile-comment-poster img{width:100%;height:100%;object-fit:cover}.profile-comment-title{display:flex;justify-content:space-between;gap:10px}.profile-comment-title strong{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}.profile-comment-title time,.profile-anime-comment small{color:var(--on-surface-variant);font-size:10px}.profile-anime-comment .comment-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.profile-comment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:var(--on-surface-variant);font-size:10px}.profile-comment-meta button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:750;cursor:pointer}.account-stats-expanded{grid-template-columns:repeat(5,minmax(0,1fr))}.account-stats-expanded strong{overflow-wrap:anywhere}
.account-avatar img,.public-profile-avatar img,.profile-result-avatar img,.comment-user-avatar img{image-rendering:auto}

.player-tap-surface{z-index:6;display:block!important;pointer-events:auto!important;touch-action:manipulation;-webkit-touch-callout:none}.player-stage video{pointer-events:none}.player-stage .player-controls,.player-stage .player-center-play,.player-stage .player-episode-overlay,.player-stage .player-skip-overlay,.player-stage .player-settings-menu{pointer-events:auto}

@media(max-width:760px){
  .public-profile-page{gap:12px}.public-profile-section{padding:14px;border-radius:15px}.public-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.public-profile-stats>div{min-height:62px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--outline) 18%,transparent)}.public-profile-stats>div:nth-last-child(-n+2){border-bottom:0}.public-profile-stats>div:last-child{grid-column:1/-1;border-bottom:0}.public-profile-stats strong{font-size:16px}.account-stats-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stats-expanded>div:last-child{grid-column:1/-1}.comment-composer textarea{min-height:96px}.profile-wall .comment-composer textarea{min-height:58px;max-height:104px}.comment-editor-footer{align-items:flex-end}.comment-submit{min-width:116px}.comment-replies{padding-left:9px}.community-comment{grid-template-columns:38px minmax(0,1fr);gap:9px}.comment-user-avatar{width:38px;height:38px}.profile-anime-comment{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:9px}.profile-comment-poster{width:50px}.profile-comment-title{display:grid;gap:3px}.profile-comment-title time{order:2}.profile-comment-meta{align-items:flex-start}.profile-comment-meta button{white-space:nowrap}
}
@media(max-width:390px){.comment-toolbar{overflow-x:auto}.comment-editor-footer{display:grid;grid-template-columns:1fr}.comment-submit{width:100%}.comment-action-row{gap:2px}.comment-action-row>button{padding-inline:6px}.profile-anime-comment .comment-text{-webkit-line-clamp:3}}
.own-profile-community{display:grid;gap:16px}.profile-community-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:96px;color:var(--on-surface-variant);font-size:12px}.profile-community-loading .spinner{width:22px;height:22px}

.player-choice-intro{margin-bottom:10px}.player-choice-intro h2{margin-bottom:0}

/* Release 138 — reliable resume, profile activity and notification center. */
.top-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.notification-button{position:relative;flex:0 0 auto}
.notification-badge{position:absolute;top:-4px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--background);border-radius:999px;background:var(--error);color:#fff;font-size:9px;font-weight:850;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.24)}
.reputation-value{color:var(--reputation-color,var(--on-surface));font-variant-numeric:tabular-nums;transition:color .18s ease}
.notifications-page{display:grid;gap:12px;max-width:900px}
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;color:var(--on-surface-variant);font-size:12px}
.notifications-list{display:grid;gap:9px}
.notification-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:76px;padding:13px 14px;border:1px solid var(--panel-border);border-radius:16px;background:var(--surface);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.notification-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 32%,var(--outline));background:var(--surface-raised)}
.notification-card.unread{border-color:color-mix(in srgb,var(--primary) 38%,var(--outline));background:color-mix(in srgb,var(--primary-container) 22%,var(--surface))}
.notification-card.unread::before{content:"";position:absolute;left:7px;top:50%;width:5px;height:22px;transform:translateY(-50%);border-radius:999px;background:var(--primary)}
.notification-icon{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:13px;background:var(--surface-variant);color:var(--primary)}
.notification-icon>svg{width:21px;height:21px}.notification-avatar{width:44px!important;height:44px!important;border-radius:13px!important}
.notification-copy{min-width:0}.notification-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-title-row strong{min-width:0;font-size:13px}.notification-title-row time{flex:0 0 auto;color:var(--on-surface-variant);font-size:10px}.notification-copy p{margin:5px 0 0;color:var(--on-surface-variant);font-size:12px;line-height:1.45;overflow-wrap:anywhere}

/* The history column must be exactly as tall as the featured title on wide layouts. */
@media(min-width:1180px){
  .home-dashboard.has-continue{align-items:stretch}
  .home-dashboard.has-continue>.home-hero,.home-dashboard.has-continue>.continue-section{height:500px;min-height:500px;max-height:500px}
  .home-dashboard.has-continue>.home-hero>.home-hero-content{height:100%;min-height:0}
  .home-dashboard.has-continue>.continue-section{display:flex;flex-direction:column;overflow:hidden}
  .home-dashboard.has-continue>.continue-section>.continue-rail{flex:1;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;align-content:start}
}
@media(min-width:720px) and (max-width:1179px){
  .home-dashboard.has-continue>.home-hero,.home-dashboard.has-continue>.continue-section{height:430px;min-height:430px;max-height:430px}
  .home-dashboard.has-continue>.home-hero>.home-hero-content{height:100%;min-height:0}
  .home-dashboard.has-continue>.continue-section{display:flex;flex-direction:column;overflow:hidden}
  .home-dashboard.has-continue>.continue-section>.continue-rail{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}
}

/* Mobile controls consume their own gesture instead of passing it to the play/pause surface. */
.player-controls,.player-settings-menu,.video-fullscreen-button{isolation:isolate}
.video-control,.video-fullscreen-button,.player-settings-button,.player-seek,.player-volume-range{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.video-fullscreen-button{position:relative;z-index:24;pointer-events:auto!important}
@media(max-width:760px){
  .notification-card{grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;min-height:68px;padding:11px 12px;border-radius:14px}
  .notification-icon,.notification-avatar{width:40px!important;height:40px!important;border-radius:12px!important}.notification-title-row{display:grid;gap:2px}.notification-title-row time{order:2}.notification-copy p{font-size:11px}
  .player-control-row{gap:4px}.player-control-group{gap:2px}.video-fullscreen-button{min-width:46px!important;min-height:46px!important}.player-settings-button{min-width:44px!important;min-height:44px!important}
}

/* Release 139 — aligned home panels, stable mobile navigation and notification polish. */
.home-dashboard.has-continue>.continue-section{
  margin:0!important;
  align-self:stretch;
  box-sizing:border-box;
}
.home-dashboard.has-continue>.home-hero{
  align-self:stretch;
  box-sizing:border-box;
}

.reputation-value{
  display:inline-grid;
  place-items:center;
  min-width:2.8ch;
  line-height:1;
  text-align:center;
  vertical-align:middle;
  direction:ltr;
  unicode-bidi:isolate;
}
.comment-votes .reputation-value{width:34px;min-width:34px;height:28px}
.public-profile-stats .reputation-value,
.account-stats .reputation-value{justify-self:center}

.notifications-page{width:min(100%,960px);gap:16px}
.notifications-summary{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid var(--panel-border);
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary-container) 24%,var(--surface)),var(--surface));
}
.notifications-summary-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--primary-container);
  color:var(--on-primary-container);
}
.notifications-summary-icon svg{width:23px;height:23px}
.notifications-summary strong{display:block;font-size:15px}
.notifications-summary p{margin:4px 0 0;color:var(--on-surface-variant);font-size:12px}
.notification-filters{display:flex;gap:8px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}
.notification-filters::-webkit-scrollbar{display:none}
.notification-filters button{
  min-height:36px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  border:1px solid var(--panel-border);
  border-radius:10px;
  background:var(--surface);
  color:var(--on-surface-variant);
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.notification-filters button span{
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--surface-variant);
  color:var(--on-surface);
  font-size:10px;
}
.notification-filters button.active{
  border-color:color-mix(in srgb,var(--primary) 42%,var(--outline));
  background:var(--primary-container);
  color:var(--on-primary-container);
}
.notification-filters button.active span{background:color-mix(in srgb,var(--primary) 22%,transparent);color:inherit}
.notifications-list{display:grid;gap:16px}
.notification-group{display:grid;gap:8px}
.notification-group>h2{margin:0;padding-left:2px;color:var(--on-surface-variant);font-size:11px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}
.notification-group>div{display:grid;gap:8px}
.notification-card{
  width:100%;
  min-height:82px;
  grid-template-columns:44px minmax(0,1fr) 28px;
  gap:12px;
  padding:13px 14px;
  border:1px solid var(--panel-border);
  border-radius:15px;
  background:var(--surface);
  color:var(--on-surface);
  font:inherit;
  text-align:left;
  appearance:none;
}
.notification-card.unread::before{content:none}
.notification-card.unread{border-color:color-mix(in srgb,var(--primary) 34%,var(--outline));background:color-mix(in srgb,var(--primary-container) 14%,var(--surface))}
.notification-copy{display:grid;gap:4px;min-width:0}
.notification-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.notification-kind{color:var(--primary);font-size:10px;font-weight:780;letter-spacing:.02em}
.notification-meta-row time{flex:0 0 auto;color:var(--on-surface-variant);font-size:10px}
.notification-title{display:block;min-width:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.notification-body{display:-webkit-box;overflow:hidden;color:var(--on-surface-variant);font-size:11.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.notification-end{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--on-surface-variant)}
.notification-end svg{width:18px;height:18px}
.notification-unread-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.notification-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;border:1px dashed var(--panel-border);border-radius:16px;color:var(--on-surface-variant);text-align:center}
.notification-empty svg{width:30px;height:30px;color:var(--primary)}
.notification-empty strong{color:var(--on-surface)}
.notification-empty p{max-width:390px;margin:0;font-size:12px;line-height:1.5}

@media(max-width:1179px){
  .screen{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    height:calc(68px + env(safe-area-inset-bottom))!important;
    min-height:68px!important;
    padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    overflow:visible!important;
    border:0!important;
    border-top:1px solid var(--panel-border)!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.2)!important;
    -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
  }
  .bottom-nav .desktop-nav-brand,
  .bottom-nav .desktop-nav-spacer,
  .bottom-nav .desktop-settings{display:none!important}
  .bottom-nav .desktop-nav-main{display:contents!important}
  .bottom-nav .nav-item{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    padding:3px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  .bottom-nav .nav-pill{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .bottom-nav .nav-pill svg{width:24px!important;height:24px!important}
  .bottom-nav .nav-copy{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:inherit;
    font-size:10.5px!important;
    font-weight:650!important;
    line-height:1.1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .bottom-nav .nav-item.active{color:var(--primary)!important;background:transparent!important}
  .bottom-nav .nav-item.active .nav-pill{color:var(--primary)!important;background:transparent!important}
  .bottom-nav .nav-avatar{width:24px!important;height:24px!important;border-radius:50%!important;box-shadow:none!important}
}

@media(max-width:760px){
  .notifications-summary{grid-template-columns:42px minmax(0,1fr);padding:13px;border-radius:15px}
  .notifications-summary-icon{width:42px;height:42px;border-radius:12px}
  .notifications-summary .btn{grid-column:1/-1;width:100%;min-height:40px}
  .notification-card{grid-template-columns:40px minmax(0,1fr) 22px;min-height:74px;padding:11px;gap:10px}
  .notification-icon,.notification-avatar{width:40px!important;height:40px!important;border-radius:12px!important}
  .notification-meta-row{align-items:flex-start}
  .notification-body{-webkit-line-clamp:3}
}

@media(max-width:380px){
  .bottom-nav{padding-inline:5px!important}
  .bottom-nav .nav-copy{font-size:10px!important}
  .notification-filters button{padding-inline:9px}
}

/* Release 140 — desktop Telegram shortcut and lower-cost catalog rendering. */
@media(min-width:1180px){
  .desktop-telegram{
    position:relative;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    margin:0 0 7px!important;
    border:1px solid color-mix(in srgb,#2aabee 28%,var(--panel-border))!important;
    background:linear-gradient(135deg,color-mix(in srgb,#2aabee 15%,var(--surface)),color-mix(in srgb,#2aabee 4%,var(--surface)))!important;
    color:var(--on-surface)!important;
    text-decoration:none;
    overflow:hidden;
  }
  .desktop-telegram:before{
    content:"";
    position:absolute;
    inset:auto -24px -34px auto;
    width:86px;
    height:86px;
    border-radius:50%;
    background:color-mix(in srgb,#2aabee 12%,transparent);
    pointer-events:none;
  }
  .desktop-telegram:hover{
    border-color:color-mix(in srgb,#2aabee 55%,var(--panel-border))!important;
    background:linear-gradient(135deg,color-mix(in srgb,#2aabee 22%,var(--surface)),color-mix(in srgb,#2aabee 8%,var(--surface)))!important;
  }
  .desktop-telegram .nav-pill{background:#2aabee!important;color:#fff!important}
  .desktop-telegram .nav-copy{display:grid;gap:1px;line-height:1.08}
  .desktop-telegram .nav-copy strong{font-size:13px;font-weight:780}
  .desktop-telegram .nav-copy small{color:var(--on-surface-variant);font-size:10px;font-weight:560}
  .desktop-telegram-external{display:grid;place-items:center;color:color-mix(in srgb,#2aabee 76%,var(--on-surface));z-index:1}
  .desktop-telegram-external svg{width:15px;height:15px}
}

.catalog-grid .anime-card{
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:260px 390px;
}
.catalog-grid .poster-shell{transform:translateZ(0)}

@media(max-width:1179px){
  .bottom-nav .desktop-telegram{display:none!important}
}

/* Release 150 — scalable episode picker and restrained nickname presets. */
.episode-intro{align-items:center;flex-wrap:wrap}
.episode-pagination{display:flex;align-items:center;gap:8px;margin-left:auto}
.episode-pagination label{display:flex;align-items:center;gap:7px;color:var(--on-surface-variant);font-size:12px;font-weight:650}
.episode-pagination select{min-width:104px;height:36px;border:1px solid var(--panel-border);border-radius:10px;background:var(--surface);color:var(--on-surface);padding:0 30px 0 10px;font:inherit}
.episode-pagination .icon-btn{width:36px;height:36px;min-width:36px}
.episode-pagination .icon-btn:disabled{opacity:.38;pointer-events:none}

.profile-edit-dialog{width:min(760px,calc(100vw - 28px))!important;text-align:left!important}
.profile-edit-heading{text-align:center;margin:0 42px 18px}
.profile-edit-heading h2{margin:0!important}
.profile-edit-form{gap:15px}
.profile-edit-form>label{text-align:left}
.profile-edit-submit{justify-self:center;min-width:210px;margin-top:2px}
.profile-name-style{display:grid;gap:16px;margin-top:3px;padding:18px;border:1px solid color-mix(in srgb,var(--outline) 34%,transparent);border-radius:20px;background:color-mix(in srgb,var(--surface-container) 78%,transparent)}
.profile-name-style-head{display:flex;align-items:center;justify-content:center;text-align:center}
.profile-name-style-head h3{margin:0;font-size:18px;letter-spacing:-.02em}
.profile-name-live-preview{display:grid;place-items:center;gap:7px;min-height:112px;padding:17px 22px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--panel-border));border-radius:17px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 62%),var(--surface);overflow:hidden}
.profile-name-live-preview>span{color:var(--on-surface-variant);font-size:11px;font-weight:720;letter-spacing:.09em;text-transform:uppercase}
.name-style-live-name{--name-glyph-pad-x:.18em;--name-glyph-pad-top:.16em;--name-glyph-pad-bottom:.22em;display:inline-block;box-sizing:content-box;width:max-content;max-width:none;padding:var(--name-glyph-pad-top) var(--name-glyph-pad-x) var(--name-glyph-pad-bottom);white-space:nowrap;font-size:36px;font-weight:850;line-height:1.28;text-align:center;transform-origin:center center;will-change:font-size,transform}
.name-style-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--panel-border);border-radius:14px;background:color-mix(in srgb,var(--surface) 60%,var(--background));margin-top:2px}
.name-style-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-height:36px;padding:7px 10px;border:0;border-radius:10px;background:transparent;color:var(--on-surface-variant);font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:color .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1)}
.name-style-tab:hover{color:var(--on-surface);background:color-mix(in srgb,var(--surface-variant) 45%,transparent)}
.name-style-tab:active{transform:scale(.97)!important}
.name-style-tab.active{color:var(--on-surface);background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);font-weight:800}
.name-style-tab:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.cosmetic-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:10px;font-weight:850;line-height:1}
.name-style-panel{display:grid;gap:14px}
.name-style-panel[hidden]{display:none!important}
@keyframes name-panel-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.name-style-panel.active{animation:name-panel-enter .18s cubic-bezier(.16,1,.3,1)}
.profile-name-style-group{display:grid;gap:9px}
.profile-name-style-group h4{margin:0;text-align:center;color:var(--on-surface-variant);font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.name-style-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.name-style-option{position:relative;display:grid;place-items:center;flex:1 1 138px;max-width:170px;min-width:128px;min-height:78px;padding:12px 12px;border:1px solid var(--panel-border);border-radius:15px;background:var(--surface);color:var(--on-surface);cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.name-style-option::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,transparent),transparent 58%);opacity:0;transition:opacity .16s ease;z-index:-1}
.name-style-option:hover{color:var(--on-surface);border-color:color-mix(in srgb,var(--primary) 48%,var(--panel-border));background:color-mix(in srgb,var(--primary) 5%,var(--surface));transform:translateY(-1px)}
.name-style-option:hover::before,.name-style-option.active::before{opacity:1}
.name-style-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.name-style-option:active{transform:translateY(0)}
.name-style-option.active{color:var(--on-surface);border-color:color-mix(in srgb,var(--primary) 76%,var(--panel-border));background:color-mix(in srgb,var(--primary) 9%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 13%,transparent)}
.name-style-option-sample{--name-glyph-pad-x:.16em;--name-glyph-pad-top:.18em;--name-glyph-pad-bottom:.24em;display:inline-block;box-sizing:content-box;width:max-content;max-width:none;padding:var(--name-glyph-pad-top) var(--name-glyph-pad-x) var(--name-glyph-pad-bottom);white-space:nowrap;color:var(--on-surface);font-size:16px;font-weight:800;line-height:1.28;text-align:center;transform-origin:center center;will-change:font-size,transform}
.name-style-option-check{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:17px;height:17px;border-radius:999px;background:var(--primary);color:var(--on-primary);opacity:0;transform:scale(.75);transition:opacity .16s ease,transform .16s ease}
.name-style-option-check svg{width:11px;height:11px}
.name-style-option.active .name-style-option-check{opacity:1;transform:scale(1)}

.name-font-default{font-family:inherit;letter-spacing:normal}
.name-font-modern{font-family:"Avenir Next","Segoe UI Variable Display","Trebuchet MS",system-ui,sans-serif;font-weight:850;letter-spacing:-.045em}
.name-font-rounded{--name-glyph-pad-x:.36em;--name-glyph-pad-top:.24em;--name-glyph-pad-bottom:.38em;font-family:"Snell Roundhand","Segoe Script","URW Chancery L","Brush Script MT",cursive;font-style:italic;font-weight:700;line-height:1.38;letter-spacing:.012em}
.name-font-mono{font-family:"Bahnschrift SemiCondensed","DIN Alternate","Avenir Next Condensed","Arial Narrow",sans-serif;font-weight:850;letter-spacing:.105em;text-transform:uppercase}
.name-font-serif{--name-glyph-pad-x:.36em;--name-glyph-pad-top:.25em;--name-glyph-pad-bottom:.34em;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-style:italic;font-weight:760;line-height:1.34;letter-spacing:-.018em}

.account-title{overflow:visible;padding:5px 12px 7px 10px;margin:-5px -12px -7px -10px}
.account-title h1[class*="name-font-"]{--name-glyph-pad-x:.16em;--name-glyph-pad-top:.16em;--name-glyph-pad-bottom:.24em;display:inline-block;box-sizing:content-box;padding:var(--name-glyph-pad-top) var(--name-glyph-pad-x) var(--name-glyph-pad-bottom);line-height:1.24;overflow:visible}
.account-title h1.name-font-serif{--name-glyph-pad-x:.38em;--name-glyph-pad-top:.27em;--name-glyph-pad-bottom:.36em;line-height:1.34}
.name-effect-metallic{display:inline-block;background-image:linear-gradient(110deg,#94a3b8 0%,#e2e8f0 32%,#ffffff 48%,#ffffff 52%,#e2e8f0 68%,#64748b 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:name-metallic-shine 3.6s cubic-bezier(.25,1,.5,1) infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.name-effect-soft-gradient{display:inline-block;color:#a5f3fc!important;-webkit-text-fill-color:currentColor!important;animation:name-hologram-flow 3.4s ease-in-out infinite;text-shadow:0 0 5px rgba(34,211,238,.55),0 0 14px rgba(168,85,247,.3)}
.name-effect-aurora{display:inline-block;color:#67e8f9!important;-webkit-text-fill-color:currentColor!important;animation:name-aurora-flow 5.4s ease-in-out infinite}
.name-effect-frost{display:inline-block;color:#e0f2fe!important;-webkit-text-fill-color:currentColor!important;animation:name-moon-dust 4.2s ease-in-out infinite;text-shadow:0 0 3px rgba(224,242,254,.6),0 0 8px rgba(56,189,248,.35)}
@keyframes name-metallic-shine{0%,18%{background-position:100% 50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}58%,100%{background-position:0% 50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(255,255,255,.6))}}
@keyframes name-hologram-flow{0%,100%{opacity:.92;transform:none;text-shadow:0 0 4px rgba(34,211,238,.4),0 0 10px rgba(168,85,247,.25)}36%{opacity:1;transform:translateY(-.4px);text-shadow:0 0 7px rgba(34,211,238,.75),0 0 18px rgba(168,85,247,.45)}68%{opacity:.88;transform:translateY(.4px)}71%{opacity:.78;transform:translateX(.4px)}73%{opacity:1;transform:none}}
@keyframes name-aurora-flow{0%,100%{color:#67e8f9;filter:drop-shadow(0 -1px 6px rgba(56,189,248,.5)) drop-shadow(0 2px 14px rgba(168,85,247,.28));transform:translateY(0)}33%{color:#6ee7b7;filter:drop-shadow(0 -2px 8px rgba(52,211,153,.6)) drop-shadow(0 2px 16px rgba(45,212,191,.35));transform:translateY(-.7px)}66%{color:#c084fc;filter:drop-shadow(0 1px 8px rgba(192,132,252,.6)) drop-shadow(0 -2px 16px rgba(147,51,234,.35));transform:translateY(.4px)}}
@keyframes name-moon-dust{0%,100%{text-shadow:0 0 2px rgba(224,242,254,.5),0 0 6px rgba(56,189,248,.25);filter:brightness(.96)}38%{text-shadow:0 0 4px #fff,0 0 12px rgba(125,211,252,.85),0 0 22px rgba(56,189,248,.45);filter:brightness(1.22)}65%{text-shadow:0 0 3px rgba(224,242,254,.8),0 0 9px rgba(14,165,233,.5);filter:brightness(1.06)}}

@media(max-width:700px){
  .profile-edit-dialog{width:100%!important;text-align:left!important}
  .profile-edit-heading{margin-inline:34px}
  .profile-name-style{padding:14px 12px;border-radius:17px}
  .profile-name-live-preview{min-height:98px;padding-inline:14px}
  .name-style-grid{gap:8px}
  .name-style-option{flex:0 1 calc(50% - 4px);max-width:none;min-width:0;min-height:70px;padding-inline:9px}
  .profile-edit-submit{width:100%;justify-self:stretch}
}
@media(max-width:390px){
  .name-style-option{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-metallic,.name-effect-soft-gradient,.name-effect-aurora,.name-effect-frost{animation:none;background-position:50% 50%;filter:none;text-shadow:none}
}

/* Release 144 — safe decorated names and clearer watch-party feedback. */
.decorated-name{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-width:0;
  overflow:visible;
  vertical-align:middle;
  line-height:1.35;
}
.decorated-name-text{
  display:inline-block;
  box-sizing:content-box;
  max-width:100%;
  padding:.16em .24em .22em;
  margin:-.16em -.24em -.22em;
  overflow:visible;
  line-height:1.35;
  vertical-align:middle;
}
.name-team-dot{
  flex:0 0 auto;
  width:7px;
  height:7px;
  margin:0 7px 0 1px;
  border-radius:50%;
  background:var(--role-color,var(--primary));
  box-shadow:0 0 10px color-mix(in srgb,var(--role-color,var(--primary)) 76%,transparent);
}
.comment-author.decorated-name{
  overflow:visible;
  white-space:normal;
}
.comment-author.decorated-name .decorated-name-text{
  overflow-wrap:anywhere;
}
.comment-author.team-name::before{display:none}

.party-entry-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.party-entry-name{max-width:min(250px,62vw);overflow:visible}
.party-entry-name .decorated-name-text{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}
.party-members{align-items:center}
.party-member-chip{
  display:inline-flex!important;
  align-items:center;
  gap:4px;
  max-width:100%;
  min-width:0;
  padding:7px 9px!important;
  overflow:visible!important;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.9);
  font-size:11px;
}
.party-member-name{min-width:0;max-width:220px;overflow:visible}
.party-member-name .decorated-name-text{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}
.party-host-star{flex:0 0 auto;color:#f2cf72;font-size:11px;filter:drop-shadow(0 0 6px rgba(242,207,114,.36))}
.party-member-empty{padding:7px 9px;color:rgba(255,255,255,.62);font-size:11px}

button.party-code-card{
  width:100%;
  border:1px solid transparent;
  color:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
button.party-code-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--primary) 52%,rgba(255,255,255,.12));
  background:rgba(255,255,255,.105);
}
button.party-code-card:active{transform:translateY(0) scale(.992)}
.party-copy-state{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;min-width:88px;color:rgba(255,255,255,.68);font-size:10px;font-weight:720;font-style:normal}
.party-copy-state svg{width:14px;height:14px}
.party-copy-state em{font-style:normal;white-space:nowrap}
.party-code-card.copy-confirmed,.party-actions .copy-confirmed{
  border-color:rgba(105,216,163,.55)!important;
  background:rgba(74,174,126,.16)!important;
  box-shadow:0 0 0 3px rgba(74,174,126,.08),0 8px 24px rgba(0,0,0,.18);
  animation:party-copy-pop .34s cubic-bezier(.2,.9,.25,1.2);
}
.party-code-card.copy-confirmed .party-copy-state,.party-actions .copy-confirmed{color:#bdf3d4!important}
@keyframes party-copy-pop{0%{transform:scale(.97)}55%{transform:scale(1.018)}100%{transform:scale(1)}}

/* Low-resolution catalog artwork is softened by a cinematic backing layer rather than visibly pixel-stretched. */
.home-hero{isolation:isolate;background:var(--surface-variant)}
.home-hero::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  background-image:var(--hero-backdrop,none);
  background-position:center;
  background-size:cover;
  filter:blur(18px) saturate(.88) contrast(1.04);
  transform:scale(1.06);
  opacity:.86;
}
.home-hero-image{
  z-index:-1;
  filter:saturate(.92) contrast(1.035);
  transform:translateZ(0);
}
.home-hero-image.hero-image-soft{
  filter:saturate(.88) contrast(1.04) blur(.35px);
}
@media(max-width:760px){
  .party-member-name{max-width:160px}
  .party-copy-state em{display:none}
  .party-copy-state{min-width:18px}
}
@media(prefers-reduced-motion:reduce){
  .party-code-card.copy-confirmed,.party-actions .copy-confirmed{animation:none}
}
/* Keep the cinematic backing behind both artwork and readability gradients. */
.home-hero::before{z-index:-4}
.home-hero-image{z-index:-3}
.home-hero-image.hero-image-soft{opacity:.88}

/* Release 145 — restore readable, color-graded profile reputation. */
.reputation-value{
  color:var(--reputation-color,var(--on-surface))!important;
  -webkit-text-fill-color:currentColor!important;
  font-weight:850;
}
.profile-reputation-value{
  position:relative;
  display:inline-grid;
  place-items:center;
  min-width:1ch;
  width:max-content;
  max-width:none!important;
  overflow:visible!important;
  color:var(--reputation-color,var(--on-surface))!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  direction:ltr;
  unicode-bidi:isolate;
}
.profile-reputation-value .reputation-digits{
  display:block;
  min-width:1ch;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-align:center;
}
.profile-reputation-value .reputation-sign{
  position:absolute;
  right:100%;
  top:50%;
  margin-right:.08em;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:.82em;
  font-weight:900;
  line-height:1;
  transform:translateY(-51%);
}
.account-stats .profile-reputation-value,
.public-profile-stats .profile-reputation-value{
  justify-self:center;
  align-self:center;
}
.public-profile-stats .profile-reputation-value{font-size:20px!important}
.profile-comment-meta .reputation-value{font-size:inherit!important}
.comment-votes .reputation-value{font-size:12px!important}
@media(max-width:760px){
  .account-stats .profile-reputation-value{font-size:20px!important}
  .public-profile-stats .profile-reputation-value{font-size:18px!important}
}


/* Release 146 — profile reputation uses the same numeric typography as every other stat. */
.account-stats .profile-reputation-value{
  font-size:22px!important;
  line-height:normal!important;
  letter-spacing:normal;
}
.public-profile-stats .profile-reputation-value{
  font-size:clamp(15px,2vw,20px)!important;
  line-height:normal!important;
  letter-spacing:normal;
}
.account-stats .profile-reputation-value .reputation-digits,
.public-profile-stats .profile-reputation-value .reputation-digits{
  font-size:1em!important;
  font-weight:inherit!important;
  line-height:inherit!important;
}
.account-stats .profile-reputation-value .reputation-sign,
.public-profile-stats .profile-reputation-value .reputation-sign{
  font-size:.78em!important;
  font-weight:inherit!important;
  line-height:1!important;
  margin-right:.12em;
  transform:translateY(-50%);
}
@media(max-width:760px){
  .account-stats .profile-reputation-value{font-size:20px!important}
  .public-profile-stats .profile-reputation-value{font-size:16px!important}
}

/* Release 151 — stable mobile video, visible decorated names and room lobby. */
.player-screen{
  inset:0 0 auto;
  width:100%;
  height:var(--player-viewport-height,100dvh);
  min-height:320px;
  overscroll-behavior:none;
}
.player-shell{height:100%;min-height:0}
.player-stage{
  contain:layout paint;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.player-stage video{
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}
@media(max-width:720px){
  .player-stage{aspect-ratio:var(--video-aspect,16/9)}
}
.player-stage:fullscreen,
.player-stage:-webkit-full-screen{aspect-ratio:auto!important;contain:none}

/* Never make a nickname transparent unless the browser can actually clip a
   painted background into glyphs. This keeps metallic/gradient names readable
   on older Android WebViews and browsers with partial background-clip support. */
.name-effect-metallic,.name-effect-soft-gradient{
  color:var(--role-color,#d8d8e2)!important;
  -webkit-text-fill-color:currentColor;
  background-image:none;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-metallic,.name-effect-soft-gradient{
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent!important;
    -webkit-text-fill-color:transparent;
  }
  .name-effect-metallic{
    background-image:linear-gradient(104deg,var(--role-color,#8f96a6) 0%,#d7dbe4 31%,#fff 44%,#e7eaf0 53%,var(--role-color,#747b89) 100%);
  }
  .name-effect-soft-gradient{
    background-image:linear-gradient(112deg,#49d8ff 0%,var(--role-color,#8d7cff) 28%,#fff 43%,#ff69c8 52%,var(--role-color,#8d7cff) 74%,#49d8ff 100%);
  }
}
.party-member-name{min-width:1.5ch}
.party-member-name .decorated-name-text{min-width:1.5ch}

.party-lobby{display:grid;gap:18px;max-width:1040px;margin:0 auto}
.party-lobby-hero{
  min-height:210px;
  padding:clamp(22px,5vw,46px);
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  gap:22px;
  border:1px solid color-mix(in srgb,var(--primary) 28%,var(--panel-border));
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 14%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--primary-container) 26%,var(--surface)),var(--surface));
  overflow:hidden;
}
.party-lobby-mark{
  width:76px;height:76px;display:grid;place-items:center;border-radius:22px;
  background:var(--primary-container);color:var(--on-primary-container);
  box-shadow:0 18px 44px color-mix(in srgb,var(--primary) 18%,transparent)
}
.party-lobby-mark svg{width:37px;height:37px}
.party-lobby-hero>div>span{color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.party-lobby-hero h1{margin:8px 0 10px;font-size:clamp(28px,5vw,46px);line-height:1.04;letter-spacing:-.045em}
.party-lobby-hero p{max-width:680px;margin:0;color:var(--on-surface-variant);line-height:1.65}
.party-lobby-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px;align-items:start}
.party-lobby-card{padding:20px;border:1px solid var(--panel-border);border-radius:20px;background:var(--surface);box-shadow:0 16px 48px rgba(0,0,0,.14)}
.party-lobby-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px}
.party-lobby-card-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-container);color:var(--on-primary-container)}
.party-lobby-card-head>span svg{width:21px;height:21px}
.party-lobby-card-head h2{margin:1px 0 4px;font-size:18px}
.party-lobby-card-head p{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.5}
.party-lobby-search{height:48px;display:grid;grid-template-columns:22px minmax(0,1fr) 34px;align-items:center;gap:7px;padding:0 8px 0 13px;border:1px solid var(--panel-border);border-radius:13px;background:var(--surface-variant)}
.party-lobby-search:focus-within{border-color:color-mix(in srgb,var(--primary) 52%,var(--outline));box-shadow:var(--focus-ring)}
.party-lobby-search>span{color:var(--on-surface-variant)}
.party-lobby-search>span svg{width:20px;height:20px}
.party-lobby-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--on-surface);font:inherit;font-size:14px}
.party-lobby-search button{width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--on-surface-variant);cursor:pointer}
.party-lobby-search button:hover{background:color-mix(in srgb,var(--outline) 12%,transparent)}
.party-lobby-search button svg{width:18px;height:18px}
.party-lobby-results{display:grid;gap:7px;margin-top:13px}
.party-lobby-caption{margin:0 2px 3px;color:var(--on-surface-variant);font-size:10.5px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}
.party-anime-row{width:100%;min-width:0;min-height:70px;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--on-surface);font:inherit;text-align:left;cursor:pointer}
.party-anime-row:hover,.party-anime-row:focus-visible{border-color:var(--panel-border);background:var(--surface-variant)}
.party-anime-poster{width:42px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:var(--surface-variant)}
.party-anime-image,.party-anime-poster .poster-fallback{width:100%;height:100%;object-fit:cover;font-size:8px;padding:3px}
.party-anime-copy{min-width:0;display:grid;gap:4px}
.party-anime-copy strong,.party-anime-copy small{overflow:hidden;text-overflow:clip;white-space:nowrap}
.party-anime-copy strong{font-size:13px}.party-anime-copy small{color:var(--on-surface-variant);font-size:10.5px}
.party-anime-action{min-width:82px;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--primary-container);color:var(--on-primary-container);font-size:10.5px;font-weight:760}
.party-anime-action svg{width:16px;height:16px}.party-anime-action em{font-style:normal}
.party-lobby-empty,.party-lobby-loading{min-height:132px;display:grid;place-items:center;align-content:center;gap:6px;padding:20px;border:1px dashed var(--panel-border);border-radius:13px;color:var(--on-surface-variant);text-align:center}
.party-lobby-empty strong{color:var(--on-surface);font-size:13px}.party-lobby-empty p,.party-lobby-loading p{margin:0;font-size:11px;line-height:1.5}
.party-lobby-loading .spinner{width:25px;height:25px}
.party-lobby-code{display:grid;gap:7px}
.party-lobby-code>span{color:var(--on-surface-variant);font-size:11px;font-weight:720}
.party-lobby-code input{width:100%;height:54px;padding:0 15px;border:1px solid var(--panel-border);border-radius:13px;outline:0;background:var(--surface-variant);color:var(--on-surface);font-family:inherit;font-size:22px;font-weight:800;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.party-lobby-code input:focus{border-color:color-mix(in srgb,var(--primary) 52%,var(--outline));box-shadow:var(--focus-ring)}
.party-lobby-join-button{width:100%;min-height:48px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}
.party-lobby-join-button svg{width:18px;height:18px}.party-lobby-join-button.loading span{opacity:.6}
.party-lobby-note{margin:12px 2px 0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.5}

@media(max-width:1179px){
  .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .party-lobby{gap:12px}
  .party-lobby-hero{min-height:0;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px;border-radius:18px}
  .party-lobby-mark{width:52px;height:52px;border-radius:15px}.party-lobby-mark svg{width:26px;height:26px}
  .party-lobby-hero h1{font-size:25px}.party-lobby-hero p{font-size:12px;line-height:1.5}
  .party-lobby-grid{grid-template-columns:1fr}
  .party-lobby-card{padding:15px;border-radius:17px}
  .party-anime-action{min-width:36px;width:36px;padding:0}.party-anime-action em{display:none}
}
@media(max-width:390px){
  .party-lobby-hero{grid-template-columns:1fr}.party-lobby-mark{width:46px;height:46px}
  .bottom-nav .nav-copy{font-size:9.3px!important}
}


/* Release 162 — the room tab is a real control center, not a player shortcut. */
.party-safe-name .decorated-name-text{
  color:var(--role-color,#f4f4f7)!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  opacity:1!important;
  visibility:visible!important;
}
.party-safe-name.party-safe-effect-metallic .decorated-name-text{animation:party-safe-metallic 2.2s ease-in-out infinite!important}
.party-safe-name.party-safe-effect-soft-gradient .decorated-name-text{animation:party-safe-hologram 2.8s ease-in-out infinite!important}
.party-safe-name.party-safe-effect-aurora .decorated-name-text{animation:party-safe-aurora 2.15s ease-in-out infinite!important}
.party-safe-name.party-safe-effect-frost .decorated-name-text{animation:party-safe-frost 2.4s ease-in-out infinite!important}
@keyframes party-safe-metallic{0%,100%{filter:brightness(.86);text-shadow:-1px 0 0 rgba(255,255,255,.05),0 0 4px transparent}48%{filter:brightness(1.28);text-shadow:1px 0 0 rgba(255,255,255,.72),0 0 9px color-mix(in srgb,var(--role-color,#fff) 38%,transparent)}}
@keyframes party-safe-hologram{0%,100%{filter:hue-rotate(-18deg) brightness(.96);text-shadow:-1px 0 3px rgba(73,216,255,.48),1px 0 3px rgba(255,105,200,.34)}50%{filter:hue-rotate(20deg) brightness(1.2);text-shadow:1px 0 7px rgba(73,216,255,.62),-1px 0 7px rgba(255,105,200,.56)}}
@keyframes party-safe-aurora{0%,100%{filter:brightness(.98);text-shadow:-2px 0 4px rgba(85,226,255,.34),2px 0 4px rgba(164,116,255,.28)}50%{filter:brightness(1.18);text-shadow:-3px 0 9px rgba(85,226,255,.62),3px 0 9px rgba(214,107,255,.58),0 0 13px color-mix(in srgb,var(--role-color,#fff) 32%,transparent)}}
@keyframes party-safe-frost{0%,100%{filter:brightness(.98);text-shadow:0 0 3px rgba(210,229,255,.28)}38%{filter:brightness(1.16);text-shadow:5px -2px 5px rgba(255,255,255,.42),0 0 9px rgba(184,201,255,.34)}72%{filter:brightness(1.07);text-shadow:-4px 2px 6px rgba(185,216,255,.36)}}
.party-member-role{display:none}

.party-presence-badge{
  position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:850;
  min-width:178px;max-width:min(310px,calc(100vw - 28px));display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;
  padding:9px 11px 9px 9px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--panel-border));border-radius:15px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--on-surface);box-shadow:0 14px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;text-align:left;animation:party-presence-in .26s ease-out;
}
.party-presence-badge[hidden]{display:none!important}
.party-presence-badge:hover{border-color:color-mix(in srgb,var(--primary) 70%,var(--panel-border));transform:translateY(-1px)}
.party-presence-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--primary-container);color:var(--on-primary-container)}
.party-presence-icon svg{width:19px;height:19px}.party-presence-copy{min-width:0;display:grid;gap:1px}.party-presence-copy strong{font-size:11.5px}.party-presence-copy small{overflow:hidden;color:var(--on-surface-variant);font-size:9.5px;text-overflow:clip;white-space:nowrap}.party-presence-chevron{display:grid;place-items:center;color:var(--on-surface-variant)}.party-presence-chevron svg{width:15px}.party-presence-badge.host .party-presence-icon{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.party-presence-badge.connecting .party-presence-icon{animation:party-presence-pulse 1.2s ease-in-out infinite}
@keyframes party-presence-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes party-presence-pulse{50%{filter:brightness(1.35);transform:scale(.94)}}
.nav-label-row{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;line-height:1.2}
@media(min-width:1180px){.nav-label-row{justify-content:flex-start}}
.nav-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-room-live-dot{position:static!important;display:inline-block!important;width:6.5px!important;height:6.5px!important;min-width:6.5px!important;min-height:6.5px!important;border:none!important;border-radius:50%!important;background:#69d8a3!important;box-shadow:0 0 8px rgba(105,216,163,.75)!important;vertical-align:middle!important;flex-shrink:0!important;animation:nav-room-pulse 2.2s ease-in-out infinite!important}
.nav-item.has-live-room .nav-copy small,.nav-room-code{display:block;color:#69d8a3!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;line-height:1.1!important}
@keyframes nav-room-pulse{0%,100%{transform:scale(1);box-shadow:0 0 6px rgba(105,216,163,.6)}50%{transform:scale(1.2);box-shadow:0 0 10px rgba(105,216,163,.95)}}

.party-create-selection-empty,.party-create-selection{min-height:74px;margin-bottom:12px;border:1px dashed var(--panel-border);border-radius:14px;background:color-mix(in srgb,var(--surface-variant) 78%,transparent)}
.party-create-selection-empty{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:12px;color:var(--on-surface-variant)}
.party-create-selection-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.party-create-selection-empty svg{width:20px}.party-create-selection-empty strong{display:block;color:var(--on-surface);font-size:12px}.party-create-selection-empty p{margin:3px 0 0;font-size:10px;line-height:1.4}
.party-create-selection{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:11px;padding:9px;border-style:solid;border-color:color-mix(in srgb,var(--primary) 42%,var(--panel-border));background:color-mix(in srgb,var(--primary) 6%,var(--surface-variant))}.party-create-selection-poster{width:48px;height:64px;border-radius:9px;overflow:hidden;background:var(--surface)}.party-create-selection-image{width:100%;height:100%;object-fit:cover}.party-create-selection small,.party-create-selection p{display:block;margin:0;color:var(--on-surface-variant);font-size:9.5px}.party-create-selection strong{display:block;margin:3px 0;font-size:12.5px;line-height:1.3}.party-create-selection>button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--on-surface-variant);cursor:pointer}.party-create-selection>button:hover{background:color-mix(in srgb,var(--outline) 14%,transparent)}.party-create-selection>button svg{width:17px}
.party-anime-row.selected{border-color:color-mix(in srgb,var(--primary) 76%,var(--panel-border));background:color-mix(in srgb,var(--primary) 10%,var(--surface-variant))}.party-create-room-button{width:100%;min-height:48px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px}.party-create-room-button svg{width:18px}.party-create-room-button.loading span{opacity:.6}
.party-join-explainer{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;margin-top:15px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--primary) 6%,var(--surface-variant));color:var(--on-surface-variant)}.party-join-explainer svg{width:18px;color:var(--primary)}.party-join-explainer p{margin:0;font-size:10px;line-height:1.48}

.party-control-center{display:grid;gap:14px;max-width:1040px;margin:0 auto}.party-room-hero{min-height:180px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--panel-border));border-radius:23px;background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--primary) 19%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--primary-container) 22%,var(--surface)),var(--surface));overflow:hidden}.party-room-status-orb{position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 18px 48px color-mix(in srgb,var(--primary) 18%,transparent)}.party-room-status-orb>span{position:absolute;right:6px;top:6px;width:10px;height:10px;border:2px solid var(--primary-container);border-radius:50%;background:#69d8a3;box-shadow:0 0 11px #69d8a3}.connection-lost .party-room-status-orb>span{background:var(--error);box-shadow:0 0 11px color-mix(in srgb,var(--error) 60%,transparent)}.party-room-status-orb svg{width:32px}.party-room-hero-copy>span{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.party-room-hero-copy h1{margin:5px 0 7px;font-size:clamp(28px,5vw,44px);letter-spacing:.14em}.party-room-hero-copy p{max-width:640px;margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.55}.party-room-live{display:grid;place-items:center;min-width:98px;padding:14px;border:1px solid var(--panel-border);border-radius:16px;background:color-mix(in srgb,var(--surface-variant) 76%,transparent)}.party-room-live i{width:7px;height:7px;margin-bottom:4px;border-radius:50%;background:#69d8a3;box-shadow:0 0 8px #69d8a3}.party-room-live strong{font-size:23px}.party-room-live span{color:var(--on-surface-variant);font-size:9px}
.party-control-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px}.party-room-card{padding:19px;border:1px solid var(--panel-border);border-radius:19px;background:var(--surface);box-shadow:0 14px 42px rgba(0,0,0,.12)}.party-room-card-title{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:15px}.party-room-card-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--primary-container);color:var(--on-primary-container)}.party-room-card-title>span svg{width:20px}.party-room-card-title h2{margin:0 0 3px;font-size:16px}.party-room-card-title p{margin:0;color:var(--on-surface-variant);font-size:10.5px}.party-room-anime{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;padding:11px;border-radius:15px;background:var(--surface-variant)}.party-room-anime-poster{width:74px;height:98px;border-radius:11px;overflow:hidden;background:var(--surface)}.party-room-anime-image{width:100%;height:100%;object-fit:cover}.party-room-anime small{color:var(--on-surface-variant);font-size:9.5px}.party-room-anime strong{display:block;margin:5px 0 7px;font-size:16px;line-height:1.3}.party-room-anime p{margin:0;color:var(--primary);font-size:11px;font-weight:720}.party-room-open{width:100%;min-height:48px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.party-room-open svg{width:17px}.party-room-code{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant);color:var(--on-surface);cursor:pointer;text-align:left}.party-room-code span{color:var(--on-surface-variant);font-size:9.5px}.party-room-code strong{grid-row:2;font-size:24px;letter-spacing:.16em}.party-room-code em{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:5px;color:var(--primary);font-size:10px;font-style:normal;font-weight:760}.party-room-code em svg{width:15px}.party-room-copy-link{width:100%;min-height:44px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px}.party-room-copy-link svg{width:16px}.party-room-members-card{display:flex;flex-direction:column}.party-room-members{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.party-room-member{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant);overflow:visible}.party-room-member.host{border-color:color-mix(in srgb,#f2cf72 38%,var(--panel-border));background:color-mix(in srgb,#f2cf72 5%,var(--surface-variant))}.party-room-member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--primary-container);color:var(--on-primary-container);font-size:13px;font-weight:850}.party-room-member-copy{min-width:0;display:grid;align-items:start;overflow:visible}.party-room-member-name{min-width:0;max-width:100%;font-size:12px;overflow:visible}.party-room-member-name .decorated-name-text{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}.party-room-member-copy>span:last-child{margin-top:2px;color:var(--on-surface-variant);font-size:8.5px}.party-room-host-badge{color:#f2cf72;filter:drop-shadow(0 0 7px rgba(242,207,114,.4))}.party-room-members-empty{grid-column:1/-1;min-height:92px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--on-surface-variant)}.party-room-members-empty .spinner{width:24px;height:24px}.party-room-members-empty p{margin:0;font-size:10px}.party-room-footer{display:flex;justify-content:flex-end;gap:9px}.party-room-footer .btn{display:flex;align-items:center;gap:7px}.party-room-footer svg{width:16px}
@media(min-width:1180px){.party-presence-badge{right:22px;bottom:22px}}
@media(max-width:1179px){.party-presence-badge{bottom:calc(72px + env(safe-area-inset-bottom))}.watch-route .party-presence-badge{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:760px){.party-room-hero{grid-template-columns:52px minmax(0,1fr);gap:13px;padding:17px;border-radius:18px}.party-room-status-orb{width:52px;height:52px;border-radius:15px}.party-room-status-orb svg{width:25px}.party-room-live{grid-column:1/-1;display:flex;justify-content:flex-start;gap:7px;min-width:0;padding:9px 12px}.party-room-live i{margin:0}.party-room-live strong{font-size:14px}.party-room-live span{font-size:9px}.party-control-grid{grid-template-columns:1fr}.party-room-card{padding:15px;border-radius:17px}.party-room-members{display:flex;flex-direction:column;gap:8px}.party-room-footer{display:grid;grid-template-columns:1fr}.party-room-footer .btn{justify-content:center}.party-presence-badge{left:12px;right:12px;width:auto;max-width:none}.party-room-hero-copy h1{font-size:26px}.party-room-hero-copy p{font-size:11px}.party-room-code strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.party-safe-name .decorated-name-text,.party-presence-badge,.party-presence-icon{animation:none!important}}

/* Release 163 — rooms exist before a title and survive title changes. */
.party-create-clean{display:grid;align-content:start}
.party-create-flow{min-height:168px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--panel-border));border-radius:17px;background:radial-gradient(circle at 8% 15%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 42%),var(--surface-variant)}
.party-create-flow-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 15%,transparent)}
.party-create-flow-icon svg{width:30px;height:30px}
.party-create-flow strong{display:block;margin-bottom:7px;font-size:17px}
.party-create-flow p{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.6}
.party-create-room-button{width:100%;min-height:50px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.party-create-room-button svg{width:18px;height:18px}
.party-create-room-button.loading{pointer-events:none;opacity:.72}
.party-join-explainer{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;margin-top:14px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--primary-container) 28%,transparent);color:var(--on-surface-variant)}
.party-join-explainer>span{color:var(--primary)}.party-join-explainer svg{width:18px;height:18px}.party-join-explainer p{margin:0;font-size:10.5px;line-height:1.55}
.party-room-title-empty{min-height:124px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px dashed color-mix(in srgb,var(--primary) 36%,var(--panel-border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-container) 20%,var(--surface-variant)),var(--surface-variant))}
.party-room-title-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--primary-container);color:var(--on-primary-container)}
.party-room-title-empty>span svg{width:27px;height:27px}.party-room-title-empty strong{display:block;margin-bottom:6px;font-size:15px}.party-room-title-empty p{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.55}
.party-room-close-title{width:100%;min-height:44px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:7px}.party-room-close-title svg{width:16px;height:16px}
.party-presence-badge.empty .party-presence-icon{background:var(--surface-variant);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 24%,transparent)}
.party-panel-room-entry{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--panel-border));border-radius:14px;background:color-mix(in srgb,var(--primary-container) 20%,var(--surface-variant))}
.party-panel-room-entry>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--primary-container);color:var(--on-primary-container)}
.party-panel-room-entry svg{width:21px;height:21px}.party-panel-room-entry strong{display:block;font-size:12px}.party-panel-room-entry p{margin:4px 0 0;color:var(--on-surface-variant);font-size:10px;line-height:1.45}

.account-access-gate{position:relative;isolation:isolate;width:min(760px,100%);min-height:min(680px,calc(100dvh - 150px));margin:0 auto;display:grid;justify-items:center;align-content:center;gap:14px;padding:clamp(26px,6vw,58px);overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 31%,var(--panel-border));border-radius:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--primary-container) 19%,var(--surface)),var(--surface) 54%,color-mix(in srgb,var(--primary) 6%,var(--surface)));box-shadow:0 30px 90px rgba(0,0,0,.22);text-align:center}
.account-gate-glow{position:absolute;z-index:-1;inset:-25%;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--primary) 27%,transparent),transparent 30%),radial-gradient(circle at 15% 90%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 28%);filter:blur(6px);pointer-events:none}
.account-gate-brand{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:9px;color:var(--on-surface-variant);font-size:10px;font-weight:760;letter-spacing:.05em;text-transform:uppercase}.account-gate-brand img{width:31px;height:31px;object-fit:contain}
.account-gate-icon{width:82px;height:82px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);border-radius:25px;background:linear-gradient(145deg,var(--primary-container),color-mix(in srgb,var(--primary-container) 60%,var(--surface)));color:var(--on-primary-container);box-shadow:0 20px 54px color-mix(in srgb,var(--primary) 22%,transparent)}
.account-gate-icon svg{width:38px;height:38px}.account-gate-kicker{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.account-access-gate h1{max-width:630px;margin:0;font-size:clamp(31px,6vw,52px);line-height:1.03;letter-spacing:-.05em}.account-access-gate>p{max-width:650px;margin:0;color:var(--on-surface-variant);font-size:14px;line-height:1.7}
.account-gate-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:5px 0 3px}.account-gate-benefits span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--panel-border);border-radius:999px;background:color-mix(in srgb,var(--surface-variant) 76%,transparent);color:var(--on-surface-variant);font-size:10.5px;font-weight:650}.account-gate-benefits svg{width:16px;height:16px;color:var(--primary)}
.account-gate-actions{display:flex;justify-content:center;gap:10px;margin-top:5px}.account-gate-actions .btn{min-width:170px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px}.account-gate-actions svg{width:18px;height:18px}
.account-gate-settings{display:flex;align-items:center;gap:7px;margin-top:3px;padding:8px 10px;border:0;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:10.5px;cursor:pointer}.account-gate-settings:hover{color:var(--on-surface)}.account-gate-settings svg{width:16px;height:16px}

@media(max-width:760px){
  .party-create-flow{min-height:0;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:15px}.party-create-flow-icon{width:50px;height:50px;border-radius:15px}.party-create-flow-icon svg{width:24px}.party-create-flow strong{font-size:14px}.party-create-flow p{font-size:10.5px}
  .party-room-title-empty{grid-template-columns:48px minmax(0,1fr);padding:14px}.party-room-title-empty>span{width:48px;height:48px;border-radius:14px}.party-room-title-empty>span svg{width:23px}
  .account-access-gate{min-height:calc(100dvh - 116px);padding:76px 18px 28px;border-radius:21px}.account-gate-brand{left:16px;top:15px}.account-gate-icon{width:68px;height:68px;border-radius:21px}.account-gate-icon svg{width:31px}.account-access-gate h1{font-size:34px}.account-access-gate>p{font-size:12px;line-height:1.6}.account-gate-benefits{display:grid;width:100%}.account-gate-benefits span{justify-content:flex-start;border-radius:12px}.account-gate-actions{width:100%;display:grid}.account-gate-actions .btn{width:100%}
}

/* Release 164 — host-only source selection and balanced room lobby. */
@media(min-width:761px){
  .party-lobby-grid{align-items:stretch}
  .party-lobby-card{height:100%}
  .party-create-clean{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}
  .party-lobby-join{display:grid;grid-template-rows:auto minmax(0,1fr)}
  .party-create-flow{min-height:0;height:100%}
  .party-lobby-join-body{align-self:center;display:grid}
}
.party-viewer-waiting{min-height:280px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding:26px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--panel-border));border-radius:22px;background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 38%),var(--surface)}
.party-viewer-waiting>span{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 18px 48px color-mix(in srgb,var(--primary) 18%,transparent)}
.party-viewer-waiting>span svg{width:34px;height:34px}.party-viewer-waiting h2{margin:0 0 8px;font-size:22px}.party-viewer-waiting p{max-width:560px;margin:0;color:var(--on-surface-variant);font-size:13px;line-height:1.65}
.party-viewer-starting .player-stage{display:grid;place-items:center;min-height:min(72vh,720px);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 34%),#050507}
.party-viewer-launch-loader{display:grid;justify-items:center;gap:10px;padding:28px;text-align:center}.party-viewer-launch-loader .spinner{width:38px;height:38px}.party-viewer-launch-loader strong{font-size:18px}.party-viewer-launch-loader p{max-width:430px;margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.6}.party-viewer-launch-loader.error .spinner{display:none}.party-viewer-launch-loader.error strong{color:var(--error)}
@media(max-width:760px){.party-viewer-waiting{min-height:220px;grid-template-columns:52px minmax(0,1fr);gap:13px;padding:17px;border-radius:18px}.party-viewer-waiting>span{width:52px;height:52px;border-radius:16px}.party-viewer-waiting>span svg{width:25px}.party-viewer-waiting h2{font-size:17px}.party-viewer-waiting p{font-size:11px}.party-viewer-starting .player-stage{min-height:calc(var(--player-viewport-height,100dvh) - 74px)}}

/* Release 166 — policies, rights contact and sanction screen. */
.policy-page{width:min(980px,100%);margin:0 auto;display:grid;gap:16px}.policy-hero{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,var(--primary) 32%,var(--panel-border));border-radius:23px;background:radial-gradient(circle at 8% 22%,color-mix(in srgb,var(--primary) 17%,transparent),transparent 40%),var(--surface)}.policy-hero>span{width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:var(--primary-container);color:var(--on-primary-container)}.policy-hero>span svg{width:31px;height:31px}.policy-hero h1{margin:0 0 7px;font-size:clamp(27px,5vw,42px);letter-spacing:-.04em}.policy-hero p{margin:0;color:var(--on-surface-variant);font-size:13px;line-height:1.65}.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.policy-grid article,.rights-contact-card{padding:20px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface)}.policy-grid h2,.rights-contact-card h2{margin:0 0 8px;font-size:17px}.policy-grid p,.rights-contact-card p{margin:0;color:var(--on-surface-variant);font-size:12.5px;line-height:1.7}.rights-contact-card{display:grid;justify-items:start;gap:14px}.rights-contact-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.rights-contact-card .btn svg{width:18px}.rights-contact-card small{color:var(--on-surface-variant);font-size:10.5px;line-height:1.55}.compact-about{width:min(860px,100%);margin:0 auto;align-items:center}.compact-about>img{width:112px;height:112px;object-fit:contain}.compact-about .about-lead{margin-bottom:8px}
.ban-screen{min-height:calc(100dvh - 32px);display:grid;place-items:center;padding:20px}.ban-card{position:relative;isolation:isolate;width:min(620px,100%);display:grid;justify-items:center;gap:12px;padding:clamp(26px,7vw,52px);overflow:hidden;border:1px solid color-mix(in srgb,var(--error) 35%,var(--panel-border));border-radius:28px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--error) 15%,transparent),transparent 38%),var(--surface);box-shadow:0 30px 95px rgba(0,0,0,.3);text-align:center}.ban-mark{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:color-mix(in srgb,var(--error) 17%,var(--surface-variant));color:var(--error)}.ban-mark svg{width:36px;height:36px}.ban-kicker{color:var(--error);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.ban-card h1{margin:0;font-size:clamp(31px,7vw,50px);letter-spacing:-.055em}.ban-reason{max-width:510px;margin:2px 0 6px;color:var(--on-surface-variant);font-size:14px;line-height:1.65}.ban-meta{width:min(390px,100%);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant);text-align:left}.ban-meta span{color:var(--on-surface-variant);font-size:10px}.ban-meta strong{font-size:12px}.ban-note{max-width:470px;margin:0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.55}.ban-actions{display:flex;gap:10px;margin-top:5px}.ban-actions .btn{min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px}.ban-actions svg{width:18px;height:18px}
@media(max-width:700px){.policy-hero{grid-template-columns:52px minmax(0,1fr);gap:13px;padding:17px;border-radius:19px}.policy-hero>span{width:52px;height:52px;border-radius:16px}.policy-hero>span svg{width:25px}.policy-hero h1{font-size:27px}.policy-hero p{font-size:11.5px}.policy-grid{grid-template-columns:1fr}.policy-grid article,.rights-contact-card{padding:16px}.rights-contact-card .btn{width:100%}.compact-about{grid-template-columns:74px minmax(0,1fr)}.compact-about>img{width:74px;height:74px}.ban-screen{padding:12px}.ban-card{padding:30px 16px;border-radius:22px}.ban-mark{width:64px;height:64px;border-radius:19px}.ban-actions{width:100%;display:grid}.ban-actions .btn{width:100%}}

/* Release 166 — reports, staff workspace and inline catalogue editing. */
.report-sheet,.staff-review-sheet,.anime-edit-sheet{width:min(680px,calc(100vw - 24px));max-height:min(88dvh,900px);overflow:auto;box-sizing:border-box;padding:10px 22px 22px;border:1px solid var(--panel-border);border-radius:25px 25px 18px 18px;background:var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.38)}
.report-sheet{width:min(560px,calc(100vw - 24px))}.report-sheet-head,.staff-review-head,.anime-edit-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 18px}.report-sheet-head>span,.staff-review-head>div>span,.anime-edit-head>div>span{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container)}.report-sheet-head>span svg,.staff-review-head>div>span svg,.anime-edit-head>div>span svg{width:22px;height:22px}.report-sheet-head>div{flex:1}.report-sheet-head h2,.staff-review-head h2,.anime-edit-head h2{margin:0;font-size:21px;letter-spacing:-.03em}.report-sheet-head p,.staff-review-head small,.anime-edit-head small{display:block;margin:3px 0 0;color:var(--on-surface-variant);font-size:11px}.report-sheet>label,.staff-review-sheet>label,.anime-edit-grid>label{display:grid;gap:7px;margin-top:13px;color:var(--on-surface-variant);font-size:11px;font-weight:760}.report-sheet textarea,.staff-review-sheet textarea{min-height:105px;resize:vertical}.report-sheet>.btn,.staff-review-sheet>.btn,.anime-edit-sheet>.btn{width:100%;min-height:48px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}.report-sheet>.btn svg{width:18px}
.comment-action-row [data-report-comment]{margin-left:auto}.comment-action-row [data-report-comment],.profile-report-button{color:var(--on-surface-variant)}.comment-action-row [data-report-comment]:hover,.profile-report-button:hover{color:var(--error)}
.public-profile-title-row,.detail-title-row{display:flex;align-items:center;gap:10px;min-width:0}.public-profile-title-row h1,.detail-title-row h1{min-width:0}.profile-report-button{min-height:36px;padding:0 11px;gap:6px}.profile-report-button svg,.detail-edit-button svg{width:17px;height:17px}.detail-edit-button{flex:0 0 auto;color:var(--primary);background:var(--primary-container)}
.staff-page{width:min(1040px,100%);margin:0 auto;display:grid;gap:16px}.staff-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-overview>div{display:grid;gap:3px;padding:17px 18px;border:1px solid var(--panel-border);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}.staff-overview strong{font-size:26px;line-height:1;letter-spacing:-.04em}.staff-overview span{color:var(--on-surface-variant);font-size:10.5px}.staff-tabs{display:flex;gap:7px;padding:5px;overflow:auto;border:1px solid var(--panel-border);border-radius:15px;background:var(--surface)}.staff-tabs button{flex:1;min-width:max-content;padding:10px 14px;border:0;border-radius:11px;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:11px;font-weight:800}.staff-tabs button.active{background:var(--primary-container);color:var(--on-primary-container)}.staff-report-list{display:grid;gap:11px}.staff-report-card{position:relative;display:grid;gap:11px;padding:18px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface);overflow:hidden}.staff-report-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--outline)}.staff-report-card.status-open:before{background:var(--error)}.staff-report-card.status-reviewing:before{background:var(--primary)}.staff-report-card.status-resolved:before{background:var(--success,#4caf78)}.staff-report-head,.staff-report-footer,.staff-report-people{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-report-head h3{margin:4px 0 0;font-size:17px}.staff-report-kind{color:var(--on-surface-variant);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.staff-report-status{padding:6px 9px;border-radius:999px;background:var(--surface-variant);color:var(--on-surface-variant);font-size:9.5px;font-weight:850}.staff-report-people{justify-content:flex-start;flex-wrap:wrap;color:var(--on-surface-variant);font-size:11px}.staff-report-context,.staff-report-details{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.55}.staff-report-card blockquote{margin:0;padding:12px 14px;border-left:3px solid color-mix(in srgb,var(--primary) 55%,transparent);border-radius:0 12px 12px 0;background:var(--surface-variant);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.staff-report-footer time{color:var(--on-surface-variant);font-size:10px}.staff-report-footer>div{display:flex;gap:7px}.staff-report-footer .btn{min-height:38px;padding:0 13px}.staff-empty{display:grid;place-items:center;gap:7px;padding:50px 20px;border:1px dashed color-mix(in srgb,var(--outline) 40%,transparent);border-radius:18px;color:var(--on-surface-variant);text-align:center}.staff-empty svg{width:31px}.staff-empty strong{color:var(--on-surface);font-size:17px}.staff-empty p{margin:0;font-size:11px}
.staff-review-head>div,.anime-edit-head>div{display:flex;align-items:center;gap:12px}.staff-review-target{padding:14px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant)}.staff-review-target strong{display:block}.staff-review-target p{max-height:130px;margin:5px 0 0;overflow:auto;color:var(--on-surface-variant);font-size:11px;line-height:1.5;white-space:pre-wrap}.staff-review-toggle{grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:11px!important;padding:12px 13px;border:1px solid var(--panel-border);border-radius:13px;background:var(--surface-variant);cursor:pointer}.staff-review-toggle input{width:18px;height:18px;accent-color:var(--primary)}.staff-review-toggle strong,.staff-review-toggle small{display:block}.staff-review-toggle strong{color:var(--on-surface);font-size:12px}.staff-review-toggle small{margin-top:2px;font-size:9.5px;font-weight:500}.staff-review-toggle.danger:has(input:checked){border-color:color-mix(in srgb,var(--error) 55%,var(--panel-border));background:color-mix(in srgb,var(--error) 8%,var(--surface))}
.anime-edit-sheet{width:min(860px,calc(100vw - 24px))}.anime-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.anime-edit-grid .wide{grid-column:1/-1}.anime-edit-grid textarea{min-height:140px;resize:vertical}.anime-edit-grid input,.anime-edit-grid textarea{width:100%;box-sizing:border-box}

@media(max-width:700px){.report-sheet,.staff-review-sheet,.anime-edit-sheet{width:100%;max-height:92dvh;padding:8px 15px 18px;border-radius:22px 22px 0 0}.staff-overview{grid-template-columns:1fr 1fr}.staff-overview>div:last-child{grid-column:1/-1}.staff-report-head,.staff-report-footer{align-items:flex-start}.staff-report-footer{display:grid}.staff-report-footer>div{width:100%}.staff-report-footer .btn{flex:1}.staff-report-people{display:grid;gap:4px}.anime-edit-grid{grid-template-columns:1fr}.anime-edit-grid .wide{grid-column:auto}.public-profile-title-row{align-items:flex-start;flex-wrap:wrap}.profile-report-button span{display:none}.profile-report-button{width:38px;padding:0}.comment-action-row [data-report-comment]{margin-left:0}.detail-title-row{align-items:flex-start}.staff-review-head h2,.anime-edit-head h2{font-size:18px}}
.comment-restriction-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--error) 35%,var(--panel-border));border-radius:16px;background:color-mix(in srgb,var(--error) 7%,var(--surface))}.comment-restriction-card>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:color-mix(in srgb,var(--error) 15%,var(--surface));color:var(--error)}.comment-restriction-card>span svg{width:21px}.comment-restriction-card strong,.comment-restriction-card p,.comment-restriction-card small{display:block}.comment-restriction-card p{margin:3px 0;color:var(--on-surface-variant);font-size:11px;line-height:1.45}.comment-restriction-card small{color:var(--on-surface-variant);font-size:9.5px}.comment-restriction-card .btn{min-height:38px}
@media(max-width:600px){.comment-restriction-card{grid-template-columns:auto minmax(0,1fr)}.comment-restriction-card .btn{grid-column:1/-1;width:100%}}
@media(max-width:1179px){.bottom-nav .staff-nav-item{display:none!important}}
@media(min-width:1180px){.staff-nav-item{margin-top:-2px}.staff-nav-item .nav-pill{background:color-mix(in srgb,var(--primary) 13%,var(--surface-variant));color:var(--primary)}.staff-nav-item .nav-copy{display:grid;gap:1px}.staff-nav-item .nav-copy small{color:var(--on-surface-variant);font-size:9px;font-weight:600}}


/* Release 167 — report flags, centered moderation dialogs, rights page and appeals. */
.report-backdrop,.staff-review-backdrop,.anime-edit-backdrop,.appeal-backdrop{align-items:center!important;justify-content:center!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;overflow:auto}
.report-sheet,.staff-review-sheet,.anime-edit-sheet,.appeal-review-sheet,.ban-appeal-sheet{margin:auto;border-radius:24px!important;animation:dialog-up .18s cubic-bezier(.2,.8,.2,1) both}
.report-sheet .sheet-handle,.staff-review-sheet .sheet-handle,.anime-edit-sheet .sheet-handle{display:none}
.community-comment{position:relative;padding-right:48px}
.report-flag-button{position:absolute;z-index:3;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid color-mix(in srgb,var(--outline) 25%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--on-surface-variant);box-shadow:0 5px 18px rgba(0,0,0,.12);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}
.report-flag-button:hover{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--outline));background:color-mix(in srgb,var(--error) 8%,var(--surface));transform:translateY(-1px)}
.report-flag-button svg{width:17px;height:17px}
.comment-report-flag{top:10px;right:10px}
.public-profile-hero{position:relative;padding-right:72px}
.profile-report-button{top:18px;right:18px;min-height:0!important}
.comment-action-row [data-report-comment]{display:none!important}
.staff-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;border:1px solid var(--panel-border);border-radius:17px;background:var(--surface)}
.staff-section-tabs button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:12px;font-weight:800;text-align:left;cursor:pointer}
.staff-section-tabs button.active{background:var(--primary-container);color:var(--on-primary-container)}
.staff-section-tabs svg{width:19px;height:19px}.staff-section-tabs em{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--surface-variant);color:var(--on-surface-variant);font-size:10px;font-style:normal}.staff-section-tabs button.active em{background:color-mix(in srgb,var(--on-primary-container) 12%,transparent);color:inherit}
.staff-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.staff-appeal-card.status-approved:before{background:var(--success,#4caf78)}.staff-appeal-card.status-rejected:before{background:var(--outline)}
.rights-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:13px}.rights-primary-card{position:relative;overflow:hidden;padding:26px!important;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--primary) 16%,transparent),transparent 42%),var(--surface)}.rights-primary-card h2{margin:2px 0 4px;font-size:clamp(22px,4vw,34px);letter-spacing:-.035em;overflow-wrap:anywhere}.rights-kicker{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.rights-info-grid{display:grid;gap:13px}.rights-info-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:18px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface)}.rights-info-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--primary-container);color:var(--on-primary-container)}.rights-info-grid svg{width:21px;height:21px}.rights-info-grid h2{margin:1px 0 6px;font-size:15px}.rights-info-grid p{margin:0;color:var(--on-surface-variant);font-size:11.5px;line-height:1.6}
.ban-appeal-slot{width:min(430px,100%);min-height:48px;display:grid;place-items:center}.ban-appeal-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.ban-appeal-button svg{width:18px}.ban-appeal-status{width:100%;display:grid;gap:8px;padding:13px 15px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant);text-align:left}.ban-appeal-status>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.ban-appeal-status span{color:var(--on-surface-variant);font-size:10px}.ban-appeal-status strong{font-size:12px}.ban-appeal-status p{margin:0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.5}.ban-appeal-status.status-approved{border-color:color-mix(in srgb,var(--success,#4caf78) 45%,var(--panel-border))}.ban-appeal-status.status-rejected{border-color:color-mix(in srgb,var(--error) 38%,var(--panel-border))}
@media(max-width:700px){.report-backdrop,.staff-review-backdrop,.anime-edit-backdrop,.appeal-backdrop{align-items:center!important;padding:10px}.report-sheet,.staff-review-sheet,.anime-edit-sheet,.appeal-review-sheet,.ban-appeal-sheet{width:min(100%,560px)!important;max-height:calc(100dvh - 20px)!important;border-radius:20px!important;padding:16px!important}.comment-head{padding-right:36px}.comment-report-flag{top:8px;right:8px;width:32px;height:32px}.public-profile-hero{padding:20px 14px 18px!important}.profile-report-button{top:14px;right:14px}.staff-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-overview>div:last-child{grid-column:auto}.rights-layout{grid-template-columns:1fr}.rights-primary-card{padding:19px!important}.staff-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px}.staff-section-tabs button{grid-template-columns:auto minmax(0,1fr);padding:8px 6px;gap:6px;min-height:42px}.staff-section-tabs button span{font-size:11px}.staff-section-tabs button em{display:none}}
.comment-reply .comment-head{padding-right:36px!important}

/* Release 248 — Staff SEO & Analytics Dashboard */
.staff-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.staff-kpi-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
.staff-kpi-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.staff-kpi-title{color:var(--on-surface-variant);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.staff-kpi-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.staff-kpi-icon svg{width:16px;height:16px}
.staff-kpi-val{font-size:28px;font-weight:850;line-height:1;letter-spacing:-.035em;color:var(--on-surface);font-variant-numeric:tabular-nums}
.staff-kpi-val small{font-size:16px;font-weight:600;color:var(--on-surface-variant);margin-left:2px}
.staff-kpi-sub{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--panel-border) 60%,transparent);color:var(--on-surface-variant);font-size:10px}
.staff-kpi-sub strong{color:var(--on-surface);font-variant-numeric:tabular-nums}

@media(max-width:960px){
  .staff-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  .staff-kpi-grid{grid-template-columns:1fr}
}

.staff-totals-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;border:1px solid var(--panel-border);border-radius:16px;background:var(--surface-variant)}
.staff-total-item{display:flex;flex-direction:column;gap:2px}
.staff-total-item strong{font-size:18px;font-weight:800;color:var(--on-surface);font-variant-numeric:tabular-nums}
.staff-total-item span{font-size:10px;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}

@media(max-width:640px){
  .staff-totals-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
}

.staff-metrics-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:16px}
.staff-metrics-block{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface)}
.staff-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.staff-block-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;letter-spacing:-.02em}
.staff-block-head h3 svg{width:18px;height:18px;color:var(--primary)}
.staff-count-tag{padding:3px 8px;border-radius:999px;background:var(--surface-variant);color:var(--on-surface-variant);font-size:10px;font-weight:750}

@media(max-width:860px){
  .staff-metrics-cols{grid-template-columns:1fr}
}

.staff-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.staff-metrics-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.staff-metrics-table th{padding:8px 10px;border-bottom:1px solid var(--panel-border);color:var(--on-surface-variant);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.staff-metrics-table td{padding:10px;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 50%,transparent);vertical-align:middle;font-variant-numeric:tabular-nums}
.staff-metrics-table tr:hover td{background:color-mix(in srgb,var(--surface-variant) 40%,transparent)}
.staff-title-cell{display:flex;align-items:center;gap:10px;min-width:180px}
.staff-title-rank{font-size:11px;font-weight:800;color:var(--on-surface-variant);min-width:22px}
.staff-title-name{display:flex;flex-direction:column;gap:2px}
.staff-title-name strong{font-size:12.5px;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.staff-title-name small{font-size:10px;color:var(--on-surface-variant)}
.staff-score-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:11px;font-weight:800}
.staff-score-pill svg{width:12px;height:12px}
.staff-badge{display:inline-block;padding:2px 7px;border-radius:6px;background:var(--surface-variant);color:var(--on-surface);font-size:11px;font-weight:750}
.staff-found-ok{color:var(--success,#4caf78);font-size:11px;font-weight:600}
.staff-found-none{color:var(--error);font-size:11px;font-weight:600}

.staff-seo-section{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--panel-border);border-radius:20px;background:var(--surface)}
.staff-seo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.staff-seo-header h3{margin:0;font-size:16px;letter-spacing:-.02em}
.staff-badge-seo{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.staff-badge-seo.active{background:color-mix(in srgb,var(--success,#4caf78) 16%,transparent);color:var(--success,#4caf78);border:1px solid color-mix(in srgb,var(--success,#4caf78) 35%,transparent)}
.staff-seo-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.staff-seo-info-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant)}
.staff-seo-info-card strong{font-size:13px;color:var(--on-surface)}
.staff-seo-info-card p{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.45}
.staff-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--primary);font-size:11px;font-weight:700;text-decoration:none}
.staff-link:hover{text-decoration:underline}
.staff-link svg{width:13px;height:13px}
.staff-text-success{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--success,#4caf78);font-size:11px;font-weight:700}
.staff-text-success svg{width:14px;height:14px}

@media(max-width:800px){
  .staff-seo-info-grid{grid-template-columns:1fr}
}

.staff-analytics-form{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--panel-border)}
.staff-analytics-form h4{margin:0;font-size:14px;letter-spacing:-.015em}
.staff-form-desc{margin:0;color:var(--on-surface-variant);font-size:11.5px;line-height:1.5}
.staff-form-desc code{background:var(--surface-variant);padding:2px 5px;border-radius:4px;font-size:11px}
.staff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.staff-form-grid .form-field{display:flex;flex-direction:column;gap:5px}
.staff-form-grid .form-field span{font-size:11px;font-weight:700;color:var(--on-surface-variant)}
.staff-form-grid input{height:42px;padding:0 12px;border:1px solid var(--panel-border);border-radius:11px;background:var(--surface-variant);color:var(--on-surface);font:inherit;font-size:12px;outline:none;transition:border-color .15s ease}
.staff-form-grid input:focus{border-color:var(--primary)}
.staff-form-actions{display:flex;align-items:center;gap:14px;margin-top:6px}
.staff-form-actions .btn{min-height:42px;padding:0 18px;font-size:12.5px;font-weight:700}
.staff-form-actions .btn svg{width:16px;height:16px}
.staff-form-status{font-size:12px;font-weight:700;color:var(--success,#4caf78)}

@media(max-width:700px){
  .staff-form-grid{grid-template-columns:1fr}
  .staff-form-actions{flex-direction:column;align-items:stretch}
  .staff-form-actions .btn{width:100%}
}

/* Release 168 — comment timestamp placement, balanced moderation forms and staff decisions. */
.comment-head{padding-right:4px}
.comment-action-row{align-items:center;flex-wrap:wrap}
.comment-created-at{margin-left:auto;padding-left:12px;color:var(--on-surface-variant);font-size:10px;line-height:1.25;white-space:nowrap}
.staff-review-sheet .select,.staff-review-sheet .input,.report-sheet .select,.report-sheet .input,.appeal-review-sheet .select,.appeal-review-sheet .input,.ban-appeal-sheet .select,.ban-appeal-sheet .input{display:block;width:100%;min-width:0;max-width:none;box-sizing:border-box}
.staff-review-sheet>select.select{margin-top:8px}
.notification-actor-line{display:flex;align-items:center;gap:7px;min-width:0;margin-top:3px;color:var(--on-surface-variant);font-size:10px}
.notification-actor-line>span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:var(--surface-variant);color:var(--on-surface-variant);font-weight:750}
.notification-actor-line>strong{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:11px}
@media(max-width:560px){.comment-created-at{width:auto;margin-left:auto;padding:0;text-align:right}.staff-review-sheet>select.select{width:100%}.notification-actor-line{flex-wrap:wrap}}

/* Release 173 — remove the duplicate desktop home brand and make the
   authentication mode switch behave like an intentional interactive control. */
@media (min-width:1180px){
  .page-home>.home-topbar{justify-content:flex-end}
  .page-home>.home-topbar .home-brand{display:none}
}
.auth-switch{
  cursor:pointer;
  border-radius:10px;
  transition:background-color .16s ease,color .16s ease,transform .13s ease,box-shadow .16s ease;
}
.auth-switch:hover:not(:disabled){
  background:color-mix(in srgb,var(--primary) 12%,transparent);
  color:color-mix(in srgb,var(--primary) 86%,var(--on-surface));
}
.auth-switch:active:not(:disabled){transform:scale(.985)}
.auth-switch:focus-visible{
  outline:0;
  background:color-mix(in srgb,var(--primary) 12%,transparent);
  box-shadow:var(--focus-ring);
}

/* Release 174 — explicit library choices and aligned desktop navigation. */
@media(min-width:1180px){
  .bottom-nav .nav-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    justify-items:stretch;
  }
  .bottom-nav .nav-pill{
    justify-self:center;
  }
  .bottom-nav .nav-copy{
    display:block;
    width:100%;
    min-width:0;
    justify-self:start;
    text-align:left!important;
  }
  .bottom-nav .staff-nav-item .nav-copy{
    display:grid;
    justify-items:start;
    text-align:left!important;
  }
}


/* Release 175 — compact guest profile and repaired desktop Telegram card. */
@media(min-width:1180px){
  .bottom-nav .desktop-telegram{
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    align-items:center;
  }
  .bottom-nav .desktop-telegram .nav-copy{
    display:grid!important;
    gap:2px;
    align-content:center;
    width:100%;
    min-width:0;
    line-height:1.08;
  }
  .bottom-nav .desktop-telegram .nav-copy strong,
  .bottom-nav .desktop-telegram .nav-copy small{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .bottom-nav .desktop-telegram-external{
    grid-column:3;
    justify-self:center;
  }
}
.profile-page-guest .guest-auth-hero{min-height:min(620px,calc(100dvh - 128px));align-content:center}

/* Release 176 — room profile cards and staff profile editor. */
.party-room-member{
  width:100%;
  color:var(--on-surface);
  font:inherit;
  text-align:left;
  appearance:none;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.party-room-member:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--primary) 40%,var(--panel-border));
  background:color-mix(in srgb,var(--primary) 7%,var(--surface-variant));
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
.party-room-member:focus-visible,.party-member-chip:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}
.party-room-member-avatar{overflow:hidden}
.party-room-member-avatar img,.party-room-member-avatar>span{
  width:100%;height:100%;display:grid;place-items:center;object-fit:cover;
}
.party-member-chip{
  border:0;
  font:inherit;
  text-align:left;
  cursor:pointer;
  appearance:none;
  transition:background .15s ease,transform .15s ease;
}
.party-member-chip:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}
.party-member-chip-avatar{
  width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;
  overflow:hidden;border-radius:50%;background:rgba(255,255,255,.12);
  font-size:9px;font-weight:800;
}
.party-member-chip-avatar img,.party-member-chip-avatar>span{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}
.public-profile-hero{padding-right:116px}
.profile-admin-edit-button{top:18px;right:60px;min-height:0!important;color:var(--primary)}
.profile-admin-edit-button:hover{
  color:var(--primary);
  border-color:color-mix(in srgb,var(--primary) 46%,var(--outline));
  background:color-mix(in srgb,var(--primary) 10%,var(--surface));
}
.profile-admin-edit-sheet{width:min(560px,calc(100vw - 28px))}
.profile-admin-editor-preview{
  display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;
  padding:12px;border:1px solid var(--panel-border);border-radius:15px;background:var(--surface-variant);
}
.profile-admin-editor-avatar{width:54px!important;height:54px!important;border-radius:16px!important}
.profile-admin-editor-preview strong{display:block;font-size:13px}
.profile-admin-editor-preview p{margin:4px 0 0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.45}
.profile-admin-edit-sheet label{display:grid;gap:7px;color:var(--on-surface-variant);font-size:11px;font-weight:720}
.profile-admin-edit-sheet textarea{min-height:92px;resize:vertical}
.profile-admin-file{padding:10px;height:auto}
@media(max-width:700px){
  .public-profile-hero{padding:20px 14px 18px!important}
  .profile-admin-edit-button{top:14px;right:56px}
  .profile-admin-edit-sheet{width:min(100%,560px)!important}
}

/* Release 178 — interactive avatar framing and reliable episode controls. */
.avatar-crop-backdrop{z-index:2600;padding:20px;overflow:auto}
.avatar-crop-dialog{width:min(520px,calc(100vw - 28px));max-width:520px;display:grid;gap:16px;padding:22px;border-radius:22px}
.avatar-crop-heading{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding-right:38px}
.avatar-crop-heading>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--primary-container);color:var(--on-primary-container)}
.avatar-crop-heading>span svg{width:23px;height:23px}.avatar-crop-heading h2{margin:0;font-size:20px}.avatar-crop-heading p{margin:4px 0 0;color:var(--on-surface-variant);font-size:12px;line-height:1.45}
.avatar-crop-stage{position:relative;width:min(340px,76vw);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:22px;background:#08080c;cursor:grab;touch-action:none;user-select:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--outline) 28%,transparent)}
.avatar-crop-stage.dragging{cursor:grabbing}.avatar-crop-media{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:fill;pointer-events:none;transform-origin:center;will-change:transform}
.avatar-crop-grid{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.14) 33.3%,rgba(255,255,255,.14) 33.7%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.14) 66.3%,rgba(255,255,255,.14) 66.7%,transparent 66.9%),linear-gradient(transparent 33.1%,rgba(255,255,255,.14) 33.3%,rgba(255,255,255,.14) 33.7%,transparent 33.9%,transparent 66.1%,rgba(255,255,255,.14) 66.3%,rgba(255,255,255,.14) 66.7%,transparent 66.9%)}
.avatar-crop-mask{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:50%;box-shadow:0 0 0 100vmax rgba(0,0,0,.56),inset 0 0 0 2px rgba(255,255,255,.88),inset 0 0 28px rgba(0,0,0,.25)}
.avatar-crop-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:10px}.avatar-crop-controls .icon-btn{width:42px;height:42px;font-size:22px}.avatar-crop-controls label{display:grid;gap:7px;color:var(--on-surface-variant);font-size:11px;font-weight:700}.avatar-crop-controls input{width:100%;accent-color:var(--primary)}
.avatar-crop-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.avatar-crop-actions .btn{width:100%}
.player-episode-overlay{z-index:25;touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate}
.player-tap-surface{z-index:5}
.player-stage.episode-switching .player-tap-surface{pointer-events:none!important}
@media(max-width:560px){.avatar-crop-backdrop{padding:10px}.avatar-crop-dialog{padding:18px 14px;border-radius:18px}.avatar-crop-heading{grid-template-columns:42px minmax(0,1fr)}.avatar-crop-heading>span{width:42px;height:42px;border-radius:13px}.avatar-crop-stage{width:min(320px,82vw)}.avatar-crop-actions{grid-template-columns:1fr}.avatar-crop-actions .btn.primary{order:-1}}

/* Release 179 — own profile uses the public profile layout. */
.own-public-profile-page{width:min(900px,100%)}
.own-public-profile-hero{padding-right:28px}
.own-public-avatar-wrap{position:relative;width:max-content}
.own-profile-avatar-upload{right:2px;bottom:2px;border-color:var(--surface)}
.own-profile-edit-button{flex:0 0 auto;color:var(--primary)}
.own-profile-edit-button:hover{background:var(--primary-container);color:var(--on-primary-container)}
.own-profile-community{display:grid;gap:16px}
.profile-security-section .profile-actions-grid{grid-template-columns:1fr}
.profile-security-section .profile-action{width:100%}
@media(max-width:700px){
  .own-public-profile-hero{padding:22px}
  .own-public-avatar-wrap{margin-inline:auto}
  .own-public-profile-hero .public-profile-title-row{justify-content:center;align-items:center}
  .own-profile-community{gap:12px}
}

/* Release 180 — challenge cosmetics and first-party poster delivery. */
.profile-name-style-head>div{display:grid;gap:4px;text-align:center}
.profile-name-style-head p{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.45}
.name-style-option.locked{cursor:not-allowed;opacity:.66;filter:saturate(.55)}
.name-style-option.locked:hover{transform:none;border-color:var(--panel-border);background:var(--surface)}
.name-style-option-lock{position:absolute;inset:auto 7px 7px;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--on-surface-variant);font-size:9px;font-weight:760;-webkit-backdrop-filter:blur(7px)}
.name-style-option-lock svg{width:11px;backdrop-filter:blur(7px)}
.name-style-option-lock svg{width:11px;height:11px}.name-style-option-lock small{font:inherit}

.name-font-cinematic{font-family:Impact,"Arial Black","Avenir Next Condensed",sans-serif;font-weight:900;letter-spacing:.045em;font-stretch:condensed}
.name-font-pixel{font-family:"Cascadia Mono","Lucida Console","Liberation Mono",monospace;font-weight:900;letter-spacing:.065em;text-shadow:1px 0 currentColor}
.name-font-calligraphy{--name-glyph-pad-x:.42em;--name-glyph-pad-top:.3em;--name-glyph-pad-bottom:.42em;font-family:"Segoe Script","URW Chancery L","Brush Script MT",cursive;font-style:italic;font-weight:700;line-height:1.42;letter-spacing:.015em}
.name-font-condensed{font-family:"Arial Narrow","Roboto Condensed","Liberation Sans Narrow","Avenir Next Condensed",sans-serif;font-weight:850;font-stretch:condensed;letter-spacing:.075em}

.name-effect-comet{display:inline-block;color:var(--role-color,#dce5ff)!important;-webkit-text-fill-color:currentColor;animation:name-comet-glow 2.8s ease-in-out infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-comet{background-image:linear-gradient(106deg,var(--role-color,#8ea3ff) 0%,#fff 28%,#7ce8ff 39%,var(--role-color,#8ea3ff) 53%,#fff 66%,var(--role-color,#8ea3ff) 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:name-comet-flow 2.8s ease-in-out infinite}
}
.name-effect-pulse{display:inline-block;color:color-mix(in srgb,var(--role-color,#9eaaff) 78%,#fff)!important;animation:name-light-pulse 2.2s ease-in-out infinite}
.name-effect-glitch{display:inline-block;color:color-mix(in srgb,var(--role-color,#aab0ff) 74%,#fff)!important;animation:name-digital-glitch 2.6s steps(1,end) infinite}
.name-effect-ember{display:inline-block;color:#ffd4a8!important;animation:name-ember-glow 2.45s ease-in-out infinite}
@keyframes name-comet-flow{0%,12%{background-position:120% 50%;filter:drop-shadow(0 0 2px transparent)}48%{filter:drop-shadow(0 0 7px color-mix(in srgb,#78e8ff 42%,transparent))}82%,100%{background-position:-180% 50%;filter:drop-shadow(0 0 2px transparent)}}
@keyframes name-comet-glow{0%,100%{text-shadow:0 0 2px transparent}50%{text-shadow:0 0 10px color-mix(in srgb,var(--role-color,#8ea3ff) 50%,transparent)}}
@keyframes name-light-pulse{0%,100%{text-shadow:0 0 2px color-mix(in srgb,var(--role-color,#9eaaff) 14%,transparent);filter:brightness(.94)}50%{text-shadow:0 0 5px color-mix(in srgb,var(--role-color,#9eaaff) 54%,transparent),0 0 13px color-mix(in srgb,var(--role-color,#9eaaff) 28%,transparent);filter:brightness(1.18)}}
@keyframes name-digital-glitch{0%,89%,100%{text-shadow:0 0 transparent;filter:none}90%{text-shadow:-2px 0 #54dfff,2px 0 #ff5cac;filter:contrast(1.15)}92%{text-shadow:2px 0 #54dfff,-1px 0 #ff5cac}94%{text-shadow:-1px 0 #54dfff,1px 0 #ff5cac}96%{text-shadow:0 0 transparent;filter:none}}
@keyframes name-ember-glow{0%,100%{color:#ffd4a8;text-shadow:0 0 3px rgba(255,111,48,.22)}42%{color:#fff0bf;text-shadow:0 0 5px rgba(255,186,66,.62),0 0 12px rgba(255,75,31,.38)}68%{color:#ffad70;text-shadow:0 0 7px rgba(255,79,30,.48)}}

.cosmetic-challenges{display:grid;gap:12px;margin-top:4px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--outline) 24%,transparent)}
.cosmetic-challenges-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px}
.cosmetic-challenges-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 32%,var(--primary-container)),var(--primary-container));color:var(--on-primary-container);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 15%,transparent)}
.cosmetic-challenges-head>span svg{width:19px;height:19px}.cosmetic-challenges-head h4{margin:0;font-size:15px}.cosmetic-challenges-head p{margin:3px 0 0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.45}
.cosmetic-challenges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cosmetic-challenge-card{position:relative;display:grid;grid-template-columns:minmax(94px,.78fr) minmax(0,1.35fr);grid-template-areas:"reward copy" "reward action";align-items:center;gap:8px 12px;min-height:142px;padding:12px;border:1px solid var(--panel-border);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-variant) 72%,transparent),var(--surface));overflow:hidden}
.cosmetic-challenge-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 48%);pointer-events:none}
.cosmetic-challenge-card.ready{border-color:color-mix(in srgb,var(--primary) 68%,var(--panel-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}
.cosmetic-challenge-card.completed{opacity:.72}
.cosmetic-challenge-reward{grid-area:reward;position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:5px;min-width:0;align-self:stretch;padding:10px 7px;border-radius:13px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));overflow:hidden;text-align:center}
.cosmetic-challenge-reward>span{color:var(--on-surface-variant);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cosmetic-challenge-reward>strong{display:block;max-width:100%;font-size:17px;white-space:nowrap}.cosmetic-challenge-reward>small{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;color:var(--on-surface-variant);font-size:9px;font-weight:700}
.cosmetic-challenge-copy{grid-area:copy;position:relative;z-index:1;display:grid;gap:9px;min-width:0}.cosmetic-challenge-copy strong{font-size:12px}.cosmetic-challenge-copy p{margin:3px 0 0;color:var(--on-surface-variant);font-size:9.5px;line-height:1.4}
.cosmetic-progress{display:grid;gap:4px}.cosmetic-progress>span{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--outline) 20%,transparent)}.cosmetic-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#75e9ff));transition:width .3s ease}.cosmetic-progress small{color:var(--on-surface-variant);font-size:9px}
.cosmetic-challenge-card>.btn,.cosmetic-claimed,.cosmetic-locked{grid-area:action;position:relative;z-index:1;justify-self:start;min-height:30px;padding:6px 10px;font-size:10px}
.cosmetic-claimed,.cosmetic-locked{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-weight:760}.cosmetic-claimed{color:#8ce8b7;background:rgba(44,160,100,.12)}.cosmetic-locked{color:var(--on-surface-variant);background:color-mix(in srgb,var(--outline) 10%,transparent)}.cosmetic-claimed svg,.cosmetic-locked svg{width:12px;height:12px}

@media(max-width:720px){
  .cosmetic-challenges-grid{grid-template-columns:1fr}
  .cosmetic-challenge-card{grid-template-columns:100px minmax(0,1fr);min-height:132px}
}
@media(max-width:420px){
  .cosmetic-challenge-card{grid-template-columns:86px minmax(0,1fr);padding:10px;gap:7px 10px}
  .cosmetic-challenge-reward>strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember{animation:none!important;background-position:50% 50%;filter:none;text-shadow:none}
}

/* Release 181 — role cosmetics, expanded challenges and aligned cards. */
.name-style-option{grid-template-rows:minmax(28px,1fr) auto;gap:5px}
.name-style-option-title{display:block;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;color:var(--on-surface-variant);font-size:9px;font-weight:760}
.staff-name-styles{display:grid;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--panel-border));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}
.staff-name-styles-title{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;margin:0}.staff-name-styles-title::after{content:"";width:38px}.staff-name-styles-title>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--primary-container);color:var(--on-primary-container)}
.staff-name-styles-title>div{text-align:center}.staff-name-styles-title h4,.staff-name-styles h5{margin:0}.staff-name-styles-title p{max-width:420px;margin:3px auto 0;color:var(--on-surface-variant);font-size:10px;line-height:1.45}.staff-name-styles h5{margin:2px 0 0;text-align:center;color:var(--on-surface-variant);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.staff-name-styles .name-style-grid{width:100%}

.name-font-poster{font-family:Impact,"Arial Black","Avenir Next Condensed",sans-serif;font-weight:900;letter-spacing:.025em;text-transform:uppercase}
.name-font-terminal{font-family:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;font-weight:800;letter-spacing:.055em}
.name-font-slab{font-family:Rockwell,"Roboto Slab","DejaVu Serif",Georgia,serif;font-weight:900;letter-spacing:.018em}
.name-font-handwritten{--name-glyph-pad-x:.42em;--name-glyph-pad-top:.28em;--name-glyph-pad-bottom:.42em;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-weight:750;font-style:italic;line-height:1.4;letter-spacing:.01em}
.name-font-wide{font-family:"Avenir Next","Trebuchet MS","Segoe UI",sans-serif;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.name-font-retro{font-family:"Courier New","Cascadia Mono",monospace;font-weight:900;letter-spacing:.08em;text-shadow:1px 1px 0 color-mix(in srgb,currentColor 38%,transparent)}

.name-effect-prism,.name-effect-sakura,.name-effect-scanner{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.name-effect-prism{background-image:linear-gradient(100deg,#63e6ff,#8a7dff,#ff74c8,#ffd36c,#63e6ff);background-size:260% 100%;animation:name-prism-flow 3.3s linear infinite;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--role-color,#8ea3ff) 24%,transparent))}
.name-effect-wave{display:inline-block;color:color-mix(in srgb,var(--role-color,#90a4ff) 76%,#fff)!important;animation:name-wave-float 2.8s ease-in-out infinite;transform-origin:center bottom}
.name-effect-electric{display:inline-block;color:#e8f4ff!important;animation:name-electric-flash 3.4s steps(1,end) infinite}
.name-effect-sakura{background-image:linear-gradient(105deg,#ffafd2,#fff2f8,#ff77b5,#ffd4e7,#ffafd2);background-size:240% 100%;animation:name-sakura-flow 4s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,105,180,.24))}
.name-effect-scanner{background-image:linear-gradient(90deg,var(--role-color,#8ea3ff) 0 38%,#fff 47% 53%,var(--role-color,#8ea3ff) 62% 100%);background-size:320% 100%;animation:name-scanner-line 2.7s ease-in-out infinite}
.name-effect-starlight{display:inline-block;color:color-mix(in srgb,var(--role-color,#9daaff) 64%,#fff)!important;animation:name-starlight 3.1s ease-in-out infinite}
@keyframes name-prism-flow{to{background-position:-260% 50%}}
@keyframes name-wave-float{0%,100%{transform:translateY(0);text-shadow:0 0 2px transparent}45%{transform:translateY(-1.5px);text-shadow:0 3px 9px color-mix(in srgb,var(--role-color,#90a4ff) 42%,transparent)}70%{transform:translateY(.5px)}}
@keyframes name-electric-flash{0%,78%,82%,100%{text-shadow:0 0 3px rgba(120,190,255,.2);filter:brightness(1)}79%{text-shadow:-2px 0 #64d9ff,2px 0 #8f78ff,0 0 13px #bceaff;filter:brightness(1.5)}81%{text-shadow:1px 0 #fff,-1px 0 #72bfff;filter:brightness(1.25)}}
@keyframes name-sakura-flow{0%,100%{background-position:110% 50%;filter:drop-shadow(0 0 3px rgba(255,105,180,.18))}50%{background-position:-110% 50%;filter:drop-shadow(0 0 7px rgba(255,105,180,.34))}}
@keyframes name-scanner-line{0%,14%{background-position:120% 50%}72%,100%{background-position:-160% 50%}}
@keyframes name-starlight{0%,100%{text-shadow:0 0 2px transparent;filter:brightness(.98)}28%{text-shadow:6px -3px 5px rgba(255,255,255,.55),0 0 8px color-mix(in srgb,var(--role-color,#9daaff) 28%,transparent);filter:brightness(1.12)}62%{text-shadow:-5px 2px 4px rgba(150,215,255,.48),0 0 10px color-mix(in srgb,var(--role-color,#9daaff) 36%,transparent);filter:brightness(1.18)}}

.cosmetic-challenges{gap:18px}
.cosmetic-challenge-section{display:grid;gap:9px}.cosmetic-challenge-section>h5{margin:0;color:var(--on-surface-variant);font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.cosmetic-challenges-grid{align-items:stretch}
.cosmetic-challenge-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"reward" "copy" "progress" "action";grid-template-rows:78px minmax(54px,auto) auto auto;align-content:start;gap:9px;min-height:230px;padding:13px}
.cosmetic-challenge-reward{grid-area:reward;align-self:auto;width:100%;padding:9px 12px}.cosmetic-challenge-reward>strong{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:1.35}.cosmetic-challenge-reward>small{font-size:9.5px}
.cosmetic-challenge-copy{grid-area:copy;align-content:start;gap:4px}.cosmetic-challenge-copy strong{font-size:12.5px;line-height:1.35}.cosmetic-challenge-copy p{font-size:10px;line-height:1.45}
.cosmetic-challenge-card>.cosmetic-progress{grid-area:progress;position:relative;z-index:1;align-self:end}
.cosmetic-challenge-action{grid-area:action;position:relative;z-index:1;display:flex;align-items:center;min-height:32px}.cosmetic-challenge-action>.btn,.cosmetic-challenge-action>.cosmetic-claimed,.cosmetic-challenge-action>.cosmetic-locked{min-height:30px;padding:6px 10px;font-size:10px}
.cosmetic-challenge-card.completed{opacity:.82}
@media(max-width:720px){.cosmetic-challenge-card{min-height:218px;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,.name-effect-scanner,.name-effect-starlight{animation:none!important;background-position:50% 50%;filter:none;text-shadow:none;transform:none}}

/* Release 183 — rebuilt public challenge cosmetics. Staff-only styles above stay unchanged. */
.name-font-cinematic{
  --name-glyph-pad-x:.32em;--name-glyph-pad-top:.18em;--name-glyph-pad-bottom:.28em;
  font-family:Didot,"Bodoni MT","Times New Roman",Georgia,serif;
  font-weight:850;font-style:normal;font-variant-caps:small-caps;
  letter-spacing:.045em;line-height:1.28;
  text-shadow:0 1px 0 color-mix(in srgb,currentColor 18%,transparent);
}
.name-font-pixel{
  font-family:"OCR A Std","Cascadia Mono","Lucida Console","Courier New",monospace;
  font-weight:900;letter-spacing:.095em;text-transform:uppercase;
  -webkit-text-stroke:.25px currentColor;
  text-shadow:1px 1px 0 color-mix(in srgb,currentColor 25%,transparent);
}
.name-font-calligraphy{
  --name-glyph-pad-x:.48em;--name-glyph-pad-top:.26em;--name-glyph-pad-bottom:.44em;
  font-family:"Snell Roundhand","Segoe Script","URW Chancery L","Brush Script MT",cursive;
  font-weight:700;font-style:italic;letter-spacing:.018em;line-height:1.44;
  transform:skewX(-2deg);
}
.name-font-condensed{
  font-family:"Bahnschrift Condensed","DIN Condensed","Avenir Next Condensed","Arial Narrow",sans-serif;
  font-weight:900;font-stretch:condensed;letter-spacing:.115em;text-transform:uppercase;
  line-height:1.12;
}
.name-font-poster{
  font-family:Haettenschweiler,Impact,"Arial Black","Avenir Next Condensed",sans-serif;
  font-weight:950;letter-spacing:.055em;text-transform:uppercase;
  -webkit-text-stroke:.35px currentColor;
}
.name-font-terminal{
  font-family:"Cascadia Code","SFMono-Regular","JetBrains Mono",Consolas,"Liberation Mono",monospace;
  font-weight:800;letter-spacing:.075em;font-variant-ligatures:contextual;
  text-transform:none;
}
.name-font-slab{
  --name-glyph-pad-x:.24em;
  font-family:Rockwell,"Roboto Slab","DejaVu Serif",Georgia,serif;
  font-weight:950;letter-spacing:.035em;line-height:1.2;
  text-shadow:1px 1px 0 color-mix(in srgb,currentColor 16%,transparent);
}
.name-font-handwritten{
  --name-glyph-pad-x:.5em;--name-glyph-pad-top:.3em;--name-glyph-pad-bottom:.46em;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-weight:800;font-style:italic;letter-spacing:.02em;line-height:1.42;
  transform:rotate(-1deg);
}
.name-font-wide{
  font-family:"Eurostile Extended","Bank Gothic","Avenir Next","Trebuchet MS",sans-serif;
  font-weight:800;letter-spacing:.19em;text-transform:uppercase;
  transform:scaleX(1.04);transform-origin:center;
}
.name-font-retro{
  font-family:"Courier Prime","Courier New","Cascadia Mono",monospace;
  font-weight:900;letter-spacing:.105em;text-transform:uppercase;
  text-shadow:1px 0 0 color-mix(in srgb,currentColor 36%,transparent),0 2px 0 color-mix(in srgb,currentColor 13%,transparent);
}

.name-effect-comet,.name-effect-prism,.name-effect-sakura,.name-effect-scanner,.name-effect-siren{
  display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
}
.name-effect-comet{
  background-image:linear-gradient(108deg,var(--role-color,#8297ff) 0 34%,#f7fbff 45%,#77e8ff 50%,#fff 54%,var(--role-color,#8297ff) 66% 100%);
  background-size:320% 100%;animation:name-zenith 3.9s cubic-bezier(.45,0,.2,1) infinite;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--role-color,#8297ff) 26%,transparent));
}
.name-effect-pulse{
  display:inline-block;color:color-mix(in srgb,var(--role-color,#8fa0ff) 76%,#fff)!important;
  animation:name-aura 3.4s ease-in-out infinite;
}
.name-effect-glitch{
  display:inline-block;color:color-mix(in srgb,var(--role-color,#a5adff) 78%,#fff)!important;
  animation:name-signal-lock 4.2s steps(1,end) infinite;
}
.name-effect-ember{
  display:inline-block;color:#ffd4a3!important;
  animation:name-smoulder 3.6s ease-in-out infinite;
}
.name-effect-prism{
  background-image:linear-gradient(112deg,#6be5ff 0%,#8e80ff 21%,#f27bda 43%,#ffd879 62%,#79f0d0 80%,#6be5ff 100%);
  background-size:340% 100%;animation:name-spectrum 5.4s linear infinite;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--role-color,#8ea3ff) 20%,transparent));
}
.name-effect-wave{
  display:inline-block;color:color-mix(in srgb,var(--role-color,#96a5ff) 72%,#fff)!important;
  transform-origin:center 70%;animation:name-gravity 4.1s ease-in-out infinite;
}
.name-effect-electric{
  display:inline-block;color:#edf6ff!important;
  animation:name-impulse 4.8s steps(1,end) infinite;
}
.name-effect-sakura{
  background-image:linear-gradient(110deg,#ff9ec9 0%,#fff4f9 28%,#ffd387 48%,#fff 57%,#ff8fc4 76%,#ffb6d6 100%);
  background-size:300% 100%;animation:name-bloom 5.2s ease-in-out infinite;
  filter:drop-shadow(0 0 5px rgba(255,117,183,.24));
}
.name-effect-scanner{
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--role-color,#88a0ff) 78%,#7ae6ff) 0 40%,#fff 48% 52%,color-mix(in srgb,var(--role-color,#88a0ff) 78%,#b98aff) 60% 100%);
  background-size:360% 100%;animation:name-contour 4.6s cubic-bezier(.55,0,.2,1) infinite;
  filter:drop-shadow(0 0 3px color-mix(in srgb,var(--role-color,#88a0ff) 22%,transparent));
}
.name-effect-starlight{
  display:inline-block;color:color-mix(in srgb,var(--role-color,#a3adff) 62%,#fff)!important;
  animation:name-constellation 5s ease-in-out infinite;
}
.name-effect-siren{
  background-image:linear-gradient(90deg,#ff405e 0 22%,#fff 43% 57%,#4c8dff 78% 100%);
  background-size:220% 100%;animation:name-patrol-lights 1.45s steps(2,end) infinite;
  filter:drop-shadow(-3px 0 5px rgba(255,47,83,.42)) drop-shadow(3px 0 5px rgba(54,123,255,.42));
}

@keyframes name-zenith{
  0%,16%{background-position:135% 50%;filter:drop-shadow(0 0 2px transparent)}
  48%{filter:drop-shadow(0 0 8px rgba(101,220,255,.42))}
  82%,100%{background-position:-175% 50%;filter:drop-shadow(0 0 2px transparent)}
}
@keyframes name-aura{
  0%,100%{text-shadow:0 0 2px transparent,0 0 7px color-mix(in srgb,var(--role-color,#8fa0ff) 16%,transparent);filter:saturate(.94) brightness(.98)}
  50%{text-shadow:0 0 5px color-mix(in srgb,var(--role-color,#8fa0ff) 58%,transparent),0 0 17px color-mix(in srgb,#a65cff 28%,transparent),0 0 28px rgba(85,213,255,.16);filter:saturate(1.2) brightness(1.13)}
}
@keyframes name-signal-lock{
  0%,82%,100%{text-shadow:0 0 transparent;transform:translateX(0);filter:none}
  83%{text-shadow:-1px 0 #65e6ff,1px 0 #ff68c7;transform:translateX(-.4px)}
  85%{text-shadow:2px 0 #65e6ff,-2px 0 #ff68c7;transform:translateX(.7px)}
  87%{text-shadow:-1px 0 #fff,1px 0 #8c7cff;transform:translateX(0)}
  89%{text-shadow:0 0 transparent;filter:brightness(1.22)}
}
@keyframes name-smoulder{
  0%,100%{color:#ffc993;text-shadow:0 0 3px rgba(255,102,39,.2),0 0 0 transparent;filter:brightness(.96)}
  38%{color:#fff1c4;text-shadow:0 0 5px rgba(255,188,65,.58),0 0 14px rgba(255,74,30,.32);filter:brightness(1.12)}
  65%{color:#ff9c67;text-shadow:0 0 7px rgba(255,77,28,.42),0 0 20px rgba(255,137,39,.2);filter:brightness(1.03)}
}
@keyframes name-spectrum{0%{background-position:0% 50%}100%{background-position:340% 50%}}
@keyframes name-gravity{
  0%,100%{transform:translateY(0) scale(1);text-shadow:0 1px 2px transparent;filter:brightness(.96)}
  45%{transform:translateY(-1.5px) scale(1.018);text-shadow:0 5px 12px color-mix(in srgb,var(--role-color,#96a5ff) 30%,transparent);filter:brightness(1.13)}
  70%{transform:translateY(.5px) scale(.995);text-shadow:0 -2px 7px rgba(113,224,255,.18)}
}
@keyframes name-impulse{
  0%,72%,100%{text-shadow:0 0 2px rgba(110,194,255,.12);filter:none}
  73%{text-shadow:-1px 0 #7de7ff,1px 0 #fff,0 0 10px #4f8fff;filter:brightness(1.28)}
  74%{text-shadow:1px 0 #fff,-1px 0 #9a7cff,0 0 16px rgba(86,166,255,.72)}
  76%{text-shadow:0 0 2px rgba(110,194,255,.12);filter:none}
  91%{text-shadow:0 0 8px rgba(122,214,255,.5);filter:brightness(1.15)}
  92%{text-shadow:0 0 2px rgba(110,194,255,.12);filter:none}
}
@keyframes name-bloom{
  0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 3px rgba(255,117,183,.16))}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 8px rgba(255,117,183,.34))}
}
@keyframes name-contour{
  0%,18%{background-position:130% 50%;filter:drop-shadow(0 0 2px transparent)}
  54%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--role-color,#88a0ff) 38%,transparent))}
  86%,100%{background-position:-160% 50%;filter:drop-shadow(0 0 2px transparent)}
}
@keyframes name-constellation{
  0%,100%{text-shadow:0 0 2px transparent;filter:brightness(.98)}
  22%{text-shadow:-5px -2px 5px rgba(255,255,255,.55),7px 2px 7px rgba(120,190,255,.26)}
  48%{text-shadow:4px -3px 5px rgba(255,255,255,.72),-7px 1px 8px rgba(166,123,255,.28);filter:brightness(1.17)}
  74%{text-shadow:-2px 3px 4px rgba(255,255,255,.46),6px -2px 7px rgba(98,220,255,.2)}
}
@keyframes name-patrol-lights{
  0%,48%{background-position:0% 50%;filter:drop-shadow(-4px 0 6px rgba(255,47,83,.58)) drop-shadow(2px 0 3px rgba(54,123,255,.18))}
  50%,100%{background-position:100% 50%;filter:drop-shadow(-2px 0 3px rgba(255,47,83,.18)) drop-shadow(4px 0 6px rgba(54,123,255,.58))}
}

@media(prefers-reduced-motion:reduce){
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,.name-effect-scanner,.name-effect-starlight,.name-effect-siren{
    animation:none!important;background-position:50% 50%!important;filter:none!important;text-shadow:none!important;transform:none!important;
  }
}

/* Release 184 — consistent challenge previews, responsive profile names and richer public effects. */
.public-profile-hero>div:last-child{min-width:0;width:100%}
.public-profile-title-row{width:100%;max-width:100%;min-width:0;overflow:visible}
.public-profile-title-row h1{display:inline-block;width:max-content;max-width:none;white-space:nowrap;line-height:1.18;transform-origin:left center;overflow:visible}
.cosmetic-challenge-card[data-cosmetic-kind="font"] .cosmetic-challenge-reward>strong{
  display:flex;align-items:center;justify-content:center;min-height:30px;width:100%;font-size:20px!important;line-height:1.2;
}
.cosmetic-challenge-card[data-cosmetic-kind="effect"] .cosmetic-challenge-reward>strong{
  display:flex;align-items:center;justify-content:center;min-height:30px;width:100%;font-size:18px;line-height:1.25;
}
.cosmetic-challenge-reward{min-height:78px}
@media(max-width:700px){
  .public-profile-title-row h1{transform-origin:center center}
  .cosmetic-challenge-card[data-cosmetic-kind="font"] .cosmetic-challenge-reward>strong{font-size:19px!important}
}

.name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,.name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse{
  display:inline-block;position:relative;isolation:isolate;will-change:background-position,filter,transform,text-shadow;
}
.name-effect-comet{color:#d9f5ff!important;-webkit-text-fill-color:currentColor;animation:name184-comet 3.15s cubic-bezier(.55,0,.18,1) infinite}
.name-effect-pulse{color:color-mix(in srgb,var(--role-color,#9d8cff) 54%,#fff)!important;-webkit-text-fill-color:currentColor;animation:name184-aura 2.8s ease-in-out infinite}
.name-effect-glitch{color:#f5f7ff!important;-webkit-text-fill-color:currentColor;animation:name184-glitch 3.35s steps(1,end) infinite}
.name-effect-ember{color:#ffd18d!important;-webkit-text-fill-color:currentColor;animation:name184-ember 2.9s ease-in-out infinite}
.name-effect-wave{color:#dbf7ff!important;-webkit-text-fill-color:currentColor;animation:name184-wave 3.6s ease-in-out infinite}
.name-effect-electric{color:#effbff!important;-webkit-text-fill-color:currentColor;animation:name184-electric 3.15s steps(1,end) infinite}
.name-effect-starlight{color:#f5f4ff!important;-webkit-text-fill-color:currentColor;animation:name184-starlight 4.2s ease-in-out infinite}

@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-comet,.name-effect-ember,.name-effect-prism,.name-effect-wave,.name-effect-sakura,.name-effect-scanner,.name-effect-siren,.name-effect-eclipse{
    background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
  }
  .name-effect-comet{
    background-image:linear-gradient(105deg,#78cfff 0 27%,#ecfbff 39%,#fff 46%,#66edff 50%,#fff 54%,#8c7dff 64%,#78cfff 76% 100%);
    background-size:380% 100%;animation:name184-comet 3.15s cubic-bezier(.55,0,.18,1) infinite;
  }
  .name-effect-ember{
    background-image:linear-gradient(104deg,#ff642f 0%,#ff9d35 18%,#fff0a7 38%,#fff 48%,#ffd25d 56%,#ff5530 76%,#8d1d38 100%);
    background-size:310% 100%;animation:name184-ember 2.9s ease-in-out infinite;
  }
  .name-effect-prism{
    background-image:linear-gradient(108deg,#54e6ff 0%,#6387ff 17%,#bc6cff 34%,#ff72bb 49%,#ffcf6a 65%,#5af0bf 82%,#54e6ff 100%);
    background-size:420% 100%;animation:name184-prism 4.4s linear infinite;
  }
  .name-effect-wave{
    background-image:linear-gradient(100deg,#73e5ff 0%,#7e92ff 22%,#d282ff 45%,#fff 51%,#73e5ff 69%,#756aff 100%);
    background-size:330% 100%;animation:name184-wave 3.6s ease-in-out infinite;
  }
  .name-effect-sakura{
    background-image:linear-gradient(108deg,#ff7db6 0%,#ffb8d5 20%,#fff6fb 38%,#ffd584 50%,#fff 57%,#ff8fc4 75%,#d97bff 100%);
    background-size:360% 100%;animation:name184-sakura 4.6s ease-in-out infinite;
  }
  .name-effect-scanner{
    background-image:linear-gradient(90deg,#6e7cff 0 37%,#9edfff 43%,#fff 48% 52%,#c58cff 57%,#6e7cff 63% 100%);
    background-size:520% 100%;animation:name184-scanner 3.05s cubic-bezier(.7,0,.15,1) infinite;
  }
  .name-effect-siren{
    background-image:linear-gradient(90deg,#ff294f 0 22%,#ff8a9f 32%,#fff 45% 55%,#7eb5ff 68%,#276eff 78% 100%);
    background-size:260% 100%;animation:name184-siren 1.1s steps(2,end) infinite;
  }
  .name-effect-eclipse{
    background-image:linear-gradient(105deg,#27143f 0%,#6c3da5 22%,#f1b952 39%,#fff2b1 48%,#fff 52%,#d39836 60%,#6c3da5 77%,#27143f 100%);
    background-size:360% 100%;animation:name184-eclipse 4s cubic-bezier(.45,0,.2,1) infinite;
  }
}

@keyframes name184-comet{
  0%,12%{background-position:145% 50%;text-shadow:0 0 0 transparent;filter:brightness(.92) drop-shadow(0 0 2px transparent)}
  42%{text-shadow:7px -2px 7px rgba(100,226,255,.36);filter:brightness(1.28) drop-shadow(0 0 8px rgba(88,216,255,.48))}
  58%{text-shadow:-3px 1px 5px rgba(163,123,255,.3);filter:brightness(1.12) drop-shadow(0 0 12px rgba(122,177,255,.32))}
  84%,100%{background-position:-190% 50%;text-shadow:0 0 0 transparent;filter:brightness(.95) drop-shadow(0 0 2px transparent)}
}
@keyframes name184-aura{
  0%,100%{transform:scale(1);text-shadow:0 0 2px rgba(137,107,255,.15),0 0 7px rgba(72,214,255,.08);filter:saturate(.92) brightness(.96)}
  42%{transform:scale(1.025);text-shadow:0 0 5px rgba(255,255,255,.62),0 0 13px color-mix(in srgb,var(--role-color,#9d8cff) 62%,transparent),0 0 27px rgba(68,216,255,.35);filter:saturate(1.28) brightness(1.18)}
  62%{transform:scale(1.008);text-shadow:0 0 4px rgba(255,255,255,.42),0 0 18px rgba(218,91,255,.32);filter:brightness(1.08)}
}
@keyframes name184-glitch{
  0%,72%,100%{transform:translate(0,0) skewX(0);letter-spacing:inherit;text-shadow:0 0 2px rgba(115,148,255,.12);filter:none}
  73%{transform:translate(-1px,0) skewX(-3deg);text-shadow:-3px 0 #2be7ff,3px 0 #ff3f9d;filter:contrast(1.35)}
  75%{transform:translate(2px,-.5px) skewX(2deg);text-shadow:2px 0 #2be7ff,-3px 0 #ff3f9d,0 0 9px #fff;letter-spacing:.03em}
  77%{transform:translate(-.5px,.5px);text-shadow:-1px 0 #fff,2px 0 #8d6cff;filter:brightness(1.35)}
  79%{transform:none;text-shadow:0 0 2px rgba(115,148,255,.12)}
  91%{text-shadow:-2px 0 #44dfff,2px 0 #ff64c1;filter:brightness(1.18)}
  92%{text-shadow:none;filter:none}
}
@keyframes name184-ember{
  0%,100%{background-position:0% 50%;text-shadow:0 0 3px rgba(255,71,31,.22);filter:brightness(.94) drop-shadow(0 1px 2px rgba(80,10,0,.18))}
  26%{background-position:42% 50%;text-shadow:0 -2px 5px rgba(255,191,54,.55),0 0 13px rgba(255,74,30,.38);filter:brightness(1.16)}
  48%{background-position:74% 50%;text-shadow:2px -3px 7px rgba(255,234,145,.64),-2px 1px 10px rgba(255,45,38,.42);filter:brightness(1.3)}
  70%{background-position:100% 50%;text-shadow:0 0 8px rgba(255,116,34,.38);filter:brightness(1.06)}
}
@keyframes name184-prism{
  0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.08) drop-shadow(0 0 3px rgba(96,190,255,.25))}
  50%{filter:hue-rotate(12deg) saturate(1.3) brightness(1.12) drop-shadow(0 0 8px rgba(200,110,255,.34))}
  100%{background-position:420% 50%;filter:hue-rotate(0deg) saturate(1.08) drop-shadow(0 0 3px rgba(96,190,255,.25))}
}
@keyframes name184-wave{
  0%,100%{background-position:0% 50%;transform:translateY(0) rotateX(0deg);text-shadow:0 2px 3px transparent;filter:brightness(.96)}
  30%{background-position:45% 50%;transform:translateY(-2px) rotateX(4deg);text-shadow:0 7px 12px rgba(91,171,255,.32);filter:brightness(1.15)}
  58%{background-position:100% 50%;transform:translateY(1px) rotateX(-2deg);text-shadow:0 -3px 10px rgba(190,102,255,.28);filter:brightness(1.22)}
  78%{transform:translateY(-.5px);filter:brightness(1.05)}
}
@keyframes name184-electric{
  0%,64%,100%{transform:translateX(0);text-shadow:0 0 3px rgba(82,196,255,.16);filter:brightness(1)}
  65%{transform:translateX(-1px);text-shadow:-3px 0 #21dcff,3px 0 #7c5cff,0 0 13px #b9f7ff;filter:brightness(1.5)}
  66%{transform:translateX(1px);text-shadow:2px -1px #fff,-2px 1px #4b8dff,0 0 20px rgba(77,210,255,.82);filter:brightness(1.35)}
  68%{transform:none;text-shadow:0 0 4px rgba(82,196,255,.2);filter:none}
  84%{text-shadow:0 -2px 8px #89ecff,0 2px 14px #7757ff;filter:brightness(1.35)}
  85%{text-shadow:none;filter:none}
  87%{text-shadow:-1px 0 #fff,1px 0 #46cbff;filter:brightness(1.2)}
  88%{text-shadow:0 0 3px rgba(82,196,255,.16);filter:none}
}
@keyframes name184-sakura{
  0%,100%{background-position:0% 50%;transform:translateY(0);filter:drop-shadow(0 0 3px rgba(255,111,178,.2)) brightness(.98)}
  38%{background-position:58% 50%;transform:translateY(-1px);filter:drop-shadow(4px -2px 8px rgba(255,145,195,.38)) brightness(1.17)}
  62%{background-position:100% 50%;transform:translateY(.5px);filter:drop-shadow(-4px 2px 9px rgba(255,197,105,.32)) brightness(1.22)}
}
@keyframes name184-scanner{
  0%,18%{background-position:145% 50%;text-shadow:0 0 2px transparent;filter:contrast(1)}
  47%{text-shadow:0 0 6px rgba(255,255,255,.62),0 0 15px rgba(105,197,255,.42);filter:contrast(1.3) brightness(1.2)}
  74%{background-position:-175% 50%;text-shadow:0 0 4px rgba(185,120,255,.26);filter:contrast(1.1)}
  100%{background-position:-175% 50%;text-shadow:none;filter:none}
}
@keyframes name184-starlight{
  0%,100%{transform:translateY(0);text-shadow:0 0 2px transparent;filter:brightness(.96)}
  18%{text-shadow:-8px -3px 4px rgba(255,255,255,.8),4px 2px 7px rgba(111,213,255,.35),0 0 10px rgba(120,120,255,.2);filter:brightness(1.18)}
  42%{transform:translateY(-1px);text-shadow:7px -4px 5px rgba(255,255,255,.92),-5px 3px 7px rgba(196,119,255,.4),0 0 16px rgba(115,184,255,.28);filter:brightness(1.32)}
  68%{text-shadow:-3px 4px 4px rgba(255,255,255,.65),8px 1px 8px rgba(87,226,255,.3);filter:brightness(1.12)}
}
@keyframes name184-siren{
  0%,46%{background-position:0% 50%;text-shadow:-5px 0 7px rgba(255,32,75,.65),2px 0 3px rgba(40,112,255,.22);filter:brightness(1.14)}
  50%,96%{background-position:100% 50%;text-shadow:-2px 0 3px rgba(255,32,75,.22),5px 0 7px rgba(40,112,255,.65);filter:brightness(1.14)}
  100%{background-position:0% 50%}
}
@keyframes name184-eclipse{
  0%,100%{background-position:0% 50%;transform:scale(1);text-shadow:0 0 3px rgba(92,48,151,.28);filter:brightness(.82) drop-shadow(0 0 2px rgba(103,54,168,.25))}
  34%{background-position:46% 50%;transform:scale(1.012);text-shadow:0 0 7px rgba(104,56,174,.48),0 0 16px rgba(37,13,67,.52);filter:brightness(1.05)}
  52%{background-position:64% 50%;transform:scale(1.026);text-shadow:0 0 5px rgba(255,244,189,.82),0 0 15px rgba(229,172,58,.58),0 0 28px rgba(128,70,194,.42);filter:brightness(1.38)}
  72%{background-position:100% 50%;transform:scale(1.008);text-shadow:0 0 8px rgba(219,160,48,.42),0 0 20px rgba(95,45,158,.35);filter:brightness(1.08)}
}

@media(prefers-reduced-motion:reduce){
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,.name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse{
    animation:none!important;background-position:50% 50%!important;filter:none!important;text-shadow:none!important;transform:none!important;
  }
}


/* Release 185 — real nickname previews and non-intrusive profile editing. */
.own-public-profile-hero{position:relative}
.own-public-profile-hero .public-profile-title-row{
  display:block;
  width:100%;
  min-width:0;
  overflow:visible;
}
.own-public-profile-hero .public-profile-title-row h1{
  display:block;
  width:auto;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
  transform:none!important;
}
.own-profile-edit-button{
  position:absolute;
  top:22px;
  right:22px;
  z-index:3;
  margin:0;
}
.cosmetic-challenge-card[data-cosmetic-kind="font"] .cosmetic-challenge-reward>strong{
  max-width:100%;
  overflow:visible;
}
@media(max-width:700px){
  .own-profile-edit-button{top:14px;right:14px}
  .own-public-profile-hero{padding-top:58px}
  .own-public-profile-hero .public-profile-title-row h1{text-align:center}
}

/* Release 186 — expressive public challenge effects and inline profile editor. */
.own-public-profile-hero .public-profile-title-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:7px 15px;
  width:100%;
  min-width:0;
  overflow:visible;
}
.own-public-profile-hero .public-profile-title-row h1{
  flex:0 1 auto;
  display:inline-block;
  width:auto;
  max-width:calc(100% - 58px);
  box-sizing:content-box;
  margin:0;
  padding-inline-end:max(var(--name-glyph-pad-x,.34em),.46em);
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
  transform:none!important;
}
.own-profile-edit-button{
  position:static;
  inset:auto;
  flex:0 0 auto;
  align-self:center;
  margin:0;
  translate:0 0;
}

/* Every public challenge effect gets two independent text layers. The actual
   nickname remains selectable and readable; the layers are decorative only. */
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
){
  position:relative;
  isolation:isolate;
  overflow:visible;
  transform-style:preserve-3d;
}
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::before,
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::after{
  content:attr(data-name);
  position:absolute;
  inset:0;
  display:block;
  box-sizing:border-box;
  width:100%;
  height:100%;
  pointer-events:none;
  user-select:none;
  white-space:inherit;
  font:inherit;
  font-style:inherit;
  font-weight:inherit;
  font-variant:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  text-transform:inherit;
  transform-origin:center;
  opacity:0;
}

/* Зенит — luminous head, coloured tail and a fast clean fly-by. */
.name-effect-comet{
  color:#dff9ff!important;
  -webkit-text-fill-color:currentColor;
  animation:name186-comet-main 4.2s cubic-bezier(.64,0,.18,1) infinite;
}
.name-effect-comet::before{
  color:#4bdcff;
  opacity:.34;
  filter:blur(4px);
  animation:name186-comet-tail 4.2s cubic-bezier(.64,0,.18,1) infinite;
}
.name-effect-comet::after{
  color:#fff;
  opacity:0;
  clip-path:inset(0 78% 0 0);
  filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 13px #50ddff);
  animation:name186-comet-head 4.2s cubic-bezier(.64,0,.18,1) infinite;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-comet{
    background-image:linear-gradient(102deg,#5268ff 0 26%,#58dcff 36%,#eaffff 45%,#fff 50%,#74ecff 54%,#9b74ff 68%,#5268ff 100%);
    background-size:520% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
  }
}
@keyframes name186-comet-main{0%,14%{background-position:145% 50%;filter:brightness(.8)}38%{filter:brightness(1.48) drop-shadow(0 0 9px rgba(77,219,255,.54))}64%{filter:brightness(1.1) drop-shadow(0 0 5px rgba(135,103,255,.36))}88%,100%{background-position:-205% 50%;filter:brightness(.9)}}
@keyframes name186-comet-tail{0%,15%{transform:translateX(18px) scaleX(.9);opacity:0}31%{transform:translateX(8px) scaleX(1.02);opacity:.48}54%{transform:translateX(-8px) scaleX(1.05);opacity:.28}78%,100%{transform:translateX(-22px) scaleX(.92);opacity:0}}
@keyframes name186-comet-head{0%,18%{transform:translateX(-34%);opacity:0;clip-path:inset(0 88% 0 0)}31%{opacity:.98}52%{transform:translateX(55%);opacity:.75;clip-path:inset(0 72% 0 10%)}70%,100%{transform:translateX(115%);opacity:0;clip-path:inset(0 90% 0 0)}}

/* Аура — two breathing colour fields, not just a text-shadow pulse. */
.name-effect-pulse{
  color:color-mix(in srgb,var(--role-color,#967dff) 46%,#fff)!important;
  -webkit-text-fill-color:currentColor;
  animation:name186-aura-core 3.8s ease-in-out infinite;
}
.name-effect-pulse::before{
  color:#5fe6ff;
  opacity:.18;
  filter:blur(7px);
  animation:name186-aura-cyan 3.8s ease-in-out infinite;
}
.name-effect-pulse::after{
  color:#dc65ff;
  opacity:.14;
  filter:blur(10px);
  animation:name186-aura-violet 3.8s ease-in-out infinite reverse;
}
@keyframes name186-aura-core{0%,100%{transform:scale(1);filter:brightness(.93) saturate(.92);text-shadow:0 0 2px rgba(255,255,255,.08)}42%{transform:scale(1.028);filter:brightness(1.24) saturate(1.34);text-shadow:0 0 5px rgba(255,255,255,.72),0 0 18px color-mix(in srgb,var(--role-color,#967dff) 60%,transparent)}68%{transform:scale(1.008);filter:brightness(1.08);text-shadow:0 0 12px rgba(75,222,255,.34)}}
@keyframes name186-aura-cyan{0%,100%{transform:scale(.98) translateX(-1px);opacity:.08}45%{transform:scale(1.09) translateX(2px);opacity:.48}72%{transform:scale(1.025);opacity:.22}}
@keyframes name186-aura-violet{0%,100%{transform:scale(.99) translateX(2px);opacity:.06}48%{transform:scale(1.12) translateX(-2px);opacity:.4}75%{transform:scale(1.04);opacity:.16}}

/* Сигнал — independent cyan/magenta slices and a short resync flash. */
.name-effect-glitch{
  color:#f7f8ff!important;
  -webkit-text-fill-color:currentColor;
  animation:name186-signal-core 4.6s steps(1,end) infinite;
}
.name-effect-glitch::before{
  color:#27e7ff;
  opacity:0;
  clip-path:polygon(0 8%,100% 8%,100% 38%,0 38%);
  animation:name186-signal-cyan 4.6s steps(1,end) infinite;
}
.name-effect-glitch::after{
  color:#ff3f9f;
  opacity:0;
  clip-path:polygon(0 58%,100% 58%,100% 88%,0 88%);
  animation:name186-signal-pink 4.6s steps(1,end) infinite;
}
@keyframes name186-signal-core{0%,70%,83%,100%{transform:none;filter:none;text-shadow:0 0 2px rgba(111,141,255,.1)}71%{transform:translateX(-1px) skewX(-2deg);filter:contrast(1.35)}73%{transform:translateX(2px) skewX(2deg);letter-spacing:.025em}75%{transform:translateX(-.5px);filter:brightness(1.45)}77%{transform:none;letter-spacing:inherit}90%{text-shadow:-2px 0 #27e7ff,2px 0 #ff3f9f,0 0 10px #fff}91%{text-shadow:none}}
@keyframes name186-signal-cyan{0%,70%,78%,100%{opacity:0;transform:none}71%{opacity:.95;transform:translate(-4px,-1px)}73%{opacity:.72;transform:translate(3px,1px)}75%{opacity:.9;transform:translate(-2px,0)}77%{opacity:0}}
@keyframes name186-signal-pink{0%,70%,78%,100%{opacity:0;transform:none}71%{opacity:.8;transform:translate(3px,1px)}73%{opacity:1;transform:translate(-4px,-1px)}76%{opacity:.65;transform:translate(2px,0)}77%{opacity:0}}

/* Тлеющий свет — moving hot core plus visible sparks above the letters. */
.name-effect-ember{
  color:#ffd49b!important;
  -webkit-text-fill-color:currentColor;
  animation:name186-ember-core 3.45s ease-in-out infinite;
}
.name-effect-ember::before{
  color:#ff572c;
  opacity:.25;
  filter:blur(5px);
  animation:name186-ember-heat 3.45s ease-in-out infinite;
}
.name-effect-ember::after{
  content:"•  ·   •";
  inset:auto 8% 68% 12%;
  width:auto;height:auto;
  color:#ffd76a;
  font-size:.34em;
  letter-spacing:.9em;
  text-shadow:1.5em -.4em 0 #ff6a37,3.6em .15em 0 #fff0a5,5.1em -.55em 0 #ff9a45;
  animation:name186-ember-sparks 3.45s ease-out infinite;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-ember{background-image:linear-gradient(104deg,#7d1731 0%,#ff4d2e 18%,#ff9f3c 37%,#fff3a4 48%,#fff 53%,#ffc54f 60%,#ff4a2e 79%,#7d1731 100%);background-size:360% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-ember-core{0%,100%{background-position:0% 50%;filter:brightness(.88) drop-shadow(0 1px 2px rgba(80,8,0,.2))}34%{background-position:48% 50%;filter:brightness(1.27) drop-shadow(0 -2px 7px rgba(255,111,34,.56))}58%{background-position:100% 50%;filter:brightness(1.46) drop-shadow(0 -4px 12px rgba(255,194,67,.42))}78%{filter:brightness(1.02)}}
@keyframes name186-ember-heat{0%,100%{transform:translateY(2px) scaleY(.92);opacity:.12}45%{transform:translateY(-2px) scaleY(1.08);opacity:.5}68%{transform:translateY(-1px) scaleY(1.02);opacity:.28}}
@keyframes name186-ember-sparks{0%{transform:translateY(5px) scale(.8);opacity:0}25%{opacity:.85}68%{transform:translateY(-11px) scale(1.12);opacity:.45}100%{transform:translateY(-17px) scale(.8);opacity:0}}

/* Спектр — chromatic refraction with a second soft spectrum layer. */
.name-effect-prism{animation:name186-prism-core 5.4s linear infinite}
.name-effect-prism::before{color:#61eaff;opacity:.16;filter:blur(4px);animation:name186-prism-halo 5.4s ease-in-out infinite}
.name-effect-prism::after{color:#ff6ec7;opacity:.12;mix-blend-mode:screen;animation:name186-prism-split 5.4s ease-in-out infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-prism{background-image:linear-gradient(108deg,#39e7ff 0%,#5079ff 14%,#a15eff 30%,#ff54b7 46%,#ffd05d 62%,#4df2b4 79%,#39e7ff 100%);background-size:520% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-prism-core{0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.08) drop-shadow(0 0 3px rgba(79,203,255,.22))}50%{filter:hue-rotate(24deg) saturate(1.42) brightness(1.24) drop-shadow(0 0 9px rgba(200,91,255,.38))}100%{background-position:520% 50%;filter:hue-rotate(0deg) saturate(1.08) drop-shadow(0 0 3px rgba(79,203,255,.22))}}
@keyframes name186-prism-halo{0%,100%{transform:translateX(-2px) scale(1);opacity:.12}50%{transform:translateX(2px) scale(1.04);opacity:.38}}
@keyframes name186-prism-split{0%,100%{transform:translateX(1px);opacity:.08}35%{transform:translateX(-2px);opacity:.32}70%{transform:translateX(3px);opacity:.2}}

/* Гравитация — floating word and a rippled reflection below it. */
.name-effect-wave{animation:name186-gravity-core 4.4s ease-in-out infinite}
.name-effect-wave::before{color:#62deff;opacity:.16;filter:blur(6px);animation:name186-gravity-halo 4.4s ease-in-out infinite}
.name-effect-wave::after{color:#a780ff;opacity:.2;clip-path:inset(58% 0 0 0);filter:blur(.4px);animation:name186-gravity-reflection 4.4s ease-in-out infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-wave{background-image:linear-gradient(102deg,#50dfff 0%,#678cff 24%,#c269ff 45%,#fff 51%,#6ee9ff 69%,#6156ff 100%);background-size:390% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-gravity-core{0%,100%{background-position:0% 50%;transform:translateY(0) rotateX(0);filter:brightness(.93)}34%{background-position:55% 50%;transform:translateY(-3px) rotateX(5deg);filter:brightness(1.23) drop-shadow(0 7px 12px rgba(86,163,255,.28))}63%{background-position:100% 50%;transform:translateY(1px) rotateX(-3deg);filter:brightness(1.31) drop-shadow(0 -4px 12px rgba(188,93,255,.28))}82%{transform:translateY(-1px)}}
@keyframes name186-gravity-halo{0%,100%{transform:translateY(4px) scaleX(.94);opacity:.08}45%{transform:translateY(8px) scaleX(1.08);opacity:.36}70%{transform:translateY(3px) scaleX(1);opacity:.18}}
@keyframes name186-gravity-reflection{0%,100%{transform:translateY(34%) scaleY(-.46) skewX(0);opacity:.06}38%{transform:translateY(42%) scaleY(-.58) skewX(-3deg);opacity:.32}65%{transform:translateY(30%) scaleY(-.42) skewX(3deg);opacity:.18}}

/* Импульс — paired electric copies and several irregular discharges. */
.name-effect-electric{color:#f1fbff!important;-webkit-text-fill-color:currentColor;animation:name186-electric-core 4.15s steps(1,end) infinite}
.name-effect-electric::before{color:#25e8ff;opacity:0;filter:drop-shadow(0 0 7px #25e8ff);animation:name186-electric-cyan 4.15s steps(1,end) infinite}
.name-effect-electric::after{color:#8d62ff;opacity:0;filter:drop-shadow(0 0 8px #8d62ff);animation:name186-electric-violet 4.15s steps(1,end) infinite}
@keyframes name186-electric-core{0%,59%,65%,82%,88%,100%{transform:none;text-shadow:0 0 3px rgba(68,204,255,.13);filter:none}60%{transform:translateX(-1px);text-shadow:0 0 7px #fff,0 0 18px #39dfff;filter:brightness(1.65)}61%{transform:translateX(1px);text-shadow:-2px -1px #fff,2px 1px #7564ff;filter:brightness(1.35)}63%{transform:none;text-shadow:0 0 14px rgba(80,206,255,.72)}83%{text-shadow:0 -3px 9px #8cf0ff,0 3px 16px #7557ff;filter:brightness(1.42)}85%{text-shadow:none}87%{text-shadow:-1px 0 #fff,1px 0 #28ddff;filter:brightness(1.22)}}
@keyframes name186-electric-cyan{0%,59%,65%,82%,88%,100%{opacity:0;transform:none;clip-path:inset(0)}60%{opacity:.9;transform:translate(-3px,-1px);clip-path:polygon(0 0,100% 0,100% 42%,0 42%)}62%{opacity:.6;transform:translate(2px,1px);clip-path:polygon(0 54%,100% 54%,100% 100%,0 100%)}84%{opacity:.75;transform:translate(-1px,-2px)}}
@keyframes name186-electric-violet{0%,59%,65%,82%,88%,100%{opacity:0;transform:none}60%{opacity:.55;transform:translate(3px,1px)}61%{opacity:.95;transform:translate(-2px,-1px)}64%{opacity:0}84%{opacity:.82;transform:translate(2px,2px)}86%{opacity:0}}

/* Цветение — moving silk gradient and floating petal sparkles. */
.name-effect-sakura{animation:name186-bloom-core 5s ease-in-out infinite}
.name-effect-sakura::before{color:#ff77b5;opacity:.14;filter:blur(6px);animation:name186-bloom-halo 5s ease-in-out infinite}
.name-effect-sakura::after{content:"✦";inset:-.5em auto auto 12%;width:auto;height:auto;color:#fff1c5;font-size:.38em;text-shadow:2.1em .5em 0 #ff8fc2,5.2em -.15em 0 #ffd47f,8.1em .6em 0 #ffb5d6,10.3em -.35em 0 #fff;animation:name186-bloom-petals 5s ease-in-out infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-sakura{background-image:linear-gradient(108deg,#e956a0 0%,#ff8fc4 18%,#ffc4dd 34%,#fff8fb 47%,#ffd780 54%,#fff 59%,#d779ff 77%,#e956a0 100%);background-size:430% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-bloom-core{0%,100%{background-position:0% 50%;transform:translateY(0);filter:brightness(.95) drop-shadow(0 0 3px rgba(255,101,173,.18))}42%{background-position:58% 50%;transform:translateY(-1px);filter:brightness(1.28) drop-shadow(5px -2px 9px rgba(255,123,183,.4))}70%{background-position:100% 50%;transform:translateY(.5px);filter:brightness(1.16) drop-shadow(-4px 3px 10px rgba(255,204,106,.34))}}
@keyframes name186-bloom-halo{0%,100%{transform:scale(.98);opacity:.08}50%{transform:scale(1.07);opacity:.38}}
@keyframes name186-bloom-petals{0%,100%{transform:translate(0,5px) rotate(-7deg);opacity:0}20%{opacity:.85}58%{transform:translate(8px,-7px) rotate(8deg);opacity:.68}82%{transform:translate(15px,-13px) rotate(16deg);opacity:.18}}

/* Контур — a visible scanner bar and a separately illuminated text copy. */
.name-effect-scanner{animation:name186-scanner-core 4s cubic-bezier(.7,0,.14,1) infinite}
.name-effect-scanner::before{color:#fff;opacity:0;clip-path:inset(0 84% 0 0);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 14px #5ce6ff);animation:name186-scanner-copy 4s cubic-bezier(.7,0,.14,1) infinite}
.name-effect-scanner::after{content:"";inset:-5% auto -5% 0;width:2px;height:auto;background:linear-gradient(180deg,transparent,#fff 25% 75%,transparent);box-shadow:0 0 8px #fff,0 0 18px #58dfff;animation:name186-scanner-bar 4s cubic-bezier(.7,0,.14,1) infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-scanner{background-image:linear-gradient(90deg,#5368ff 0 38%,#7ddfff 44%,#fff 49% 51%,#c17cff 57%,#5368ff 63% 100%);background-size:620% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-scanner-core{0%,15%{background-position:155% 50%;filter:brightness(.86)}48%{filter:brightness(1.35) drop-shadow(0 0 10px rgba(88,216,255,.46))}78%,100%{background-position:-210% 50%;filter:brightness(.94)}}
@keyframes name186-scanner-copy{0%,15%{transform:translateX(-18%);clip-path:inset(0 92% 0 0);opacity:0}35%{opacity:.9}65%{transform:translateX(78%);clip-path:inset(0 70% 0 8%);opacity:.72}82%,100%{transform:translateX(116%);opacity:0}}
@keyframes name186-scanner-bar{0%,15%{left:-3%;opacity:0}24%{opacity:1}72%{left:103%;opacity:1}82%,100%{left:103%;opacity:0}}

/* Созвездие — a travelling star cluster rather than a static glow. */
.name-effect-starlight{color:#f7f5ff!important;-webkit-text-fill-color:currentColor;animation:name186-stars-core 5.2s ease-in-out infinite}
.name-effect-starlight::before{color:#9edfff;opacity:.12;filter:blur(6px);animation:name186-stars-nebula 5.2s ease-in-out infinite}
.name-effect-starlight::after{content:"✦";inset:-.6em auto auto 4%;width:auto;height:auto;color:#fff;font-size:.42em;text-shadow:2.4em .65em 0 #7fe7ff,5.5em -.15em 0 #fff,8.3em .7em 0 #b98cff,11em -.35em 0 #fff3b0;animation:name186-stars-flight 5.2s ease-in-out infinite}
@keyframes name186-stars-core{0%,100%{transform:translateY(0);filter:brightness(.94);text-shadow:0 0 2px transparent}24%{filter:brightness(1.22);text-shadow:-6px -2px 5px rgba(255,255,255,.75),4px 2px 9px rgba(91,211,255,.32)}52%{transform:translateY(-1px);filter:brightness(1.42);text-shadow:7px -4px 5px #fff,-5px 3px 9px rgba(188,111,255,.42),0 0 17px rgba(107,178,255,.3)}78%{filter:brightness(1.12);text-shadow:-3px 4px 5px rgba(255,255,255,.62),8px 1px 8px rgba(73,224,255,.28)}}
@keyframes name186-stars-nebula{0%,100%{transform:scale(.96);opacity:.06}50%{transform:scale(1.08);opacity:.32}}
@keyframes name186-stars-flight{0%,100%{transform:translate(-4px,5px) rotate(-9deg);opacity:0}18%{opacity:.9}52%{transform:translate(10px,-5px) rotate(6deg);opacity:.8}82%{transform:translate(21px,-11px) rotate(15deg);opacity:.12}}

/* Патрульный свет — alternating beacons with real red/blue side layers. */
.name-effect-siren{animation:name186-siren-core 1.25s steps(2,end) infinite}
.name-effect-siren::before{color:#ff294f;opacity:.72;filter:blur(3px) drop-shadow(-4px 0 8px #ff294f);animation:name186-siren-red 1.25s steps(2,end) infinite}
.name-effect-siren::after{color:#337dff;opacity:.15;filter:blur(3px) drop-shadow(4px 0 8px #337dff);animation:name186-siren-blue 1.25s steps(2,end) infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-siren{background-image:linear-gradient(90deg,#ff1747 0 21%,#ff7991 31%,#fff 45% 55%,#88b9ff 68%,#1767ff 79% 100%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-siren-core{0%,46%{background-position:0% 50%;filter:brightness(1.3) drop-shadow(-6px 0 8px rgba(255,23,71,.52));transform:skewX(-1deg)}50%,96%{background-position:100% 50%;filter:brightness(1.3) drop-shadow(6px 0 8px rgba(23,103,255,.52));transform:skewX(1deg)}100%{background-position:0% 50%}}
@keyframes name186-siren-red{0%,46%{opacity:.85;transform:translateX(-3px)}50%,96%{opacity:.08;transform:translateX(-1px)}100%{opacity:.85}}
@keyframes name186-siren-blue{0%,46%{opacity:.08;transform:translateX(1px)}50%,96%{opacity:.85;transform:translateX(3px)}100%{opacity:.08}}

/* Затмение — dark orbit, violet umbra and a brief golden corona. */
.name-effect-eclipse{animation:name186-eclipse-core 4.8s cubic-bezier(.44,0,.2,1) infinite}
.name-effect-eclipse::before{color:#7d43bd;opacity:.22;filter:blur(7px);animation:name186-eclipse-umbra 4.8s ease-in-out infinite}
.name-effect-eclipse::after{color:#ffe6a0;opacity:0;filter:blur(2px) drop-shadow(0 0 9px #e7b54c);clip-path:inset(0 100% 0 0);animation:name186-eclipse-corona 4.8s cubic-bezier(.44,0,.2,1) infinite}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .name-effect-eclipse{background-image:linear-gradient(104deg,#170d28 0%,#40205f 19%,#7b3eb1 34%,#d49b36 44%,#fff1a9 49%,#fff 52%,#d49b36 58%,#7b3eb1 70%,#170d28 100%);background-size:440% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}
@keyframes name186-eclipse-core{0%,100%{background-position:0% 50%;transform:scale(1);filter:brightness(.68) drop-shadow(0 0 3px rgba(81,38,126,.32))}28%{background-position:38% 50%;filter:brightness(.9) drop-shadow(0 0 10px rgba(104,50,164,.46))}50%{background-position:60% 50%;transform:scale(1.022);filter:brightness(1.48) drop-shadow(0 0 10px rgba(255,221,126,.62)) drop-shadow(0 0 24px rgba(126,67,190,.38))}72%{background-position:100% 50%;transform:scale(1.006);filter:brightness(1.04) drop-shadow(0 0 12px rgba(209,155,50,.34))}}
@keyframes name186-eclipse-umbra{0%,100%{transform:scale(.96);opacity:.08}42%{transform:scale(1.09);opacity:.48}68%{transform:scale(1.03);opacity:.2}}
@keyframes name186-eclipse-corona{0%,24%{clip-path:inset(0 100% 0 0);opacity:0;transform:translateX(-8%)}44%{clip-path:inset(0 22% 0 0);opacity:.88}55%{clip-path:inset(0 0 0 0);opacity:.62;transform:translateX(0)}72%,100%{clip-path:inset(0 0 0 100%);opacity:0;transform:translateX(8%)}}

@media(max-width:700px){
  .own-public-profile-hero .public-profile-title-row{justify-content:center}
  .own-public-profile-hero .public-profile-title-row h1{max-width:calc(100% - 56px);text-align:center}
}
@media(prefers-reduced-motion:reduce){
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  ),
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::before,
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::after{
    animation:none!important;
    transform:none!important;
    filter:none!important;
    text-shadow:none!important;
  }
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::before,
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::after{opacity:0!important}
}

/* Release 187 — glyph-shaped glows and true mobile nickname centering. */
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
){
  /* CSS filters rasterize the complete inline box in several Android/WebView
     builds. That creates a visible rectangular halo around transparent text.
     Keep the animated transforms/gradients, but draw light with glyph-shaped
     text shadows instead. */
  filter:none!important;
}
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::before,
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::after{
  filter:none!important;
  mix-blend-mode:normal!important;
}
.name-effect-comet{ text-shadow:0 0 2px rgba(255,255,255,.38),0 0 9px rgba(74,221,255,.28) }
.name-effect-comet::before{ text-shadow:0 0 3px #4bdcff,0 0 8px rgba(75,220,255,.74),0 0 15px rgba(94,108,255,.34) }
.name-effect-comet::after{ text-shadow:0 0 3px #fff,0 0 8px #50ddff,0 0 14px rgba(80,221,255,.58) }
.name-effect-pulse{ text-shadow:0 0 3px rgba(255,255,255,.2),0 0 10px color-mix(in srgb,var(--role-color,#967dff) 35%,transparent) }
.name-effect-pulse::before{ text-shadow:0 0 4px rgba(95,230,255,.8),0 0 12px rgba(95,230,255,.48) }
.name-effect-pulse::after{ text-shadow:0 0 4px rgba(220,101,255,.78),0 0 13px rgba(220,101,255,.42) }
.name-effect-glitch::before{ text-shadow:-2px 0 2px rgba(39,231,255,.75),0 0 7px rgba(39,231,255,.38) }
.name-effect-glitch::after{ text-shadow:2px 0 2px rgba(255,63,159,.72),0 0 7px rgba(255,63,159,.34) }
.name-effect-ember{ text-shadow:0 -1px 3px rgba(255,183,72,.38),0 -3px 10px rgba(255,76,35,.22) }
.name-effect-ember::before{ text-shadow:0 -1px 4px rgba(255,87,44,.8),0 -3px 11px rgba(255,87,44,.5) }
.name-effect-prism{ text-shadow:0 0 3px rgba(109,220,255,.22) }
.name-effect-prism::before{ text-shadow:-2px 0 4px rgba(97,234,255,.7),0 0 11px rgba(97,234,255,.34) }
.name-effect-prism::after{ text-shadow:2px 0 4px rgba(255,110,199,.66),0 0 11px rgba(255,110,199,.3) }
.name-effect-wave{ text-shadow:0 2px 4px rgba(67,206,255,.24),0 5px 12px rgba(130,91,255,.2) }
.name-effect-wave::before{ text-shadow:0 2px 5px rgba(98,222,255,.68),0 6px 14px rgba(98,222,255,.3) }
.name-effect-wave::after{ text-shadow:0 3px 4px rgba(167,128,255,.52) }
.name-effect-electric{ text-shadow:0 0 3px rgba(255,255,255,.45) }
.name-effect-electric::before{ text-shadow:-2px 0 3px #25e8ff,0 0 9px rgba(37,232,255,.72) }
.name-effect-electric::after{ text-shadow:2px 0 3px #8d62ff,0 0 10px rgba(141,98,255,.68) }
.name-effect-sakura{ text-shadow:0 0 3px rgba(255,138,191,.25),0 0 9px rgba(255,188,220,.18) }
.name-effect-sakura::before{ text-shadow:0 0 4px rgba(255,119,181,.72),0 0 12px rgba(255,119,181,.34) }
.name-effect-scanner::before{ text-shadow:0 0 3px #fff,0 0 8px #5ce6ff,0 0 14px rgba(92,230,255,.46) }
.name-effect-starlight{ text-shadow:0 0 3px rgba(255,255,255,.28),0 0 10px rgba(126,206,255,.18) }
.name-effect-starlight::before{ text-shadow:0 0 4px rgba(158,223,255,.66),0 0 13px rgba(158,223,255,.28) }
.name-effect-siren{ text-shadow:-2px 0 4px rgba(255,41,79,.32),2px 0 4px rgba(51,125,255,.32) }
.name-effect-siren::before{ text-shadow:-4px 0 4px rgba(255,41,79,.84),-7px 0 12px rgba(255,41,79,.5) }
.name-effect-siren::after{ text-shadow:4px 0 4px rgba(51,125,255,.84),7px 0 12px rgba(51,125,255,.5) }
.name-effect-eclipse{ text-shadow:0 0 4px rgba(93,48,142,.34),0 0 12px rgba(212,155,54,.18) }
.name-effect-eclipse::before{ text-shadow:0 0 5px rgba(125,67,189,.7),0 0 14px rgba(125,67,189,.32) }
.name-effect-eclipse::after{ text-shadow:0 0 4px rgba(255,230,160,.86),0 0 11px rgba(231,181,76,.62) }

@media(max-width:700px){
  .own-public-profile-hero .public-profile-title-row{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:0;
    width:100%;
    min-width:0;
  }
  /* A hidden control-sized spacer mirrors the real edit button. The nickname
     is therefore centered against the profile card itself, while the pencil
     remains immediately beside it with a safe gap. */
  .own-public-profile-hero .public-profile-title-row::before{
    content:"";
    flex:0 0 36px;
    width:36px;
    height:36px;
    margin-inline-end:12px;
    visibility:hidden;
    pointer-events:none;
  }
  .own-public-profile-hero .public-profile-title-row h1{
    flex:0 1 auto;
    width:auto;
    max-width:calc(100% - 96px);
    margin:0;
    padding-inline-end:max(var(--name-glyph-pad-x,.34em),.46em);
    text-align:center;
    white-space:normal;
    overflow:visible;
    overflow-wrap:anywhere;
  }
  .own-public-profile-hero .own-profile-edit-button{
    flex:0 0 36px;
    width:36px;
    height:36px;
    margin-inline-start:12px;
  }
}

/* Release 188 — no rectangular text layers: every public challenge effect is
   rendered by the real glyphs plus tiny independent particles. Android/WebView
   never receives a full-size blurred pseudo-element, so a rectangular halo
   cannot be produced by compositor rasterisation. */
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
){
  isolation:auto;
  transform-style:flat;
  filter:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  will-change:transform,background-position,text-shadow;
}
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::before,
:is(
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
)::after{
  content:none!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:0;
}

/* Зенит: a highlight crosses the glyphs; one compact star marks the head. */
.name-effect-comet{
  animation:name188-comet 4.4s cubic-bezier(.58,0,.22,1) infinite!important;
}
.name-effect-comet::after{
  content:"✦"!important;
  display:block;
  left:-.3em!important;
  top:-.46em!important;
  color:#fff;
  font-size:.42em;
  line-height:1;
  text-shadow:0 0 3px #fff,0 0 8px #50ddff;
  animation:name188-comet-star 4.4s cubic-bezier(.58,0,.22,1) infinite!important;
}
@keyframes name188-comet{
  0%,12%{background-position:132% 50%;text-shadow:0 0 2px rgba(82,104,255,.22);transform:translateY(0)}
  38%{text-shadow:-3px 0 5px rgba(82,104,255,.34),0 0 8px rgba(80,221,255,.56),3px 0 3px rgba(255,255,255,.65)}
  63%{background-position:-55% 50%;text-shadow:0 0 3px rgba(255,255,255,.48),0 0 11px rgba(80,221,255,.42);transform:translateY(-1px)}
  88%,100%{background-position:-190% 50%;text-shadow:0 0 2px rgba(135,103,255,.2);transform:translateY(0)}
}
@keyframes name188-comet-star{
  0%,14%{left:-.25em;opacity:0;transform:scale(.6) rotate(0deg)}
  30%{opacity:1}
  66%{left:96%;opacity:.9;transform:scale(1.15) rotate(180deg)}
  82%,100%{left:108%;opacity:0;transform:scale(.5) rotate(260deg)}
}

/* Аура: colour breath around the actual letter outlines only. */
.name-effect-pulse{
  animation:name188-aura 3.7s ease-in-out infinite!important;
}
.name-effect-pulse::after{
  content:"·"!important;
  display:block;
  left:50%!important;
  top:-.56em!important;
  color:#a8f5ff;
  font-size:.72em;
  line-height:1;
  text-shadow:-2.8em .45em 0 #d46dff,2.8em .45em 0 #58e7ff;
  animation:name188-aura-points 3.7s ease-in-out infinite!important;
}
@keyframes name188-aura{
  0%,100%{transform:scale(1);text-shadow:0 0 2px rgba(255,255,255,.2),0 0 7px rgba(91,229,255,.18)}
  42%{transform:scale(1.025);text-shadow:0 0 3px rgba(255,255,255,.8),-2px 0 9px rgba(91,229,255,.65),2px 0 12px rgba(215,101,255,.55)}
  72%{transform:scale(1.006);text-shadow:0 0 3px rgba(255,255,255,.45),0 0 10px color-mix(in srgb,var(--role-color,#967dff) 48%,transparent)}
}
@keyframes name188-aura-points{
  0%,100%{opacity:.15;transform:translateX(-50%) scale(.7)}
  45%{opacity:.9;transform:translateX(-50%) scale(1.15)}
  72%{opacity:.35;transform:translateX(-50%) scale(.9)}
}

/* Сигнал: short chromatic desynchronisation on the real text. */
.name-effect-glitch{
  animation:name188-signal 4.9s steps(1,end) infinite!important;
}
@keyframes name188-signal{
  0%,68%,82%,100%{transform:none;text-shadow:0 0 2px rgba(109,125,255,.14);letter-spacing:inherit}
  69%{transform:translateX(-2px) skewX(-2deg);text-shadow:3px 0 #ff3f9f,-3px 0 #27e7ff}
  71%{transform:translateX(2px);text-shadow:-4px 0 #ff3f9f,4px 0 #27e7ff;letter-spacing:.025em}
  73%{transform:translateY(-1px);text-shadow:2px 1px #27e7ff,-2px -1px #ff3f9f}
  75%{transform:translateX(-1px);text-shadow:-1px 0 #27e7ff,1px 0 #ff3f9f}
  77%{transform:none;text-shadow:0 0 8px rgba(255,255,255,.7);letter-spacing:inherit}
}

/* Тлеющий свет: animated heat in the glyphs and tiny rising sparks. */
.name-effect-ember{
  animation:name188-ember 3.6s ease-in-out infinite!important;
}
.name-effect-ember::after{
  content:"•  ·  •"!important;
  display:block;
  left:12%!important;
  top:-.48em!important;
  color:#ffd76a;
  font-size:.28em;
  letter-spacing:.72em;
  line-height:1;
  text-shadow:1.8em -.3em 0 #ff6a37,4.1em .1em 0 #fff0a5;
  animation:name188-ember-sparks 3.6s ease-out infinite!important;
}
@keyframes name188-ember{
  0%,100%{background-position:0% 50%;text-shadow:0 -1px 2px rgba(255,184,75,.3),0 -3px 8px rgba(255,74,35,.14);transform:translateY(0)}
  35%{background-position:48% 50%;text-shadow:0 -1px 3px rgba(255,236,150,.62),0 -4px 10px rgba(255,83,36,.42);transform:translateY(-1px)}
  61%{background-position:100% 50%;text-shadow:0 0 3px rgba(255,255,255,.72),0 -5px 13px rgba(255,155,48,.45);transform:translateY(0)}
}
@keyframes name188-ember-sparks{
  0%{opacity:0;transform:translateY(7px) scale(.75)}
  28%{opacity:.9}
  72%{opacity:.35;transform:translateY(-10px) scale(1.1)}
  100%{opacity:0;transform:translateY(-17px) scale(.65)}
}

/* Спектр: clean moving refraction inside letters, no duplicate text plane. */
.name-effect-prism{
  animation:name188-prism 5.6s linear infinite!important;
}
.name-effect-prism::after{
  content:"◇"!important;
  display:block;
  right:-.48em!important;
  top:-.38em!important;
  color:#fff;
  font-size:.38em;
  line-height:1;
  text-shadow:0 0 5px #79eaff,0 0 9px #ff70ca;
  animation:name188-prism-gem 5.6s ease-in-out infinite!important;
}
@keyframes name188-prism{
  0%{background-position:0% 50%;text-shadow:-1px 0 3px rgba(57,231,255,.36),1px 0 3px rgba(255,84,183,.32)}
  50%{text-shadow:-2px 0 5px rgba(77,242,180,.48),2px 0 6px rgba(161,94,255,.5),0 0 3px rgba(255,255,255,.45)}
  100%{background-position:520% 50%;text-shadow:-1px 0 3px rgba(57,231,255,.36),1px 0 3px rgba(255,84,183,.32)}
}
@keyframes name188-prism-gem{
  0%,100%{opacity:.15;transform:rotate(0deg) scale(.65)}
  48%{opacity:1;transform:rotate(180deg) scale(1.25)}
  72%{opacity:.35;transform:rotate(255deg) scale(.85)}
}

/* Гравитация: a restrained orbit-like float, all light follows glyphs. */
.name-effect-wave{
  animation:name188-gravity 4.7s ease-in-out infinite!important;
}
.name-effect-wave::after{
  content:"●"!important;
  display:block;
  left:50%!important;
  top:50%!important;
  color:#78e8ff;
  font-size:.16em;
  line-height:1;
  text-shadow:0 0 5px #78e8ff;
  animation:name188-gravity-orbit 4.7s ease-in-out infinite!important;
}
@keyframes name188-gravity{
  0%,100%{background-position:0% 50%;transform:translateY(0);text-shadow:0 2px 3px rgba(67,206,255,.22)}
  34%{background-position:55% 50%;transform:translateY(-3px);text-shadow:0 5px 8px rgba(67,206,255,.38),0 0 3px rgba(255,255,255,.4)}
  66%{background-position:100% 50%;transform:translateY(1px);text-shadow:0 -3px 8px rgba(194,105,255,.34)}
}
@keyframes name188-gravity-orbit{
  0%,100%{opacity:.1;transform:translate(-3.3em,-.75em) scale(.7)}
  25%{opacity:.9;transform:translate(0,-1.1em) scale(1)}
  52%{opacity:.45;transform:translate(3.3em,-.15em) scale(.75)}
  76%{opacity:.8;transform:translate(0,.85em) scale(.9)}
}

/* Импульс: irregular electrical colour split without duplicated text boxes. */
.name-effect-electric{
  animation:name188-electric 4.2s steps(1,end) infinite!important;
}
.name-effect-electric::after{
  content:"ϟ"!important;
  display:block;
  right:-.34em!important;
  top:-.5em!important;
  color:#dfffff;
  font-size:.43em;
  line-height:1;
  text-shadow:0 0 4px #25e8ff,0 0 9px #8d62ff;
  animation:name188-electric-spark 4.2s steps(1,end) infinite!important;
}
@keyframes name188-electric{
  0%,16%,24%,48%,55%,82%,100%{transform:none;text-shadow:0 0 3px rgba(255,255,255,.34),-1px 0 4px rgba(37,232,255,.28),1px 0 4px rgba(141,98,255,.28)}
  17%{transform:translateX(-1px);text-shadow:-3px 0 #25e8ff,3px 0 #8d62ff,0 0 8px #fff}
  19%{transform:translateX(2px) skewX(1deg);text-shadow:2px 0 #25e8ff,-2px 0 #8d62ff}
  50%{transform:translateY(-1px);text-shadow:-2px -1px #25e8ff,2px 1px #8d62ff,0 0 10px rgba(255,255,255,.8)}
  53%{transform:translateX(-1px);text-shadow:3px 0 #25e8ff,-3px 0 #8d62ff}
  84%{transform:translateX(1px);text-shadow:-2px 0 #25e8ff,2px 0 #8d62ff}
}
@keyframes name188-electric-spark{
  0%,16%,21%,48%,54%,82%,87%,100%{opacity:0;transform:scale(.5)}
  17%,49%,83%{opacity:1;transform:scale(1.25) rotate(-8deg)}
  19%,52%,85%{opacity:.4;transform:scale(.8) rotate(8deg)}
}

/* Цветение: animated pink-gold glyph gradient and independent petals. */
.name-effect-sakura{
  animation:name188-bloom 5.1s ease-in-out infinite!important;
}
.name-effect-sakura::after{
  content:"✦  ·  ✦"!important;
  display:block;
  left:9%!important;
  top:-.48em!important;
  color:#ffd3e8;
  font-size:.27em;
  letter-spacing:.8em;
  line-height:1;
  text-shadow:2em .2em 0 #ff80bd,4.8em -.2em 0 #fff0a8;
  animation:name188-bloom-petals 5.1s ease-in-out infinite!important;
}
@keyframes name188-bloom{
  0%,100%{background-position:0% 50%;text-shadow:0 0 3px rgba(255,138,191,.24)}
  45%{background-position:58% 50%;text-shadow:0 0 4px rgba(255,255,255,.58),0 0 9px rgba(255,119,181,.38)}
  72%{background-position:100% 50%;text-shadow:0 0 4px rgba(255,221,145,.35)}
}
@keyframes name188-bloom-petals{
  0%,100%{opacity:0;transform:translate(-5px,5px) rotate(-7deg)}
  24%{opacity:.9}
  72%{opacity:.35;transform:translate(16px,-10px) rotate(16deg)}
}

/* Контур: narrow scan line only; no full-width illuminated layer. */
.name-effect-scanner{
  animation:name188-scanner 4.2s cubic-bezier(.68,0,.18,1) infinite!important;
}
.name-effect-scanner::after{
  content:""!important;
  display:block;
  left:-3%!important;
  top:4%!important;
  width:2px!important;
  height:92%!important;
  background:linear-gradient(180deg,transparent 0%,#fff 25%,#6be8ff 50%,#fff 75%,transparent 100%)!important;
  border-radius:999px!important;
  opacity:0;
  animation:name188-scanner-line 4.2s cubic-bezier(.68,0,.18,1) infinite!important;
}
@keyframes name188-scanner{
  0%,14%{background-position:155% 50%;text-shadow:0 0 2px rgba(84,104,255,.2)}
  48%{text-shadow:0 0 3px rgba(255,255,255,.72),0 0 8px rgba(88,216,255,.4)}
  80%,100%{background-position:-210% 50%;text-shadow:0 0 2px rgba(193,124,255,.22)}
}
@keyframes name188-scanner-line{
  0%,15%{left:-3%;opacity:0}
  24%{opacity:1}
  72%{left:103%;opacity:1}
  83%,100%{left:103%;opacity:0}
}

/* Созвездие: stars are tiny glyphs, while the nickname itself stays clean. */
.name-effect-starlight{
  animation:name188-stars 5.3s ease-in-out infinite!important;
}
.name-effect-starlight::after{
  content:"✦"!important;
  display:block;
  left:4%!important;
  top:-.55em!important;
  color:#fff;
  font-size:.34em;
  line-height:1;
  text-shadow:2.8em .65em 0 #7fe7ff,6em -.08em 0 #fff,9.2em .55em 0 #b98cff;
  animation:name188-stars-points 5.3s ease-in-out infinite!important;
}
@keyframes name188-stars{
  0%,100%{background-position:0% 50%;text-shadow:0 0 3px rgba(255,255,255,.25),0 0 7px rgba(126,206,255,.16)}
  45%{background-position:55% 50%;text-shadow:0 0 4px rgba(255,255,255,.8),0 0 10px rgba(126,206,255,.36)}
  72%{background-position:100% 50%;text-shadow:0 0 4px rgba(185,140,255,.34)}
}
@keyframes name188-stars-points{
  0%,100%{opacity:.18;transform:translateY(3px) scale(.75)}
  35%{opacity:1;transform:translateY(-2px) scale(1.2)}
  68%{opacity:.42;transform:translateY(1px) scale(.9)}
}

/* Патрульный свет: alternating glyph shadows plus two compact beacons. */
.name-effect-siren{
  animation:name188-siren 1.35s steps(2,end) infinite!important;
}
.name-effect-siren::before,
.name-effect-siren::after{
  content:"●"!important;
  display:block;
  top:-.45em!important;
  font-size:.2em;
  line-height:1;
}
.name-effect-siren::before{
  left:8%!important;
  color:#ff294f;
  text-shadow:0 0 5px #ff294f;
  animation:name188-siren-red 1.35s steps(2,end) infinite!important;
}
.name-effect-siren::after{
  right:8%!important;
  color:#337dff;
  text-shadow:0 0 5px #337dff;
  animation:name188-siren-blue 1.35s steps(2,end) infinite!important;
}
@keyframes name188-siren{
  0%,46%{background-position:0% 50%;text-shadow:-3px 0 5px rgba(255,41,79,.72),0 0 3px rgba(255,255,255,.55);transform:skewX(-.5deg)}
  50%,96%{background-position:100% 50%;text-shadow:3px 0 5px rgba(51,125,255,.72),0 0 3px rgba(255,255,255,.55);transform:skewX(.5deg)}
  100%{background-position:0% 50%}
}
@keyframes name188-siren-red{0%,46%{opacity:1;transform:scale(1.3)}50%,96%{opacity:.08;transform:scale(.65)}100%{opacity:1}}
@keyframes name188-siren-blue{0%,46%{opacity:.08;transform:scale(.65)}50%,96%{opacity:1;transform:scale(1.3)}100%{opacity:.08}}

/* Затмение: dark-violet glyphs, a gold pass and one compact corona star. */
.name-effect-eclipse{
  animation:name188-eclipse 5s cubic-bezier(.44,0,.2,1) infinite!important;
}
.name-effect-eclipse::after{
  content:"✦"!important;
  display:block;
  right:-.44em!important;
  top:-.42em!important;
  color:#ffe6a0;
  font-size:.4em;
  line-height:1;
  text-shadow:0 0 4px #fff1b3,0 0 9px #d9a83f;
  animation:name188-eclipse-star 5s ease-in-out infinite!important;
}
@keyframes name188-eclipse{
  0%,100%{background-position:0% 50%;text-shadow:0 0 3px rgba(81,38,126,.28);transform:scale(1)}
  30%{background-position:38% 50%;text-shadow:0 0 7px rgba(104,50,164,.38)}
  51%{background-position:60% 50%;text-shadow:0 0 3px rgba(255,255,255,.72),0 0 10px rgba(255,221,126,.5),0 0 14px rgba(126,67,190,.26);transform:scale(1.018)}
  74%{background-position:100% 50%;text-shadow:0 0 7px rgba(209,155,50,.32);transform:scale(1)}
}
@keyframes name188-eclipse-star{
  0%,28%,78%,100%{opacity:0;transform:scale(.45) rotate(0deg)}
  48%{opacity:1;transform:scale(1.35) rotate(90deg)}
  62%{opacity:.45;transform:scale(.9) rotate(155deg)}
}

@media(prefers-reduced-motion:reduce){
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  ){
    animation:none!important;
    transform:none!important;
    text-shadow:none!important;
  }
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::before,
  :is(
    .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
    .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
    .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse
  )::after{
    content:none!important;
    animation:none!important;
  }
}

/* Release 194 — 100-level progression and prestige cosmetics. */
.profile-level-card{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border:1px solid color-mix(in srgb,var(--primary) 34%,var(--outline));
  border-radius:24px;
  background:
    radial-gradient(circle at 7% 12%,color-mix(in srgb,var(--primary) 23%,transparent),transparent 38%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface-container-high) 92%,transparent),var(--surface));
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}
.profile-level-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-100px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);
  box-shadow:0 0 0 28px color-mix(in srgb,var(--primary) 4%,transparent),0 0 0 58px color-mix(in srgb,var(--primary) 3%,transparent);
  pointer-events:none;
}
.profile-level-badge{
  position:relative;
  z-index:1;
  width:92px;
  height:92px;
  display:grid;
  grid-template-columns:auto auto;
  place-content:center;
  align-items:end;
  column-gap:4px;
  border-radius:30px;
  color:var(--on-primary);
  background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 80%,#fff),color-mix(in srgb,var(--primary) 78%,#432b99));
  box-shadow:0 16px 36px color-mix(in srgb,var(--primary) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.35);
}
.profile-level-badge span{grid-column:1/-1;font-size:9px;letter-spacing:.18em;font-weight:950;opacity:.74;text-align:center}
.profile-level-badge strong{font-size:39px;line-height:.92;letter-spacing:-.08em}
.profile-level-badge small{font-size:10px;font-weight:900;padding-bottom:3px;opacity:.72}
.profile-level-main{position:relative;z-index:1;min-width:0}
.profile-level-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.profile-level-heading>div{display:grid;gap:2px}
.profile-level-heading span{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}
.profile-level-heading strong{font-size:24px;letter-spacing:-.045em}
.profile-level-heading em{padding:6px 10px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:color-mix(in srgb,var(--primary) 72%,var(--on-surface));font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.profile-level-track{height:11px;margin-top:12px;border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,#000);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
.profile-level-track i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 85%,#6246dc),color-mix(in srgb,var(--primary) 75%,#fff),#f4ce74);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 44%,transparent);transition:width .35s ease}
.profile-level-main p{margin:8px 0 0;color:var(--on-surface-variant);font-size:11px}
.profile-level-card.max-level{border-color:color-mix(in srgb,#ffd76f 64%,var(--outline));background:radial-gradient(circle at 8% 10%,rgba(255,209,94,.24),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--surface-container-high) 92%,#261d07),var(--surface))}
.profile-level-card.max-level .profile-level-badge{color:#211500;background:linear-gradient(145deg,#fff1a5,#f4ba3f 54%,#be7720);box-shadow:0 16px 40px rgba(244,186,63,.28)}
.profile-level-card.max-level .profile-level-track i{background:linear-gradient(90deg,#ba7520,#ffd76f,#fff4bd,#ffd76f)}

.name-font-neon{font-family:"Arial Narrow","Avenir Next Condensed","Bahnschrift SemiCondensed",sans-serif;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.name-font-mythic{--name-glyph-pad-x:.32em;--name-glyph-pad-top:.22em;--name-glyph-pad-bottom:.3em;font-family:Papyrus,"Copperplate Gothic",Cinzel,Georgia,serif;font-weight:900;letter-spacing:.045em}
.name-font-celestial{--name-glyph-pad-x:.38em;--name-glyph-pad-top:.25em;--name-glyph-pad-bottom:.34em;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-style:italic;font-weight:800;letter-spacing:.08em}
.name-font-sovereign{--name-glyph-pad-x:.42em;--name-glyph-pad-top:.3em;--name-glyph-pad-bottom:.4em;font-family:Copperplate,"Copperplate Gothic Light","Times New Roman",serif;font-weight:950;letter-spacing:.12em;text-transform:uppercase}

.name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation{
  position:relative;
  display:inline-block;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  isolation:isolate;
}
.name-effect-nebula{background-image:linear-gradient(105deg,#72ebff 0%,#7c73ff 22%,#d96cff 43%,#ff8ad3 58%,#755eff 79%,#72ebff 100%);background-size:420% 100%;animation:name194-nebula 5.8s linear infinite;text-shadow:0 0 9px rgba(121,103,255,.24)}
.name-effect-void{background-image:linear-gradient(100deg,#e7ddff 0%,#7750bd 21%,#160c25 45%,#050208 50%,#8d5dde 67%,#e7ddff 100%);background-size:360% 100%;animation:name194-void 4.7s ease-in-out infinite;text-shadow:0 0 5px rgba(132,76,214,.34),0 0 14px rgba(52,21,84,.24)}
.name-effect-ascendant{background-image:linear-gradient(104deg,#72efff 0%,#fff 18%,#b69bff 36%,#ffe08a 52%,#fff 64%,#7ae9ff 82%,#72efff 100%);background-size:520% 100%;animation:name194-ascendant 4.8s linear infinite;text-shadow:0 0 5px rgba(255,255,255,.62),0 0 14px color-mix(in srgb,var(--role-color,#9178ff) 52%,transparent)}
.name-effect-coronation{padding-inline:.18em;background-image:linear-gradient(102deg,#8d5414 0%,#f2ae39 16%,#fff2a9 32%,#fff 47%,#ffd76b 58%,#c77a18 78%,#fff0a0 100%);background-size:460% 100%;animation:name194-coronation 4.1s linear infinite;text-shadow:0 0 4px rgba(255,233,145,.78),0 0 12px rgba(246,180,54,.42)}
@keyframes name194-nebula{to{background-position:-420% 50%}}
@keyframes name194-void{0%,100%{background-position:0 50%;transform:translateY(0);text-shadow:0 0 5px rgba(132,76,214,.3)}50%{background-position:100% 50%;transform:translateY(-1px);text-shadow:0 0 7px rgba(173,111,255,.58),0 0 17px rgba(35,7,64,.46)}}
@keyframes name194-ascendant{0%{background-position:0 50%;transform:scale(1)}50%{transform:scale(1.025);text-shadow:0 0 6px #fff,0 0 18px rgba(157,118,255,.64)}100%{background-position:-520% 50%;transform:scale(1)}}
@keyframes name194-coronation{to{background-position:-460% 50%}}

.cosmetic-challenge-card.ready{order:-2}
.cosmetic-challenge-card.completed{order:-1}

@media(max-width:700px){
  .profile-level-card{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;border-radius:19px}
  .profile-level-badge{width:68px;height:68px;border-radius:22px}
  .profile-level-badge strong{font-size:29px}
  .profile-level-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .profile-level-heading strong{font-size:19px}
  .profile-level-heading em{padding:4px 8px}
}
@media(max-width:430px){
  .profile-level-card{grid-template-columns:1fr}
  .profile-level-badge{width:76px;height:76px}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation{animation:none!important}
}
.profile-level-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.profile-level-sources span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--outline) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 66%,transparent);color:var(--on-surface-variant);font-size:9px;font-weight:750}.profile-level-sources b{color:color-mix(in srgb,var(--primary) 76%,var(--on-surface));font-size:9px}

/* Release 195 — level badge near the nickname, exact progression dialog and
   safer profile-name layout without glyph clipping. */
.public-profile-hero,
.own-public-profile-hero,
.public-profile-title-row,
.own-public-profile-hero .public-profile-title-row{
  overflow:visible;
}
.public-profile-title-row,
.own-public-profile-hero .public-profile-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 12px;
}
.public-profile-title-row h1,
.own-public-profile-hero .public-profile-title-row h1{
  flex:0 1 auto;
  width:auto;
  max-width:100%;
  margin:0;
  line-height:1.24;
  white-space:normal;
  padding-block:.08em .2em;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
}
.own-public-profile-hero .public-profile-title-row::before{content:none!important;display:none!important}

.profile-level-pill{
  --level-pill-glow:rgba(122,145,255,.26);
  position:relative;
  display:inline-grid;
  grid-template-columns:auto auto;
  align-items:center;
  gap:1px 7px;
  min-height:42px;
  padding:8px 12px 8px 11px;
  border:1px solid color-mix(in srgb,var(--level-pill-glow) 85%,rgba(255,255,255,.08));
  border-radius:15px;
  background:linear-gradient(145deg,rgba(18,24,41,.94),rgba(8,10,19,.92));
  color:#f4f7ff;
  box-shadow:0 12px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
  isolation:isolate;
}
.profile-level-pill::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--level-pill-glow) 72%,transparent),transparent 46%),linear-gradient(145deg,rgba(255,255,255,.06),transparent 58%);
  pointer-events:none;
  opacity:.95;
}
.profile-level-pill::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:1px solid color-mix(in srgb,var(--level-pill-glow) 55%,transparent);
  opacity:.28;
  pointer-events:none;
}
.profile-level-pill:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--level-pill-glow) 35%,transparent),0 0 20px color-mix(in srgb,var(--level-pill-glow) 28%,transparent);
}
.profile-level-pill span,
.profile-level-pill strong,
.profile-level-pill small{position:relative;z-index:1;display:block}
.profile-level-pill span{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(236,241,255,.78)}
.profile-level-pill strong{font-size:20px;line-height:.9}
.profile-level-pill small{grid-column:1/-1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(236,241,255,.7)}
.profile-level-pill.rookie{--level-pill-glow:rgba(114,134,255,.28)}
.profile-level-pill.adept{--level-pill-glow:rgba(87,207,255,.34)}
.profile-level-pill.veteran{--level-pill-glow:rgba(170,132,255,.36)}
.profile-level-pill.aurora{--level-pill-glow:rgba(255,148,92,.36);background:linear-gradient(145deg,rgba(31,18,15,.94),rgba(12,8,15,.92))}
.profile-level-pill.mythic{--level-pill-glow:rgba(255,116,204,.42);background:linear-gradient(145deg,rgba(31,14,24,.95),rgba(10,7,17,.92));animation:profile-level-mythic 4.8s linear infinite}
.profile-level-pill.legend{--level-pill-glow:rgba(255,214,108,.5);background:linear-gradient(145deg,rgba(37,27,10,.96),rgba(14,10,5,.94));animation:profile-level-legend 5.6s linear infinite}
.profile-level-pill.aurora::before,.profile-level-pill.mythic::before,.profile-level-pill.legend::before{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--level-pill-glow) 86%,transparent),transparent 45%),linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.18) 50%,transparent 62%)}
.profile-level-pill.aurora strong,.profile-level-pill.mythic strong,.profile-level-pill.legend strong{letter-spacing:.02em}
.profile-level-pill.mythic strong,.profile-level-pill.legend strong{text-shadow:0 0 12px color-mix(in srgb,var(--level-pill-glow) 45%,transparent)}
@keyframes profile-level-mythic{0%{background-position:0% 50%;filter:saturate(1)}50%{background-position:100% 50%;filter:saturate(1.18) brightness(1.08)}100%{background-position:0% 50%;filter:saturate(1)}}
@keyframes profile-level-legend{0%,100%{box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 0 1px rgba(255,214,108,.08),0 0 20px rgba(255,214,108,.15)}50%{box-shadow:0 18px 46px rgba(0,0,0,.33),0 0 0 1px rgba(255,214,108,.18),0 0 28px rgba(255,214,108,.26)}}

.progression-dialog-backdrop{align-items:center!important;justify-content:center!important;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box}
.progression-dialog{
  width:min(700px,100%);
  max-height:min(86dvh,900px);
  overflow:auto;
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--panel-border));
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 34%),var(--surface);
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.progression-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.progression-dialog-head small{display:block;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.progression-dialog-head h2{margin:5px 0 4px;font-size:clamp(22px,3.4vw,30px)}
.progression-dialog-head p{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.55}
.progression-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:18px;border:1px solid var(--panel-border);border-radius:22px;background:linear-gradient(145deg,rgba(18,20,34,.92),rgba(9,10,19,.94))}
.progression-hero.rookie{border-color:rgba(125,145,255,.28)}
.progression-hero.adept{border-color:rgba(88,206,255,.3)}
.progression-hero.veteran{border-color:rgba(174,138,255,.32)}
.progression-hero.aurora{border-color:rgba(255,149,94,.32);background:linear-gradient(145deg,rgba(30,19,14,.94),rgba(11,9,18,.95))}
.progression-hero.mythic{border-color:rgba(255,120,208,.36);background:linear-gradient(145deg,rgba(31,16,26,.95),rgba(12,8,19,.95))}
.progression-hero.legend{border-color:rgba(255,214,108,.42);background:linear-gradient(145deg,rgba(37,28,11,.96),rgba(15,11,6,.95))}
.progression-hero-orb{width:102px;min-height:102px;display:grid;place-content:center;gap:3px;text-align:center;border-radius:30px;background:linear-gradient(145deg,#a8b2ff,#6f54dd);color:#120e22;box-shadow:0 16px 44px rgba(111,84,221,.3)}
.progression-hero.aurora .progression-hero-orb{background:linear-gradient(145deg,#ffd28d,#f38f5a)}
.progression-hero.mythic .progression-hero-orb{background:linear-gradient(145deg,#ffb5e5,#c46cff)}
.progression-hero.legend .progression-hero-orb{background:linear-gradient(145deg,#ffe59a,#f2b74c)}
.progression-hero-orb span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.progression-hero-orb strong{font-size:42px;line-height:.9}
.progression-hero-orb small{font-size:11px;font-weight:800}
.progression-hero-copy{display:grid;gap:10px}
.progression-hero-copy b{font-size:30px;line-height:1}
.progression-hero-copy p{margin:0;color:var(--on-surface-variant);font-size:11px;line-height:1.55}
.progression-hero-bar{height:12px;border-radius:999px;background:#08070c;overflow:hidden}
.progression-hero-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f4fda,#b8a5ff,#f4d58b)}
.progression-quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.progression-quick-facts article,.progression-breakdown-item{padding:14px;border:1px solid var(--panel-border);border-radius:16px;background:var(--surface-variant)}
.progression-quick-facts span,.progression-breakdown-item span{display:block;color:var(--on-surface-variant);font-size:10px;line-height:1.45}
.progression-quick-facts strong{display:block;margin-top:5px;font-size:17px}
.progression-breakdown{display:grid;gap:11px}
.progression-breakdown-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.progression-breakdown-head h3{margin:0;font-size:15px}
.progression-breakdown-head small{color:var(--on-surface-variant);font-size:10px}
.progression-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.progression-breakdown-item strong{display:block;font-size:12px}
.progression-breakdown-item b{display:block;margin-top:8px;font-size:16px}

@media(max-width:700px){
  .public-profile-title-row,.own-public-profile-hero .public-profile-title-row{justify-content:center}
  .public-profile-title-row h1,.own-public-profile-hero .public-profile-title-row h1{text-align:center}
  .profile-level-pill{min-height:40px;padding:7px 11px}
  .own-profile-edit-button{order:3}
  .progression-dialog{padding:16px;border-radius:20px}
  .progression-hero{grid-template-columns:1fr;justify-items:start}
  .progression-hero-orb{width:86px;min-height:86px;border-radius:24px}
  .progression-quick-facts,.progression-breakdown-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .profile-level-pill,
  .profile-level-pill::before,
  .profile-level-pill::after,
  .progression-hero,
  .progression-hero-bar i{animation:none!important;transition:none!important}
}

/* Release 195.1 — profile-name baseline safety, compact save placement and
   single-line cosmetic names in comment headers. */
.public-profile-title-row h1,
.own-public-profile-hero .public-profile-title-row h1{
  box-sizing:border-box;
  padding-block:.2em .38em;
  line-height:1.28;
  overflow:visible!important;
  clip-path:none!important;
}
.public-profile-title-row h1::before,
.public-profile-title-row h1::after,
.own-public-profile-hero .public-profile-title-row h1::before,
.own-public-profile-hero .public-profile-title-row h1::after{
  overflow:visible;
}
.profile-name-style-apply{
  display:grid;
  grid-template-columns:minmax(180px,auto) minmax(0,1fr);
  align-items:center;
  gap:10px 14px;
  margin-top:4px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--primary) 32%,var(--panel-border));
  border-radius:16px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface-variant));
}
.profile-name-style-apply .profile-edit-submit{min-height:44px;margin:0;justify-content:center}
.profile-name-style-apply small{color:var(--on-surface-variant);font-size:10px;line-height:1.5}
.profile-name-style-apply + .cosmetic-challenges{margin-top:2px}

.comment-content,.comment-head,.comment-head>div{min-width:0}
.comment-head>div{width:100%;flex-wrap:nowrap;overflow:visible}
.comment-author.decorated-name{
  flex:0 1 auto;
  min-width:0;
  max-width:min(100%,34rem);
  white-space:nowrap;
  overflow:visible;
}
.comment-author.decorated-name .decorated-name-text{
  display:block;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  overflow-wrap:normal;
  word-break:normal;
  text-overflow:ellipsis;
  line-height:1.38;
  padding-block:.14em .28em;
  margin-block:-.14em -.28em;
}
.comment-head .role-chip{flex:0 0 auto;white-space:nowrap}

@media(max-width:700px){
  .profile-name-style-apply{grid-template-columns:1fr}
  .profile-name-style-apply .profile-edit-submit{width:100%}
  .comment-author.decorated-name{max-width:calc(100vw - 118px)}
}

/* Release 196 — uncropped profile names, a number-only level badge and the
   original save-button treatment above cosmetic challenges. */
.public-profile-title-row,
.own-public-profile-hero .public-profile-title-row{
  align-items:center;
  overflow:visible!important;
}
.public-profile-title-row h1,
.own-public-profile-hero .public-profile-title-row h1{
  flex:1 1 14rem;
  min-width:0;
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  padding:
    max(var(--name-glyph-pad-top,.24em),.24em)
    max(var(--name-glyph-pad-x,.38em),.38em)
    max(var(--name-glyph-pad-bottom,.42em),.42em);
  line-height:1.34;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  clip-path:none!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

.profile-level-pill{
  --level-pill-accent:color-mix(in srgb,var(--primary) 78%,#fff);
  position:relative;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:34px;
  min-width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--level-pill-accent) 38%,var(--outline));
  border-radius:11px;
  background:color-mix(in srgb,var(--surface-variant) 76%,transparent);
  color:var(--level-pill-accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  cursor:pointer;
  isolation:isolate;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.profile-level-pill::before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:8px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--level-pill-accent) 9%,transparent),transparent 62%);
  opacity:1;
  pointer-events:none;
}
.profile-level-pill::after{content:none}
.profile-level-pill:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--level-pill-accent) 66%,var(--outline));
  background:color-mix(in srgb,var(--level-pill-accent) 8%,var(--surface-variant));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px color-mix(in srgb,var(--level-pill-accent) 14%,transparent);
}
.profile-level-pill strong{
  position:relative;
  z-index:1;
  display:block;
  font-size:14px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.profile-level-pill span,
.profile-level-pill small{display:none!important}
.profile-level-pill.rookie{--level-pill-accent:#a9b2c8}
.profile-level-pill.adept{--level-pill-accent:#75d8f3}
.profile-level-pill.veteran{--level-pill-accent:#ad92ff}
.profile-level-pill.aurora{--level-pill-accent:#f1a46f;background:color-mix(in srgb,#f1a46f 6%,var(--surface-variant))}
.profile-level-pill.mythic{--level-pill-accent:#ef91d0;background:color-mix(in srgb,#ef91d0 6%,var(--surface-variant));animation:none}
.profile-level-pill.legend{--level-pill-accent:#efd071;background:color-mix(in srgb,#efd071 7%,var(--surface-variant));animation:profile-level-196-legend 3.8s ease-in-out infinite}
@keyframes profile-level-196-legend{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 transparent}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px color-mix(in srgb,var(--level-pill-accent) 20%,transparent)}
}

.profile-name-style-apply-button{
  justify-self:center;
  min-width:210px;
  margin:4px auto 2px;
}
.profile-name-style-apply-button + .cosmetic-challenges{margin-top:2px}

.comment-content,
.comment-head,
.comment-head>div{min-width:0}
.comment-head>div{
  width:100%;
  align-items:center;
  flex-wrap:wrap;
  overflow:visible;
}
.comment-author.decorated-name{
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:visible;
}
.comment-author.decorated-name .decorated-name-text{
  display:inline-block;
  width:max-content;
  max-width:none;
  white-space:nowrap;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  text-overflow:clip;
  line-height:1.4;
  padding-block:.16em .32em;
  margin-block:-.16em -.32em;
  transform-origin:left center;
}
.comment-head .role-chip{flex:0 0 auto;white-space:nowrap}

@media(max-width:700px){
  .public-profile-title-row,
  .own-public-profile-hero .public-profile-title-row{justify-content:center}
  .public-profile-title-row h1,
  .own-public-profile-hero .public-profile-title-row h1{
    flex:0 1 auto;
    max-width:calc(100% - 44px);
    text-align:center;
  }
  .profile-level-pill{width:32px;min-width:32px;height:32px;min-height:32px;border-radius:10px}
  .profile-name-style-apply-button{width:100%;min-width:0;justify-self:stretch}
  .comment-author.decorated-name{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .profile-level-pill.legend{animation:none!important}
}


/* Release 197 — stable level number, compact details, no role dots or crowns. */
.name-team-dot{display:none!important}
.comment-author.team-name::before{content:none!important;display:none!important}
.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}

.profile-level-pill{
  --level-pill-accent:#aeb7cc;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:center;
  grid-template-columns:none!important;
  gap:0!important;
  box-sizing:border-box;
  width:auto!important;
  min-width:28px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0 0 0 2px;
  padding:0 7px!important;
  border:1px solid color-mix(in srgb,var(--level-pill-accent) 38%,var(--outline));
  border-radius:999px!important;
  background:color-mix(in srgb,var(--level-pill-accent) 7%,var(--surface-variant))!important;
  color:var(--level-pill-accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  line-height:1!important;
  animation:none!important;
  filter:none!important;
  transform:none;
}
.profile-level-pill::before,.profile-level-pill::after{content:none!important;display:none!important}
.profile-level-pill:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--level-pill-accent) 68%,var(--outline));
  background:color-mix(in srgb,var(--level-pill-accent) 11%,var(--surface-variant))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 14px color-mix(in srgb,var(--level-pill-accent) 12%,transparent)!important;
}
.profile-level-pill strong{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums;
  text-shadow:none!important;
  transform:none!important;
}
.profile-level-pill.rookie{--level-pill-accent:#aeb7cc}
.profile-level-pill.adept{--level-pill-accent:#70cde5}
.profile-level-pill.veteran{--level-pill-accent:#a68cff}
.profile-level-pill.aurora{--level-pill-accent:#eaa16f}
.profile-level-pill.mythic{--level-pill-accent:#df89c2}
.profile-level-pill.legend{
  --level-pill-accent:#e8c76e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 10px color-mix(in srgb,#e8c76e 13%,transparent)!important;
}

.progression-dialog.progression-dialog-compact{
  width:min(440px,100%);
  max-height:min(82dvh,620px);
  gap:14px;
  padding:18px;
  border-radius:20px;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--primary) 8%,transparent),transparent 38%),var(--surface);
}
.progression-dialog-compact .progression-dialog-head{align-items:center}
.progression-dialog-compact .progression-dialog-head small{font-size:9px;letter-spacing:.1em}
.progression-dialog-compact .progression-dialog-head h2{margin:3px 0 0;font-size:22px}
.progression-summary{
  --progression-accent:var(--primary);
  display:grid;
  gap:11px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--progression-accent) 24%,var(--panel-border));
  border-radius:17px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--progression-accent) 7%,var(--surface-variant)),var(--surface-variant));
}
.progression-summary.rookie{--progression-accent:#aeb7cc}
.progression-summary.adept{--progression-accent:#70cde5}
.progression-summary.veteran{--progression-accent:#a68cff}
.progression-summary.aurora{--progression-accent:#eaa16f}
.progression-summary.mythic{--progression-accent:#df89c2}
.progression-summary.legend{--progression-accent:#e8c76e}
.progression-summary-top,.progression-summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.progression-summary-top span{display:block;color:var(--on-surface-variant);font-size:10px}
.progression-summary-top strong{display:block;margin-top:3px;font-size:25px;line-height:1}
.progression-summary-top em{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--progression-accent) 11%,var(--surface));
  color:var(--progression-accent);
  font-size:9px;
  font-style:normal;
  font-weight:850;
}
.progression-dialog-compact .progression-hero-bar{height:8px;background:color-mix(in srgb,var(--outline) 15%,#050509)}
.progression-dialog-compact .progression-hero-bar i{background:linear-gradient(90deg,var(--progression-accent),color-mix(in srgb,var(--progression-accent) 65%,#fff))}
.progression-summary-line{color:var(--on-surface-variant);font-size:10px}
.progression-summary-line b{color:var(--on-surface);font-size:10px}
.progression-thresholds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.progression-thresholds article{
  padding:12px 13px;
  border:1px solid var(--panel-border);
  border-radius:14px;
  background:var(--surface-variant);
}
.progression-thresholds span{display:block;color:var(--on-surface-variant);font-size:9.5px}
.progression-thresholds strong{display:block;margin-top:5px;font-size:13px;line-height:1.3}

@media(max-width:700px){
  .profile-level-pill{min-width:28px!important;height:26px!important;min-height:26px!important;padding:0 7px!important}
  .progression-dialog.progression-dialog-compact{padding:16px;border-radius:18px}
  .progression-thresholds{grid-template-columns:1fr}
}

/* Release 198 — nickname and level are one fitted, unbreakable identity row. */
.public-profile-title-row,
.own-public-profile-hero .public-profile-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start;
  flex-wrap:nowrap!important;
  gap:10px;
  width:100%;
  min-width:0;
  overflow:visible!important;
}
.profile-title-identity{
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:visible;
}
.own-public-profile-hero .profile-title-identity{
  max-width:calc(100% - 46px);
}
.profile-title-identity>h1,
.public-profile-title-row .profile-title-identity>h1,
.own-public-profile-hero .public-profile-title-row .profile-title-identity>h1{
  flex:0 1 auto!important;
  min-width:0!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  padding:
    max(var(--name-glyph-pad-top,.24em),.24em)
    max(var(--name-glyph-pad-x,.38em),.38em)
    max(var(--name-glyph-pad-bottom,.42em),.42em)!important;
  line-height:1.34!important;
  white-space:nowrap!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  clip-path:none!important;
  text-align:left;
}
.profile-title-identity>.profile-level-pill{
  flex:0 0 auto!important;
  align-self:center!important;
  margin:0!important;
}
.own-public-profile-hero .public-profile-title-row::before{
  content:none!important;
  display:none!important;
}
.own-public-profile-hero .own-profile-edit-button{
  flex:0 0 36px;
  margin:0!important;
}

@media(max-width:700px){
  .public-profile-title-row,
  .own-public-profile-hero .public-profile-title-row{
    justify-content:center;
  }
  .profile-title-identity{
    max-width:100%;
  }
  .own-public-profile-hero .profile-title-identity{
    max-width:calc(100% - 46px);
  }
  .profile-title-identity>h1,
  .public-profile-title-row .profile-title-identity>h1,
  .own-public-profile-hero .public-profile-title-row .profile-title-identity>h1{
    max-width:none!important;
    text-align:center;
  }
  .own-public-profile-hero .own-profile-edit-button{
    order:0;
  }
}


/* Release 199 — align profile metadata with the visible nickname and explain
   the exact XP economy inside the compact level dialog. */
.public-profile-copy{
  --profile-name-inset:0px;
  min-width:0;
  width:100%;
}
.public-profile-copy>.public-profile-title-row{
  margin:0;
}
.public-profile-copy>p,
.public-profile-copy>.account-roles{
  margin-inline-start:var(--profile-name-inset)!important;
}
.public-profile-copy>p{
  max-width:min(620px,calc(100% - var(--profile-name-inset)));
}

.progression-dialog.progression-dialog-compact{
  width:min(620px,calc(100vw - 24px));
  gap:13px;
}
.progression-earning{
  display:grid;
  gap:10px;
  padding-top:2px;
}
.progression-earning-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.progression-earning-head small{
  display:block;
  color:var(--on-surface-variant);
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.progression-earning-head h3{
  margin:3px 0 0;
  font-size:15px;
  letter-spacing:-.015em;
}
.progression-earning-head>span{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);
  border-radius:999px;
  color:var(--on-surface-variant);
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.04em;
}
.progression-earning-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.progression-earning-group{
  min-width:0;
  padding:11px;
  border:1px solid color-mix(in srgb,var(--outline) 18%,transparent);
  border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 4%,var(--surface-variant)),var(--surface-variant));
}
.progression-earning-group header{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:8px;
}
.progression-earning-group header>span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--primary) 10%,var(--surface));
  color:var(--primary);
}
.progression-earning-group header svg{width:13px;height:13px}
.progression-earning-group header strong{font-size:11px}
.progression-earning-group>div{display:grid;gap:0}
.progression-earning-group p{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  margin:0;
  padding:6px 0;
  border-top:1px solid color-mix(in srgb,var(--outline) 12%,transparent);
  color:var(--on-surface-variant);
  font-size:9px;
  line-height:1.25;
}
.progression-earning-group p:first-child{border-top:0}
.progression-earning-group p span{min-width:0}
.progression-earning-group p b{
  flex:0 0 auto;
  color:var(--on-surface);
  font-size:9px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

@media(max-width:700px){
  .public-profile-copy>p,
  .public-profile-copy>.account-roles{margin-inline-start:0!important}
  .public-profile-copy>p{max-width:620px}
  .progression-dialog.progression-dialog-compact{width:min(100%,560px)}
  .progression-earning-grid{grid-template-columns:1fr}
  .progression-earning-group{padding:10px 12px}
  .progression-earning-group header{margin-bottom:4px}
}

/* Release 200 — a progress-cut level sigil and the 2026 pioneer reward. */
.profile-level-pill{
  --level-progress:0%;
  --level-pill-accent:#aeb7cc;
  position:relative!important;
  isolation:isolate;
  display:inline-grid!important;
  place-items:center;
  flex:0 0 auto;
  box-sizing:border-box;
  width:auto!important;
  min-width:35px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--level-pill-accent)!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:none!important;
  transform:none;
}
.profile-level-pill>.profile-level-frame{
  position:absolute;
  inset:0;
  z-index:0;
  display:block!important;
  pointer-events:none;
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);
  background:conic-gradient(
    from -90deg,
    var(--level-pill-accent) 0 var(--level-progress),
    color-mix(in srgb,var(--outline) 42%,transparent) var(--level-progress) 100%
  );
  filter:none;
  transition:transform .18s ease,opacity .18s ease;
}
.profile-level-pill>.profile-level-frame::after{
  content:"";
  position:absolute;
  inset:1px;
  clip-path:inherit;
  background:
    radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--level-pill-accent) 12%,transparent),transparent 43%),
    color-mix(in srgb,var(--surface-variant) 94%,#07070b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.profile-level-pill:hover>.profile-level-frame{
  transform:translateY(-1px);
  opacity:1;
}
.profile-level-pill strong{
  position:relative!important;
  z-index:1;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:color-mix(in srgb,var(--level-pill-accent) 78%,var(--on-surface))!important;
  font-size:11.5px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 9px color-mix(in srgb,var(--level-pill-accent) 18%,transparent)!important;
  transform:none!important;
}
.profile-level-pill.rookie{--level-pill-accent:#aeb7cc}
.profile-level-pill.adept{--level-pill-accent:#68cde8}
.profile-level-pill.veteran{--level-pill-accent:#a48dff}
.profile-level-pill.aurora{--level-pill-accent:#eea26d}
.profile-level-pill.mythic{--level-pill-accent:#e28ac9}
.profile-level-pill.legend{--level-pill-accent:#edcf73}
.profile-level-pill.legend>.profile-level-frame{opacity:1}

.name-effect-trailblazer{
  position:relative;
  display:inline-block;
  background-image:linear-gradient(102deg,#63e6ff 0%,#edfaff 19%,#7296ff 38%,#c481ff 55%,#ffffff 67%,#62e8ff 83%,#63e6ff 100%);
  background-size:380% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  animation:name200-trailblazer 4.9s cubic-bezier(.45,0,.18,1) infinite;
  text-shadow:-.08em 0 8px rgba(80,222,255,.24),0 0 12px rgba(124,112,255,.2);
}
@keyframes name200-trailblazer{
  0%{background-position:120% 50%;text-shadow:-.12em 0 9px rgba(80,222,255,.16),0 0 8px rgba(124,112,255,.14)}
  48%{text-shadow:-.22em 0 13px rgba(80,222,255,.34),.04em 0 5px rgba(255,255,255,.36),0 0 16px rgba(155,103,255,.28)}
  100%{background-position:-240% 50%;text-shadow:-.08em 0 7px rgba(80,222,255,.18),0 0 10px rgba(124,112,255,.16)}
}

@media(max-width:700px){
  .profile-level-pill{min-width:33px!important;height:28px!important;min-height:28px!important;padding:0 8px!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-trailblazer{animation:none!important;background-position:50% 50%;text-shadow:none}
  .profile-level-pill>.profile-level-frame{transition:none}
}

/* Release 201 — distinct cosmetic motion and a stable orbital level marker.
   Public rewards use trails, slices, particles, scans, shadows and physical
   movement instead of repeating the same animated text gradient. */
.profile-level-pill{
  --level-pill-accent:#aeb7cc;
  --level-progress:0%;
  position:relative!important;
  isolation:isolate;
  display:inline-grid!important;
  place-items:center!important;
  align-self:center!important;
  flex:0 0 30px!important;
  box-sizing:border-box!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--level-pill-accent)!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:translateY(.5px)!important;
  cursor:pointer;
}
.profile-level-pill>.profile-level-frame{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:conic-gradient(
    from -90deg,
    var(--level-pill-accent) 0 var(--level-progress),
    color-mix(in srgb,var(--outline) 32%,transparent) var(--level-progress) 100%
  )!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--level-pill-accent) 9%,transparent),0 5px 14px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.profile-level-pill>.profile-level-frame::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  display:block!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--surface-variant) 94%,#06070a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px color-mix(in srgb,var(--level-pill-accent) 8%,transparent)!important;
}
.profile-level-pill>.profile-level-frame::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:-1px!important;
  left:50%!important;
  display:block!important;
  width:4px!important;
  height:4px!important;
  border:2px solid color-mix(in srgb,var(--surface) 90%,#050508)!important;
  border-radius:50%!important;
  background:var(--level-pill-accent)!important;
  box-shadow:0 0 7px color-mix(in srgb,var(--level-pill-accent) 40%,transparent)!important;
  transform:translateX(-50%)!important;
}
.profile-level-pill:hover>.profile-level-frame{
  transform:rotate(10deg) scale(1.04)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--level-pill-accent) 18%,transparent),0 7px 18px color-mix(in srgb,var(--level-pill-accent) 13%,rgba(0,0,0,.18))!important;
}
.profile-level-pill strong{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:color-mix(in srgb,var(--level-pill-accent) 82%,var(--on-surface))!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  text-shadow:0 0 7px color-mix(in srgb,var(--level-pill-accent) 18%,transparent)!important;
  transform:none!important;
}
.profile-level-pill.rookie{--level-pill-accent:#aeb7cc}
.profile-level-pill.adept{--level-pill-accent:#65cde9}
.profile-level-pill.veteran{--level-pill-accent:#a48dff}
.profile-level-pill.aurora{--level-pill-accent:#efa16c}
.profile-level-pill.mythic{--level-pill-accent:#e28ac9}
.profile-level-pill.legend{--level-pill-accent:#edcf73}
.profile-title-identity>.profile-level-pill{margin-inline-start:1px!important}

.name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
.name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse,
.name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation,
.name-effect-trailblazer{
  position:relative!important;
  isolation:isolate!important;
  display:inline-block!important;
  background:none!important;
  background-image:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  overflow:visible!important;
}
.name-effect-comet::before,.name-effect-comet::after,.name-effect-pulse::before,.name-effect-pulse::after,
.name-effect-glitch::before,.name-effect-glitch::after,.name-effect-ember::before,.name-effect-ember::after,
.name-effect-prism::before,.name-effect-prism::after,.name-effect-wave::before,.name-effect-wave::after,
.name-effect-electric::before,.name-effect-electric::after,.name-effect-sakura::before,.name-effect-sakura::after,
.name-effect-scanner::before,.name-effect-scanner::after,.name-effect-starlight::before,.name-effect-starlight::after,
.name-effect-siren::before,.name-effect-siren::after,.name-effect-eclipse::before,.name-effect-eclipse::after,
.name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,.name-effect-void::after,
.name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after,
.name-effect-trailblazer::before,.name-effect-trailblazer::after{
  pointer-events:none!important;
}

/* Зенит: короткий физический шлейф проходит под неподвижным ником. */
.name-effect-comet{color:#dcf7ff!important;animation:name201-comet-core 4.2s ease-in-out infinite!important;text-shadow:0 0 5px rgba(66,220,255,.22)!important}
.name-effect-comet::before{content:none!important;display:none!important}
.name-effect-comet::after{content:""!important;position:absolute!important;left:-8%!important;bottom:.08em!important;z-index:-1!important;width:34%!important;height:2px!important;border-radius:999px!important;background:#61dcff!important;box-shadow:-.7em 0 8px rgba(97,220,255,.18),0 0 9px rgba(97,220,255,.55)!important;opacity:0!important;animation:name201-comet-tail 4.2s cubic-bezier(.4,0,.18,1) infinite!important}
@keyframes name201-comet-core{0%,18%,100%{text-shadow:0 0 4px rgba(66,220,255,.18)}38%{text-shadow:.07em 0 4px rgba(255,255,255,.5),0 0 11px rgba(66,220,255,.4)}55%{text-shadow:0 0 4px rgba(66,220,255,.18)}}
@keyframes name201-comet-tail{0%,15%,63%,100%{left:-8%;opacity:0;transform:scaleX(.35)}27%{opacity:.85}48%{left:74%;opacity:.5;transform:scaleX(1)}58%{left:92%;opacity:0;transform:scaleX(.42)}}

/* Аура: силуэт спокойно дышит, без изменения заливки. */
.name-effect-pulse{color:color-mix(in srgb,var(--role-color,#a08cff) 62%,#fff)!important;animation:name201-aura-breathe 3.7s ease-in-out infinite!important;transform-origin:center!important}
.name-effect-pulse::before,.name-effect-pulse::after{content:none!important;display:none!important}
@keyframes name201-aura-breathe{0%,100%{transform:scale(1);text-shadow:0 0 3px transparent}48%{transform:scale(1.018,1.035);text-shadow:0 0 4px rgba(255,255,255,.2),0 0 15px color-mix(in srgb,var(--role-color,#a08cff) 42%,transparent)}65%{transform:scale(.997,1.008);text-shadow:0 0 7px color-mix(in srgb,var(--role-color,#a08cff) 20%,transparent)}}

/* Сигнал: реальный рывок букв плюс две короткие цифровые полосы. */
.name-effect-glitch{color:#f5f7ff!important;animation:name201-glitch-core 5.1s steps(1,end) infinite!important}
.name-effect-glitch::before,.name-effect-glitch::after{content:""!important;position:absolute!important;z-index:2!important;width:24%!important;height:1px!important;border-radius:999px!important;opacity:0!important}
.name-effect-glitch::before{left:18%!important;top:34%!important;background:#35e8ff!important;box-shadow:0 0 5px rgba(53,232,255,.7)!important;animation:name201-glitch-cyan 5.1s steps(1,end) infinite!important}
.name-effect-glitch::after{right:14%!important;top:67%!important;background:#ff4fa8!important;box-shadow:0 0 5px rgba(255,79,168,.68)!important;animation:name201-glitch-pink 5.1s steps(1,end) infinite!important}
@keyframes name201-glitch-core{0%,81%,86%,100%{transform:none;text-shadow:none}82%{transform:translateX(.025em);text-shadow:-2px 0 #35e8ff,2px 0 #ff4fa8}83%{transform:translateX(-.02em);text-shadow:2px 0 #35e8ff,-1px 0 #ff4fa8}84%{transform:translateX(.012em)}85%{transform:none;text-shadow:none}}
@keyframes name201-glitch-cyan{0%,81%,86%,100%{opacity:0;transform:translateX(-.5em)}82%{opacity:.9;transform:translateX(.3em)}84%{opacity:.35;transform:translateX(-.2em)}}
@keyframes name201-glitch-pink{0%,81%,86%,100%{opacity:0;transform:translateX(.5em)}83%{opacity:.85;transform:translateX(-.35em)}85%{opacity:.3;transform:translateX(.2em)}}

/* Тлеющий свет: над буквами поднимаются редкие жаркие частицы. */
.name-effect-ember{color:#ffd2a0!important;animation:name201-ember-core 4.4s ease-in-out infinite!important;text-shadow:0 -1px 4px rgba(255,112,45,.2)!important}
.name-effect-ember::before{content:none!important;display:none!important}
.name-effect-ember::after{content:"·  •  ·"!important;position:absolute!important;left:16%!important;top:.05em!important;z-index:2!important;color:#ff7440!important;font-size:.3em!important;letter-spacing:.55em!important;white-space:nowrap!important;opacity:0!important;text-shadow:0 0 5px rgba(255,116,64,.58)!important;animation:name201-ember-particles 4.4s ease-out infinite!important}
@keyframes name201-ember-core{0%,100%{text-shadow:0 -1px 4px rgba(255,112,45,.18)}35%{text-shadow:0 -2px 7px rgba(255,99,42,.38),0 0 3px rgba(255,223,174,.28)}62%{text-shadow:0 -1px 4px rgba(255,112,45,.18)}}
@keyframes name201-ember-particles{0%,20%,75%,100%{opacity:0;transform:translateY(.25em) scale(.7)}38%{opacity:.8;transform:translate(.4em,-.15em) scale(1)}62%{opacity:.12;transform:translate(1em,-.85em) scale(.55)}}

/* Спектр: цветовые каналы расходятся только в тенях букв. */
.name-effect-prism{color:#f8f8ff!important;animation:name201-prism-channels 4.9s ease-in-out infinite!important}
.name-effect-prism::before,.name-effect-prism::after{content:none!important;display:none!important}
@keyframes name201-prism-channels{0%,100%{text-shadow:-.02em 0 rgba(94,234,255,.2),.02em 0 rgba(255,105,189,.18)}42%{text-shadow:-.09em 0 3px rgba(94,234,255,.72),.09em 0 3px rgba(255,105,189,.68),0 0 5px rgba(255,255,255,.25)}68%{text-shadow:-.035em 0 rgba(94,234,255,.28),.035em 0 rgba(255,105,189,.24)}}

/* Гравитация: невесомое движение и отдельная дуга под ником. */
.name-effect-wave{color:color-mix(in srgb,var(--role-color,#93a5ff) 65%,#fff)!important;animation:name201-gravity-float 4.6s ease-in-out infinite!important;transform-origin:center 65%!important}
.name-effect-wave::before{content:none!important;display:none!important}
.name-effect-wave::after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;bottom:-.08em!important;z-index:-1!important;height:.24em!important;border-bottom:1px solid rgba(115,220,255,.62)!important;border-radius:0 0 50% 50%!important;opacity:.12!important;animation:name201-gravity-arc 4.6s ease-in-out infinite!important}
@keyframes name201-gravity-float{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-.055em) rotate(-.25deg)}72%{transform:translateY(.018em) rotate(.12deg)}}
@keyframes name201-gravity-arc{0%,100%{opacity:.08;transform:translateY(0) scaleX(.82)}45%{opacity:.42;transform:translateY(.12em) scaleX(1.06)}72%{opacity:.16;transform:translateY(.04em) scaleX(.9)}}

/* Импульс: редкие бело-синие разряды. */
.name-effect-electric{color:#f0f7ff!important;animation:name201-electric-strike 5.3s steps(1,end) infinite!important}
.name-effect-electric::before,.name-effect-electric::after{content:none!important;display:none!important}
@keyframes name201-electric-strike{0%,76%,80%,88%,92%,100%{transform:none;text-shadow:0 0 3px rgba(200,230,255,.24)}77%{transform:translateX(-.018em);text-shadow:-2px 0 #2be8ff,2px 0 #8d66ff,0 0 13px #dff9ff}78%{transform:translateX(.02em);text-shadow:1px -1px #fff,-1px 1px #40dfff,0 0 8px #8b69ff}79%{transform:none;text-shadow:0 0 4px rgba(200,230,255,.28)}89%{text-shadow:0 -2px 5px #fff,0 0 11px #40dfff}90%{transform:translateY(-.015em);text-shadow:2px 0 #8d66ff,-1px 0 #fff}91%{transform:none}}

/* Цветение: сам ник стабилен, вокруг пролетают лепестковые искры. */
.name-effect-sakura{color:#ffb5d4!important;animation:name201-sakura-core 5.6s ease-in-out infinite!important;text-shadow:0 0 5px rgba(255,113,180,.18)!important}
.name-effect-sakura::before{content:none!important;display:none!important}
.name-effect-sakura::after{content:"✦  ·  ✧"!important;position:absolute!important;left:12%!important;top:-.52em!important;z-index:2!important;color:#ffd2e4!important;font-size:.38em!important;letter-spacing:.5em!important;white-space:nowrap!important;opacity:0!important;animation:name201-sakura-petals 5.6s ease-in-out infinite!important}
@keyframes name201-sakura-core{0%,100%{text-shadow:0 0 4px rgba(255,113,180,.16)}52%{text-shadow:0 0 9px rgba(255,113,180,.32)}}
@keyframes name201-sakura-petals{0%,20%,78%,100%{opacity:0;transform:translate(.2em,-.1em) rotate(-8deg)}38%{opacity:.85;transform:translate(1.1em,.12em) rotate(8deg)}62%{opacity:.28;transform:translate(2.1em,.55em) rotate(19deg)}}

/* Контур: тонкая сканирующая линия идёт по нижней кромке. */
.name-effect-scanner{color:color-mix(in srgb,var(--role-color,#8aa4ff) 62%,#fff)!important;text-shadow:0 0 3px color-mix(in srgb,var(--role-color,#8aa4ff) 18%,transparent)!important}
.name-effect-scanner::before{content:none!important;display:none!important}
.name-effect-scanner::after{content:""!important;position:absolute!important;left:0!important;bottom:.02em!important;z-index:2!important;width:2px!important;height:1.5px!important;border-radius:999px!important;background:#72e8ff!important;box-shadow:0 0 7px #72e8ff,0 0 13px color-mix(in srgb,var(--role-color,#8aa4ff) 38%,transparent)!important;opacity:0!important;animation:name201-scanner-line 3.9s cubic-bezier(.5,0,.2,1) infinite!important}
@keyframes name201-scanner-line{0%,12%,92%,100%{left:0;opacity:0;transform:translateX(-120%)}24%{opacity:1}72%{left:calc(100% - 2px);opacity:.9;transform:none}84%{left:calc(100% - 2px);opacity:0;transform:translateX(120%)}}

/* Созвездие: отдельные звёзды движутся по короткой орбите. */
.name-effect-starlight{color:#eef5ff!important;animation:name201-stars-core 6.2s ease-in-out infinite!important;text-shadow:0 0 5px rgba(125,198,255,.18)!important}
.name-effect-starlight::before{content:none!important;display:none!important}
.name-effect-starlight::after{content:"✦ · ✧"!important;position:absolute!important;left:50%!important;top:50%!important;z-index:2!important;color:#b9eaff!important;font-size:.34em!important;letter-spacing:.7em!important;white-space:nowrap!important;transform-origin:-1.7em center!important;animation:name201-star-orbit 6.2s linear infinite!important}
@keyframes name201-stars-core{0%,100%{text-shadow:0 0 4px rgba(125,198,255,.16)}50%{text-shadow:0 0 8px rgba(125,198,255,.28)}}
@keyframes name201-star-orbit{0%{opacity:.18;transform:translate(-50%,-50%) rotate(0deg) translateX(1.3em) rotate(0deg)}25%{opacity:.85}50%{opacity:.28;transform:translate(-50%,-50%) rotate(180deg) translateX(1.3em) rotate(-180deg)}75%{opacity:.7}100%{opacity:.18;transform:translate(-50%,-50%) rotate(360deg) translateX(1.3em) rotate(-360deg)}}

/* Патрульный свет: красный и синий свет переключаются по сторонам. */
.name-effect-siren{color:#f4f5ff!important;animation:name201-siren-switch 2.7s steps(1,end) infinite!important}
.name-effect-siren::before,.name-effect-siren::after{content:none!important;display:none!important}
@keyframes name201-siren-switch{0%,100%{text-shadow:-.12em 0 6px rgba(255,43,80,.82),-.22em 0 15px rgba(255,43,80,.3),.03em 0 2px rgba(66,127,255,.14)}44%{text-shadow:.12em 0 6px rgba(63,129,255,.84),.22em 0 15px rgba(63,129,255,.3),-.03em 0 2px rgba(255,43,80,.14)}48%{text-shadow:-.08em 0 5px rgba(255,43,80,.65),.08em 0 5px rgba(63,129,255,.65)}52%{text-shadow:.12em 0 6px rgba(63,129,255,.84),.22em 0 15px rgba(63,129,255,.3)}96%{text-shadow:-.12em 0 6px rgba(255,43,80,.82),-.22em 0 15px rgba(255,43,80,.3)}}

/* Затмение: плотная тень и узкий золотой край пересекают буквы. */
.name-effect-eclipse{color:#cbbbdc!important;animation:name201-eclipse-core 5.5s ease-in-out infinite!important;text-shadow:0 0 5px rgba(93,48,142,.25)!important}
.name-effect-eclipse::before{content:""!important;position:absolute!important;left:-12%!important;top:10%!important;bottom:10%!important;z-index:2!important;width:13%!important;border-radius:999px!important;background:#1f1228!important;box-shadow:.08em 0 0 rgba(241,204,114,.62)!important;opacity:0!important;animation:name201-eclipse-shadow 5.5s cubic-bezier(.45,0,.18,1) infinite!important}
.name-effect-eclipse::after{content:none!important;display:none!important}
@keyframes name201-eclipse-core{0%,100%{color:#cbbbdc;text-shadow:0 0 5px rgba(93,48,142,.25)}50%{color:#e3d4ed;text-shadow:0 0 7px rgba(241,204,114,.2)}}
@keyframes name201-eclipse-shadow{0%,15%,82%,100%{left:-12%;opacity:0}26%{opacity:.85}62%{left:99%;opacity:.92}76%{left:112%;opacity:0}}

/* Туманность: звёздная пыль дрейфует независимо от текста. */
.name-effect-nebula{color:#c6b5ff!important;animation:name201-nebula-core 7.2s ease-in-out infinite!important;text-shadow:0 0 5px rgba(118,94,255,.24)!important}
.name-effect-nebula::before{content:"·"!important;position:absolute!important;left:8%!important;top:18%!important;z-index:-1!important;color:#7b69ff!important;font-size:.5em!important;opacity:.25!important;box-shadow:1.8em -.45em 0 -.08em #bdefff,3.7em .28em 0 -.14em #e2a9ff,5.4em -.22em 0 -.1em #7fdcff!important;animation:name201-nebula-drift 7.2s ease-in-out infinite!important}
.name-effect-nebula::after{content:"✦"!important;position:absolute!important;right:8%!important;top:-.35em!important;z-index:2!important;color:#bceeff!important;font-size:.31em!important;opacity:.2!important;animation:name201-nebula-star 7.2s ease-in-out infinite!important}
@keyframes name201-nebula-core{0%,100%{text-shadow:0 0 5px rgba(118,94,255,.2)}50%{text-shadow:0 0 9px rgba(118,94,255,.34)}}
@keyframes name201-nebula-drift{0%,100%{transform:translateX(-.3em);opacity:.18}50%{transform:translateX(.8em);opacity:.55}}
@keyframes name201-nebula-star{0%,100%{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:.9;transform:scale(1.1) rotate(120deg)}}

/* Чёрная сингулярность: буквы и тонкое кольцо стягиваются к центру. */
.name-effect-void{color:#ded6ed!important;animation:name201-void-collapse 5.8s cubic-bezier(.45,0,.2,1) infinite!important;transform-origin:center!important}
.name-effect-void::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;z-index:-1!important;width:.55em!important;height:.55em!important;border:1px solid rgba(139,91,207,.52)!important;border-radius:50%!important;box-shadow:0 0 10px rgba(65,28,91,.55)!important;opacity:.2!important;animation:name201-void-ring 5.8s cubic-bezier(.45,0,.2,1) infinite!important}
.name-effect-void::after{content:none!important;display:none!important}
@keyframes name201-void-collapse{0%,20%,100%{transform:scaleX(1);text-shadow:0 0 5px rgba(110,72,158,.22)}52%{transform:scaleX(.965);text-shadow:0 0 2px rgba(255,255,255,.18),0 0 14px rgba(41,18,60,.5)}68%{transform:scaleX(1.008);text-shadow:0 0 8px rgba(124,82,180,.34)}}
@keyframes name201-void-ring{0%,20%,100%{opacity:.1;transform:translate(-50%,-50%) scale(2.8)}52%{opacity:.9;transform:translate(-50%,-50%) scale(.45)}70%{opacity:.18;transform:translate(-50%,-50%) scale(3.2)}}

/* Вознесение: луч и одиночная звезда поднимаются над ником. */
.name-effect-ascendant{color:#fff5cf!important;animation:name201-ascendant-core 5.2s ease-in-out infinite!important;text-shadow:0 0 5px rgba(255,236,174,.35)!important}
.name-effect-ascendant::before{content:""!important;position:absolute!important;left:50%!important;bottom:4%!important;z-index:-1!important;width:1px!important;height:72%!important;background:rgba(169,223,255,.55)!important;box-shadow:0 0 8px rgba(169,223,255,.5)!important;opacity:0!important;animation:name201-ascendant-beam 5.2s ease-out infinite!important}
.name-effect-ascendant::after{content:"✧"!important;position:absolute!important;left:50%!important;top:-.58em!important;z-index:2!important;color:#fff!important;font-size:.42em!important;opacity:0!important;animation:name201-ascendant-star 5.2s ease-out infinite!important}
@keyframes name201-ascendant-core{0%,100%{transform:translateY(0);text-shadow:0 0 5px rgba(255,236,174,.3)}48%{transform:translateY(-.025em);text-shadow:0 0 8px rgba(255,255,255,.62),0 0 15px rgba(147,207,255,.32)}}
@keyframes name201-ascendant-beam{0%,24%,76%,100%{opacity:0;transform:translateX(-50%) scaleY(.15);transform-origin:center bottom}42%{opacity:.65;transform:translateX(-50%) scaleY(1)}62%{opacity:0;transform:translateX(-50%) translateY(-.5em) scaleY(.7)}}
@keyframes name201-ascendant-star{0%,28%,72%,100%{opacity:0;transform:translateX(-50%) translateY(.2em) scale(.5)}45%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}62%{opacity:0;transform:translateX(-50%) translateY(-.35em) scale(.7)}}

/* Знак владельца: золотая подпись без корон и символов над ником. */
.name-effect-coronation{color:#f3cc6f!important;animation:name201-owner-sign-core 6.1s ease-in-out infinite!important;text-shadow:0 0 5px rgba(235,184,69,.24)!important;padding-inline:.1em!important}
.name-effect-coronation::before{content:none!important;display:none!important}
.name-effect-coronation::after{content:""!important;display:block!important;position:absolute!important;left:.08em!important;right:.08em!important;bottom:.02em!important;z-index:2!important;height:1.5px!important;border-radius:999px!important;background:#efc45f!important;box-shadow:0 0 7px rgba(239,196,95,.5)!important;transform:scaleX(0)!important;transform-origin:left center!important;opacity:0!important;animation:name201-owner-sign-stroke 6.1s cubic-bezier(.45,0,.2,1) infinite!important}
@keyframes name201-owner-sign-core{0%,100%{text-shadow:0 0 4px rgba(235,184,69,.18)}50%{text-shadow:0 0 8px rgba(235,184,69,.34)}}
@keyframes name201-owner-sign-stroke{0%,18%,78%,100%{opacity:0;transform:scaleX(0)}31%{opacity:.95;transform:scaleX(.35)}52%{opacity:1;transform:scaleX(1)}67%{opacity:.22;transform:scaleX(1);transform-origin:right center}}

/* След первопроходца: пунктирный маршрут и бегущая метка пути. */
.name-effect-trailblazer{color:#bfefff!important;animation:name201-trailblazer-core 5.4s ease-in-out infinite!important;text-shadow:0 0 5px rgba(75,222,255,.22)!important}
.name-effect-trailblazer::before{content:""!important;position:absolute!important;left:2%!important;right:2%!important;bottom:-.05em!important;z-index:-1!important;height:1px!important;border-bottom:1px dashed rgba(127,120,255,.48)!important;opacity:.18!important;animation:name201-trailblazer-route 5.4s ease-in-out infinite!important}
.name-effect-trailblazer::after{content:""!important;position:absolute!important;left:0!important;bottom:-.08em!important;z-index:2!important;width:5px!important;height:2px!important;border-radius:999px!important;background:#71e8ff!important;box-shadow:0 0 7px #71e8ff!important;opacity:0!important;animation:name201-trailblazer-marker 5.4s cubic-bezier(.45,0,.18,1) infinite!important}
@keyframes name201-trailblazer-core{0%,100%{transform:translateX(0);text-shadow:0 0 4px rgba(75,222,255,.18)}45%{text-shadow:-.08em 0 8px rgba(75,222,255,.3),0 0 10px rgba(127,120,255,.2)}}
@keyframes name201-trailblazer-route{0%,100%{opacity:.12;transform:scaleX(.82)}50%{opacity:.5;transform:scaleX(1)}}
@keyframes name201-trailblazer-marker{0%,14%,84%,100%{left:0;opacity:0;transform:translateX(-120%)}26%{left:4%;opacity:1;transform:none}68%{left:calc(100% - 5px);opacity:.9;transform:none}80%{left:calc(100% - 5px);opacity:0;transform:translateX(120%)}}

@media(max-width:700px){
  .profile-level-pill{flex-basis:28px!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}
  .profile-level-pill strong{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .profile-level-pill,.profile-level-pill>.profile-level-frame{transition:none!important;transform:none!important}
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse,
  .name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation,
  .name-effect-trailblazer,
  .name-effect-comet::before,.name-effect-comet::after,.name-effect-pulse::before,.name-effect-pulse::after,
  .name-effect-glitch::before,.name-effect-glitch::after,.name-effect-ember::before,.name-effect-ember::after,
  .name-effect-prism::before,.name-effect-prism::after,.name-effect-wave::before,.name-effect-wave::after,
  .name-effect-electric::before,.name-effect-electric::after,.name-effect-sakura::before,.name-effect-sakura::after,
  .name-effect-scanner::before,.name-effect-scanner::after,.name-effect-starlight::before,.name-effect-starlight::after,
  .name-effect-siren::before,.name-effect-siren::after,.name-effect-eclipse::before,.name-effect-eclipse::after,
  .name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,.name-effect-void::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{
    animation:none!important;
    transform:none!important;
  }
  .name-effect-comet::after,.name-effect-glitch::before,.name-effect-glitch::after,
  .name-effect-ember::after,.name-effect-wave::after,.name-effect-sakura::after,
  .name-effect-scanner::after,.name-effect-starlight::after,.name-effect-eclipse::before,
  .name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{display:none!important}
}

/* Release 202 — every public nickname animation has a visible mechanical
   action. Text colour is now only a supporting accent; the main identity is
   carried by echoes, moving masks, particles, beacons, scans and trails. */
.name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
.name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse,
.name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation,
.name-effect-trailblazer{
  contain:layout style!important;
}

/* Зенит — заметное ядро с длинным хвостом пересекает всю подпись. */
.name-effect-comet{color:#e9fbff!important;animation:name202-comet-hit 4s ease-in-out infinite!important}
.name-effect-comet::before{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;
  left:-.45em!important;top:48%!important;width:.17em!important;height:.17em!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 5px #fff,0 0 12px #45dcff!important;opacity:0!important;
  animation:name202-comet-orb 4s cubic-bezier(.38,0,.16,1) infinite!important;
}
.name-effect-comet::after{
  content:""!important;display:block!important;position:absolute!important;z-index:2!important;
  left:-42%!important;top:calc(48% + .055em)!important;width:42%!important;height:2px!important;border-radius:99px!important;
  background:#58ddff!important;box-shadow:0 0 7px rgba(88,221,255,.9)!important;opacity:0!important;
  transform-origin:right center!important;animation:name202-comet-tail 4s cubic-bezier(.38,0,.16,1) infinite!important;
}
@keyframes name202-comet-hit{0%,20%,62%,100%{transform:none;text-shadow:0 0 3px rgba(69,220,255,.18)}39%{transform:translateX(.018em);text-shadow:0 0 8px rgba(255,255,255,.7),0 0 16px rgba(69,220,255,.42)}}
@keyframes name202-comet-orb{0%,14%,70%,100%{left:-.45em;opacity:0}24%{opacity:1}52%{left:calc(100% + .2em);opacity:1}61%{left:calc(100% + .45em);opacity:0}}
@keyframes name202-comet-tail{0%,14%,70%,100%{left:-42%;opacity:0;transform:scaleX(.25)}24%{opacity:.9}52%{left:72%;opacity:.72;transform:scaleX(1)}62%{left:102%;opacity:0;transform:scaleX(.35)}}

/* Аура — два контурных эха расширяются наружу, как ударная волна. */
.name-effect-pulse{color:color-mix(in srgb,var(--role-color,#a58dff) 58%,#fff)!important;animation:name202-aura-core 3.6s ease-in-out infinite!important}
.name-effect-pulse::before,.name-effect-pulse::after{
  content:""!important;display:block!important;position:absolute!important;inset:-.08em -.18em!important;z-index:-1!important;
  border:1px solid color-mix(in srgb,var(--role-color,#a58dff) 72%,#fff)!important;border-radius:.48em!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--role-color,#a58dff) 30%,transparent)!important;
  opacity:0!important;transform-origin:center!important;
}
.name-effect-pulse::before{animation:name202-aura-ring-a 3.6s ease-out infinite!important}
.name-effect-pulse::after{animation:name202-aura-ring-b 3.6s ease-out .55s infinite!important}
@keyframes name202-aura-core{0%,100%{transform:scale(1);text-shadow:0 0 3px transparent}38%{transform:scale(1.025);text-shadow:0 0 12px color-mix(in srgb,var(--role-color,#a58dff) 40%,transparent)}56%{transform:scale(.995)}}
@keyframes name202-aura-ring-a{0%,15%{opacity:0;transform:scale(1)}30%{opacity:.48}62%{opacity:0;transform:scale(1.09,1.22)}100%{opacity:0}}
@keyframes name202-aura-ring-b{0%,15%{opacity:0;transform:scale(1)}30%{opacity:.28}62%{opacity:0;transform:scale(1.055,1.13)}100%{opacity:0}}

/* Сигнал — настоящие срезы верхней и нижней половины ника. */
.name-effect-glitch{color:#f8f8ff!important;animation:name202-glitch-body 4.7s steps(1,end) infinite!important}
.name-effect-glitch::before,.name-effect-glitch::after{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;
  width:38%!important;height:3px!important;border-radius:1px!important;opacity:0!important;pointer-events:none!important;
}
.name-effect-glitch::before{left:8%!important;top:28%!important;background:#3cecff!important;box-shadow:0 0 6px #3cecff!important;animation:name202-glitch-top 4.7s steps(1,end) infinite!important}
.name-effect-glitch::after{right:6%!important;top:67%!important;background:#ff4da8!important;box-shadow:0 0 6px #ff4da8!important;animation:name202-glitch-bottom 4.7s steps(1,end) infinite!important}
@keyframes name202-glitch-body{0%,72%,79%,84%,100%{transform:none;filter:none}73%{transform:translateX(.035em) skewX(2deg)}75%{transform:translateX(-.025em)}77%{transform:none}80%{filter:contrast(1.35)}82%{transform:translateY(.018em)}}
@keyframes name202-glitch-top{0%,72%,79%,100%{left:8%;opacity:0;transform:none}73%{left:42%;opacity:.92;transform:translateY(-.05em)}75%{left:18%;opacity:.58;transform:translateY(.02em)}77%{opacity:0}}
@keyframes name202-glitch-bottom{0%,72%,79%,100%{right:6%;opacity:0;transform:none}74%{right:44%;opacity:.88;transform:translateY(.05em)}76%{right:16%;opacity:.5;transform:translateY(-.02em)}78%{opacity:0}}

/* Тлеющий свет — жаркая кромка движется снизу, искры реально поднимаются. */
.name-effect-ember{color:#ffd2a3!important;animation:name202-ember-flicker 3.9s ease-in-out infinite!important}
.name-effect-ember::before{
  content:""!important;display:block!important;position:absolute!important;left:4%!important;right:4%!important;bottom:.03em!important;z-index:-1!important;
  height:2px!important;border-radius:50%!important;background:#ff6a31!important;box-shadow:0 -3px 9px rgba(255,86,33,.65)!important;
  opacity:.18!important;animation:name202-ember-bed 3.9s ease-in-out infinite!important;
}
.name-effect-ember::after{
  content:"•  ·  •  ·"!important;display:block!important;position:absolute!important;left:9%!important;top:.2em!important;z-index:3!important;
  color:#ff7438!important;font-size:.31em!important;letter-spacing:.75em!important;white-space:nowrap!important;text-shadow:0 0 5px #ff6b31!important;
  opacity:0!important;animation:name202-ember-rise 3.9s ease-out infinite!important;
}
@keyframes name202-ember-flicker{0%,100%{transform:none;text-shadow:0 -1px 4px rgba(255,95,37,.2)}32%{transform:translateY(-.012em);text-shadow:0 -3px 10px rgba(255,95,37,.55)}38%{transform:translateY(.008em)}48%{transform:none}}
@keyframes name202-ember-bed{0%,100%{opacity:.12;transform:scaleX(.68)}35%{opacity:.82;transform:scaleX(1)}65%{opacity:.24;transform:scaleX(.82)}}
@keyframes name202-ember-rise{0%,16%,78%,100%{opacity:0;transform:translate(.1em,.45em) scale(.65)}32%{opacity:1;transform:translate(.4em,-.08em) scale(1)}62%{opacity:.3;transform:translate(1.25em,-1em) scale(.45)}}

/* Спектр — цветовые копии физически расходятся и сходятся обратно. */
.name-effect-prism{color:#fafaff!important;animation:name202-prism-core 4.3s ease-in-out infinite!important}
.name-effect-prism::before,.name-effect-prism::after{
  content:""!important;display:block!important;position:absolute!important;top:-8%!important;bottom:-8%!important;z-index:3!important;
  width:3px!important;border-radius:99px!important;mix-blend-mode:screen!important;opacity:0!important;
}
.name-effect-prism::before{left:8%!important;background:#42eaff!important;box-shadow:0 0 8px #42eaff!important;animation:name202-prism-cyan 4.3s cubic-bezier(.4,0,.2,1) infinite!important}
.name-effect-prism::after{right:8%!important;background:#ff57bb!important;box-shadow:0 0 8px #ff57bb!important;animation:name202-prism-magenta 4.3s cubic-bezier(.4,0,.2,1) infinite!important}
@keyframes name202-prism-core{0%,16%,78%,100%{transform:none}42%{transform:scaleX(1.012)}60%{transform:scaleX(.997)}}
@keyframes name202-prism-cyan{0%,16%,78%,100%{left:4%;opacity:0;transform:scaleY(.45)}28%{opacity:.9}48%{left:48%;opacity:.78;transform:scaleY(1)}66%{left:86%;opacity:0;transform:scaleY(.55)}}
@keyframes name202-prism-magenta{0%,16%,78%,100%{right:4%;opacity:0;transform:scaleY(.45)}28%{opacity:.85}48%{right:48%;opacity:.74;transform:scaleY(1)}66%{right:86%;opacity:0;transform:scaleY(.55)}}

/* Гравитация — отражение отрывается от текста и возвращается по дуге. */
.name-effect-wave{color:color-mix(in srgb,var(--role-color,#91a4ff) 62%,#fff)!important;animation:name202-gravity-body 4.8s ease-in-out infinite!important}
.name-effect-wave::before{
  content:""!important;display:block!important;position:absolute!important;left:7%!important;right:7%!important;top:72%!important;z-index:-1!important;
  height:.28em!important;border-top:2px solid rgba(126,223,255,.72)!important;border-radius:50%!important;
  box-shadow:0 -3px 9px rgba(126,223,255,.28)!important;opacity:.18!important;
  transform-origin:center top!important;animation:name202-gravity-reflect 4.8s ease-in-out infinite!important;
}
.name-effect-wave::after{
  content:""!important;display:block!important;position:absolute!important;left:12%!important;bottom:-.13em!important;z-index:2!important;
  width:.18em!important;height:.18em!important;border-radius:50%!important;background:#9eeaff!important;box-shadow:0 0 8px #78deff!important;
  animation:name202-gravity-moon 4.8s ease-in-out infinite!important;
}
@keyframes name202-gravity-body{0%,100%{transform:translateY(0) rotate(0)}38%{transform:translateY(-.075em) rotate(-.35deg)}66%{transform:translateY(.025em) rotate(.16deg)}}
@keyframes name202-gravity-reflect{0%,100%{opacity:.08;transform:translateY(.05em) scaleY(-.45)}38%{opacity:.42;transform:translateY(.22em) scaleY(-.68)}66%{opacity:.18;transform:translateY(.08em) scaleY(-.52)}}
@keyframes name202-gravity-moon{0%,100%{left:12%;opacity:.2;transform:translateY(0)}38%{left:48%;opacity:.95;transform:translateY(.2em)}66%{left:82%;opacity:.35;transform:translateY(.02em)}}

/* Импульс — разряд пробегает над ником, а копия текста коротко дёргается. */
.name-effect-electric{color:#f3f8ff!important;animation:name202-electric-core 4.4s steps(1,end) infinite!important}
.name-effect-electric::before{
  content:""!important;display:block!important;position:absolute!important;left:-18%!important;top:47%!important;z-index:3!important;
  width:34%!important;height:2px!important;background:#70eaff!important;box-shadow:0 0 8px #70eaff,0 0 14px #8f6dff!important;
  opacity:0!important;transform:skewX(-24deg)!important;animation:name202-electric-slice 4.4s steps(1,end) infinite!important;
}
.name-effect-electric::after{
  content:"ϟ"!important;display:block!important;position:absolute!important;left:-.25em!important;top:-.56em!important;z-index:4!important;
  color:#fff!important;font-size:.48em!important;text-shadow:0 0 7px #40ddff,0 0 13px #8c66ff!important;opacity:0!important;
  animation:name202-electric-bolt 4.4s steps(1,end) infinite!important;
}
@keyframes name202-electric-core{0%,67%,74%,82%,100%{transform:none;text-shadow:0 0 3px rgba(120,215,255,.18)}68%{transform:translateX(-.025em);text-shadow:-2px 0 #38e6ff,2px 0 #8b68ff,0 0 13px #dffbff}69%{transform:translateX(.02em)}70%{transform:none}78%{transform:translateY(-.018em);text-shadow:0 0 15px rgba(83,221,255,.65)}79%{transform:none}}
@keyframes name202-electric-slice{0%,64%,82%,100%{left:-18%;opacity:0;transform:skewX(-24deg) scaleX(.35)}68%{opacity:1}75%{left:86%;opacity:.9;transform:skewX(-24deg) scaleX(1)}80%{left:104%;opacity:0;transform:skewX(-24deg) scaleX(.3)}}
@keyframes name202-electric-bolt{0%,65%,82%,100%{left:-.25em;opacity:0;transform:rotate(-14deg)}68%{opacity:1}72%{left:48%;opacity:.85;transform:rotate(8deg)}77%{left:96%;opacity:.25;transform:rotate(-8deg)}80%{opacity:0}}

/* Цветение — две независимые группы лепестков пересекают ник по диагонали. */
.name-effect-sakura{color:#ffb4d2!important;animation:name202-sakura-body 5.2s ease-in-out infinite!important}
.name-effect-sakura::before,.name-effect-sakura::after{
  display:block!important;position:absolute!important;z-index:4!important;white-space:nowrap!important;opacity:0!important;
  color:#ffd0e2!important;text-shadow:0 0 5px rgba(255,115,181,.6)!important;
}
.name-effect-sakura::before{content:"◆  ◇"!important;left:-.4em!important;top:-.5em!important;font-size:.28em!important;animation:name202-sakura-fall-a 5.2s ease-in-out infinite!important}
.name-effect-sakura::after{content:"◇  ◆  ·"!important;left:28%!important;top:-.72em!important;font-size:.24em!important;animation:name202-sakura-fall-b 5.2s ease-in-out .55s infinite!important}
@keyframes name202-sakura-body{0%,100%{transform:none;text-shadow:0 0 4px rgba(255,113,180,.16)}48%{transform:translateY(-.012em);text-shadow:0 0 10px rgba(255,113,180,.36)}}
@keyframes name202-sakura-fall-a{0%,12%{opacity:0;transform:translate(0,0) rotate(-12deg)}28%{opacity:.9}72%{opacity:.28;transform:translate(3.2em,1.45em) rotate(65deg)}86%,100%{opacity:0;transform:translate(4em,1.8em) rotate(95deg)}}
@keyframes name202-sakura-fall-b{0%,12%{opacity:0;transform:translate(0,0) rotate(8deg)}30%{opacity:.75}68%{opacity:.22;transform:translate(2.5em,1.2em) rotate(-54deg)}84%,100%{opacity:0;transform:translate(3.1em,1.7em) rotate(-82deg)}}

/* Контур — световая маска реально проявляет буквы, за ней идёт вертикальный луч. */
.name-effect-scanner{color:color-mix(in srgb,var(--role-color,#8ea6ff) 58%,#fff)!important;animation:none!important}
.name-effect-scanner::before{
  content:""!important;display:block!important;position:absolute!important;left:-18%!important;top:-8%!important;bottom:-8%!important;z-index:3!important;
  width:18%!important;background:rgba(103,233,255,.24)!important;border-right:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 0 12px rgba(103,233,255,.55)!important;opacity:0!important;
  animation:name202-scanner-reveal 3.8s cubic-bezier(.6,0,.18,1) infinite!important;
}
.name-effect-scanner::after{
  content:""!important;display:block!important;position:absolute!important;left:-.12em!important;top:-8%!important;bottom:-8%!important;z-index:4!important;
  width:2px!important;background:#fff!important;box-shadow:0 0 8px #fff,0 0 17px #58e3ff!important;opacity:0!important;
  animation:name202-scanner-beam 3.8s cubic-bezier(.6,0,.18,1) infinite!important;
}
@keyframes name202-scanner-reveal{0%,12%,88%,100%{left:-18%;opacity:0;transform:scaleX(.55)}22%{opacity:.88}68%{left:96%;opacity:.72;transform:scaleX(1)}82%{left:112%;opacity:0;transform:scaleX(.45)}}
@keyframes name202-scanner-beam{0%,12%,88%,100%{left:-.12em;opacity:0}22%{opacity:1}68%{left:calc(100% + .06em);opacity:.95}80%{left:calc(100% + .2em);opacity:0}}

/* Созвездие — две звезды движутся по разным орбитам, а не просто мерцают. */
.name-effect-starlight{color:#f1f7ff!important;animation:name202-stars-body 5.8s ease-in-out infinite!important}
.name-effect-starlight::before,.name-effect-starlight::after{display:block!important;position:absolute!important;z-index:4!important;color:#c2eeff!important;text-shadow:0 0 7px #7edfff!important;opacity:.2!important}
.name-effect-starlight::before{content:"✦"!important;left:10%!important;top:-.42em!important;font-size:.32em!important;animation:name202-star-orbit-a 5.8s linear infinite!important}
.name-effect-starlight::after{content:"✧"!important;right:12%!important;bottom:-.24em!important;font-size:.27em!important;animation:name202-star-orbit-b 4.6s linear reverse infinite!important}
@keyframes name202-stars-body{0%,100%{text-shadow:0 0 4px rgba(125,198,255,.16)}50%{text-shadow:0 0 10px rgba(125,198,255,.38)}}
@keyframes name202-star-orbit-a{0%{opacity:.15;transform:translate(0,0) rotate(0) scale(.7)}25%{opacity:1;transform:translate(2.3em,.45em) rotate(90deg) scale(1)}50%{opacity:.32;transform:translate(4.4em,.1em) rotate(180deg) scale(.72)}75%{opacity:.9;transform:translate(2.1em,-.42em) rotate(270deg) scale(.95)}100%{opacity:.15;transform:translate(0,0) rotate(360deg) scale(.7)}}
@keyframes name202-star-orbit-b{0%{opacity:.18;transform:translate(0,0) scale(.7)}50%{opacity:.92;transform:translate(-3em,-.8em) scale(1.12)}100%{opacity:.18;transform:translate(0,0) scale(.7)}}

/* Патрульный свет — два реальных маяка пробегают над строкой навстречу друг другу. */
.name-effect-siren{color:#f7f7ff!important;animation:name202-siren-body 2.65s steps(1,end) infinite!important}
.name-effect-siren::before,.name-effect-siren::after{
  content:""!important;display:block!important;position:absolute!important;top:-.2em!important;z-index:4!important;
  width:22%!important;height:3px!important;border-radius:999px!important;opacity:0!important;
}
.name-effect-siren::before{left:-24%!important;background:#ff365d!important;box-shadow:0 0 8px #ff365d,0 0 17px rgba(255,54,93,.55)!important;animation:name202-siren-red 2.65s ease-in-out infinite!important}
.name-effect-siren::after{right:-24%!important;background:#4389ff!important;box-shadow:0 0 8px #4389ff,0 0 17px rgba(67,137,255,.55)!important;animation:name202-siren-blue 2.65s ease-in-out infinite!important}
@keyframes name202-siren-body{0%,100%{transform:none;text-shadow:-.08em 0 7px rgba(255,54,93,.5)}48%{transform:translateX(.012em);text-shadow:.08em 0 7px rgba(67,137,255,.55)}}
@keyframes name202-siren-red{0%,12%,58%,100%{left:-24%;opacity:0}20%{opacity:1}45%{left:48%;opacity:.9}54%{left:72%;opacity:0}}
@keyframes name202-siren-blue{0%,42%,88%,100%{right:-24%;opacity:0}50%{opacity:1}75%{right:48%;opacity:.9}84%{right:72%;opacity:0}}

/* Затмение — круглая тень с ярким краем проходит поверх букв. */
.name-effect-eclipse{color:#d5c7df!important;animation:name202-eclipse-body 5.2s ease-in-out infinite!important}
.name-effect-eclipse::before,.name-effect-eclipse::after{
  content:""!important;display:block!important;position:absolute!important;top:50%!important;z-index:4!important;border-radius:50%!important;opacity:0!important;
}
.name-effect-eclipse::before{left:-1em!important;width:1.1em!important;height:1.1em!important;background:#190f22!important;box-shadow:.09em 0 0 #efd17b,0 0 10px rgba(62,28,85,.55)!important;animation:name202-eclipse-disk 5.2s cubic-bezier(.42,0,.18,1) infinite!important}
.name-effect-eclipse::after{left:-.72em!important;width:.42em!important;height:.42em!important;border:1px solid rgba(239,209,123,.7)!important;box-shadow:0 0 9px rgba(239,209,123,.42)!important;animation:name202-eclipse-ring 5.2s cubic-bezier(.42,0,.18,1) infinite!important}
@keyframes name202-eclipse-body{0%,100%{text-shadow:0 0 4px rgba(93,48,142,.22)}50%{text-shadow:0 0 10px rgba(239,209,123,.25)}}
@keyframes name202-eclipse-disk{0%,15%,82%,100%{left:-1em;opacity:0;transform:translateY(-50%) scale(.72)}28%{opacity:.92}62%{left:calc(100% - .15em);opacity:.95;transform:translateY(-50%) scale(1)}76%{left:calc(100% + .5em);opacity:0;transform:translateY(-50%) scale(.75)}}
@keyframes name202-eclipse-ring{0%,18%,78%,100%{left:-.72em;opacity:0;transform:translateY(-50%) scale(.6)}32%{opacity:.95}62%{left:calc(100% + .06em);opacity:.8;transform:translateY(-50%) scale(1.25)}74%{opacity:0}}

/* Туманность — плотная группа частиц дрейфует через строку, вторая вращается вокруг неё. */
.name-effect-nebula{color:#d3c7ff!important;animation:name202-nebula-body 6.4s ease-in-out infinite!important}
.name-effect-nebula::before{
  content:"·"!important;display:block!important;position:absolute!important;left:-.3em!important;top:28%!important;z-index:3!important;
  color:#8f7cff!important;font-size:.58em!important;box-shadow:1.2em -.5em 0 -.08em #bfefff,2.5em .35em 0 -.12em #f0b4ff,3.8em -.22em 0 -.08em #79dfff,5em .25em 0 -.14em #fff!important;
  opacity:.15!important;animation:name202-nebula-cloud 6.4s ease-in-out infinite!important;
}
.name-effect-nebula::after{
  content:"✦"!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;z-index:4!important;
  color:#c8efff!important;font-size:.28em!important;text-shadow:0 0 7px #78dfff!important;opacity:.2!important;
  animation:name202-nebula-satellite 6.4s linear infinite!important;
}
@keyframes name202-nebula-body{0%,100%{transform:none;text-shadow:0 0 5px rgba(118,94,255,.22)}48%{transform:translateY(-.015em);text-shadow:0 0 13px rgba(118,94,255,.4)}}
@keyframes name202-nebula-cloud{0%,100%{opacity:.14;transform:translateX(-.35em) scale(.82)}48%{opacity:.8;transform:translateX(1.25em) scale(1.08)}}
@keyframes name202-nebula-satellite{0%{opacity:.2;transform:translate(-50%,-50%) rotate(0) translateX(2.7em) rotate(0)}40%{opacity:1}100%{opacity:.2;transform:translate(-50%,-50%) rotate(360deg) translateX(2.7em) rotate(-360deg)}}

/* Сингулярность — контурное эхо и кольцо резко стягиваются к центру. */
.name-effect-void{color:#e2daee!important;animation:name202-void-body 5.1s cubic-bezier(.42,0,.2,1) infinite!important}
.name-effect-void::before{
  content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;z-index:-1!important;
  width:.72em!important;height:.72em!important;border:2px solid rgba(148,97,214,.68)!important;border-radius:50%!important;box-shadow:0 0 12px rgba(76,34,105,.72)!important;
  opacity:.2!important;animation:name202-void-ring 5.1s cubic-bezier(.42,0,.2,1) infinite!important;
}
.name-effect-void::after{
  content:""!important;display:block!important;position:absolute!important;left:8%!important;right:8%!important;top:50%!important;z-index:-1!important;
  height:2px!important;background:#9a68d7!important;box-shadow:0 -.2em 0 rgba(154,104,215,.35),0 .2em 0 rgba(154,104,215,.35),0 0 10px rgba(99,48,137,.62)!important;
  opacity:0!important;transform-origin:center!important;animation:name202-void-echo 5.1s cubic-bezier(.42,0,.2,1) infinite!important;
}
@keyframes name202-void-body{0%,18%,78%,100%{transform:scaleX(1);filter:none}46%{transform:scaleX(.93);filter:brightness(.76)}58%{transform:scaleX(1.018);filter:brightness(1.12)}}
@keyframes name202-void-ring{0%,18%,78%,100%{opacity:.08;transform:translate(-50%,-50%) scale(3.6)}46%{opacity:1;transform:translate(-50%,-50%) scale(.35)}62%{opacity:.24;transform:translate(-50%,-50%) scale(4.1)}}
@keyframes name202-void-echo{0%,18%,78%,100%{opacity:0;transform:scaleX(1.08)}34%{opacity:.55}48%{opacity:.9;transform:scaleX(.06)}60%{opacity:0;transform:scaleX(1.18)}}

/* Вознесение — световая копия всего ника реально поднимается и растворяется. */
.name-effect-ascendant{color:#fff4c9!important;animation:name202-ascendant-body 4.9s ease-in-out infinite!important}
.name-effect-ascendant::before{
  content:"✦   ✦   ✦"!important;display:block!important;position:absolute!important;left:12%!important;bottom:.1em!important;z-index:3!important;
  color:#eaf8ff!important;font-size:.34em!important;letter-spacing:1.05em!important;white-space:nowrap!important;
  text-shadow:0 0 10px #9edfff!important;opacity:0!important;animation:name202-ascendant-ghost 4.9s ease-out infinite!important;
}
.name-effect-ascendant::after{
  content:"│  │  │"!important;display:block!important;position:absolute!important;left:18%!important;bottom:-.2em!important;z-index:-1!important;
  color:#a8dfff!important;font-size:.45em!important;letter-spacing:1.15em!important;white-space:nowrap!important;opacity:0!important;
  text-shadow:0 0 8px #82d5ff!important;animation:name202-ascendant-rays 4.9s ease-out infinite!important;
}
@keyframes name202-ascendant-body{0%,100%{transform:translateY(0)}43%{transform:translateY(-.035em);text-shadow:0 0 13px rgba(157,220,255,.42)}}
@keyframes name202-ascendant-ghost{0%,20%,74%,100%{opacity:0;transform:translateY(.08em) scale(1)}38%{opacity:.72}61%{opacity:0;transform:translateY(-.82em) scale(1.025)}}
@keyframes name202-ascendant-rays{0%,20%,75%,100%{opacity:0;transform:translateY(.4em) scaleY(.3)}42%{opacity:.75;transform:translateY(0) scaleY(1)}63%{opacity:0;transform:translateY(-.55em) scaleY(.55)}}

/* Знак владельца — подпись рисуется заметно, финальная точка ставит печать без короны. */
.name-effect-coronation{color:#f2cd74!important;animation:name202-owner-body 5.7s ease-in-out infinite!important}
.name-effect-coronation::before{
  content:"◆"!important;display:block!important;position:absolute!important;left:.04em!important;bottom:-.13em!important;z-index:4!important;
  color:#ffe59c!important;font-size:.23em!important;text-shadow:0 0 7px #e8b84a!important;opacity:0!important;
  animation:name202-owner-seal 5.7s cubic-bezier(.42,0,.2,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;display:block!important;position:absolute!important;left:.04em!important;right:.04em!important;bottom:.015em!important;z-index:3!important;
  height:2px!important;border-radius:999px!important;background:#f0c45e!important;box-shadow:0 0 8px rgba(240,196,94,.65)!important;
  opacity:0!important;transform:scaleX(0)!important;transform-origin:left!important;animation:name202-owner-stroke 5.7s cubic-bezier(.42,0,.2,1) infinite!important;
}
@keyframes name202-owner-body{0%,100%{text-shadow:0 0 4px rgba(235,184,69,.18)}48%{text-shadow:0 0 11px rgba(235,184,69,.42)}}
@keyframes name202-owner-stroke{0%,16%,80%,100%{opacity:0;transform:scaleX(0);transform-origin:left}30%{opacity:1;transform:scaleX(.28)}54%{opacity:1;transform:scaleX(1)}70%{opacity:.2;transform:scaleX(1);transform-origin:right}}
@keyframes name202-owner-seal{0%,48%,82%,100%{left:.04em;opacity:0;transform:scale(.4) rotate(-30deg)}57%{left:calc(100% - .25em);opacity:1;transform:scale(1) rotate(0)}70%{left:calc(100% - .25em);opacity:.2;transform:scale(1.35) rotate(20deg)}}

/* След первопроходца — маршрут содержит контрольные точки и движущуюся стрелку. */
.name-effect-trailblazer{color:#c5f0ff!important;animation:name202-trail-body 5s ease-in-out infinite!important}
.name-effect-trailblazer::before{
  content:"•   •   •"!important;display:block!important;position:absolute!important;left:3%!important;right:3%!important;bottom:-.22em!important;z-index:2!important;
  color:#8581ff!important;font-size:.26em!important;letter-spacing:1.25em!important;white-space:nowrap!important;opacity:.25!important;
  border-top:1px dashed rgba(112,224,255,.5)!important;animation:name202-trail-checkpoints 5s ease-in-out infinite!important;
}
.name-effect-trailblazer::after{
  content:"➜"!important;display:block!important;position:absolute!important;left:-.4em!important;bottom:-.35em!important;z-index:4!important;
  color:#79eaff!important;font-size:.34em!important;text-shadow:0 0 7px #5de3ff!important;opacity:0!important;
  animation:name202-trail-arrow 5s cubic-bezier(.42,0,.18,1) infinite!important;
}
@keyframes name202-trail-body{0%,100%{transform:none;text-shadow:0 0 4px rgba(75,222,255,.18)}48%{transform:translateX(.018em);text-shadow:-.1em 0 10px rgba(75,222,255,.38)}}
@keyframes name202-trail-checkpoints{0%,100%{opacity:.16;transform:scaleX(.86)}48%{opacity:.75;transform:scaleX(1)}}
@keyframes name202-trail-arrow{0%,12%,84%,100%{left:-.4em;opacity:0;transform:translateY(.08em)}24%{opacity:1}66%{left:calc(100% - .25em);opacity:1;transform:translateY(-.03em)}78%{left:calc(100% + .18em);opacity:0;transform:translateY(.08em)}}

@media(prefers-reduced-motion:reduce){
  .name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
  .name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
  .name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse,
  .name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation,
  .name-effect-trailblazer,
  .name-effect-comet::before,.name-effect-comet::after,.name-effect-pulse::before,.name-effect-pulse::after,
  .name-effect-glitch::before,.name-effect-glitch::after,.name-effect-ember::before,.name-effect-ember::after,
  .name-effect-prism::before,.name-effect-prism::after,.name-effect-wave::before,.name-effect-wave::after,
  .name-effect-electric::before,.name-effect-electric::after,.name-effect-sakura::before,.name-effect-sakura::after,
  .name-effect-scanner::before,.name-effect-scanner::after,.name-effect-starlight::before,.name-effect-starlight::after,
  .name-effect-siren::before,.name-effect-siren::after,.name-effect-eclipse::before,.name-effect-eclipse::after,
  .name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,.name-effect-void::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{animation:none!important;transform:none!important}
  .name-effect-comet::before,.name-effect-comet::after,.name-effect-pulse::before,.name-effect-pulse::after,
  .name-effect-glitch::before,.name-effect-glitch::after,.name-effect-ember::before,.name-effect-ember::after,
  .name-effect-prism::before,.name-effect-prism::after,.name-effect-wave::before,.name-effect-wave::after,
  .name-effect-electric::before,.name-effect-electric::after,.name-effect-sakura::before,.name-effect-sakura::after,
  .name-effect-scanner::before,.name-effect-scanner::after,.name-effect-starlight::before,.name-effect-starlight::after,
  .name-effect-siren::before,.name-effect-siren::after,.name-effect-eclipse::before,.name-effect-eclipse::after,
  .name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,.name-effect-void::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{display:none!important}
}

/* Release 203 — nickname motion rebuilt around real per-glyph animation.
   Every effect now has its own silhouette and timing language instead of a
   recoloured text layer. The parent never animates transform, so profile
   fitting, comment layout and the level control remain stable. */
.name-effect-comet,.name-effect-pulse,.name-effect-glitch,.name-effect-ember,
.name-effect-prism,.name-effect-wave,.name-effect-electric,.name-effect-sakura,
.name-effect-scanner,.name-effect-starlight,.name-effect-siren,.name-effect-eclipse,
.name-effect-nebula,.name-effect-void,.name-effect-ascendant,.name-effect-coronation,
.name-effect-trailblazer{
  position:relative!important;
  display:inline-flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:visible!important;
  isolation:isolate!important;
  contain:none!important;
  animation:none!important;
  transform:none;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
}
.name-effect-comet::before,.name-effect-comet::after,
.name-effect-pulse::before,.name-effect-pulse::after,
.name-effect-glitch::before,.name-effect-glitch::after,
.name-effect-ember::before,.name-effect-ember::after,
.name-effect-prism::before,.name-effect-prism::after,
.name-effect-wave::before,.name-effect-wave::after,
.name-effect-electric::before,.name-effect-electric::after,
.name-effect-sakura::before,.name-effect-sakura::after,
.name-effect-scanner::before,.name-effect-scanner::after,
.name-effect-starlight::before,.name-effect-starlight::after,
.name-effect-siren::before,.name-effect-siren::after,
.name-effect-eclipse::before,.name-effect-eclipse::after,
.name-effect-nebula::before,.name-effect-nebula::after,
.name-effect-void::before,.name-effect-void::after,
.name-effect-ascendant::before,.name-effect-ascendant::after,
.name-effect-coronation::before,.name-effect-coronation::after,
.name-effect-trailblazer::before,.name-effect-trailblazer::after{
  content:none!important;
  animation:none!important;
  pointer-events:none!important;
}
.name-glyph{
  position:relative;
  z-index:2;
  display:inline-block;
  flex:0 0 auto;
  min-width:0;
  transform-origin:50% 82%;
  will-change:transform,opacity,filter,text-shadow;
}
.name-glyph-space{min-width:.28em}
.comment-author.decorated-name .decorated-name-text{overflow:visible!important;text-overflow:clip!important}

/* Зенит — each letter is hit by a travelling body and recoils in sequence. */
.name-effect-comet{color:#ecfbff!important}
.name-effect-comet .name-glyph{
  animation:name203-comet-recoil 4.2s cubic-bezier(.2,.8,.2,1) infinite;
  animation-delay:calc(var(--glyph) * .065s);
}
.name-effect-comet::before{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:-.45em!important;top:42%!important;width:.2em!important;height:.2em!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 .12em #fff,0 0 .35em #53dcff!important;opacity:0!important;
  animation:name203-comet-core 4.2s cubic-bezier(.28,.72,.18,1) infinite!important;
}
.name-effect-comet::after{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;
  left:-35%!important;top:calc(42% + .075em)!important;width:38%!important;height:2px!important;border-radius:99px!important;
  background:#62ddff!important;box-shadow:0 0 .25em #62ddff!important;opacity:0!important;transform-origin:right center!important;
  animation:name203-comet-tail 4.2s cubic-bezier(.28,.72,.18,1) infinite!important;
}
@keyframes name203-comet-recoil{0%,15%,64%,100%{transform:none;filter:none}31%{transform:translate(.045em,-.09em) rotate(-2deg);filter:brightness(1.8);text-shadow:0 0 .26em #5de4ff}43%{transform:translate(-.025em,.025em) rotate(.8deg)}52%{transform:none}}
@keyframes name203-comet-core{0%,12%,72%,100%{left:-.45em;opacity:0}20%{opacity:1}53%{left:calc(100% + .12em);opacity:1}61%{left:calc(100% + .45em);opacity:0}}
@keyframes name203-comet-tail{0%,12%,72%,100%{left:-35%;opacity:0;transform:scaleX(.3)}21%{opacity:.9}53%{left:74%;opacity:.72;transform:scaleX(1)}62%{left:103%;opacity:0;transform:scaleX(.25)}}

/* Аура — glyphs inhale one-by-one while two pressure rings leave the word. */
.name-effect-pulse{color:color-mix(in srgb,var(--role-color,#aa92ff) 62%,#fff)!important}
.name-effect-pulse .name-glyph{
  animation:name203-aura-breath 3.9s ease-in-out infinite;
  animation-delay:calc(var(--glyph) * -.09s);
}
.name-effect-pulse::before,.name-effect-pulse::after{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  inset:-.06em -.15em!important;border:1px solid color-mix(in srgb,var(--role-color,#aa92ff) 68%,#fff)!important;border-radius:.5em!important;
  opacity:0!important;transform-origin:center!important;
}
.name-effect-pulse::before{animation:name203-aura-ring 3.9s ease-out infinite!important}
.name-effect-pulse::after{animation:name203-aura-ring 3.9s ease-out .72s infinite!important}
@keyframes name203-aura-breath{0%,100%{transform:translateY(0) scale(1);filter:brightness(.9)}46%{transform:translateY(-.07em) scale(1.08);filter:brightness(1.35);text-shadow:0 0 .28em color-mix(in srgb,var(--role-color,#aa92ff) 52%,transparent)}70%{transform:translateY(.015em) scale(.98)}}
@keyframes name203-aura-ring{0%,18%{opacity:0;transform:scale(1)}35%{opacity:.65}72%{opacity:0;transform:scale(1.1,1.42)}100%{opacity:0}}

/* Сигнал — alternating glyph blocks desynchronise, cut out and snap back. */
.name-effect-glitch{color:#f8f8ff!important}
.name-effect-glitch .name-glyph{animation:name203-glitch-glyph 4.8s steps(1,end) infinite;animation-delay:calc(var(--glyph) * .021s)}
.name-effect-glitch .name-glyph:nth-child(odd){animation-name:name203-glitch-odd}
.name-effect-glitch .name-glyph:nth-child(even){animation-name:name203-glitch-even}
.name-effect-glitch::before,.name-effect-glitch::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  height:3px!important;border-radius:1px!important;opacity:0!important;
}
.name-effect-glitch::before{left:4%!important;top:27%!important;width:44%!important;background:#32eaff!important;box-shadow:0 0 .18em #32eaff!important;animation:name203-glitch-bar-a 4.8s steps(1,end) infinite!important}
.name-effect-glitch::after{right:3%!important;top:68%!important;width:36%!important;background:#ff4f9e!important;box-shadow:0 0 .18em #ff4f9e!important;animation:name203-glitch-bar-b 4.8s steps(1,end) infinite!important}
@keyframes name203-glitch-glyph{0%,68%,83%,100%{transform:none;opacity:1;clip-path:inset(0);filter:none}70%{transform:translate(.07em,-.04em) skewX(5deg);clip-path:inset(0 0 48% 0);text-shadow:-.08em 0 #32eaff}72%{transform:translate(-.055em,.05em);clip-path:inset(52% 0 0 0);text-shadow:.08em 0 #ff4f9e}74%{opacity:.25;transform:translateY(.03em)}76%{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes name203-glitch-odd{0%,68%,83%,100%{transform:none;opacity:1;filter:none}70%{transform:translate(.09em,-.055em) skewX(6deg);opacity:.9;text-shadow:-.08em 0 #32eaff}72%{transform:translate(-.04em,.025em);opacity:.45}75%{transform:translate(.025em,0);opacity:1}78%{transform:none}}
@keyframes name203-glitch-even{0%,69%,84%,100%{transform:none;opacity:1;filter:none}71%{transform:translate(-.085em,.055em) skewX(-5deg);opacity:.85;text-shadow:.08em 0 #ff4f9e}73%{transform:translate(.05em,-.025em);opacity:.38}76%{transform:translate(-.02em,0);opacity:1}79%{transform:none}}
@keyframes name203-glitch-bar-a{0%,68%,82%,100%{left:4%;opacity:0}70%{left:46%;opacity:1}73%{left:17%;opacity:.55}76%{opacity:0}}
@keyframes name203-glitch-bar-b{0%,69%,83%,100%{right:3%;opacity:0}71%{right:48%;opacity:.95}74%{right:14%;opacity:.5}77%{opacity:0}}

/* Тлеющий свет — irregular flame tongues and rising embers, no colour sweep. */
.name-effect-ember{color:#ffd2a2!important}
.name-effect-ember .name-glyph{animation:name203-ember-letter 3.6s ease-in-out infinite;animation-delay:calc(var(--glyph) * -.11s)}
.name-effect-ember::before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:3%!important;right:3%!important;bottom:.02em!important;height:.1em!important;border-radius:50%!important;
  background:#ff6a2d!important;box-shadow:0 -.12em .35em rgba(255,82,28,.72)!important;
  animation:name203-ember-bed 3.6s ease-in-out infinite!important;
}
.name-effect-ember::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:8%!important;bottom:.08em!important;width:6px!important;height:6px!important;border-radius:50%!important;
  background:radial-gradient(circle,#fff 0%,#ff9800 45%,rgba(255,87,34,0) 75%)!important;
  box-shadow:0 0 .25em #ff5722,0 0 .5em rgba(255,87,34,.6)!important;opacity:0!important;
  animation:name203-ember-particles 3.6s ease-out infinite!important;
}
@keyframes name203-ember-letter{0%,100%{transform:translateY(0) scaleY(1);filter:brightness(.88);text-shadow:0 -.03em .12em rgba(255,80,30,.28)}35%{transform:translateY(-.08em) scaleY(1.08);filter:brightness(1.45);text-shadow:0 -.16em .3em rgba(255,80,30,.72)}46%{transform:translateY(.015em) scaleY(.97);filter:brightness(1.05)}64%{transform:translateY(-.03em)}}
@keyframes name203-ember-bed{0%,100%{opacity:.14;transform:scaleX(.62)}38%{opacity:.95;transform:scaleX(1)}66%{opacity:.35;transform:scaleX(.82)}}
@keyframes name203-ember-particles{0%,16%,78%,100%{opacity:0;transform:translate(.05em,.38em) scale(.65)}32%{opacity:1}62%{opacity:.18;transform:translate(1.1em,-1.05em) rotate(18deg) scale(.45)}}

/* Спектр — every glyph flips as a small prism and splits into RGB shadows. */
.name-effect-prism{color:#fafaff!important}
.name-effect-prism .name-glyph{animation:name203-prism-flip 4.5s cubic-bezier(.2,.75,.2,1) infinite;animation-delay:calc(var(--glyph) * .075s)}
.name-effect-prism::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:-.45em!important;top:20%!important;width:2px!important;height:65%!important;border-radius:1px!important;
  background:linear-gradient(180deg,transparent,#38e9ff 30%,#fff 50%,#ff57bd 70%,transparent)!important;
  box-shadow:0 0 .2em #38e9ff,0 0 .2em #ff57bd!important;
  opacity:0!important;animation:name203-prism-cursor 4.5s cubic-bezier(.25,.72,.2,1) infinite!important;
}
@keyframes name203-prism-flip{0%,16%,70%,100%{transform:perspective(5em) rotateY(0) translateY(0);text-shadow:none;filter:none}35%{transform:perspective(5em) rotateY(78deg) translateY(-.05em);text-shadow:-.07em 0 #38e9ff,.07em 0 #ff57bd;filter:brightness(1.65)}49%{transform:perspective(5em) rotateY(155deg) translateY(.01em);text-shadow:.06em 0 #38e9ff,-.06em 0 #ff57bd}58%{transform:perspective(5em) rotateY(180deg);filter:brightness(1.08)}}
@keyframes name203-prism-cursor{0%,12%,74%,100%{left:-.45em;opacity:0;transform:rotate(0) scale(.7)}22%{opacity:1}58%{left:calc(100% + .1em);opacity:.9;transform:rotate(360deg) scale(1.1)}68%{left:calc(100% + .42em);opacity:0}}

/* Гравитация — a real per-letter sine wave with a moving orbital body. */
.name-effect-wave{color:color-mix(in srgb,var(--role-color,#8fa5ff) 64%,#fff)!important}
.name-effect-wave .name-glyph{animation:name203-gravity-wave 3.3s ease-in-out infinite;animation-delay:calc(var(--glyph) * -.12s)}
.name-effect-wave::before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:5%!important;right:5%!important;bottom:-.06em!important;height:.24em!important;border-top:2px solid rgba(117,224,255,.7)!important;border-radius:50%!important;
  box-shadow:0 -.08em .28em rgba(117,224,255,.28)!important;animation:name203-gravity-arc 3.3s ease-in-out infinite!important;
}
.name-effect-wave::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:0!important;bottom:-.13em!important;width:.18em!important;height:.18em!important;border-radius:50%!important;background:#a4edff!important;box-shadow:0 0 .26em #75dcff!important;
  animation:name203-gravity-orbit 3.3s linear infinite!important;
}
@keyframes name203-gravity-wave{0%,100%{transform:translateY(.08em) rotate(1deg)}50%{transform:translateY(-.18em) rotate(-1deg);text-shadow:0 .2em .3em rgba(94,192,255,.35)}}
@keyframes name203-gravity-arc{0%,100%{opacity:.18;transform:scaleX(.7) scaleY(.65)}50%{opacity:.85;transform:scaleX(1) scaleY(1)}}
@keyframes name203-gravity-orbit{0%{left:0;transform:translateY(.08em)}25%{transform:translateY(-.18em)}50%{left:calc(100% - .18em);transform:translateY(.08em)}75%{transform:translateY(.16em)}100%{left:0;transform:translateY(.08em)}}

/* Импульс — the discharge jumps letter-to-letter and leaves a bolt overhead. */
.name-effect-electric{color:#f4f8ff!important}
.name-effect-electric .name-glyph{animation:name203-electric-hit 4.2s steps(1,end) infinite;animation-delay:calc(var(--glyph) * .06s)}
.name-effect-electric::before{
  content:""!important;display:block!important;position:absolute!important;z-index:6!important;
  left:-.35em!important;top:30%!important;width:2px!important;height:45%!important;border-radius:1px!important;
  background:#fff!important;box-shadow:0 0 .15em #3ce4ff,0 0 .35em #8054ff!important;opacity:0!important;
  animation:name203-electric-bolt 4.2s steps(10,end) infinite!important;
}
.name-effect-electric::after{
  content:""!important;display:block!important;position:absolute!important;z-index:4!important;
  left:0!important;right:0!important;top:45%!important;height:2px!important;background:#7fe9ff!important;box-shadow:0 0 .2em #6ee5ff!important;
  opacity:0!important;transform-origin:left!important;animation:name203-electric-line 4.2s steps(8,end) infinite!important;
}
@keyframes name203-electric-hit{0%,19%,58%,100%{transform:none;filter:none;text-shadow:none}31%{transform:translateY(-.08em) rotate(-2deg);filter:brightness(2);text-shadow:-.05em 0 #39e9ff,.05em 0 #a16dff}33%{transform:translateY(.04em) rotate(1deg)}36%{transform:none;filter:brightness(1.15)}}
@keyframes name203-electric-bolt{0%,15%,62%,100%{left:-.35em;opacity:0}22%{opacity:1}49%{left:calc(100% - .1em);opacity:1}56%{left:calc(100% + .3em);opacity:0}}
@keyframes name203-electric-line{0%,17%,61%,100%{opacity:0;transform:scaleX(0)}24%{opacity:.95;transform:scaleX(.25)}49%{opacity:.72;transform:scaleX(1)}57%{opacity:0;transform:scaleX(1)}}

/* Цветение — letters bow while petals fall on independent paths. */
.name-effect-sakura{color:#ffb4d1!important}
.name-effect-sakura .name-glyph{animation:name203-sakura-bow 5.3s ease-in-out infinite;animation-delay:calc(var(--glyph) * -.1s)}
.name-effect-sakura::before,
.name-effect-sakura::after{display:block!important;position:absolute!important;z-index:5!important;opacity:0!important}
.name-effect-sakura::before{content:""!important;left:3%!important;top:-.38em!important;width:5px!important;height:4px!important;border-radius:50% 0 50% 0!important;background:#ff83b7!important;box-shadow:0 0 .12em #ff83b7!important;animation:name203-sakura-fall-a 5.3s ease-in-out infinite!important}
.name-effect-sakura::after{content:""!important;right:4%!important;top:-.58em!important;width:4px!important;height:5px!important;border-radius:0 50% 0 50%!important;background:#ffa8cb!important;box-shadow:0 0 .12em #ffa8cb!important;animation:name203-sakura-fall-b 5.3s ease-in-out .7s infinite!important}
@keyframes name203-sakura-bow{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(.035em) rotate(1.2deg);text-shadow:0 0 .18em rgba(255,128,184,.28)}65%{transform:translateY(-.04em) rotate(-.6deg)}}
@keyframes name203-sakura-fall-a{0%,15%,82%,100%{opacity:0;transform:translate(-.2em,-.25em) rotate(-20deg)}28%{opacity:1}70%{opacity:.2;transform:translate(1.15em,1.2em) rotate(170deg)}}
@keyframes name203-sakura-fall-b{0%,15%,82%,100%{opacity:0;transform:translate(.2em,-.2em) rotate(20deg)}28%{opacity:.9}70%{opacity:.15;transform:translate(-1em,1.25em) rotate(-155deg)}}

/* Контур — scanner bar wakes glyphs sequentially from a thin outline. */
.name-effect-scanner{color:color-mix(in srgb,var(--role-color,#8da7ff) 62%,#fff)!important}
.name-effect-scanner .name-glyph{animation:name203-scanner-glyph 4.1s ease-in-out infinite;animation-delay:calc(var(--glyph) * .07s)}
.name-effect-scanner::before{
  content:""!important;display:block!important;position:absolute!important;z-index:6!important;
  left:-.2em!important;top:-.12em!important;bottom:-.12em!important;width:.08em!important;border-radius:99px!important;background:#fff!important;
  box-shadow:0 0 .15em #fff,0 0 .34em #4edfff!important;opacity:0!important;animation:name203-scanner-bar 4.1s cubic-bezier(.3,.72,.18,1) infinite!important;
}
.name-effect-scanner::after{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:0!important;right:0!important;bottom:-.08em!important;height:1px!important;background:#59e4ff!important;opacity:.2!important;
  animation:name203-scanner-baseline 4.1s ease-in-out infinite!important;
}
@keyframes name203-scanner-glyph{0%,13%,72%,100%{transform:scaleY(.72);opacity:.45;filter:brightness(.7)}34%{transform:scaleY(1.14);opacity:1;filter:brightness(1.7);text-shadow:0 0 .25em #64e5ff}48%{transform:scaleY(1);opacity:1;filter:brightness(1)}}
@keyframes name203-scanner-bar{0%,10%,76%,100%{left:-.2em;opacity:0}18%{opacity:1}57%{left:calc(100% + .05em);opacity:1}67%{left:calc(100% + .3em);opacity:0}}
@keyframes name203-scanner-baseline{0%,100%{opacity:.12;transform:scaleX(.25)}42%{opacity:.9;transform:scaleX(1)}70%{opacity:.2;transform:scaleX(.65)}}

/* Созвездие — glyphs twinkle at different times while stars orbit the word. */
.name-effect-starlight{color:#eef8ff!important}
.name-effect-starlight .name-glyph{animation:name203-star-twinkle 5.6s ease-in-out infinite;animation-delay:calc(var(--glyph) * -.31s)}
.name-effect-starlight::before,.name-effect-starlight::after{display:block!important;position:absolute!important;z-index:5!important;opacity:.35!important}
.name-effect-starlight::before{content:""!important;left:50%!important;top:50%!important;width:3px!important;height:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 .15em #fff,0 0 .35em #7ddfff!important;animation:name203-star-orbit-a 5.6s linear infinite!important}
.name-effect-starlight::after{content:""!important;left:50%!important;top:50%!important;width:2.5px!important;height:2.5px!important;border-radius:50%!important;background:#c9f2ff!important;box-shadow:0 0 .15em #c9f2ff,0 0 .3em #9ce9ff!important;animation:name203-star-orbit-b 4.2s linear reverse infinite!important}
@keyframes name203-star-twinkle{0%,100%{transform:scale(.95);opacity:.72;filter:brightness(.85)}30%{transform:scale(1.13) rotate(-1deg);opacity:1;filter:brightness(1.7);text-shadow:0 0 .28em #9ce9ff}55%{transform:scale(1);opacity:.9;filter:brightness(1)}}
@keyframes name203-star-orbit-a{0%{transform:translate(-50%,-50%) rotate(0) translateX(3.3em) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(3.3em) rotate(-360deg)}}
@keyframes name203-star-orbit-b{0%{transform:translate(-50%,-50%) rotate(0) translateX(2.15em) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(2.15em) rotate(-360deg)}}

/* Патрульный свет — opposing beacons sweep and physically kick glyphs. */
.name-effect-siren{color:#f7f7ff!important}
.name-effect-siren .name-glyph{animation:name203-siren-kick 2.7s steps(1,end) infinite;animation-delay:calc(var(--glyph) * -.04s)}
.name-effect-siren::before,.name-effect-siren::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;top:-.26em!important;width:.48em!important;height:.13em!important;border-radius:50%!important;opacity:.2!important;
}
.name-effect-siren::before{left:-.45em!important;background:#ff315b!important;box-shadow:0 0 .2em #ff315b,0 0 .45em rgba(255,49,91,.72)!important;animation:name203-siren-red 2.7s ease-in-out infinite!important}
.name-effect-siren::after{right:-.45em!important;background:#3f88ff!important;box-shadow:0 0 .2em #3f88ff,0 0 .45em rgba(63,136,255,.72)!important;animation:name203-siren-blue 2.7s ease-in-out infinite!important}
@keyframes name203-siren-kick{0%,100%{transform:none;text-shadow:-.04em 0 rgba(255,45,87,.2),.04em 0 rgba(61,132,255,.2)}22%{transform:translateX(.035em) skewX(1deg);text-shadow:-.08em 0 #ff315b}48%{transform:none}72%{transform:translateX(-.035em) skewX(-1deg);text-shadow:.08em 0 #3f88ff}}
@keyframes name203-siren-red{0%,100%{left:-.45em;opacity:.15}25%{left:35%;opacity:1}50%{left:calc(100% - .1em);opacity:.12}}
@keyframes name203-siren-blue{0%,100%{right:-.45em;opacity:.15}50%{right:calc(100% - .1em);opacity:.12}75%{right:35%;opacity:1}}

/* Затмение — a dark body crosses the line and each glyph dims in its wake. */
.name-effect-eclipse{color:#ddcfe5!important}
.name-effect-eclipse .name-glyph{animation:name203-eclipse-glyph 5.4s ease-in-out infinite;animation-delay:calc(var(--glyph) * .075s)}
.name-effect-eclipse::before{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:-1.05em!important;top:48%!important;width:.95em!important;height:.95em!important;border-radius:50%!important;background:#160d1f!important;
  box-shadow:.11em 0 0 #f0cf74,0 0 .28em rgba(240,207,116,.45)!important;opacity:0!important;
  animation:name203-eclipse-disk 5.4s cubic-bezier(.32,.72,.18,1) infinite!important;
}
.name-effect-eclipse::after{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:3%!important;right:3%!important;bottom:-.05em!important;height:1px!important;background:#e7c76e!important;opacity:.1!important;
  animation:name203-eclipse-horizon 5.4s ease-in-out infinite!important;
}
@keyframes name203-eclipse-glyph{0%,16%,72%,100%{filter:brightness(1);transform:none;text-shadow:0 0 .08em rgba(123,65,168,.18)}38%{filter:brightness(.3);transform:translateY(.025em)}52%{filter:brightness(1.45);text-shadow:.07em 0 .18em rgba(240,207,116,.65)}}
@keyframes name203-eclipse-disk{0%,12%,78%,100%{left:-1.05em;opacity:0}22%{opacity:1}58%{left:calc(100% + .1em);opacity:1}68%{left:calc(100% + .85em);opacity:0}}
@keyframes name203-eclipse-horizon{0%,100%{opacity:.08;transform:scaleX(.35)}50%{opacity:.9;transform:scaleX(1)}70%{opacity:.15;transform:scaleX(.7)}}

/* Туманность — parallax drift: glyphs, cloudlets and a satellite all move differently. */
.name-effect-nebula{color:#d8ceff!important}
.name-effect-nebula .name-glyph{animation:name203-nebula-drift 6.2s ease-in-out infinite;animation-delay:calc(var(--glyph) * -.18s)}
.name-effect-nebula::before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:-.5em!important;top:-.45em!important;width:120%!important;height:.6em!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(158,142,255,.32),transparent 70%)!important;filter:blur(4px)!important;opacity:.3!important;
  animation:name203-nebula-cloud 6.2s ease-in-out infinite!important;
}
.name-effect-nebula::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:50%!important;top:50%!important;width:4px!important;height:4px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 .15em #fff,0 0 .35em #74dcff!important;
  animation:name203-nebula-satellite 6.2s linear infinite!important;
}
@keyframes name203-nebula-drift{0%,100%{transform:translate(-.03em,.08em) rotate(-.7deg);filter:brightness(.8)}50%{transform:translate(.04em,-.12em) rotate(.7deg);filter:brightness(1.35);text-shadow:0 0 .28em rgba(126,99,255,.5)}}
@keyframes name203-nebula-cloud{0%,100%{opacity:.14;transform:translateX(-.55em) scale(.82)}50%{opacity:.85;transform:translateX(1.3em) scale(1.12)}}
@keyframes name203-nebula-satellite{0%{transform:translate(-50%,-50%) rotate(0) translateX(2.8em) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(2.8em) rotate(-360deg)}}

/* Чёрная сингулярность — glyphs are pulled toward the actual centre then rebound. */
.name-effect-void{color:#e6dff0!important}
.name-effect-void .name-glyph{animation:name203-void-pull 5.2s cubic-bezier(.45,0,.18,1) infinite;animation-delay:calc((var(--glyph) - (var(--glyph-count) / 2)) * .035s)}
.name-effect-void::before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:50%!important;top:50%!important;width:.82em!important;height:.82em!important;border:2px solid #9e6bd5!important;border-radius:50%!important;
  box-shadow:0 0 .32em rgba(83,36,112,.8)!important;opacity:.15!important;animation:name203-void-ring 5.2s cubic-bezier(.45,0,.18,1) infinite!important;
}
.name-effect-void::after{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;
  left:50%!important;top:50%!important;width:.2em!important;height:.2em!important;border-radius:50%!important;background:#0c0711!important;
  box-shadow:0 0 .35em #8f5bc3!important;opacity:.2!important;animation:name203-void-core 5.2s cubic-bezier(.45,0,.18,1) infinite!important;
}
@keyframes name203-void-pull{0%,16%,76%,100%{transform:translateX(0) scaleX(1);filter:brightness(1);opacity:1}43%{transform:translateX(var(--glyph-pull,0)) scaleX(.72);filter:brightness(.48);opacity:.72}56%{transform:translateX(var(--glyph-rebound,0)) scaleX(1.14);filter:brightness(1.55);opacity:1}66%{transform:none}}
@keyframes name203-void-ring{0%,16%,76%,100%{opacity:.08;transform:translate(-50%,-50%) scale(3.8)}43%{opacity:1;transform:translate(-50%,-50%) scale(.42)}60%{opacity:.2;transform:translate(-50%,-50%) scale(4.5)}}
@keyframes name203-void-core{0%,18%,75%,100%{opacity:.1;transform:translate(-50%,-50%) scale(.45)}43%{opacity:1;transform:translate(-50%,-50%) scale(1.6)}60%{opacity:0;transform:translate(-50%,-50%) scale(4)}}

/* Вознесение — every glyph launches upward in a staircase and leaves a ray. */
.name-effect-ascendant{color:#fff1bd!important}
.name-effect-ascendant .name-glyph{animation:name203-ascend-glyph 5s cubic-bezier(.24,.72,.2,1) infinite;animation-delay:calc(var(--glyph) * .075s)}
.name-effect-ascendant::before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:14%!important;bottom:-.18em!important;width:100%!important;height:.16em!important;border-top:1.5px solid rgba(141,223,255,.7)!important;border-radius:50%!important;
  box-shadow:0 -.06em .22em rgba(105,215,255,.4)!important;opacity:0!important;animation:name203-ascend-rays 5s ease-out infinite!important;
}
.name-effect-ascendant::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:50%!important;bottom:0!important;width:3.5px!important;height:3.5px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 .15em #fff,0 0 .3em #8edfff!important;opacity:0!important;
  animation:name203-ascend-star 5s ease-out infinite!important;
}
@keyframes name203-ascend-glyph{0%,16%,72%,100%{transform:translateY(0) scale(1);opacity:1;filter:none}38%{transform:translateY(-.42em) scale(1.08);opacity:.9;filter:brightness(1.7);text-shadow:0 .32em .22em rgba(105,210,255,.5)}56%{transform:translateY(.04em) scale(.98);opacity:1}64%{transform:none}}
@keyframes name203-ascend-rays{0%,17%,72%,100%{opacity:0;transform:translateY(.35em) scaleY(.3)}37%{opacity:.9;transform:translateY(-.05em) scaleY(1.2)}58%{opacity:0;transform:translateY(-.95em) scaleY(.5)}}
@keyframes name203-ascend-star{0%,20%,74%,100%{opacity:0;transform:translate(-50%,.2em) scale(.4)}42%{opacity:1}62%{opacity:0;transform:translate(-50%,-1.1em) scale(1.4)}}

/* Знак владельца — letters are stamped, then a signature is drawn. No crown. */
.name-effect-coronation{color:#f0c96b!important}
.name-effect-coronation .name-glyph{animation:name203-owner-stamp 5.8s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--glyph) * .045s)}
.name-effect-coronation::before{
  content:""!important;display:block!important;position:absolute!important;z-index:4!important;
  left:.02em!important;right:.02em!important;bottom:-.02em!important;height:2px!important;border-radius:99px!important;background:#f0c45c!important;
  box-shadow:0 0 .2em rgba(240,196,92,.65)!important;opacity:0!important;transform:scaleX(0)!important;transform-origin:left!important;
  animation:name203-owner-signature 5.8s cubic-bezier(.38,.7,.18,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:0!important;bottom:-.16em!important;width:4px!important;height:4px!important;border-radius:50%!important;
  background:#ffe69d!important;box-shadow:0 0 .2em #e5b541!important;opacity:0!important;
  animation:name203-owner-pen 5.8s cubic-bezier(.38,.7,.18,1) infinite!important;
}
@keyframes name203-owner-stamp{0%,15%,72%,100%{transform:translateY(0) scale(1);filter:brightness(.9)}31%{transform:translateY(.08em) scaleY(.82);filter:brightness(1.6);text-shadow:0 0 .2em rgba(236,183,65,.58)}39%{transform:translateY(-.03em) scaleY(1.08)}48%{transform:none;filter:brightness(1)}}
@keyframes name203-owner-signature{0%,37%,79%,100%{opacity:0;transform:scaleX(0);transform-origin:left}46%{opacity:1;transform:scaleX(.28)}63%{opacity:1;transform:scaleX(1)}72%{opacity:.2;transform:scaleX(1);transform-origin:right}}
@keyframes name203-owner-pen{0%,38%,80%,100%{left:0;opacity:0;transform:rotate(-25deg) scale(.45)}47%{opacity:1}64%{left:calc(100% - .22em);opacity:1;transform:rotate(8deg) scale(1)}72%{left:calc(100% - .22em);opacity:.15;transform:rotate(25deg) scale(1.3)}}

/* След первопроходца — checkpoint route, moving marker and wake-up trail. */
.name-effect-trailblazer{color:#c7f0ff!important}
.name-effect-trailblazer .name-glyph{animation:name203-trail-wake 5.2s ease-in-out infinite;animation-delay:calc(var(--glyph) * .085s)}
.name-effect-trailblazer::before{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;
  left:2%!important;right:2%!important;bottom:-.23em!important;border-top:1.5px dashed rgba(105,225,255,.75)!important;
  opacity:.3!important;
  animation:name203-route-line 5.2s ease-in-out infinite!important;
}
.name-effect-trailblazer::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;
  left:-.38em!important;bottom:-.36em!important;width:6px!important;height:2px!important;border-radius:99px!important;
  background:#fff!important;box-shadow:0 0 .18em #fff,0 0 .35em #57dfff!important;opacity:0!important;
  animation:name203-route-marker 5.2s cubic-bezier(.3,.72,.18,1) infinite!important;
}
@keyframes name203-trail-wake{0%,14%,72%,100%{transform:translateY(.03em);filter:brightness(.72);text-shadow:none}36%{transform:translateY(-.08em) rotate(-1deg);filter:brightness(1.75);text-shadow:-.14em .08em .28em rgba(67,220,255,.55)}52%{transform:translateY(0);filter:brightness(1.05)}}
@keyframes name203-route-line{0%,100%{opacity:.15;transform:scaleX(.7)}48%{opacity:.9;transform:scaleX(1)}}
@keyframes name203-route-marker{0%,10%,82%,100%{left:-.38em;opacity:0;transform:translateY(.08em) rotate(-8deg)}20%{opacity:1}66%{left:calc(100% - .2em);opacity:1;transform:translateY(-.03em) rotate(0)}76%{left:calc(100% + .3em);opacity:0;transform:translateY(.08em) rotate(8deg)}}

@media(prefers-reduced-motion:reduce){
  .name-effect-comet .name-glyph,.name-effect-pulse .name-glyph,.name-effect-glitch .name-glyph,.name-effect-ember .name-glyph,
  .name-effect-prism .name-glyph,.name-effect-wave .name-glyph,.name-effect-electric .name-glyph,.name-effect-sakura .name-glyph,
  .name-effect-scanner .name-glyph,.name-effect-starlight .name-glyph,.name-effect-siren .name-glyph,.name-effect-eclipse .name-glyph,
  .name-effect-nebula .name-glyph,.name-effect-void .name-glyph,.name-effect-ascendant .name-glyph,.name-effect-coronation .name-glyph,
  .name-effect-trailblazer .name-glyph{animation:none!important;transform:none!important;filter:none!important}
  .name-effect-comet::before,.name-effect-comet::after,.name-effect-pulse::before,.name-effect-pulse::after,
  .name-effect-glitch::before,.name-effect-glitch::after,.name-effect-ember::before,.name-effect-ember::after,
  .name-effect-prism::before,.name-effect-prism::after,.name-effect-wave::before,.name-effect-wave::after,
  .name-effect-electric::before,.name-effect-electric::after,.name-effect-sakura::before,.name-effect-sakura::after,
  .name-effect-scanner::before,.name-effect-scanner::after,.name-effect-starlight::before,.name-effect-starlight::after,
  .name-effect-siren::before,.name-effect-siren::after,.name-effect-eclipse::before,.name-effect-eclipse::after,
  .name-effect-nebula::before,.name-effect-nebula::after,.name-effect-void::before,.name-effect-void::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{display:none!important;animation:none!important}
}


/* Release 204 — four prestige rewards rebuilt as distinct, non-gradient motions. */
.name-effect-nebula,
.name-effect-void,
.name-effect-coronation,
.name-effect-trailblazer{
  background:none!important;
  background-image:none!important;
  background-position:0 0!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate;
}

/* Новая орбита — the whole word behaves like a small orbital system. */
.name-effect-nebula{
  color:#c8edff!important;
  text-shadow:0 0 .12em rgba(111,218,255,.45)!important;
}
.name-effect-nebula .name-glyph{
  transform-origin:50% 60%;
  animation:name204-orbit-glyph 3.8s cubic-bezier(.45,0,.2,1) infinite!important;
  animation-delay:calc(var(--glyph) * -.14s)!important;
}
.name-effect-nebula::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:-.28em!important;
  right:-.28em!important;
  top:50%!important;
  height:1.28em!important;
  border:1px solid rgba(120,209,255,.48)!important;
  border-left-color:rgba(164,122,255,.78)!important;
  border-right-color:rgba(164,122,255,.78)!important;
  border-radius:50%!important;
  opacity:.2!important;
  transform:translateY(-50%) rotate(-7deg) scale(.88)!important;
  animation:name204-orbit-ring 3.8s ease-in-out infinite!important;
}
.name-effect-nebula::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:-.3em!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:.16em!important;
  height:.16em!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 .13em #fff,0 0 .32em #72dcff!important;
  opacity:0!important;
  animation:name204-orbit-satellite 3.8s cubic-bezier(.42,0,.25,1) infinite!important;
}
@keyframes name204-orbit-glyph{
  0%,100%{transform:translate(0,0) rotate(0);filter:brightness(.9)}
  22%{transform:translate(.04em,-.17em) rotate(-4deg);filter:brightness(1.45)}
  48%{transform:translate(.08em,.02em) rotate(2deg);filter:brightness(1)}
  72%{transform:translate(-.04em,.13em) rotate(4deg);filter:brightness(.78)}
}
@keyframes name204-orbit-ring{
  0%,100%{opacity:.18;transform:translateY(-50%) rotate(-7deg) scale(.88)}
  50%{opacity:.72;transform:translateY(-50%) rotate(7deg) scale(1.03)}
}
@keyframes name204-orbit-satellite{
  0%{left:-.3em;top:58%;opacity:0;transform:scale(.55)}
  10%{opacity:1}
  24%{top:18%;transform:scale(1)}
  50%{left:calc(100% + .14em);top:42%;opacity:1;transform:scale(.78)}
  65%{top:86%;transform:scale(.58)}
  82%{left:18%;top:72%;opacity:.75;transform:scale(.48)}
  100%{left:-.3em;top:58%;opacity:0;transform:scale(.55)}
}

/* Половина пути — every glyph splits into an upper and lower plate, then locks. */
.name-effect-void{
  color:#ded7ec!important;
  text-shadow:none!important;
}
.name-effect-void::before,
.name-effect-void::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.name-effect-void .name-glyph{
  color:#ded7ec;
  -webkit-text-fill-color:currentColor;
  animation:name204-half-base 4.6s steps(1,end) infinite!important;
  animation-delay:0s!important;
}
.name-effect-void .name-glyph::before,
.name-effect-void .name-glyph::after{
  content:attr(data-glyph);
  display:block;
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  color:#eee7f8!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
}
.name-effect-void .name-glyph::before{
  clip-path:inset(0 0 50% 0);
  text-shadow:-.055em 0 #8de8ff;
  animation:name204-half-top 4.6s cubic-bezier(.2,.72,.18,1) infinite;
}
.name-effect-void .name-glyph::after{
  clip-path:inset(50% 0 0 0);
  text-shadow:.055em 0 #a76cff;
  animation:name204-half-bottom 4.6s cubic-bezier(.2,.72,.18,1) infinite;
}
.name-effect-void .name-glyph-space::before,
.name-effect-void .name-glyph-space::after{display:none}
@keyframes name204-half-base{
  0%,18%,72%,100%{color:#ded7ec;transform:none}
  26%,58%{color:transparent}
  65%{color:#ded7ec}
}
@keyframes name204-half-top{
  0%,17%,72%,100%{opacity:0;transform:translate(0,0) skewX(0)}
  23%{opacity:1}
  38%{opacity:1;transform:translate(-.11em,-.13em) skewX(-7deg)}
  52%{opacity:1;transform:translate(.035em,-.04em) skewX(2deg)}
  61%{opacity:1;transform:translate(0,0) skewX(0)}
  68%{opacity:0}
}
@keyframes name204-half-bottom{
  0%,17%,72%,100%{opacity:0;transform:translate(0,0) skewX(0)}
  23%{opacity:1}
  38%{opacity:1;transform:translate(.11em,.13em) skewX(7deg)}
  52%{opacity:1;transform:translate(-.035em,.04em) skewX(-2deg)}
  61%{opacity:1;transform:translate(0,0) skewX(0)}
  68%{opacity:0}
}

/* Личный знак владельца — an approval frame is drawn and the mark is applied. */
.name-effect-coronation{
  color:#efc568!important;
  padding-inline:.14em!important;
  text-shadow:0 0 .08em rgba(239,197,104,.34)!important;
}
.name-effect-coronation .name-glyph{
  transform-origin:50% 100%;
  animation:name204-owner-approve 5.2s cubic-bezier(.18,.82,.2,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-coronation::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:-.12em!important;
  right:-.12em!important;
  top:-.07em!important;
  bottom:-.1em!important;
  width:auto!important;
  height:auto!important;
  border:1px solid rgba(239,197,104,.72)!important;
  border-radius:.13em!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scaleX(.12) scaleY(.7)!important;
  animation:name204-owner-frame 5.2s cubic-bezier(.2,.76,.18,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  left:auto!important;
  right:-.35em!important;
  top:-.2em!important;
  bottom:auto!important;
  width:6px!important;
  height:6px!important;
  border:1px solid #efc568!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0%,#efc568 60%,transparent 100%)!important;
  box-shadow:0 0 .22em rgba(239,197,104,.75)!important;
  opacity:0!important;
  transform:scale(.35)!important;
  animation:name204-owner-check 5.2s cubic-bezier(.2,.8,.2,1) infinite!important;
}
@keyframes name204-owner-approve{
  0%,17%,72%,100%{transform:translateY(0) rotateX(0);filter:brightness(.86)}
  30%{transform:translateY(-.14em) rotateX(64deg);filter:brightness(1.55)}
  43%{transform:translateY(.035em) rotateX(-12deg);filter:brightness(1.2)}
  53%{transform:none;filter:brightness(1)}
}
@keyframes name204-owner-frame{
  0%,18%,76%,100%{opacity:0;transform:scaleX(.12) scaleY(.7)}
  29%{opacity:.28;transform:scaleX(.5) scaleY(.7)}
  48%{opacity:.92;transform:scaleX(1) scaleY(1)}
  64%{opacity:.42;transform:scaleX(1) scaleY(1)}
}
@keyframes name204-owner-check{
  0%,42%,78%,100%{opacity:0;transform:rotate(-22deg) scale(.35)}
  51%{opacity:1;transform:rotate(8deg) scale(1.18)}
  60%{opacity:1;transform:rotate(0) scale(1)}
  70%{opacity:.32;transform:rotate(0) scale(.92)}
}

/* Первопроходец 2026 — letters step forward and leave registered checkpoints. */
.name-effect-trailblazer{
  color:#bfefff!important;
  text-shadow:none!important;
  padding-bottom:.16em!important;
}
.name-effect-trailblazer .name-glyph{
  transform-origin:50% 100%;
  animation:name204-pioneer-step 4.9s cubic-bezier(.2,.78,.2,1) infinite!important;
  animation-delay:calc(var(--glyph) * .095s)!important;
}
.name-effect-trailblazer .name-glyph::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-.12em;
  width:.09em;
  height:.09em;
  border-radius:50%;
  background:#73e5ff;
  box-shadow:0 0 .13em rgba(115,229,255,.75);
  opacity:0;
  transform:translateX(-50%) scale(.25);
  animation:name204-pioneer-checkpoint 4.9s ease-out infinite;
  animation-delay:calc(var(--glyph) * .095s);
}
.name-effect-trailblazer .name-glyph-space::after{display:none}
.name-effect-trailblazer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  right:0!important;
  bottom:.02em!important;
  border-top:1px dashed rgba(115,229,255,.58)!important;
  opacity:0!important;
  transform:scaleX(0)!important;
  transform-origin:left!important;
  animation:name204-pioneer-route 4.9s cubic-bezier(.2,.75,.2,1) infinite!important;
}
.name-effect-trailblazer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:auto!important;
  right:-.15em!important;
  bottom:.02em!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 .15em #fff,0 0 .3em #73e5ff!important;
  opacity:0!important;
  transform:translateX(-1.2em) scale(.7)!important;
  animation:name204-pioneer-year 4.9s cubic-bezier(.2,.8,.2,1) infinite!important;
}
@keyframes name204-pioneer-step{
  0%,14%,72%,100%{transform:translate(0,0) rotate(0);filter:brightness(.76)}
  29%{transform:translate(.055em,-.28em) rotate(-5deg);filter:brightness(1.7)}
  43%{transform:translate(.1em,-.05em) rotate(3deg);filter:brightness(1.12)}
  56%{transform:translate(0,0) rotate(0);filter:brightness(1)}
}
@keyframes name204-pioneer-checkpoint{
  0%,26%,77%,100%{opacity:0;transform:translateX(-50%) scale(.25)}
  38%{opacity:1;transform:translateX(-50%) scale(1.25)}
  55%{opacity:.82;transform:translateX(-50%) scale(1)}
  69%{opacity:.2}
}
@keyframes name204-pioneer-route{
  0%,18%,78%,100%{opacity:0;transform:scaleX(0)}
  35%{opacity:.35;transform:scaleX(.35)}
  58%{opacity:.9;transform:scaleX(1)}
  70%{opacity:.22;transform:scaleX(1)}
}
@keyframes name204-pioneer-year{
  0%,48%,80%,100%{opacity:0;transform:translateX(-1.2em) rotate(-5deg) scale(.7)}
  60%{opacity:1;transform:translateX(0) rotate(2deg) scale(1.12)}
  68%{opacity:1;transform:translateX(0) rotate(0) scale(1)}
  75%{opacity:.25;transform:translateX(.25em) scale(.96)}
}

@media(prefers-reduced-motion:reduce){
  .name-effect-nebula .name-glyph,
  .name-effect-void .name-glyph,
  .name-effect-coronation .name-glyph,
  .name-effect-trailblazer .name-glyph,
  .name-effect-trailblazer .name-glyph::after{animation:none!important;transform:none!important;filter:none!important}
  .name-effect-nebula::before,.name-effect-nebula::after,
  .name-effect-void::before,.name-effect-void::after,
  .name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after{display:none!important;animation:none!important}
}

/* Release 205 — homepage project banner and two rebuilt prestige animations. */
.home-project-banner{
  position:relative;isolation:isolate;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;
  max-width:1580px;margin:18px auto 22px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--panel-border));
  border-radius:18px;overflow:hidden;background:
    radial-gradient(circle at 12% 0,color-mix(in srgb,var(--primary) 17%,transparent),transparent 38%),
    linear-gradient(120deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary-container) 20%,var(--surface)));
  box-shadow:0 14px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)
}
.home-project-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.035) 46%,transparent 62%);transform:translateX(-110%);animation:home205-banner-sheen 8s ease-in-out infinite}
.home-project-banner-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 18%,transparent)}
.home-project-banner-mark svg{width:22px;height:22px}.home-project-banner-copy{min-width:0}.home-project-banner-copy>span{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-project-banner-copy strong{display:block;margin-top:2px;font-size:14px}.home-project-banner-copy p{margin:4px 0 0;color:var(--on-surface-variant);font-size:10.5px;line-height:1.45}
.home-project-banner-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px;border:1px solid color-mix(in srgb,var(--primary) 44%,var(--panel-border));border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--on-surface);font-size:10.5px;font-weight:850;text-decoration:none;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}.home-project-banner-action:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary) 20%,var(--surface));border-color:var(--primary)}.home-project-banner-action svg{width:15px;height:15px}
@keyframes home205-banner-sheen{0%,68%,100%{transform:translateX(-110%)}82%{transform:translateX(110%)}}
@media(max-width:760px){.home-project-banner{grid-template-columns:40px minmax(0,1fr);margin:12px 0 16px;padding:12px}.home-project-banner-mark{width:40px;height:40px}.home-project-banner-action{grid-column:1/-1;width:100%}}

/* Цветение: letters unfold like petals, a branch grows, then petals break away. */
.name-effect-sakura{
  color:#ffd7e7!important;-webkit-text-fill-color:currentColor!important;background:none!important;background-image:none!important;
  text-shadow:0 .05em .12em rgba(115,22,75,.3)!important;overflow:visible!important;perspective:7em
}
.name-effect-sakura .name-glyph{
  position:relative;display:inline-block;transform-origin:50% 82%;will-change:transform,filter,opacity;
  animation:name205-sakura-glyph 5.8s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .075s)!important
}
.name-effect-sakura::before{
  content:""!important;display:block!important;position:absolute!important;left:-.08em!important;right:-.08em!important;bottom:.01em!important;
  height:.055em!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#8d5b53 10%,#d6979e 48%,#8d5b53 90%,transparent)!important;
  opacity:0!important;transform:scaleX(0) rotate(-1deg)!important;transform-origin:left!important;animation:name205-sakura-branch 5.8s cubic-bezier(.2,.75,.2,1) infinite!important
}
.name-effect-sakura::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;left:5%!important;top:-.72em!important;
  width:5px!important;height:4px!important;border-radius:50% 0 50% 0!important;background:#ffb3d9!important;box-shadow:0 0 .15em #ff83b7!important;
  opacity:0!important;transform:translate(-.6em,.35em) rotate(-12deg)!important;animation:name205-sakura-petals 5.8s cubic-bezier(.2,.72,.2,1) infinite!important
}
@keyframes name205-sakura-glyph{
  0%,12%,78%,100%{transform:translateY(.18em) rotateX(68deg) rotateZ(-5deg) scale(.32,.18);opacity:.18;filter:brightness(.62) saturate(.7)}
  28%{transform:translateY(-.18em) rotateX(-18deg) rotateZ(5deg) scale(1.2,.9);opacity:1;filter:brightness(1.55) saturate(1.2)}
  39%{transform:translateY(.025em) rotateX(8deg) rotateZ(-2deg) scale(.94,1.08);filter:brightness(1.12)}
  50%,67%{transform:none;opacity:1;filter:none}
  73%{transform:translateY(-.04em) rotateZ(1deg);opacity:.9}
}
@keyframes name205-sakura-branch{0%,14%,78%,100%{opacity:0;transform:scaleX(0) rotate(-1deg)}28%{opacity:.85;transform:scaleX(.55) rotate(-1deg)}47%,68%{opacity:.72;transform:scaleX(1) rotate(0)}74%{opacity:.15;transform:scaleX(1.04)}}
@keyframes name205-sakura-petals{0%,24%,80%,100%{opacity:0;transform:translate(-.6em,.35em) rotate(-12deg)}36%{opacity:1;transform:translate(.3em,-.2em) rotate(5deg)}58%{opacity:.9;transform:translate(1.5em,.2em) rotate(18deg)}72%{opacity:0;transform:translate(2.5em,1.05em) rotate(44deg)}}

/* Легенда AniParse: a staggered arena entrance, impact wave and legend seal. */
.name-effect-ascendant{
  color:#fff1b6!important;-webkit-text-fill-color:currentColor!important;background:none!important;background-image:none!important;
  overflow:visible!important;perspective:8em;transform-style:preserve-3d;text-shadow:0 .05em .11em rgba(28,16,0,.55)!important
}
.name-effect-ascendant .name-glyph{
  display:inline-block;position:relative;transform-origin:50% 100%;will-change:transform,filter,opacity;
  animation:name205-legend-glyph 5.4s cubic-bezier(.16,.88,.22,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important
}
.name-effect-ascendant::before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:50%!important;top:50%!important;
  width:115%!important;height:145%!important;border:1px solid rgba(255,220,116,.72)!important;border-radius:50%!important;
  box-shadow:0 0 .35em rgba(255,203,75,.55),inset 0 0 .32em rgba(105,211,255,.38)!important;
  opacity:0!important;transform:translate(-50%,-50%) scale(.1) rotate(-8deg)!important;animation:name205-legend-impact 5.4s cubic-bezier(.16,.82,.2,1) infinite!important
}
.name-effect-ascendant::after{
  content:""!important;display:block!important;position:absolute!important;z-index:6!important;left:50%!important;top:-.68em!important;
  width:4px!important;height:4px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 .15em #fff,0 0 .35em #ffcb52!important;
  opacity:0!important;transform:translateX(-50%) translateY(.65em) scale(.2) rotate(-25deg)!important;animation:name205-legend-star 5.4s cubic-bezier(.18,.82,.18,1) infinite!important
}
.public-profile-title-row .name-effect-ascendant::after,.name-style-live-name.name-effect-ascendant::after{
  display:none!important;content:none!important;
}
@keyframes name205-legend-glyph{
  0%,11%,79%,100%{transform:translateY(.75em) rotateX(-92deg) scale(.58);opacity:0;filter:brightness(.45) saturate(.65)}
  27%{transform:translateY(-.16em) rotateX(18deg) scale(1.18);opacity:1;filter:brightness(2.05) saturate(1.35);text-shadow:0 .35em .28em rgba(78,206,255,.65)}
  36%{transform:translateY(.055em) rotateX(-8deg) scale(.94,1.08);filter:brightness(1.12)}
  45%,67%{transform:none;opacity:1;filter:none}
  72%{transform:translateY(-.035em) scale(1.02);filter:brightness(1.28)}
}
@keyframes name205-legend-impact{0%,24%,80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(-8deg)}31%{opacity:1;transform:translate(-50%,-50%) scale(.55) rotate(2deg)}43%{opacity:.75;transform:translate(-50%,-50%) scale(1.12) rotate(0)}57%{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}
@keyframes name205-legend-star{0%,25%,80%,100%{opacity:0;transform:translateX(-50%) translateY(.65em) scale(.2) rotate(-25deg)}36%{opacity:1;transform:translateX(-50%) translateY(-.15em) scale(1.25) rotate(5deg)}49%,65%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0)}73%{opacity:0;transform:translateX(-50%) translateY(-.4em) scale(1.5) rotate(15deg)}}

@media(prefers-reduced-motion:reduce){
  .home-project-banner::after,.name-effect-sakura .name-glyph,.name-effect-sakura::before,.name-effect-sakura::after,
  .name-effect-ascendant .name-glyph,.name-effect-ascendant::before,.name-effect-ascendant::after{animation:none!important;transform:none!important;filter:none!important}
  .name-effect-sakura::before,.name-effect-sakura::after,.name-effect-ascendant::before,.name-effect-ascendant::after{display:none!important}
  .name-effect-sakura .name-glyph,.name-effect-ascendant .name-glyph{opacity:1!important}
}

/* Release 205 — safe inline media on profile walls and header alignment. */
.comment-composer.wall-media-enabled .comment-toolbar{flex-wrap:wrap}
.comment-media-button{display:inline-flex!important;align-items:center;gap:5px;margin-left:auto!important;padding-inline:9px!important;color:var(--primary)!important}
.comment-media-button svg{width:14px;height:14px}.comment-media-button.loading{opacity:.55;pointer-events:none}
.comment-media-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:9px 10px;border-top:1px solid color-mix(in srgb,var(--outline) 17%,transparent);background:color-mix(in srgb,var(--surface-variant) 45%,transparent)}
.comment-media-preview[hidden]{display:none!important}
.comment-media-chip{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:7px;border:1px solid var(--panel-border);border-radius:12px;background:var(--surface)}
.comment-media-chip img{width:46px;height:42px;display:block;object-fit:cover;border-radius:8px;background:var(--surface-variant)}
.comment-media-chip span{min-width:0}.comment-media-chip strong,.comment-media-chip small{display:block;overflow-wrap:anywhere;white-space:normal}.comment-media-chip strong{font-size:10.5px}.comment-media-chip small{margin-top:2px;color:var(--on-surface-variant);font-size:8.5px}
.comment-media-chip button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);cursor:pointer}.comment-media-chip button:hover{background:var(--surface-variant);color:var(--error)}.comment-media-chip button svg{width:14px;height:14px}
.profile-wall-media{width:min(100%,540px);max-width:100%;margin:10px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:15px;background:#08080b;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.profile-wall-media img{display:block;width:auto;max-width:100%;height:auto;max-height:420px;margin:0 auto;object-fit:contain;background:#08080b}
.profile-wall-media figcaption{padding:7px 10px;border-top:1px solid color-mix(in srgb,var(--outline) 16%,transparent);color:var(--on-surface-variant);font-size:8.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.profile-wall-media.animated figcaption{color:color-mix(in srgb,var(--primary) 72%,var(--on-surface-variant))}
.profile-wall-list .comment-text{overflow:visible;min-width:0}.profile-wall-list .community-comment{min-width:0}.profile-wall-list .comment-content{min-width:0}
@media(max-width:620px){.comment-media-button{margin-left:0!important}.comment-media-preview{grid-template-columns:1fr}.profile-wall-media{width:100%;border-radius:12px}.profile-wall-media img{max-height:340px}}

/* Keep the notification bell on the same optical baseline on every page. */
.home-topbar .notification-button,.top-header-actions .notification-button{width:42px;height:42px;align-self:center;margin:0;transform:none}
.top-header-actions{align-self:center}.top-header{align-items:center}
@media(min-width:1180px){.page-home>.home-topbar{min-height:0;height:auto;margin-top:0;padding-top:0;padding-bottom:0;align-items:center}.page-home>.home-topbar .notification-button{margin-top:0}}

/* Release 206 — clean wall media, clipboard paste and rebuilt prestige motion. */
:root{--wall-copy-max:720px}
.profile-wall .comment-composer{width:min(100%,var(--wall-copy-max));max-width:var(--wall-copy-max)}
.profile-wall-list .community-comment>.comment-content{width:min(100%,var(--wall-copy-max));max-width:var(--wall-copy-max)}
.profile-wall-list .comment-text{width:100%;max-width:var(--wall-copy-max)}
.comment-media-preview{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px 0;border:0;background:transparent;
}
.comment-media-preview[hidden]{display:none!important}
.comment-media-chip{
  position:relative;display:block;width:78px;height:58px;min-width:0;padding:0;border:0;border-radius:10px;
  overflow:hidden;background:var(--surface-variant);box-shadow:0 5px 16px rgba(0,0,0,.18)
}
.comment-media-chip img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.comment-media-chip button{
  position:absolute;top:4px;right:4px;width:23px;height:23px;border:1px solid rgba(255,255,255,.16);
  border-radius:7px;background:rgba(8,8,12,.78);color:#fff;-webkit-backdrop-filter:none
}
.comment-media-chip button:hover{background:color-mix(in srgb,var(--error) 72%,#09090d);backdrop-filter:none
}
.comment-media-chip button:hover{background:color-mix(in srgb,var(--error) 72%,#09090d);color:#fff}
.profile-wall-media{
  display:block;width:fit-content;max-width:min(100%,520px);margin:10px auto;border:0;border-radius:12px;
  overflow:hidden;background:transparent;box-shadow:none
}
.profile-wall-media img{
  display:block;width:auto;max-width:100%;height:auto;max-height:350px;margin:0 auto;border-radius:12px;
  object-fit:contain;background:transparent;box-shadow:0 8px 25px rgba(0,0,0,.2)
}
.profile-wall-media figcaption{display:none!important}
@media(max-width:760px){
  :root{--wall-copy-max:100%}
  .profile-wall .comment-composer,.profile-wall-list .community-comment>.comment-content{width:100%;max-width:100%}
  .profile-wall-media{max-width:100%;border-radius:10px}
  .profile-wall-media img{max-height:300px;border-radius:10px}
}

/* Вознесение — readable most of the time, then a real level-up sequence travels across the word. */
.name-effect-ascendant{
  color:#eefaff!important;-webkit-text-fill-color:currentColor!important;background:none!important;
  padding:.12em .08em .2em!important;overflow:visible!important;perspective:9em!important;
  text-shadow:0 .04em .12em rgba(35,126,255,.26)!important
}
.name-effect-ascendant .name-glyph{
  transform-origin:50% 92%!important;
  animation:name206-ascendant-glyph 5.4s cubic-bezier(.18,.82,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .07s)!important
}
.name-effect-ascendant .name-glyph::before{
  content:attr(data-glyph)!important;position:absolute!important;inset:0!important;z-index:-1!important;
  color:#79e8ff!important;-webkit-text-fill-color:currentColor!important;opacity:0!important;
  text-shadow:0 0 .2em rgba(81,220,255,.9)!important;
  animation:name206-ascendant-echo 5.4s cubic-bezier(.2,.78,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .07s)!important
}
.name-effect-ascendant .name-glyph::after{
  content:""!important;position:absolute!important;left:50%!important;bottom:-.48em!important;z-index:4!important;
  width:3px!important;height:3px!important;border-radius:50%!important;
  background:#fff!important;box-shadow:0 0 .15em #fff,0 0 .3em #61dfff!important;
  opacity:0!important;transform:translateX(-50%)!important;
  animation:name206-ascendant-arrow 5.4s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .07s)!important
}
.name-effect-ascendant .name-glyph-space::before,.name-effect-ascendant .name-glyph-space::after{display:none!important}
.name-effect-ascendant::before{
  content:""!important;display:block!important;position:absolute!important;z-index:-3!important;left:50%!important;bottom:-.16em!important;
  width:106%!important;height:.32em!important;border:1px solid rgba(88,218,255,.62)!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(80,208,255,.28),transparent 68%)!important;
  box-shadow:0 0 .28em rgba(75,202,255,.48),inset 0 0 .16em rgba(151,116,255,.34)!important;
  opacity:0!important;transform:translateX(-50%) scaleX(.12)!important;
  animation:name206-ascendant-ring 5.4s cubic-bezier(.18,.82,.16,1) infinite!important
}
.name-effect-ascendant::after{
  content:""!important;display:block!important;position:absolute!important;z-index:5!important;left:-2%!important;right:-2%!important;bottom:-.04em!important;
  width:auto!important;height:2px!important;border-radius:999px!important;background:#8beeff!important;
  box-shadow:0 0 .22em #6bdfff,0 -.48em .4em rgba(133,211,255,.42)!important;
  opacity:0!important;transform:scaleX(.05)!important;
  animation:name206-ascendant-impact 5.4s cubic-bezier(.18,.82,.16,1) infinite!important
}
@keyframes name206-ascendant-glyph{
  0%,12%,72%,100%{transform:none;opacity:1;filter:none}
  24%{transform:translateY(.2em) scale(.94,.82);filter:brightness(.8)}
  34%{transform:translateY(-.34em) rotateX(-14deg) scale(1.08);filter:brightness(2);text-shadow:0 .42em .28em rgba(74,207,255,.62)}
  43%{transform:translateY(.055em) scale(.96,1.08);filter:brightness(1.3)}
  51%,66%{transform:none;filter:none}
}
@keyframes name206-ascendant-echo{
  0%,25%,70%,100%{opacity:0;transform:none}
  34%{opacity:.72;transform:translateY(.18em) scaleY(.8)}
  47%{opacity:.26;transform:translateY(-.72em) scaleY(1.28)}
  58%{opacity:0;transform:translateY(-1.08em) scaleY(1.55)}
}
@keyframes name206-ascendant-arrow{
  0%,21%,69%,100%{opacity:0;transform:translate(-50%,.22em) scale(.5)}
  31%{opacity:1;transform:translate(-50%,-.02em) scale(1.15)}
  47%{opacity:.75;transform:translate(-50%,-.9em) scale(.86)}
  58%{opacity:0;transform:translate(-50%,-1.3em) scale(.5)}
}
@keyframes name206-ascendant-ring{
  0%,12%,72%,100%{opacity:0;transform:translateX(-50%) scaleX(.12)}
  24%{opacity:.85;transform:translateX(-50%) scaleX(.64)}
  42%{opacity:.72;transform:translateX(-50%) scaleX(1)}
  57%{opacity:0;transform:translateX(-50%) scaleX(1.22)}
}
@keyframes name206-ascendant-impact{
  0%,36%,72%,100%{opacity:0;transform:scaleX(.05) translateY(.16em)}
  46%{opacity:1;transform:scaleX(1) translateY(0)}
  57%{opacity:.42;transform:scaleX(.78) translateY(-.55em)}
  66%{opacity:0;transform:scaleX(.22) translateY(-1em)}
}

/* Знак владельца — a visible engraved approval: stamp wave, signature stroke and verification sparks. */
.name-effect-coronation{
  color:#f3ca66!important;-webkit-text-fill-color:currentColor!important;background:none!important;
  padding:.13em .14em .22em!important;overflow:visible!important;perspective:8em!important;
  text-shadow:.045em .06em 0 rgba(94,50,4,.72),0 0 .12em rgba(245,190,67,.28)!important
}
.name-effect-coronation .name-glyph{
  transform-origin:50% 88%!important;
  animation:name206-owner-glyph 6.2s cubic-bezier(.16,.84,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important
}
.name-effect-coronation .name-glyph::before{
  content:attr(data-glyph)!important;position:absolute!important;inset:0!important;z-index:-1!important;
  color:#6e3e08!important;-webkit-text-fill-color:currentColor!important;opacity:.45!important;
  transform:translate(.055em,.075em)!important;
  animation:name206-owner-emboss 6.2s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important
}
.name-effect-coronation .name-glyph::after{
  content:""!important;position:absolute!important;left:50%!important;top:-.5em!important;z-index:5!important;
  width:3px!important;height:3px!important;border-radius:50%!important;background:#fff!important;
  box-shadow:0 0 .15em #fff,0 0 .3em #ffd45f!important;
  opacity:0!important;text-shadow:none!important;
  animation:name206-owner-spark 6.2s cubic-bezier(.2,.8,.2,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important
}
.name-effect-coronation .name-glyph-space::before,.name-effect-coronation .name-glyph-space::after{display:none!important}
.name-effect-coronation::before{
  content:""!important;display:block!important;position:absolute!important;z-index:4!important;right:.12em!important;bottom:-.35em!important;
  width:6px!important;height:6px!important;border:.045em double rgba(255,220,118,.92)!important;border-radius:50%!important;
  background:radial-gradient(circle,#fff 0%,#ffd45f 60%,transparent 100%)!important;
  box-shadow:0 0 .25em rgba(245,190,61,.75)!important;
  opacity:0!important;transform:scale(1.2)!important;
  animation:name206-owner-seal 6.2s cubic-bezier(.16,.84,.18,1) infinite!important
}
.name-effect-coronation::after{
  content:""!important;display:block!important;position:absolute!important;z-index:3!important;left:.02em!important;right:.02em!important;bottom:.035em!important;
  width:auto!important;height:.09em!important;border-radius:999px!important;
  background:#efbd4e!important;box-shadow:.34em -.12em 0 -.025em #fff0a1,0 0 .2em rgba(244,185,61,.7)!important;
  opacity:0!important;transform:scaleX(0) skewX(-18deg)!important;transform-origin:left center!important;
  animation:name206-owner-signature 6.2s cubic-bezier(.16,.84,.18,1) infinite!important
}
@keyframes name206-owner-glyph{
  0%,13%,74%,100%{transform:none;filter:none;opacity:1}
  25%{transform:translateY(-.08em) rotateX(-12deg);filter:brightness(.78)}
  34%{transform:translateY(.1em) scale(.94,.72) rotateX(24deg);filter:brightness(2.1);text-shadow:0 0 .26em rgba(255,216,102,.82)}
  43%{transform:translateY(-.045em) scale(1.04,1.12);filter:brightness(1.28)}
  51%,68%{transform:none;filter:none}
}
@keyframes name206-owner-emboss{
  0%,20%,73%,100%{opacity:.28;transform:translate(.035em,.045em)}
  34%{opacity:.92;transform:translate(.1em,.13em)}
  49%,66%{opacity:.52;transform:translate(.055em,.075em)}
}
@keyframes name206-owner-spark{
  0%,29%,72%,100%{opacity:0;transform:translate(-50%,.1em) scale(.2) rotate(0)}
  38%{opacity:1;transform:translate(-50%,-.05em) scale(1.35) rotate(70deg)}
  49%{opacity:.72;transform:translate(-50%,-.5em) scale(.75) rotate(160deg)}
  58%{opacity:0;transform:translate(-50%,-.78em) scale(.25) rotate(240deg)}
}
@keyframes name206-owner-seal{
  0%,45%,75%,100%{opacity:0;transform:rotate(-28deg) scale(1.8)}
  54%{opacity:1;transform:rotate(8deg) scale(.82)}
  61%{opacity:1;transform:rotate(-5deg) scale(1.04)}
  69%{opacity:.88;transform:rotate(0) scale(1)}
}
@keyframes name206-owner-signature{
  0%,39%,76%,100%{opacity:0;transform:scaleX(0) skewX(-18deg)}
  49%{opacity:1;transform:scaleX(.42) skewX(-18deg)}
  62%{opacity:1;transform:scaleX(1) skewX(-8deg)}
  71%{opacity:.55;transform:scaleX(1.03) skewX(0)}
}

@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,.name-effect-ascendant .name-glyph::before,.name-effect-ascendant .name-glyph::after,
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph::before,.name-effect-coronation .name-glyph::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after{
    animation:none!important;transform:none!important;filter:none!important
  }
  .name-effect-ascendant .name-glyph::before,.name-effect-ascendant .name-glyph::after,
  .name-effect-coronation .name-glyph::before,.name-effect-coronation .name-glyph::after,
  .name-effect-ascendant::before,.name-effect-ascendant::after,.name-effect-coronation::before,.name-effect-coronation::after{display:none!important}
  .name-effect-ascendant .name-glyph,.name-effect-coronation .name-glyph{opacity:1!important}
}


/* Release 206 — profile sections, compact search and account settings. */
.profile-search-button{flex:0 0 auto}
.profile-finder-backdrop{align-items:center!important;justify-content:center!important;padding:16px}
.profile-finder-dialog{width:min(720px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 32px));overflow:auto;padding:20px}
.profile-finder-dialog-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;margin:0 42px 15px 0}
.profile-finder-dialog-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--primary-container);color:var(--on-primary-container)}
.profile-finder-dialog-head>span svg{width:21px}.profile-finder-dialog-head small{display:block;color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.profile-finder-dialog-head h2{margin:3px 0 0;font-size:22px}
.profile-finder-dialog .profile-finder{grid-template-columns:1fr;padding:14px;border-radius:15px;background:color-mix(in srgb,var(--surface-variant) 44%,transparent)}
.profile-finder-dialog .profile-finder-copy p{margin:4px 0 0;color:var(--on-surface-variant);font-size:10.5px}.profile-finder-dialog .profile-finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}

.public-profile-stats>.profile-stat-button{
  position:relative;display:grid;place-items:center;gap:4px;min-width:0;padding:4px 28px 4px 10px;border:0;border-right:1px solid color-mix(in srgb,var(--outline) 20%,transparent);
  background:transparent;color:var(--on-surface);font:inherit;text-align:center;cursor:pointer;transition:background .15s ease,color .15s ease
}
.public-profile-stats>.profile-stat-button:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}
.public-profile-stats>.profile-stat-button>svg{position:absolute;right:9px;width:15px;height:15px;color:var(--on-surface-variant)}
.public-profile-stats>.profile-stat-button strong{font-size:clamp(15px,2vw,20px)}
.public-profile-stats>.profile-stat-button span{color:var(--on-surface-variant);font-size:11px}

.profile-comments-page{display:grid;gap:14px;width:min(980px,100%);margin:0 auto}
.profile-comments-identity{display:grid;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:17px;background:var(--surface);color:var(--on-surface);font:inherit;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.profile-comments-identity:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.profile-comments-avatar{width:54px;height:54px;border-radius:16px}.profile-comments-identity>span{min-width:0;display:grid;gap:2px}.profile-comments-identity small{color:var(--on-surface-variant);font-size:9px;font-weight:750}.profile-comments-identity strong{display:block;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:15px}.profile-comments-identity em{color:var(--on-surface-variant);font-size:10px;font-style:normal}.profile-comments-identity>svg{width:18px;color:var(--on-surface-variant)}
.profile-comments-section-slot{min-width:0}.profile-comments-page>.public-profile-section,.profile-comments-section-slot>.public-profile-section{margin:0}.profile-comments-page .profile-anime-comments>.profile-section-head{margin-bottom:12px}

.account-settings-card{display:grid;gap:13px;padding:18px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:18px;background:var(--surface)}
.account-settings-identity{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:13px}.account-settings-avatar{width:62px;height:62px;border-radius:18px}.account-settings-identity small,.account-settings-identity strong,.account-settings-identity span{display:block}.account-settings-identity small{color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.account-settings-identity strong{margin-top:3px;font-size:18px}.account-settings-identity span{margin-top:3px;color:var(--on-surface-variant);font-size:10px;overflow-wrap:anywhere}
.account-settings-status{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--panel-border);border-radius:14px;background:var(--surface-variant)}.account-settings-status>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.account-settings-status>span svg{width:19px}.account-settings-status.verified>span{background:color-mix(in srgb,#5fd39a 15%,var(--surface));color:#75dfa9}.account-settings-status.pending>span{background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}.account-settings-status strong{font-size:12px}.account-settings-status p{margin:3px 0 0;color:var(--on-surface-variant);font-size:10px;line-height:1.45}
.account-settings-actions{margin-top:14px}.account-settings-actions .setting-row{width:100%;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.account-logout-row .setting-icon,.account-logout-row .setting-copy h3{color:var(--error)}

.profile-wall .comment-composer textarea{box-sizing:border-box;width:100%;max-width:var(--wall-copy-max);line-height:1.55}
.profile-wall-list .comment-text{box-sizing:border-box;line-height:1.55}

@media(max-width:760px){
  .profile-finder-dialog{padding:16px}.profile-finder-dialog .profile-finder-results{grid-template-columns:1fr}
  .public-profile-stats>.profile-stat-button{min-height:62px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--outline) 18%,transparent)}
  .profile-comments-page{gap:11px}.profile-comments-identity{grid-template-columns:46px minmax(0,1fr) 18px;padding:10px 12px;border-radius:15px}.profile-comments-avatar{width:46px;height:46px;border-radius:14px}
}


/* Release 206 — fault-tolerant home suggestions and clean search controls. */
.home-search-shell{position:relative;width:min(780px,100%);margin:0 0 22px;z-index:10}
.home-search-shell .home-search-form{width:100%;margin:0}
.home-search-shell .home-search-results{
  position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:25;width:100%;margin:0;padding:7px;
  border:1px solid color-mix(in srgb,var(--outline) 24%,transparent);border-radius:16px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 22px 65px rgba(0,0,0,.34);
  -webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;
  transform-origin:top center;animation:home206-search-open .18s cubic-bezier(.2,.8,.2,1) both
}
.home-search-results-list{display:grid;gap:3px}
.home-search-result-row{
  width:100%;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;align-items:center;gap:11px;
  padding:7px;border:0;border-radius:11px;background:transparent;color:var(--on-surface);font:inherit;text-align:left;cursor:pointer;
  transition:background .14s ease,transform .14s ease
}
.home-search-result-row:hover,.home-search-result-row.active,.home-search-result-row:focus-visible{
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-variant));transform:translateX(2px);outline:0
}
.home-search-result-poster{width:48px;height:64px;display:block;overflow:hidden;border-radius:8px;background:var(--surface-variant);box-shadow:0 5px 15px rgba(0,0,0,.18)}
.home-search-result-poster img{width:100%;height:100%;display:block;object-fit:cover}
.home-search-result-copy{min-width:0;display:grid;gap:2px}.home-search-result-copy strong,.home-search-result-copy small{display:block;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}
.home-search-result-copy strong{font-size:12.5px;line-height:1.3}.home-search-result-copy small{color:var(--on-surface-variant);font-size:9.5px}.home-search-result-copy .home-search-result-original{font-size:9px;opacity:.78}
.home-search-result-rating{align-self:center;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,#f4c85b 12%,var(--surface-variant));color:#f4c85b;font-size:9.5px;font-weight:850;white-space:nowrap}
.home-search-result-row>svg{width:16px;color:var(--on-surface-variant)}
.home-search-shell .home-search-note{padding:18px 12px}.home-search-shell .home-search-loading{min-height:78px}
@keyframes home206-search-open{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}

input[type="search"],input[inputmode="search"],.home-search-box input,.search-field input,.profile-finder-form input{
  -webkit-appearance:none;appearance:none;box-shadow:none!important;outline:none!important;background:transparent!important
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none}
input[type="search"]::-ms-clear,input[inputmode="search"]::-ms-clear{display:none;width:0;height:0}
@media(max-width:760px){
  .home-search-shell{width:100%;margin-bottom:16px}.home-search-shell .home-search-results{top:calc(100% + 6px);padding:5px;border-radius:14px}
  .home-search-result-row{grid-template-columns:42px minmax(0,1fr) auto 16px;gap:9px;padding:6px}.home-search-result-poster{width:42px;height:56px}.home-search-result-original{display:none!important}.home-search-result-rating{padding:4px 6px}
}

/* Release 207 — wall line geometry, compact account settings and prestige effects. */
:root{
  --wall-copy-max:720px;
  --wall-text-line-max:calc(var(--wall-copy-max) - 28px);
}
.profile-wall .comment-composer textarea{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.profile-wall-list .community-comment>.comment-content{
  width:min(100%,var(--wall-copy-max));
  max-width:var(--wall-copy-max);
}
.profile-wall-list .comment-head,
.profile-wall-list .comment-action-row,
.profile-wall-list .comment-reply-slot,
.profile-wall-list .comment-replies,
.profile-wall-list .comment-text{
  box-sizing:border-box;
  width:min(100%,var(--wall-text-line-max));
  max-width:var(--wall-text-line-max);
}
.profile-wall-list .comment-text{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.profile-wall-list .comment-text br{white-space:normal}
.profile-wall-list .profile-wall-media{
  max-width:min(100%,var(--wall-text-line-max));
  margin-inline:auto;
}
.profile-wall-list .comment-replies{
  width:100%;max-width:100%;
}
.profile-wall-list .comment-replies .comment-content{
  width:100%;max-width:100%;
}

.public-profile-stats>.profile-stat-button{
  padding:4px 10px;
}
.public-profile-stats>.profile-stat-button>svg{display:none!important}

.account-settings-layout{
  display:grid;
  gap:14px;
  width:min(920px,100%);
  margin:0 auto;
}
.account-settings-layout .account-settings-card,
.account-settings-layout .account-settings-actions{
  width:100%;max-width:none;margin:0;
}
.account-settings-layout .account-settings-actions{
  overflow:hidden;
}

/* След первопроходца — a visible expedition sweep with waypoint ignition. */
.name-effect-trailblazer{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding:.12em .12em .3em!important;
  color:#dff9ff!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:0 .04em .12em rgba(40,164,210,.2)!important;
}
.name-effect-trailblazer .name-glyph{
  position:relative!important;
  z-index:3!important;
  transform-origin:50% 85%!important;
  animation:name207-trail-glyph 5.8s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .085s)!important;
}
.name-effect-trailblazer .name-glyph::before{
  content:attr(data-glyph)!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  color:#34d6ff!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:0!important;
  transform:translateX(-.28em) scaleX(.82)!important;
  animation:name207-trail-afterimage 5.8s cubic-bezier(.18,.78,.2,1) infinite!important;
  animation-delay:calc(var(--glyph) * .085s)!important;
}
.name-effect-trailblazer .name-glyph::after{
  content:"◆"!important;
  position:absolute!important;
  left:50%!important;
  bottom:-.46em!important;
  z-index:5!important;
  color:#7cecff!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.13em!important;
  line-height:1!important;
  opacity:0!important;
  transform:translateX(-50%) scale(.2) rotate(45deg)!important;
  text-shadow:0 0 .28em #4ddcff!important;
  animation:name207-trail-waypoint 5.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .085s)!important;
}
.name-effect-trailblazer .name-glyph-space::before,
.name-effect-trailblazer .name-glyph-space::after{display:none!important}
.name-effect-trailblazer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:1%!important;
  right:1%!important;
  bottom:.02em!important;
  height:.12em!important;
  border:0!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle,#7cecff 0 34%,transparent 38%) 0 50%/.36em .12em repeat-x!important;
  opacity:0!important;
  transform:scaleX(.05)!important;
  transform-origin:left center!important;
  animation:name207-trail-route 5.8s cubic-bezier(.18,.8,.18,1) infinite!important;
}
.name-effect-trailblazer::after{
  content:"➤"!important;
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  left:-.2em!important;
  right:auto!important;
  top:auto!important;
  bottom:-.17em!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.27em!important;
  line-height:1!important;
  opacity:0!important;
  text-shadow:-.35em 0 .14em #42dcff!important;
  transform:translateX(0) rotate(-10deg)!important;
  animation:name207-trail-marker 5.8s cubic-bezier(.24,.78,.18,1) infinite!important;
}
@keyframes name207-trail-glyph{
  0%,13%,76%,100%{transform:none;filter:none;color:inherit}
  24%{transform:translateX(-.12em) rotateY(-35deg) scale(.88);filter:brightness(.72)}
  34%{transform:translateX(.13em) translateY(-.12em) rotateY(18deg) scale(1.16);filter:brightness(1.9);color:#fff}
  45%{transform:translateX(-.025em) translateY(.02em) rotateY(-4deg) scale(.98);filter:brightness(1.12)}
  57%,69%{transform:none;filter:none;color:inherit}
}
@keyframes name207-trail-afterimage{
  0%,18%,77%,100%{opacity:0;transform:translateX(-.28em) scaleX(.82)}
  30%{opacity:.82;transform:translateX(-.1em) scaleX(.92)}
  43%{opacity:.32;transform:translateX(.28em) scaleX(1.05)}
  54%{opacity:0;transform:translateX(.52em) scaleX(.72)}
}
@keyframes name207-trail-waypoint{
  0%,24%,76%,100%{opacity:0;transform:translateX(-50%) scale(.2) rotate(45deg)}
  35%{opacity:1;transform:translateX(-50%) scale(1.35) rotate(135deg)}
  50%,63%{opacity:.8;transform:translateX(-50%) scale(.78) rotate(225deg)}
  70%{opacity:0;transform:translateX(-50%) scale(.15) rotate(315deg)}
}
@keyframes name207-trail-route{
  0%,12%,78%,100%{opacity:0;transform:scaleX(.05);background-position:0 50%}
  24%{opacity:.35;transform:scaleX(.12)}
  48%,67%{opacity:.86;transform:scaleX(1);background-position:.28em 50%}
  74%{opacity:0;transform:scaleX(1)}
}
@keyframes name207-trail-marker{
  0%,16%,79%,100%{opacity:0;left:-.2em;transform:translateX(0) rotate(-10deg) scale(.55)}
  25%{opacity:1;left:0;transform:translateX(0) rotate(-5deg) scale(1)}
  65%{opacity:1;left:calc(100% - .25em);transform:translateX(0) rotate(4deg) scale(1.05)}
  74%{opacity:0;left:calc(100% + .1em);transform:translateX(0) rotate(8deg) scale(.45)}
}

/* Вознесение — a portal opens, luminous echoes launch upward, then wings lock in. */
.name-effect-ascendant{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding:.2em .16em .34em!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:0 .04em .13em rgba(88,153,255,.26)!important;
  perspective:10em!important;
}
.name-effect-ascendant .name-glyph{
  position:relative!important;
  z-index:5!important;
  transform-origin:50% 100%!important;
  animation:name207-ascendant-core 6.1s cubic-bezier(.16,.84,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .065s)!important;
}
.name-effect-ascendant .name-glyph::before{
  content:attr(data-glyph)!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  color:#76eaff!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:0!important;
  text-shadow:0 0 .28em #60dfff,0 0 .55em rgba(114,108,255,.8)!important;
  transform:translateY(.55em) scaleY(.55)!important;
  animation:name207-ascendant-echo 6.1s cubic-bezier(.12,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .065s)!important;
}
.name-effect-ascendant .name-glyph::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-.35em!important;
  z-index:7!important;
  width:.045em!important;
  height:1.5em!important;
  border-radius:999px!important;
  background:linear-gradient(to top,transparent,#72e6ff 35%,#fff 62%,transparent)!important;
  box-shadow:0 0 .18em #65ddff!important;
  opacity:0!important;
  transform:translateX(-50%) scaleY(.05)!important;
  transform-origin:bottom center!important;
  animation:name207-ascendant-ray 6.1s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .065s)!important;
}
.name-effect-ascendant .name-glyph-space::before,
.name-effect-ascendant .name-glyph-space::after{display:none!important}
.name-effect-ascendant::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:-5%!important;
  right:-5%!important;
  top:4%!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(28deg,transparent 47%,rgba(106,225,255,.8) 49% 50%,transparent 52%) left center/50% 100% no-repeat,
    linear-gradient(-28deg,transparent 47%,rgba(255,220,117,.82) 49% 50%,transparent 52%) right center/50% 100% no-repeat!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scaleX(.08) scaleY(.45)!important;
  animation:name207-ascendant-wings 6.1s cubic-bezier(.16,.82,.18,1) infinite!important;
}
.name-effect-ascendant::after{
  content:"✦"!important;
  display:block!important;
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:-.17em!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.28em!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:0 0 .45em #65deff,0 0 .75em #8d74ff!important;
  opacity:0!important;
  transform:translateX(-50%) translateY(.2em) scale(.1) rotate(-45deg)!important;
  animation:name207-ascendant-gate 6.1s cubic-bezier(.16,.84,.18,1) infinite!important;
}
@keyframes name207-ascendant-core{
  0%,15%,76%,100%{transform:none;filter:none;color:inherit}
  28%{transform:translateY(.16em) scale(.92,.72);filter:brightness(.65)}
  38%{transform:translateY(-.2em) scale(1.08,1.18);filter:brightness(2);color:#fff}
  49%{transform:translateY(.03em) scale(.98,1.02);filter:brightness(1.12)}
  59%,70%{transform:none;filter:none;color:inherit}
}
@keyframes name207-ascendant-echo{
  0%,23%,75%,100%{opacity:0;transform:translateY(.55em) scaleY(.55)}
  35%{opacity:.92;transform:translateY(.02em) scaleY(1)}
  52%{opacity:.62;transform:translateY(-.85em) scale(.9,1.15)}
  65%{opacity:0;transform:translateY(-1.55em) scale(.55,1.35)}
}
@keyframes name207-ascendant-ray{
  0%,24%,75%,100%{opacity:0;transform:translateX(-50%) scaleY(.05)}
  34%{opacity:1;transform:translateX(-50%) scaleY(.95)}
  48%{opacity:.82;transform:translateX(-50%) translateY(-.8em) scaleY(1.15)}
  62%{opacity:0;transform:translateX(-50%) translateY(-1.45em) scaleY(.2)}
}
@keyframes name207-ascendant-wings{
  0%,28%,76%,100%{opacity:0;transform:scaleX(.08) scaleY(.45)}
  42%{opacity:.9;transform:scaleX(.72) scaleY(1.08)}
  53%,64%{opacity:.62;transform:scaleX(1) scaleY(1)}
  71%{opacity:0;transform:scaleX(1.12) scaleY(.85)}
}
@keyframes name207-ascendant-gate{
  0%,25%,76%,100%{opacity:0;transform:translateX(-50%) translateY(.2em) scale(.1) rotate(-45deg)}
  38%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.55) rotate(20deg)}
  50%,64%{opacity:1;transform:translateX(-50%) translateY(-.08em) scale(.9) rotate(0)}
  71%{opacity:0;transform:translateX(-50%) translateY(-.85em) scale(1.8) rotate(35deg)}
}

/* Знак владельца — engraved authorization with a moving cut and AP seal. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding:.18em .5em .3em .12em!important;
  color:#f6d578!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:.035em .05em 0 #6b4316,0 .12em .25em rgba(0,0,0,.32)!important;
}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:5!important;
  transform-origin:50% 75%!important;
  animation:name207-owner-engrave 6.6s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation .name-glyph::before{
  content:attr(data-glyph)!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.035em rgba(255,240,171,.9)!important;
  opacity:0!important;
  transform:translate(.07em,.08em)!important;
  animation:name207-owner-imprint 6.6s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation .name-glyph::after{
  content:"✦"!important;
  position:absolute!important;
  left:50%!important;
  top:-.35em!important;
  z-index:8!important;
  color:#fff7bf!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.15em!important;
  line-height:1!important;
  opacity:0!important;
  transform:translateX(-50%) scale(.1) rotate(0)!important;
  text-shadow:0 0 .3em #ffd85e!important;
  animation:name207-owner-spark 6.6s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation .name-glyph-space::before,
.name-effect-coronation .name-glyph-space::after{display:none!important}
.name-effect-coronation::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  left:-8%!important;
  right:auto!important;
  top:-35%!important;
  bottom:-25%!important;
  width:18%!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(105deg,transparent 15%,rgba(255,238,159,.12) 32%,#fff8c9 48%,rgba(255,191,55,.6) 61%,transparent 82%)!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:skewX(-18deg) translateX(0)!important;
  animation:name207-owner-cut 6.6s cubic-bezier(.2,.78,.18,1) infinite!important;
}
.name-effect-coronation::after{
  content:"AP"!important;
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  z-index:9!important;
  left:auto!important;
  right:-.18em!important;
  top:-.34em!important;
  bottom:auto!important;
  width:1.15em!important;
  height:1.15em!important;
  padding:0!important;
  border:.07em double #f2c457!important;
  border-radius:50%!important;
  background:#181008!important;
  color:#ffe79d!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.23em!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
  box-shadow:0 0 0 .09em rgba(246,196,75,.15),0 0 .5em rgba(246,196,75,.45)!important;
  opacity:0!important;
  transform:rotate(-28deg) scale(1.8)!important;
  animation:name207-owner-seal 6.6s cubic-bezier(.16,.84,.18,1) infinite!important;
}
@keyframes name207-owner-engrave{
  0%,14%,74%,100%{transform:none;filter:none;color:inherit}
  28%{transform:translateY(.05em) scale(.97,.9);filter:brightness(.72)}
  37%{transform:translateY(-.05em) scale(1.04,1.08);filter:brightness(2.05);color:#fff0a8}
  48%{transform:none;filter:brightness(1.18);color:#f6d578}
  59%,69%{transform:none;filter:none;color:inherit}
}
@keyframes name207-owner-imprint{
  0%,20%,74%,100%{opacity:0;transform:translate(.07em,.08em)}
  35%{opacity:.92;transform:translate(.12em,.14em)}
  50%,64%{opacity:.5;transform:translate(.055em,.07em)}
  70%{opacity:0;transform:translate(0,0)}
}
@keyframes name207-owner-spark{
  0%,27%,74%,100%{opacity:0;transform:translateX(-50%) scale(.1) rotate(0)}
  38%{opacity:1;transform:translateX(-50%) scale(1.7) rotate(90deg)}
  50%{opacity:.7;transform:translateX(-50%) translateY(-.35em) scale(.8) rotate(190deg)}
  61%{opacity:0;transform:translateX(-50%) translateY(-.75em) scale(.2) rotate(280deg)}
}
@keyframes name207-owner-cut{
  0%,18%,76%,100%{opacity:0;left:-8%;transform:skewX(-18deg) translateX(0)}
  28%{opacity:.2;left:-5%}
  48%{opacity:1;left:52%}
  64%{opacity:.45;left:102%}
  70%{opacity:0;left:115%}
}
@keyframes name207-owner-seal{
  0%,42%,76%,100%{opacity:0;transform:rotate(-28deg) scale(1.8)}
  51%{opacity:1;transform:rotate(8deg) scale(.78)}
  58%{opacity:1;transform:rotate(-5deg) scale(1.12)}
  66%{opacity:.92;transform:rotate(0) scale(1)}
  72%{opacity:0;transform:rotate(3deg) scale(.9)}
}

@media(max-width:760px){
  :root{--wall-copy-max:100%;--wall-text-line-max:100%}
  .account-settings-layout{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-trailblazer .name-glyph,.name-effect-trailblazer .name-glyph::before,.name-effect-trailblazer .name-glyph::after,
  .name-effect-ascendant .name-glyph,.name-effect-ascendant .name-glyph::before,.name-effect-ascendant .name-glyph::after,
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph::before,.name-effect-coronation .name-glyph::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after,.name-effect-ascendant::before,.name-effect-ascendant::after,
  .name-effect-coronation::before,.name-effect-coronation::after{
    animation:none!important;transform:none!important;filter:none!important
  }
  .name-effect-trailblazer .name-glyph::before,.name-effect-trailblazer .name-glyph::after,
  .name-effect-ascendant .name-glyph::before,.name-effect-ascendant .name-glyph::after,
  .name-effect-coronation .name-glyph::before,.name-effect-coronation .name-glyph::after,
  .name-effect-trailblazer::before,.name-effect-trailblazer::after,.name-effect-ascendant::before,.name-effect-ascendant::after,
  .name-effect-coronation::before,.name-effect-coronation::after{display:none!important}
}

/* Release 208 — exact wall typography and compact header user search. */
:root{
  --wall-text-measure:692px;
  --wall-editor-padding-x:14px;
  --wall-editor-offset:50px;
  --wall-editor-shell-max:calc(var(--wall-text-measure) + (var(--wall-editor-padding-x) * 2));
}

/* The editor text starts and ends at the same pixels as a published root wall comment. */
.profile-wall>.comment-composer{
  box-sizing:border-box;
  width:min(calc(100% - var(--wall-editor-offset)),var(--wall-editor-shell-max));
  max-width:var(--wall-editor-shell-max);
  margin:4px 0 18px var(--wall-editor-offset);
}
.profile-wall>.comment-composer .comment-editor-shell{width:100%;max-width:100%}
.profile-wall>.comment-composer textarea{
  box-sizing:border-box;
  width:100%;max-width:100%;
  padding-inline:var(--wall-editor-padding-x);
  color:var(--on-surface);
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:1.62;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  tab-size:4;
}
.profile-wall-list>.community-comment>.comment-content{
  box-sizing:border-box;
  width:min(100%,var(--wall-text-measure));
  max-width:var(--wall-text-measure);
}
.profile-wall-list>.community-comment>.comment-content>.comment-head,
.profile-wall-list>.community-comment>.comment-content>.comment-text,
.profile-wall-list>.community-comment>.comment-content>.comment-action-row,
.profile-wall-list>.community-comment>.comment-content>.comment-reply-slot{
  box-sizing:border-box;
  width:100%;max-width:100%;
}
.profile-wall-list>.community-comment>.comment-content>.comment-text{
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:1.62;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  tab-size:4;
}

/* Search lives in the header, immediately to the left of the bell. */
.profile-user-search{
  position:relative;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:42px;
  overflow:visible;
}
.profile-user-search-form{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 28px;
  align-items:center;
  gap:7px;
  width:0;
  height:38px;
  margin-right:0;
  padding:0;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:12px;
  background:var(--surface);
  opacity:0;
  pointer-events:none;
  transform:translateX(8px) scale(.98);
  transform-origin:right center;
  transition:width .2s cubic-bezier(.2,.8,.2,1),margin-right .2s ease,padding .2s ease,opacity .14s ease,transform .2s ease,border-color .15s ease,box-shadow .15s ease;
}
.profile-user-search.open .profile-user-search-form{
  width:min(270px,32vw);
  margin-right:7px;
  padding:0 7px 0 11px;
  overflow:visible;
  border-color:color-mix(in srgb,var(--outline) 28%,transparent);
  opacity:1;
  pointer-events:auto;
  transform:none;
  box-shadow:0 9px 30px rgba(0,0,0,.18);
}
.profile-user-search-form:focus-within{
  border-color:color-mix(in srgb,var(--primary) 72%,var(--outline));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent),0 9px 30px rgba(0,0,0,.18);
}
.profile-user-search-icon{display:grid;place-items:center;color:var(--on-surface-variant)}
.profile-user-search-icon svg{width:17px;height:17px}
.profile-user-search-form input{
  min-width:0;width:100%;height:36px;padding:0;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--on-surface);font:inherit;font-size:11.5px;outline:0!important;box-shadow:none!important;
}
.profile-user-search-form input::placeholder{color:var(--on-surface-variant)}
.profile-user-search-clear{
  width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;
  background:transparent;color:var(--on-surface-variant);cursor:pointer;
}
.profile-user-search-clear:hover{background:var(--surface-variant);color:var(--on-surface)}
.profile-user-search-clear svg{width:15px;height:15px}
.profile-search-button{width:42px;height:42px;flex:0 0 auto}
.profile-user-search.open .profile-search-button{background:var(--primary-container);color:var(--on-primary-container)}
.profile-user-search-results{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:120;
  box-sizing:border-box;
  width:min(340px,calc(100vw - 28px));
  max-height:min(390px,calc(100dvh - 110px));
  padding:6px;
  overflow:auto;
  border:1px solid color-mix(in srgb,var(--outline) 24%,transparent);
  border-radius:15px;
  background:color-mix(in srgb,var(--surface) 97%,transparent);
  box-shadow:0 22px 65px rgba(0,0,0,.36);
  transform-origin:top right;
  animation:profile208-search-open .17s cubic-bezier(.2,.8,.2,1) both;
}
.profile-user-search-results[hidden]{display:none!important}
.profile-user-search-result{
  width:100%;min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:var(--on-surface);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .13s ease,transform .13s ease;
}
.profile-user-search-result:hover,.profile-user-search-result.active,.profile-user-search-result:focus-visible{
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-variant));
  transform:translateX(2px);
  outline:0;
}
.profile-user-search-avatar{width:38px;height:38px;border-radius:11px;font-size:12px}
.profile-user-search-result>span{min-width:0;display:grid;gap:2px}
.profile-user-search-result strong,.profile-user-search-result small{display:block;min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}
.profile-user-search-result strong{font-size:11.5px;line-height:1.25}
.profile-user-search-result small{color:var(--on-surface-variant);font-size:9px;line-height:1.25}
.profile-user-search-note{margin:0;padding:15px 10px;color:var(--on-surface-variant);font-size:10.5px;text-align:center}
.top-header-actions{overflow:visible}
@keyframes profile208-search-open{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:760px){
  :root{--wall-editor-offset:48px;--wall-text-measure:calc(100% - 48px - 28px)}
  .profile-wall>.comment-composer{width:calc(100% - var(--wall-editor-offset));max-width:none}
  .profile-wall-list>.community-comment>.comment-content{width:100%;max-width:100%}
  .profile-user-search.open .profile-user-search-form{width:min(238px,calc(100vw - 150px))}
  .profile-user-search-results{position:fixed;top:70px;right:14px;width:min(340px,calc(100vw - 28px))}
}
@media(max-width:520px){
  :root{--wall-editor-offset:0px;--wall-text-measure:100%}
  .profile-wall>.comment-composer{width:100%;margin-left:0}
  .profile-user-search.open .profile-user-search-form{position:fixed;top:12px;left:14px;right:106px;width:auto;max-width:none}
  .profile-user-search-results{top:60px}
}

/* Release 209 — wall composer parity and permanently visible user search. */
:root{
  --wall-root-avatar:38px;
  --wall-root-gap:11px;
  --wall-root-pad-left:14px;
  --wall-root-pad-right:14px;
  --wall-root-text-left:14px;
  --wall-root-text-right:14px;
}

/* The composer frame occupies exactly the same horizontal space as a root wall card. */
.profile-wall>.comment-composer{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:4px 0 18px;
}
.profile-wall>.comment-composer .comment-editor-shell{
  box-sizing:border-box;
  width:100%;
  max-width:none;
}
/* The typed glyphs fill the entire composer naturally without fake left/right indentation. */
.profile-wall>.comment-composer textarea{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  padding:12px 14px;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:1.62;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  tab-size:4;
}
.profile-wall-list>.community-comment{
  box-sizing:border-box;
  width:100%;
  max-width:none;
}
.profile-wall-list>.community-comment>.comment-content{
  box-sizing:border-box;
  width:100%;
  max-width:none;
}
.profile-wall-list>.community-comment>.comment-content>.comment-head,
.profile-wall-list>.community-comment>.comment-content>.comment-text,
.profile-wall-list>.community-comment>.comment-content>.comment-action-row,
.profile-wall-list>.community-comment>.comment-content>.comment-reply-slot{
  box-sizing:border-box;
  width:100%;
  max-width:none;
}
.profile-wall-list>.community-comment>.comment-content>.comment-text{
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:1.62;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  tab-size:4;
}

/* The profile header contains the search field itself; no separate reveal button. */
.profile-user-search{
  position:relative;
  z-index:80;
  display:block;
  flex:0 1 260px;
  width:clamp(176px,24vw,260px);
  min-width:0;
  overflow:visible;
}
.profile-user-search-form{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:5px;
  width:100%;
  height:42px;
  margin:0;
  padding:0 7px 0 13px;
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);
  border-radius:13px;
  background:var(--surface);
  opacity:1;
  pointer-events:auto;
  transform:none;
  box-shadow:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.profile-user-search-form:focus-within{
  border-color:color-mix(in srgb,var(--primary) 72%,var(--outline));
  background:color-mix(in srgb,var(--surface) 96%,var(--primary-container));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent);
}
.profile-user-search-icon,.profile-search-button{display:none!important}
.profile-user-search-form input{
  min-width:0;
  width:100%;
  height:40px;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--on-surface);
  font:inherit;
  font-size:11.5px;
  outline:0!important;
  box-shadow:none!important;
}
.profile-user-search-form input::placeholder{color:var(--on-surface-variant)}
.profile-user-search-clear{
  opacity:0;
  pointer-events:none;
  transform:scale(.86);
  transition:opacity .12s ease,transform .12s ease,background .12s ease,color .12s ease;
}
.profile-user-search.has-value .profile-user-search-clear{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.profile-user-search-results{
  top:calc(100% + 8px);
  right:0;
  width:min(340px,calc(100vw - 28px));
  transform-origin:top right;
  animation:profile209-search-open .16s cubic-bezier(.2,.8,.2,1) both;
}
.top-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  overflow:visible;
}
@keyframes profile209-search-open{from{opacity:0;transform:translateY(-4px) scale(.988)}to{opacity:1;transform:none}}

@media(max-width:760px){
  :root{
    --wall-root-gap:9px;
    --wall-root-pad-left:12px;
    --wall-root-pad-right:12px;
    --wall-root-text-left:12px;
    --wall-root-text-right:12px;
  }
  .profile-wall>.comment-composer{width:100%;max-width:none;margin-left:0}
  .profile-user-search{flex-basis:210px;width:clamp(150px,31vw,210px)}
  .profile-user-search-results{position:fixed;top:70px;right:14px;width:min(340px,calc(100vw - 28px))}
}
@media(max-width:520px){
  .profile-user-search{flex-basis:150px;width:min(150px,calc(100vw - 190px))}
  .profile-user-search-form{height:40px;padding-left:10px;border-radius:12px}
  .profile-user-search-form input{height:38px;font-size:10.5px}
  .profile-user-search-results{top:60px}
}

/* Release 210 — live wall document editor, fast media drafts and compact profile bio. */
.profile-wall>.comment-composer .wall-document-editor{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-height:92px;
  max-height:420px;
  padding:12px 14px;
  overflow:auto;
  outline:0;
  color:var(--on-surface);
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  line-height:1.62;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  tab-size:4;
  caret-color:var(--primary);
}
.profile-wall>.comment-composer .wall-document-editor:empty::before{
  content:attr(data-placeholder);
  color:var(--on-surface-variant);
  pointer-events:none;
}
.profile-wall>.comment-composer .comment-editor-shell:focus-within .wall-document-editor{
  background:color-mix(in srgb,var(--surface) 98%,var(--primary-container));
}
.profile-wall>.comment-composer textarea[hidden]{display:none!important}

/* Draft media uses the same visual box as the published wall attachment. */
.wall-document-editor .profile-wall-media,
.profile-wall-list .profile-wall-media{
  box-sizing:border-box;
  position:relative;
  width:min(100%,540px);
  max-width:100%;
  margin:10px auto;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);
  border-radius:15px;
  background:#08080b;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.profile-wall-media img,
.profile-wall-media video{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:420px;
  margin:0 auto;
  object-fit:contain;
  background:#08080b;
}
.profile-wall-media video{width:100%;cursor:pointer}
.comment-media-draft{user-select:none;-webkit-user-select:none}
.comment-media-remove{
  position:absolute;
  top:8px;
  right:8px;
  z-index:4;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.24);
  border-radius:10px;
  background:rgba(7,7,10,.82);
  color:#fff;
  opacity:0;
  transform:translateY(-3px) scale(.92);
  cursor:pointer;
  transition:opacity .14s ease,transform .14s ease,background .14s ease,border-color .14s ease;
}
.comment-media-remove svg{width:16px;height:16px}
.comment-media-draft:hover .comment-media-remove,
.comment-media-draft:focus-within .comment-media-remove{
  opacity:1;
  transform:none;
}
.comment-media-remove:hover{
  border-color:color-mix(in srgb,var(--error) 65%,#fff);
  background:color-mix(in srgb,var(--error) 72%,#09090d);
}
.comment-media-processing{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(6,6,10,.2),rgba(6,6,10,.56));
  pointer-events:none;
}
.comment-media-processing .spinner{width:25px;height:25px;border-width:2px}
.comment-media-draft.pending img,
.comment-media-draft.pending video{filter:saturate(.82) brightness(.82)}
.comment-media-draft:not(.pending) .comment-media-processing{display:none}

.public-profile-copy>.profile-bio{
  max-width:620px;
  max-height:calc(1.48em * 4);
  margin:2px 0 0;
  overflow:hidden;
  color:var(--on-surface-variant);
  font-size:inherit;
  line-height:1.48;
  white-space:pre-line;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-profile-copy>.profile-bio.muted{margin-top:3px}

@media(max-width:620px){
  .profile-wall>.comment-composer textarea,
  .profile-wall>.comment-composer .wall-document-editor{
    min-height:84px;
    max-height:360px;
    padding:10px 12px;
  }
  .wall-document-editor .profile-wall-media,
  .profile-wall-list .profile-wall-media{width:100%;border-radius:10px}
  .profile-wall-media img,.profile-wall-media video{max-height:320px}
  .comment-media-remove{opacity:1;transform:none}
  .public-profile-copy>.profile-bio{margin-top:1px;text-align:center}
}

/* Release 210 follow-up — pull the limited multiline bio toward the visible
   nickname while retaining the glyph safety padding used by decorative fonts. */
.public-profile-copy>.profile-bio{
  margin-top:-8px;
}
@media(max-width:700px){
  .public-profile-copy>.profile-bio{margin-top:-5px}
}

/* Release 211 — frameless wall media and reliable document caret behavior. */
.wall-document-editor .profile-wall-media,
.profile-wall-list .profile-wall-media{
  box-sizing:border-box;
  position:relative;
  width:-moz-fit-content;
  width:fit-content;
  max-width:min(100%,540px);
  margin:10px auto;
  padding:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);
  border-radius:14px;
  background:#08080c;
  box-shadow:0 6px 22px rgba(0,0,0,.25);
}
.profile-wall-media-link{
  display:block;
  width:100%;
  height:auto;
  text-decoration:none;
  cursor:zoom-in;
}
.profile-wall-media img,
.profile-wall-media video{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:420px;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:#08080c;
  object-fit:contain;
}
.wall-document-editor .comment-media-draft{
  cursor:text;
  outline:0 solid transparent;
  transition:outline-color .12s ease,filter .12s ease;
}
.wall-document-editor .comment-media-draft:hover{
  outline:1px solid color-mix(in srgb,var(--primary) 34%,transparent);
  outline-offset:4px;
}
.wall-document-editor br[data-wall-media-break="1"]{
  display:block;
  content:"";
  min-height:1px;
  line-height:1px;
}
@media(max-width:620px){
  .wall-document-editor .profile-wall-media,
  .profile-wall-list .profile-wall-media{width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:12px;margin:8px auto}
  .profile-wall-media img,.profile-wall-media video{max-height:320px}
}

/* Release 213 — mobile player interactions and narrow detail actions. */
.video-pip-button{display:none}
@media(max-width:720px),(hover:none) and (pointer:coarse){
  .video-pip-button:not([hidden]){display:grid}
  .player-top{min-height:68px;height:68px;align-items:center}
  .player-title{display:grid;align-content:center;gap:3px;min-width:0}
  .player-title h2{font-size:12px;line-height:1.15;color:rgba(255,255,255,.68)}
  .player-title p{display:block!important;font-size:11px;line-height:1.25;color:#fff;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:clip}
  .player-stage.controls-hidden:not(.is-paused) .player-tap-surface{cursor:pointer}
}
@media(max-width:719px){
  .release-card .detail-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;gap:8px;overflow:hidden}
  .release-card .detail-actions .btn{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
}

/* Release 219 — Chromium compatibility is implemented in JavaScript by
   restoring a plain text node only for the four original whole-word gradient
   effects. No colour, shadow, movement or decorative CSS from Release 209 is
   overridden here. */

/* Release 216 — registration consent and email-delivery hints. */
.auth-form-register .auth-mail-note,
.auth-form-register .auth-rules-consent{grid-column:1/-1}
.auth-mail-note{
  margin:-3px 0 1px;
  padding:9px 11px;
  border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));
  color:var(--on-surface-variant);
  font-size:11px;
  line-height:1.45;
}
.auth-rules-consent{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:flex-start;
  gap:9px!important;
  margin:0;
  color:var(--on-surface-variant)!important;
  font-size:12px!important;
  line-height:1.45;
  cursor:pointer;
}
.auth-rules-consent input{
  flex:0 0 auto;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border-radius:5px!important;
  accent-color:var(--primary);
  box-shadow:none!important;
}
.auth-rules-consent span{display:block}
.auth-rules-consent a{color:var(--primary);font-weight:800;text-underline-offset:2px}
@media(max-width:620px){
  .auth-form-register .auth-mail-note,.auth-form-register .auth-rules-consent{grid-column:auto}
}

/* Release 220 — prestige nickname motion without ever hiding the real letters.
   The real glyph remains opaque and painted for the complete cycle. Animated
   echoes, petals, gates, routes and seals live in dedicated helper layers. */
.name-glyph-echo,
.name-glyph-spark,
.name-effect-plane{
  display:none;
  position:absolute;
  box-sizing:border-box;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  font:inherit;
  font-style:normal;
}
.name-effect-sakura,
.name-effect-ascendant,
.name-effect-coronation,
.name-effect-trailblazer{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
}
.name-effect-sakura::before,.name-effect-sakura::after,
.name-effect-ascendant::before,.name-effect-ascendant::after,
.name-effect-coronation::before,.name-effect-coronation::after,
.name-effect-trailblazer::before,.name-effect-trailblazer::after,
.name-effect-sakura .name-glyph::before,.name-effect-sakura .name-glyph::after,
.name-effect-ascendant .name-glyph::before,.name-effect-ascendant .name-glyph::after,
.name-effect-coronation .name-glyph::before,.name-effect-coronation .name-glyph::after,
.name-effect-trailblazer .name-glyph::before,.name-effect-trailblazer .name-glyph::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.name-effect-sakura .name-glyph,
.name-effect-ascendant .name-glyph,
.name-effect-coronation .name-glyph,
.name-effect-trailblazer .name-glyph{
  position:relative!important;
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  transform-origin:50% 78%!important;
}
.name-effect-sakura .name-glyph-echo,
.name-effect-ascendant .name-glyph-echo,
.name-effect-coronation .name-glyph-echo,
.name-effect-trailblazer .name-glyph-echo{
  display:block!important;
  inset:0;
  z-index:-1;
  white-space:nowrap;
  line-height:inherit;
}
.name-effect-sakura .name-glyph-spark,
.name-effect-ascendant .name-glyph-spark,
.name-effect-coronation .name-glyph-spark,
.name-effect-trailblazer .name-glyph-spark,
.name-effect-sakura>.name-effect-plane,
.name-effect-ascendant>.name-effect-plane,
.name-effect-coronation>.name-effect-plane,
.name-effect-trailblazer>.name-effect-plane{display:block!important}
.name-glyph-space .name-glyph-echo,
.name-glyph-space .name-glyph-spark{display:none!important}

/* Цветение — a living branch and two petal layers unfold around a permanently
   readable rose-gold nickname. */
.name-effect-sakura{
  color:#f7bdd8!important;
  padding:.14em .18em .3em!important;
  text-shadow:0 .035em 0 rgba(92,25,61,.72),0 0 .22em rgba(255,132,194,.42)!important;
}
.name-effect-sakura .name-glyph{
  animation:name220-bloom-glyph 6.4s cubic-bezier(.2,.76,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .075s)!important;
}
.name-effect-sakura .name-glyph-echo{
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.032em rgba(255,231,242,.92);
  text-shadow:0 0 .28em rgba(255,116,185,.78);
  opacity:0;
  transform:scale(.82) rotate(-7deg);
  transform-origin:50% 82%;
  animation:name220-bloom-halo 6.4s ease-in-out infinite;
  animation-delay:calc(var(--glyph) * .075s);
}
.name-effect-sakura .name-glyph-spark{
  z-index:8;
  left:50%;
  top:-.34em;
  width:.1em;
  height:.19em;
  border-radius:80% 20% 70% 30%;
  background:linear-gradient(155deg,#fff8c6 0 30%,#ff9cca 58%,#d95299 100%);
  box-shadow:0 0 .3em rgba(255,118,185,.9);
  opacity:0;
  transform:translateX(-50%) translateY(.22em) scale(.2) rotate(-28deg);
  animation:name220-bloom-spark 6.4s ease-out infinite;
  animation-delay:calc(var(--glyph) * .075s);
}
.name-effect-sakura>.name-effect-plane-a{
  z-index:1;
  left:.04em;
  right:.04em;
  bottom:.06em;
  height:.08em;
  border-radius:999px;
  background:
    radial-gradient(circle at 12% 50%,#fff2a9 0 .08em,transparent .09em),
    radial-gradient(circle at 36% 50%,#ff8ec8 0 .075em,transparent .085em),
    radial-gradient(circle at 68% 50%,#fff2a9 0 .075em,transparent .085em),
    radial-gradient(circle at 91% 50%,#ff8ec8 0 .08em,transparent .09em),
    linear-gradient(90deg,transparent,#a94376 8%,#f1ae69 48%,#a94376 92%,transparent);
  box-shadow:0 0 .2em rgba(255,119,182,.48);
  opacity:0;
  transform:scaleX(.06) rotate(-1.5deg);
  transform-origin:0 50%;
  animation:name220-bloom-branch 6.4s cubic-bezier(.18,.82,.18,1) infinite;
}
.name-effect-sakura>.name-effect-plane-b{
  z-index:8;
  left:6%;
  top:-.56em;
  color:#ffd7ea;
  -webkit-text-fill-color:currentColor;
  font-family:system-ui,sans-serif;
  font-size:.22em;
  line-height:1;
  letter-spacing:.38em;
  white-space:nowrap;
  text-shadow:0 0 .4em #ff78b7;
  opacity:0;
  transform:translate(-.4em,.3em) rotate(-10deg) scale(.8);
  animation:name220-bloom-petals 6.4s cubic-bezier(.2,.72,.18,1) infinite;
}
.name-effect-sakura>.name-effect-plane-b::before{content:none!important;display:none!important}
@keyframes name220-bloom-glyph{
  0%,15%,78%,100%{transform:none;filter:brightness(1) saturate(1);text-shadow:0 .035em 0 rgba(92,25,61,.72),0 0 .22em rgba(255,132,194,.42)}
  28%{transform:translateY(-.035em) rotate(-1.2deg) scale(1.025);filter:brightness(1.12) saturate(1.08)}
  42%{transform:translateY(-.085em) rotate(1deg) scale(1.06,1.1);filter:brightness(1.34) saturate(1.18);text-shadow:0 .035em 0 rgba(92,25,61,.72),0 0 .38em rgba(255,126,191,.68)}
  58%{transform:translateY(-.025em) scale(1.015);filter:brightness(1.09) saturate(1.05)}
}
@keyframes name220-bloom-halo{
  0%,18%,74%,100%{opacity:0;transform:scale(.82) rotate(-7deg)}
  32%{opacity:.62;transform:scale(1.12) rotate(4deg)}
  47%{opacity:.34;transform:scale(1.25) rotate(9deg)}
  62%{opacity:0;transform:scale(1.38) rotate(14deg)}
}
@keyframes name220-bloom-spark{
  0%,24%,75%,100%{opacity:0;transform:translateX(-50%) translateY(.22em) scale(.2) rotate(-28deg)}
  36%{opacity:1;transform:translateX(-50%) translateY(-.02em) scale(1.2) rotate(42deg)}
  52%{opacity:.72;transform:translateX(-50%) translateY(-.5em) translateX(.24em) scale(.82) rotate(145deg)}
  66%{opacity:0;transform:translateX(-50%) translateY(-.95em) translateX(.5em) scale(.28) rotate(250deg)}
}
@keyframes name220-bloom-branch{
  0%,14%,78%,100%{opacity:0;transform:scaleX(.06) rotate(-1.5deg)}
  28%{opacity:.52;transform:scaleX(.48) rotate(-1deg)}
  44%,65%{opacity:1;transform:scaleX(1) rotate(0)}
  73%{opacity:.2;transform:scaleX(1.04) rotate(.5deg)}
}
@keyframes name220-bloom-petals{
  0%,22%,78%,100%{opacity:0;transform:translate(-.4em,.3em) rotate(-10deg) scale(.8)}
  35%{opacity:1;transform:translate(.05em,0) rotate(4deg) scale(1)}
  55%{opacity:.82;transform:translate(1.2em,-.28em) rotate(22deg) scale(.92)}
  70%{opacity:0;transform:translate(2.3em,.2em) rotate(45deg) scale(.62)}
}

/* Вознесение — a sequential lift with luminous soul echoes, a celestial gate
   and a star crest; the original letters never leave the screen. */
.name-effect-ascendant{
  color:#dff7ff!important;
  padding:.22em .24em .36em!important;
  text-shadow:0 .045em 0 rgba(39,70,130,.72),0 0 .28em rgba(100,218,255,.55),0 0 .52em rgba(133,104,255,.26)!important;
}
.name-effect-ascendant .name-glyph{
  animation:name220-ascend-glyph 6.8s cubic-bezier(.16,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .065s)!important;
}
.name-effect-ascendant .name-glyph-echo{
  color:#a9ebff;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 0 .32em #69dcff,0 0 .58em #9278ff;
  opacity:0;
  transform:translateY(.34em) scale(.9,1.08);
  animation:name220-ascend-echo 6.8s cubic-bezier(.18,.78,.16,1) infinite;
  animation-delay:calc(var(--glyph) * .065s);
}
.name-effect-ascendant .name-glyph-spark{
  z-index:8;
  left:50%;
  top:-.26em;
  width:.11em;
  height:.11em;
  border:1px solid rgba(255,255,255,.9);
  background:#fff;
  box-shadow:0 0 .28em #73e5ff,0 0 .52em #8c72ff;
  opacity:0;
  transform:translateX(-50%) translateY(.34em) scale(.2) rotate(45deg);
  animation:name220-ascend-rune 6.8s ease-out infinite;
  animation-delay:calc(var(--glyph) * .065s);
}
.name-effect-ascendant>.name-effect-plane-a{
  z-index:1;
  left:-.32em;
  right:-.32em;
  top:50%;
  height:1.7em;
  border:1px solid rgba(158,226,255,.5);
  border-left-color:rgba(149,111,255,.72);
  border-right-color:rgba(149,111,255,.72);
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,rgba(125,223,255,.2),transparent 58%),
    linear-gradient(90deg,transparent 5%,rgba(140,111,255,.28) 26%,rgba(255,255,255,.62) 50%,rgba(96,218,255,.28) 74%,transparent 95%);
  box-shadow:inset 0 0 .28em rgba(113,214,255,.25),0 0 .42em rgba(125,102,255,.26);
  opacity:0;
  transform:translateY(-50%) perspective(3em) rotateX(68deg) scale(.42);
  animation:name220-ascend-gate 6.8s cubic-bezier(.16,.84,.18,1) infinite;
}
.name-effect-ascendant>.name-effect-plane-b{
  z-index:9;
  left:50%;
  top:-.64em;
  width:.08em;
  height:1.25em;
  border-radius:999px;
  background:linear-gradient(transparent,rgba(255,255,255,.9) 36%,rgba(95,219,255,.46) 65%,transparent);
  box-shadow:0 0 .42em rgba(99,220,255,.7);
  opacity:0;
  transform:translateX(-50%) translateY(.3em) scaleY(.2);
  transform-origin:50% 100%;
  animation:name220-ascend-crest 6.8s cubic-bezier(.16,.84,.18,1) infinite;
}
.name-effect-ascendant>.name-effect-plane-b::before{
  content:"✦";
  position:absolute;
  left:50%;
  top:-.18em;
  color:#fff;
  -webkit-text-fill-color:currentColor;
  font-family:system-ui,sans-serif;
  font-size:.42em;
  line-height:1;
  text-shadow:0 0 .3em #fff,0 0 .65em #68dcff,0 0 .95em #8a6dff;
  transform:translateX(-50%);
}
@keyframes name220-ascend-glyph{
  0%,14%,76%,100%{transform:none;filter:brightness(1) saturate(1);text-shadow:0 .045em 0 rgba(39,70,130,.72),0 0 .28em rgba(100,218,255,.55),0 0 .52em rgba(133,104,255,.26)}
  28%{transform:translateY(.045em) scale(.98,.95);filter:brightness(.9)}
  39%{transform:translateY(-.11em) scale(1.035,1.09);filter:brightness(1.48) saturate(1.16);text-shadow:0 .045em 0 rgba(39,70,130,.72),0 0 .42em rgba(121,230,255,.82),0 0 .75em rgba(141,110,255,.48)}
  52%{transform:translateY(-.035em) scale(1.015);filter:brightness(1.16)}
  65%{transform:none;filter:brightness(1.04)}
}
@keyframes name220-ascend-echo{
  0%,20%,75%,100%{opacity:0;transform:translateY(.34em) scale(.9,1.08)}
  34%{opacity:.68;transform:translateY(-.06em) scale(1,1.08)}
  49%{opacity:.42;transform:translateY(-.72em) scale(.9,1.2)}
  64%{opacity:0;transform:translateY(-1.35em) scale(.58,1.32)}
}
@keyframes name220-ascend-rune{
  0%,25%,75%,100%{opacity:0;transform:translateX(-50%) translateY(.34em) scale(.2) rotate(45deg)}
  38%{opacity:1;transform:translateX(-50%) translateY(-.04em) scale(1.25) rotate(110deg)}
  53%{opacity:.7;transform:translateX(-50%) translateY(-.58em) scale(.75) rotate(210deg)}
  66%{opacity:0;transform:translateX(-50%) translateY(-1.08em) scale(.25) rotate(320deg)}
}
@keyframes name220-ascend-gate{
  0%,17%,77%,100%{opacity:0;transform:translateY(-50%) perspective(3em) rotateX(68deg) scale(.42)}
  31%{opacity:.4;transform:translateY(-50%) perspective(3em) rotateX(68deg) scale(.78)}
  44%,61%{opacity:.92;transform:translateY(-50%) perspective(3em) rotateX(68deg) scale(1)}
  70%{opacity:0;transform:translateY(-50%) perspective(3em) rotateX(68deg) scale(1.18)}
}
@keyframes name220-ascend-crest{
  0%,30%,77%,100%{opacity:0;transform:translateX(-50%) translateY(.3em) scaleY(.2)}
  43%{opacity:1;transform:translateX(-50%) translateY(-.04em) scaleY(1.2)}
  54%,66%{opacity:.92;transform:translateX(-50%) translateY(-.12em) scaleY(1)}
  73%{opacity:0;transform:translateX(-50%) translateY(-.48em) scaleY(1.45)}
}

/* Знак владельца — permanent gold engraving, a traced authorization frame,
   travelling sparks and a restrained AP seal. */
.name-effect-coronation{
  color:#f6d578!important;
  padding:.2em .56em .36em .18em!important;
  text-shadow:.035em .05em 0 #674111,0 0 .22em rgba(255,211,92,.45),0 .13em .28em rgba(0,0,0,.3)!important;
}
.name-effect-coronation .name-glyph{
  animation:name220-owner-glyph 7.2s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .05s)!important;
}
.name-effect-coronation .name-glyph-echo{
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.035em rgba(255,244,180,.95);
  text-shadow:0 0 .3em rgba(255,207,77,.65);
  opacity:0;
  transform:translate(.055em,.065em) scale(.96);
  animation:name220-owner-imprint 7.2s ease-in-out infinite;
  animation-delay:calc(var(--glyph) * .05s);
}
.name-effect-coronation .name-glyph-spark{
  z-index:9;
  left:50%;
  top:-.28em;
  width:.09em;
  height:.09em;
  background:#fff7c6;
  box-shadow:0 0 .32em #ffd85e;
  opacity:0;
  transform:translateX(-50%) scale(.15) rotate(0);
  animation:name220-owner-spark 7.2s ease-out infinite;
  animation-delay:calc(var(--glyph) * .05s);
}
.name-effect-coronation>.name-effect-plane-a{
  z-index:2;
  left:-.12em;
  right:-.18em;
  top:-.13em;
  bottom:-.14em;
  border:1px solid rgba(246,205,100,.86);
  border-radius:.13em;
  background:
    linear-gradient(90deg,#ffeaa0,transparent 16%,transparent 84%,#ffeaa0) top/100% 1px no-repeat,
    linear-gradient(90deg,#ffeaa0,transparent 16%,transparent 84%,#ffeaa0) bottom/100% 1px no-repeat,
    linear-gradient(#ffeaa0,transparent 22%,transparent 78%,#ffeaa0) left/1px 100% no-repeat,
    linear-gradient(#ffeaa0,transparent 22%,transparent 78%,#ffeaa0) right/1px 100% no-repeat;
  box-shadow:inset 0 0 .22em rgba(255,211,91,.12),0 0 .28em rgba(255,194,61,.25);
  opacity:0;
  transform:scaleX(.08) scaleY(.72);
  transform-origin:0 50%;
  clip-path:inset(0 92% 0 0 round .13em);
  animation:name220-owner-frame 7.2s cubic-bezier(.18,.82,.18,1) infinite;
}
.name-effect-coronation>.name-effect-plane-b{
  z-index:10;
  right:-.2em;
  top:-.38em;
  width:1.16em;
  height:1.16em;
  display:grid!important;
  place-items:center;
  border:.07em double #f2c457;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#3b270f,#171007 68%);
  color:#ffeaa1;
  -webkit-text-fill-color:currentColor;
  font-family:system-ui,sans-serif;
  font-size:.23em;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
  text-shadow:0 0 .12em rgba(255,239,161,.75);
  box-shadow:0 0 0 .09em rgba(246,196,75,.16),0 0 .5em rgba(246,196,75,.45);
  opacity:0;
  transform:rotate(-24deg) scale(1.75);
  animation:name220-owner-seal 7.2s cubic-bezier(.16,.84,.18,1) infinite;
}
.name-effect-coronation>.name-effect-plane-b::before{content:"AP"}
@keyframes name220-owner-glyph{
  0%,14%,76%,100%{transform:none;filter:brightness(1);text-shadow:.035em .05em 0 #674111,0 0 .22em rgba(255,211,92,.45),0 .13em .28em rgba(0,0,0,.3)}
  28%{transform:translateY(.035em) scale(.985,.96);filter:brightness(.88)}
  39%{transform:translateY(-.045em) scale(1.035,1.06);filter:brightness(1.55);text-shadow:.035em .05em 0 #674111,0 0 .38em rgba(255,223,120,.82),0 .13em .28em rgba(0,0,0,.3)}
  51%{transform:none;filter:brightness(1.14)}
  66%{transform:none;filter:brightness(1.03)}
}
@keyframes name220-owner-imprint{
  0%,20%,75%,100%{opacity:0;transform:translate(.055em,.065em) scale(.96)}
  34%{opacity:.86;transform:translate(.105em,.12em) scale(1.02)}
  49%,63%{opacity:.42;transform:translate(.04em,.05em) scale(1)}
  70%{opacity:0;transform:translate(0,0) scale(1)}
}
@keyframes name220-owner-spark{
  0%,28%,76%,100%{opacity:0;transform:translateX(-50%) scale(.15) rotate(0)}
  39%{opacity:1;transform:translateX(-50%) scale(1.55) rotate(95deg)}
  52%{opacity:.72;transform:translateX(-50%) translateY(-.4em) scale(.75) rotate(190deg)}
  64%{opacity:0;transform:translateX(-50%) translateY(-.8em) scale(.2) rotate(290deg)}
}
@keyframes name220-owner-frame{
  0%,17%,77%,100%{opacity:0;transform:scaleX(.08) scaleY(.72);clip-path:inset(0 92% 0 0 round .13em)}
  31%{opacity:.45;transform:scaleX(.48) scaleY(.86);clip-path:inset(0 52% 0 0 round .13em)}
  46%,66%{opacity:1;transform:scaleX(1) scaleY(1);clip-path:inset(0 0 0 0 round .13em)}
  73%{opacity:.1;transform:scaleX(1.03) scaleY(1.03);clip-path:inset(0 0 0 0 round .13em)}
}
@keyframes name220-owner-seal{
  0%,42%,77%,100%{opacity:0;transform:rotate(-24deg) scale(1.75)}
  51%{opacity:1;transform:rotate(8deg) scale(.76)}
  58%{opacity:1;transform:rotate(-4deg) scale(1.12)}
  66%{opacity:1;transform:rotate(0) scale(1)}
  73%{opacity:0;transform:rotate(3deg) scale(.92)}
}

/* След первопроходца — a readable expedition sequence with persistent glyphs,
   luminous wake copies, registered waypoints and the 2026 badge. */
.name-effect-trailblazer{
  color:#c9f2ff!important;
  padding:.16em .56em .36em .14em!important;
  text-shadow:0 .04em 0 rgba(23,74,105,.8),0 0 .24em rgba(82,221,255,.48),0 0 .46em rgba(127,106,255,.24)!important;
}
.name-effect-trailblazer .name-glyph{
  animation:name220-pioneer-glyph 6.5s cubic-bezier(.18,.8,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .075s)!important;
}
.name-effect-trailblazer .name-glyph-echo{
  color:#79eaff;
  -webkit-text-fill-color:currentColor;
  text-shadow:0 0 .3em rgba(93,230,255,.8);
  opacity:0;
  transform:translateX(-.34em) skewX(-8deg) scaleX(.9);
  animation:name220-pioneer-echo 6.5s ease-out infinite;
  animation-delay:calc(var(--glyph) * .075s);
}
.name-effect-trailblazer .name-glyph-spark{
  z-index:8;
  left:50%;
  bottom:-.17em;
  width:.1em;
  height:.1em;
  border:1px solid rgba(255,255,255,.86);
  border-radius:50%;
  background:#65e6ff;
  box-shadow:0 0 .18em #65e6ff,0 0 .34em rgba(136,106,255,.48);
  opacity:0;
  transform:translateX(-50%) scale(.2);
  animation:name220-pioneer-waypoint 6.5s cubic-bezier(.18,.8,.18,1) infinite;
  animation-delay:calc(var(--glyph) * .075s);
}
.name-effect-trailblazer>.name-effect-plane-a{
  z-index:2;
  left:.04em;
  right:.04em;
  bottom:.06em;
  height:.09em;
  border-radius:999px;
  background:
    linear-gradient(90deg,transparent 0 4%,rgba(98,229,255,.42) 4% 6%,transparent 6% 14%,rgba(140,111,255,.45) 14% 16%,transparent 16% 24%,rgba(98,229,255,.42) 24% 26%,transparent 26% 100%),
    linear-gradient(90deg,transparent,#6ee6ff 18%,#fff 48%,#9675ff 72%,transparent 100%);
  background-size:100% 100%,42% 100%;
  background-repeat:no-repeat;
  box-shadow:0 0 .2em rgba(104,225,255,.42);
  opacity:0;
  transform:scaleX(.08);
  transform-origin:0 50%;
  animation:name220-pioneer-route 6.5s cubic-bezier(.18,.82,.18,1) infinite;
}
.name-effect-trailblazer>.name-effect-plane-b{
  z-index:10;
  right:-.15em;
  top:-.42em;
  display:grid!important;
  place-items:center;
  padding:.14em .34em;
  border:1px solid rgba(148,232,255,.82);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(16,73,96,.96),rgba(48,33,105,.96));
  color:#e9fbff;
  -webkit-text-fill-color:currentColor;
  font-family:system-ui,sans-serif;
  font-size:.2em;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-shadow:0 0 .2em #66e7ff;
  box-shadow:0 0 .36em rgba(92,224,255,.38);
  opacity:0;
  transform:translateY(.22em) scale(.45) rotate(-7deg);
  animation:name220-pioneer-badge 6.5s cubic-bezier(.16,.84,.18,1) infinite;
}
.name-effect-trailblazer>.name-effect-plane-b::before{content:""}
@keyframes name220-pioneer-glyph{
  0%,14%,77%,100%{transform:none;filter:brightness(1);text-shadow:0 .04em 0 rgba(23,74,105,.8),0 0 .24em rgba(82,221,255,.48),0 0 .46em rgba(127,106,255,.24)}
  29%{transform:translateX(-.025em) translateY(.02em) skewX(-2deg);filter:brightness(.92)}
  40%{transform:translateX(.09em) translateY(-.07em) skewX(1deg) scale(1.035);filter:brightness(1.48);text-shadow:0 .04em 0 rgba(23,74,105,.8),0 0 .38em rgba(102,232,255,.82),0 0 .62em rgba(139,111,255,.42)}
  53%{transform:translateX(.025em) translateY(-.025em);filter:brightness(1.14)}
  66%{transform:none;filter:brightness(1.03)}
}
@keyframes name220-pioneer-echo{
  0%,22%,76%,100%{opacity:0;transform:translateX(-.34em) skewX(-8deg) scaleX(.9)}
  35%{opacity:.62;transform:translateX(-.16em) skewX(-5deg) scaleX(.94)}
  48%{opacity:.32;transform:translateX(-.48em) skewX(-10deg) scaleX(.78)}
  61%{opacity:0;transform:translateX(-.82em) skewX(-14deg) scaleX(.55)}
}
@keyframes name220-pioneer-waypoint{
  0%,28%,77%,100%{opacity:0;transform:translateX(-50%) scale(.2)}
  40%{opacity:1;transform:translateX(-50%) scale(1.35)}
  53%,66%{opacity:.9;transform:translateX(-50%) scale(.8)}
  72%{opacity:0;transform:translateX(-50%) scale(.4)}
}
@keyframes name220-pioneer-route{
  0%,16%,78%,100%{opacity:0;transform:scaleX(.08);background-position:0 0,-45% 0}
  31%{opacity:.45;transform:scaleX(.46);background-position:0 0,-20% 0}
  46%,65%{opacity:1;transform:scaleX(1);background-position:0 0,72% 0}
  73%{opacity:.12;transform:scaleX(1.04);background-position:0 0,140% 0}
}
@keyframes name220-pioneer-badge{
  0%,43%,78%,100%{opacity:0;transform:translateY(.22em) scale(.45) rotate(-7deg)}
  52%{opacity:1;transform:translateY(-.03em) scale(1.14) rotate(2deg)}
  60%,68%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
  74%{opacity:0;transform:translateY(-.18em) scale(.88) rotate(3deg)}
}

@media(max-width:520px){
  .name-effect-sakura,.name-effect-ascendant{padding-inline:.12em!important}
  .name-effect-coronation,.name-effect-trailblazer{padding-right:.4em!important}
  .name-effect-coronation>.name-effect-plane-b{right:-.08em}
  .name-effect-trailblazer>.name-effect-plane-b{right:-.04em;top:-.34em}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-sakura .name-glyph,
  .name-effect-ascendant .name-glyph,
  .name-effect-coronation .name-glyph,
  .name-effect-trailblazer .name-glyph{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
  .name-effect-sakura .name-glyph-echo,.name-effect-sakura .name-glyph-spark,
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-trailblazer .name-glyph-echo,.name-effect-trailblazer .name-glyph-spark,
  .name-effect-sakura>.name-effect-plane,.name-effect-ascendant>.name-effect-plane,
  .name-effect-coronation>.name-effect-plane,.name-effect-trailblazer>.name-effect-plane{
    display:none!important;
    animation:none!important;
  }
}

/* Release 221 — richer prestige palettes and a new owner signature.
   The movement from Release 220 remains readable at every frame, while the
   three rare rewards now use clearly separated colour families. */

/* Вознесение: sunrise ivory, amethyst and warm stellar gold instead of the
   cyan palette shared by too many other effects. */
.name-effect-ascendant{
  color:#fff1cf!important;
  text-shadow:0 .045em 0 rgba(70,42,116,.78),0 0 .28em rgba(202,128,255,.55),0 0 .54em rgba(255,184,73,.34)!important;
}
.name-effect-ascendant .name-glyph-echo{
  color:#d7b0ff!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .32em rgba(191,103,255,.9),0 0 .62em rgba(255,179,72,.58)!important;
}
.name-effect-ascendant .name-glyph-spark{
  border-color:rgba(255,249,221,.94)!important;
  background:#fff5cf!important;
  box-shadow:0 0 .28em #ffc66d,0 0 .58em #b96fff!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  border-color:rgba(226,182,255,.54)!important;
  border-left-color:rgba(255,188,77,.8)!important;
  border-right-color:rgba(255,188,77,.8)!important;
  background:
    radial-gradient(ellipse at center,rgba(205,133,255,.22),transparent 58%),
    linear-gradient(90deg,transparent 5%,rgba(255,180,67,.3) 25%,rgba(255,249,220,.72) 50%,rgba(185,102,255,.32) 75%,transparent 95%)!important;
  box-shadow:inset 0 0 .3em rgba(255,194,92,.18),0 0 .46em rgba(181,94,255,.3)!important;
}
.name-effect-ascendant>.name-effect-plane-b{
  background:linear-gradient(transparent,rgba(255,249,219,.94) 36%,rgba(205,121,255,.55) 65%,transparent)!important;
  box-shadow:0 0 .44em rgba(255,189,71,.72),0 0 .7em rgba(181,95,255,.36)!important;
}
.name-effect-ascendant>.name-effect-plane-b::before{
  color:#fff6d6!important;
  text-shadow:0 0 .3em #fff5cf,0 0 .68em #ffc263,0 0 1em #a85fff!important;
}
@keyframes name221-ascend-glyph{
  0%,14%,76%,100%{transform:none;filter:brightness(1) saturate(1);text-shadow:0 .045em 0 rgba(70,42,116,.78),0 0 .28em rgba(202,128,255,.55),0 0 .54em rgba(255,184,73,.34)}
  28%{transform:translateY(.045em) scale(.98,.95);filter:brightness(.92)}
  39%{transform:translateY(-.11em) scale(1.035,1.09);filter:brightness(1.46) saturate(1.12);text-shadow:0 .045em 0 rgba(70,42,116,.78),0 0 .42em rgba(221,153,255,.88),0 0 .78em rgba(255,187,70,.56)}
  52%{transform:translateY(-.035em) scale(1.015);filter:brightness(1.16)}
  65%{transform:none;filter:brightness(1.04)}
}
.name-effect-ascendant .name-glyph{animation-name:name221-ascend-glyph!important}

/* След первопроходца: a warm expedition-map palette. The achievement is still
   earned for registration in 2026, but the year is no longer printed inside
   the animation. The former badge is now a small moving compass marker. */
.name-effect-trailblazer{
  color:#ffe1a6!important;
  padding-right:.34em!important;
  text-shadow:0 .04em 0 rgba(91,43,20,.88),0 0 .24em rgba(255,151,65,.55),0 0 .48em rgba(183,65,45,.28)!important;
}
.name-effect-trailblazer .name-glyph-echo{
  color:#ff9564!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .3em rgba(255,123,73,.88),0 0 .54em rgba(255,196,82,.38)!important;
}
.name-effect-trailblazer .name-glyph-spark{
  border-color:rgba(255,247,210,.92)!important;
  background:#ffc85d!important;
  box-shadow:0 0 .18em #ffbf52,0 0 .36em rgba(197,60,39,.5)!important;
}
.name-effect-trailblazer>.name-effect-plane-a{
  background:
    linear-gradient(90deg,transparent 0 4%,rgba(255,179,76,.48) 4% 6%,transparent 6% 14%,rgba(204,66,43,.5) 14% 16%,transparent 16% 24%,rgba(255,179,76,.48) 24% 26%,transparent 26% 100%),
    linear-gradient(90deg,transparent,#e65737 18%,#fff1bd 48%,#ffad45 72%,transparent 100%)!important;
  box-shadow:0 0 .22em rgba(255,139,58,.52)!important;
}
.name-effect-trailblazer>.name-effect-plane-b{
  right:-.02em!important;
  top:-.26em!important;
  width:.46em!important;
  height:.46em!important;
  padding:0!important;
  border:.045em solid rgba(255,225,151,.9)!important;
  border-radius:50%!important;
  background:
    linear-gradient(45deg,transparent 43%,#fff0bd 44% 56%,transparent 57%),
    linear-gradient(-45deg,transparent 43%,#c84b31 44% 56%,transparent 57%),
    radial-gradient(circle,#5a2519 0 23%,#ef8b3e 25% 46%,#2b1713 49% 100%)!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-size:1em!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  box-shadow:0 0 0 .055em rgba(255,178,75,.2),0 0 .38em rgba(225,81,47,.52)!important;
  opacity:0;
  transform:translate(-.5em,.24em) rotate(-70deg) scale(.3);
  animation:name221-pioneer-compass 6.5s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-trailblazer>.name-effect-plane-b::before{
  content:""!important;
  position:absolute;
  left:50%;
  top:-.16em;
  width:.06em;
  height:.32em;
  border-radius:999px;
  background:linear-gradient(#fff4c9 0 48%,#b83b2b 50% 100%);
  box-shadow:0 0 .12em rgba(255,188,78,.7);
  transform:translateX(-50%);
}
.name-effect-trailblazer>.name-effect-plane-b::after{
  content:"";
  position:absolute;
  inset:-.13em;
  border:1px dashed rgba(255,191,89,.55);
  border-radius:50%;
  animation:name221-pioneer-compass-ring 6.5s ease-in-out infinite;
}
@keyframes name221-pioneer-glyph{
  0%,14%,77%,100%{transform:none;filter:brightness(1);text-shadow:0 .04em 0 rgba(91,43,20,.88),0 0 .24em rgba(255,151,65,.55),0 0 .48em rgba(183,65,45,.28)}
  29%{transform:translateX(-.025em) translateY(.02em) skewX(-2deg);filter:brightness(.94)}
  40%{transform:translateX(.09em) translateY(-.07em) skewX(1deg) scale(1.035);filter:brightness(1.45);text-shadow:0 .04em 0 rgba(91,43,20,.88),0 0 .4em rgba(255,173,77,.88),0 0 .66em rgba(211,64,43,.44)}
  53%{transform:translateX(.025em) translateY(-.025em);filter:brightness(1.14)}
  66%{transform:none;filter:brightness(1.03)}
}
.name-effect-trailblazer .name-glyph{animation-name:name221-pioneer-glyph!important}
@keyframes name221-pioneer-compass{
  0%,38%,79%,100%{opacity:0;transform:translate(-.5em,.24em) rotate(-70deg) scale(.3)}
  48%{opacity:1;transform:translate(-.08em,-.06em) rotate(-15deg) scale(1.12)}
  57%,68%{opacity:1;transform:translate(0,0) rotate(8deg) scale(1)}
  75%{opacity:0;transform:translate(.34em,-.18em) rotate(42deg) scale(.72)}
}
@keyframes name221-pioneer-compass-ring{
  0%,43%,78%,100%{opacity:0;transform:scale(.58) rotate(0)}
  52%{opacity:.9;transform:scale(1.08) rotate(70deg)}
  67%{opacity:.42;transform:scale(1.35) rotate(145deg)}
  75%{opacity:0;transform:scale(1.58) rotate(210deg)}
}

/* Знак владельца: no authorization frame and no AP badge. A dark crimson
   calligraphic signature is written beneath the name, followed by an obsidian
   owner cipher that stamps a gold pulse through the letters. */
.name-effect-coronation{
  color:#ffedbd!important;
  padding:.2em .5em .4em .16em!important;
  text-shadow:.035em .05em 0 #4d201c,0 0 .24em rgba(231,68,58,.38),0 0 .48em rgba(255,190,73,.3),0 .13em .28em rgba(0,0,0,.34)!important;
}
.name-effect-coronation .name-glyph{
  animation:name221-owner-glyph 7.4s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-coronation .name-glyph-echo{
  color:#7b1f25!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 .2em rgba(171,31,42,.82),0 .08em .16em rgba(0,0,0,.45)!important;
  opacity:0;
  transform:translate(.08em,.1em) skewX(-5deg) scale(.97);
  animation:name221-owner-imprint 7.4s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-coronation .name-glyph-spark{
  z-index:9;
  left:15%;
  top:-.2em;
  width:.18em;
  height:.035em;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#fff7d6 45%,#ffb94d 65%,transparent)!important;
  box-shadow:0 0 .3em rgba(255,184,70,.9)!important;
  opacity:0;
  transform:translateX(-.28em) rotate(-22deg) scaleX(.2)!important;
  animation:name221-owner-glint 7.4s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-coronation>.name-effect-plane-a{
  z-index:7!important;
  left:.02em!important;
  right:.12em!important;
  top:auto!important;
  bottom:.035em!important;
  height:.15em!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(ellipse at 92% 50%,rgba(255,213,117,.95) 0 .075em,transparent .082em),
    linear-gradient(100deg,transparent 0 2%,#7b1e28 4%,#d7463f 28%,#f0a24b 61%,#ffe2a0 82%,transparent 98%)!important;
  box-shadow:0 0 .2em rgba(211,53,49,.45),0 0 .3em rgba(255,177,62,.28)!important;
  opacity:0;
  transform:rotate(-2deg) scaleX(.04);
  transform-origin:0 50%;
  clip-path:inset(0 96% 0 0);
  animation:name221-owner-signature 7.4s cubic-bezier(.16,.86,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-a::before{
  content:"";
  position:absolute;
  right:.18em;
  bottom:-.1em;
  width:.7em;
  height:.36em;
  border-bottom:.055em solid rgba(255,214,128,.92);
  border-right:.045em solid rgba(151,34,39,.85);
  border-radius:0 0 80% 42%;
  opacity:0;
  transform:rotate(-16deg) scale(.45);
  animation:name221-owner-flourish 7.4s ease-out infinite;
}
.name-effect-coronation>.name-effect-plane-a::after{
  content:"";
  position:absolute;
  left:14%;
  top:-.14em;
  width:1.05em;
  height:.28em;
  border-top:.045em solid rgba(255,199,93,.82);
  border-radius:50%;
  opacity:0;
  transform:rotate(5deg) scaleX(.35);
  animation:name221-owner-flourish 7.4s .08s ease-out infinite;
}
.name-effect-coronation>.name-effect-plane-b{
  z-index:10!important;
  right:-.14em!important;
  top:-.33em!important;
  width:.88em!important;
  height:.88em!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:.055em solid #ffd77d!important;
  border-radius:50%!important;
  background:
    repeating-conic-gradient(from 8deg,#4b0f19 0 11deg,#7f1824 11deg 22deg),
    radial-gradient(circle,#1b1114 0 45%,#651620 47% 70%,#1a0d10 72% 100%)!important;
  color:#ffe5a1!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.38em!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:0 0 .18em rgba(255,222,137,.82)!important;
  box-shadow:inset 0 0 0 .07em rgba(19,7,9,.8),0 0 0 .06em rgba(151,36,39,.26),0 0 .48em rgba(203,44,48,.48),0 0 .66em rgba(255,176,55,.24)!important;
  opacity:0;
  transform:translate(.18em,-.35em) rotate(-38deg) scale(1.7);
  animation:name221-owner-cipher 7.4s cubic-bezier(.14,.88,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-b::before{
  content:"✦"!important;
  position:static!important;
  color:#ffe5a1!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .18em #ffcf66!important;
}
.name-effect-coronation>.name-effect-plane-b::after{
  content:"";
  position:absolute;
  inset:-.16em;
  border:.045em solid rgba(255,199,81,.68);
  border-radius:50%;
  opacity:0;
  animation:name221-owner-cipher-wave 7.4s ease-out infinite;
}
@keyframes name221-owner-glyph{
  0%,15%,78%,100%{transform:none;filter:brightness(1) saturate(1);text-shadow:.035em .05em 0 #4d201c,0 0 .24em rgba(231,68,58,.38),0 0 .48em rgba(255,190,73,.3),0 .13em .28em rgba(0,0,0,.34)}
  29%{transform:translateY(.025em) rotate(-.6deg) scale(.99,.97);filter:brightness(.92)}
  40%{transform:translateY(-.055em) rotate(.8deg) scale(1.035,1.065);filter:brightness(1.52) saturate(1.12);text-shadow:.035em .05em 0 #4d201c,0 0 .4em rgba(244,76,60,.72),0 0 .7em rgba(255,195,83,.56),0 .13em .28em rgba(0,0,0,.34)}
  53%{transform:translateY(-.015em) rotate(0) scale(1.012);filter:brightness(1.16)}
  68%{transform:none;filter:brightness(1.04)}
}
@keyframes name221-owner-imprint{
  0%,19%,77%,100%{opacity:0;transform:translate(.08em,.1em) skewX(-5deg) scale(.97)}
  33%{opacity:.72;transform:translate(.13em,.13em) skewX(-7deg) scale(1.01)}
  48%{opacity:.38;transform:translate(.045em,.055em) skewX(-2deg) scale(1)}
  64%{opacity:0;transform:translate(-.02em,-.02em) skewX(0) scale(1.025)}
}
@keyframes name221-owner-glint{
  0%,27%,76%,100%{opacity:0;transform:translateX(-.28em) rotate(-22deg) scaleX(.2)}
  38%{opacity:1;transform:translateX(-.05em) rotate(-22deg) scaleX(1.35)}
  49%{opacity:.76;transform:translateX(.22em) translateY(.12em) rotate(-22deg) scaleX(.8)}
  60%{opacity:0;transform:translateX(.5em) translateY(.24em) rotate(-22deg) scaleX(.25)}
}
@keyframes name221-owner-signature{
  0%,17%,79%,100%{opacity:0;transform:rotate(-2deg) scaleX(.04);clip-path:inset(0 96% 0 0)}
  29%{opacity:.55;transform:rotate(-2deg) scaleX(.38);clip-path:inset(0 62% 0 0)}
  44%,68%{opacity:1;transform:rotate(-2deg) scaleX(1);clip-path:inset(0 0 0 0)}
  75%{opacity:0;transform:rotate(-1deg) scaleX(1.05);clip-path:inset(0 0 0 0)}
}
@keyframes name221-owner-flourish{
  0%,31%,78%,100%{opacity:0;transform:rotate(-16deg) scale(.45)}
  45%{opacity:.85;transform:rotate(-8deg) scale(1.08)}
  57%,68%{opacity:.7;transform:rotate(-2deg) scale(1)}
  75%{opacity:0;transform:rotate(4deg) scale(1.12)}
}
@keyframes name221-owner-cipher{
  0%,42%,79%,100%{opacity:0;transform:translate(.18em,-.35em) rotate(-38deg) scale(1.7)}
  51%{opacity:1;transform:translate(.02em,.02em) rotate(11deg) scale(.72)}
  58%{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1.14)}
  65%,71%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
  76%{opacity:0;transform:translate(.04em,-.08em) rotate(5deg) scale(.9)}
}
@keyframes name221-owner-cipher-wave{
  0%,49%,79%,100%{opacity:0;transform:scale(.5)}
  58%{opacity:.9;transform:scale(1.05)}
  68%{opacity:.38;transform:scale(1.65)}
  76%{opacity:0;transform:scale(2.15)}
}

@media(max-width:520px){
  .name-effect-coronation{padding-right:.38em!important}
  .name-effect-coronation>.name-effect-plane-b{right:-.05em!important;top:-.25em!important}
  .name-effect-trailblazer{padding-right:.24em!important}
  .name-effect-trailblazer>.name-effect-plane-b{right:.02em!important;top:-.2em!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,
  .name-effect-coronation .name-glyph,
  .name-effect-trailblazer .name-glyph{animation:none!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-coronation>.name-effect-plane-a,.name-effect-coronation>.name-effect-plane-b,
  .name-effect-trailblazer>.name-effect-plane-b{display:none!important;animation:none!important}
}

/* Release 222 — stable decorative anchors, profile ratings and privacy. */
.name-effect-sakura .name-glyph-spark,
.name-effect-ascendant .name-glyph-spark,
.name-effect-coronation .name-glyph-spark,
.name-effect-trailblazer .name-glyph-spark,
.name-effect-sakura>.name-effect-plane,
.name-effect-ascendant>.name-effect-plane,
.name-effect-coronation>.name-effect-plane,
.name-effect-trailblazer>.name-effect-plane,
.name-effect-sakura>.name-effect-plane::before,
.name-effect-sakura>.name-effect-plane::after,
.name-effect-ascendant>.name-effect-plane::before,
.name-effect-ascendant>.name-effect-plane::after,
.name-effect-coronation>.name-effect-plane::before,
.name-effect-coronation>.name-effect-plane::after,
.name-effect-trailblazer>.name-effect-plane::before,
.name-effect-trailblazer>.name-effect-plane::after{
  box-sizing:border-box!important;
  transform-box:border-box!important;
  transform-origin:50% 50%;
}

/* Keep crests, ciphers and compass needles on the exact centre line of the
   helper layer. Older effect rules used inherited offsets, which became
   visible when the nickname was scaled to fit a narrow profile header. */
.name-effect-ascendant>.name-effect-plane-b::before{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:1em!important;
  height:1em!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
}
.name-effect-coronation>.name-effect-plane-b{
  line-height:0!important;
}
.name-effect-coronation>.name-effect-plane-b::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:1em!important;
  height:1em!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  animation:none!important;
}
.name-effect-coronation>.name-effect-plane-b::after{
  left:-.16em!important;
  top:-.16em!important;
  right:-.16em!important;
  bottom:-.16em!important;
  transform-origin:50% 50%!important;
}
.name-effect-trailblazer>.name-effect-plane-b::before{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:.055em!important;
  height:.34em!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  animation:none!important;
}
.name-effect-trailblazer>.name-effect-plane-b::after{
  left:-.13em!important;
  top:-.13em!important;
  right:-.13em!important;
  bottom:-.13em!important;
  transform-origin:50% 50%!important;
}

.profile-private-value{display:grid!important;place-items:center;color:var(--on-surface-variant)}
.profile-private-value svg{width:18px;height:18px}
.profile-stat-private{opacity:.72}
.profile-ratings-page{width:min(100%,920px)}
.profile-user-ratings{min-width:0}
.profile-ratings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-rating-card{display:grid;grid-template-columns:82px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--outline-variant);border-radius:16px;background:color-mix(in srgb,var(--surface-container-high) 82%,transparent);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.profile-rating-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 48%,var(--outline-variant));background:var(--surface-container-high)}
.profile-rating-poster{width:82px;aspect-ratio:2/3;overflow:hidden;background:var(--surface-container-highest)}
.profile-rating-poster img{width:100%;height:100%;display:block;object-fit:cover}
.profile-rating-copy{display:flex;flex-direction:column;min-width:0;padding:12px}
.profile-rating-copy h3{margin:7px 0 0;overflow:hidden;font-size:14px;line-height:1.3;white-space:nowrap}
.profile-rating-copy>p{margin:3px 0 0;overflow:hidden;color:var(--on-surface-variant);font-size:11px;white-space:nowrap}
.profile-rating-score{display:flex;align-items:baseline;gap:3px;color:#ffd66b}
.profile-rating-score svg{width:16px;height:16px;align-self:center}
.profile-rating-score strong{font-size:22px;line-height:1}
.profile-rating-score small{color:var(--on-surface-variant);font-size:11px}
.profile-rating-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:9px;color:var(--on-surface-variant);font-size:10px}
.profile-rating-meta span,.profile-rating-meta time{padding:3px 6px;border-radius:999px;background:var(--surface-container-highest)}
.profile-private-section{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:180px;padding:28px;border:1px dashed var(--outline-variant);border-radius:16px;text-align:left;color:var(--on-surface-variant)}
.profile-private-section>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--primary-container);color:var(--on-primary-container)}
.profile-private-section svg{width:22px;height:22px}
.profile-private-section strong{display:block;color:var(--on-surface);font-size:15px}
.profile-private-section p{margin:4px 0 0;font-size:12px;line-height:1.45}

.profile-privacy-page{display:grid;gap:16px;width:min(100%,760px);margin-inline:auto}
.profile-privacy-card{padding:16px;border:1px solid var(--outline-variant);border-radius:18px;background:var(--surface-container-low)}
.profile-privacy-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.profile-privacy-heading>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:var(--primary-container);color:var(--on-primary-container)}
.profile-privacy-heading svg{width:21px;height:21px}
.profile-privacy-heading h2{margin:1px 0 3px;font-size:16px}
.profile-privacy-heading p{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.4}
.profile-privacy-options{margin:0}
.profile-privacy-options .radio-row{width:100%;border:0;text-align:left;color:inherit;font:inherit}
.profile-privacy-options .radio-row:disabled{opacity:.62;cursor:wait}

@media(max-width:700px){
  .profile-ratings-grid{grid-template-columns:1fr}
  .profile-rating-card{grid-template-columns:72px minmax(0,1fr)}
  .profile-rating-poster{width:72px}
  .profile-private-section{min-height:150px;padding:22px 16px}
}

/* Release 223 — three prestige effects rebuilt around distinct silhouettes.
   Decorative layers share the nickname's measured box, so stars, crests and
   moving markers stay centred at every font size and on narrow profiles. */
.name-effect-ascendant,
.name-effect-coronation,
.name-effect-trailblazer{
  --name223-width:100%;
  contain:layout style!important;
  overflow:visible!important;
}
.name-effect-ascendant .name-glyph,
.name-effect-coronation .name-glyph,
.name-effect-trailblazer .name-glyph{
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Вознесение — a centred celestial aperture. The old oversized ghost word and
   off-axis crest are replaced by compact vertical echoes and one shared axis. */
.name-effect-ascendant{
  color:#f5e9ff!important;
  padding:.2em .28em .36em!important;
  text-shadow:0 .045em 0 rgba(49,27,84,.82),0 0 .25em rgba(191,132,255,.6),0 0 .54em rgba(255,196,113,.28)!important;
}
.name-effect-ascendant .name-glyph{
  z-index:6!important;
  animation:name223-ascend-glyph 7s cubic-bezier(.18,.8,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-ascendant .name-glyph-echo{
  inset:0!important;
  color:#dcb8ff!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 .28em rgba(186,105,255,.78),0 0 .52em rgba(255,194,98,.35)!important;
  opacity:0;
  transform:translateY(.12em) scale(.985,1.04);
  transform-origin:50% 70%!important;
  animation:name223-ascend-echo 7s cubic-bezier(.2,.76,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-ascendant .name-glyph-spark{
  left:50%!important;
  top:-.2em!important;
  width:.105em!important;
  height:.105em!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#fff8d8,#e9c1ff 48%,#ffb75e)!important;
  box-shadow:0 0 .24em rgba(233,183,255,.95),0 0 .48em rgba(255,174,77,.5)!important;
  opacity:0;
  transform:translate(-50%,.18em) rotate(45deg) scale(.2);
  transform-origin:50% 50%!important;
  animation:name223-ascend-spark 7s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:52%!important;
  bottom:auto!important;
  width:calc(100% + .72em)!important;
  height:1.22em!important;
  border:1px solid rgba(221,180,255,.54)!important;
  border-left-color:rgba(255,191,94,.7)!important;
  border-right-color:rgba(255,191,94,.7)!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(175,110,255,.15),transparent 54%),
    linear-gradient(90deg,transparent 4%,rgba(255,182,87,.18) 22%,rgba(241,219,255,.52) 50%,rgba(184,115,255,.2) 78%,transparent 96%)!important;
  box-shadow:inset 0 0 .22em rgba(230,202,255,.22),0 0 .34em rgba(154,91,239,.28),0 0 .46em rgba(255,172,73,.16)!important;
  opacity:0;
  transform:translate(-50%,-50%) perspective(3em) rotateX(68deg) scale(.5);
  transform-origin:50% 50%!important;
  animation:name223-ascend-aperture 7s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-a::before,
.name-effect-ascendant>.name-effect-plane-a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
}
.name-effect-ascendant>.name-effect-plane-a::before{
  width:72%!important;
  height:64%!important;
  border:1px solid rgba(255,222,160,.42)!important;
  box-shadow:0 0 .18em rgba(255,195,99,.22)!important;
}
.name-effect-ascendant>.name-effect-plane-a::after{
  width:.12em!important;
  height:.12em!important;
  border:0!important;
  background:#fff6d7!important;
  box-shadow:-1.7em .03em 0 -.025em rgba(224,180,255,.88),1.7em -.03em 0 -.025em rgba(255,184,83,.88),0 0 .24em rgba(255,244,212,.8)!important;
}
.name-effect-ascendant>.name-effect-plane-b{
  z-index:9!important;
  left:50%!important;
  right:auto!important;
  top:-.42em!important;
  bottom:auto!important;
  width:.88em!important;
  height:.88em!important;
  border:1px solid rgba(235,207,255,.42)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,248,221,.18),transparent 58%)!important;
  box-shadow:0 0 .34em rgba(192,123,255,.28),inset 0 0 .2em rgba(255,190,91,.18)!important;
  opacity:0;
  transform:translateX(-50%) translateY(.18em) rotate(-24deg) scale(.32);
  transform-origin:50% 50%!important;
  animation:name223-ascend-crest 7s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-b::before{
  content:"✦"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff7d6!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:system-ui,sans-serif!important;
  font-size:.48em!important;
  line-height:1!important;
  text-shadow:0 0 .24em #f3d6ff,0 0 .48em #ffb554!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
}
.name-effect-ascendant>.name-effect-plane-b::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:.07em!important;
  height:1.5em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,rgba(255,231,187,.85) 34%,rgba(193,134,255,.55) 68%,transparent)!important;
  box-shadow:0 0 .3em rgba(224,179,255,.62)!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
}
@keyframes name223-ascend-glyph{
  0%,15%,78%,100%{transform:none;filter:brightness(1) saturate(1)}
  30%{transform:translateY(.025em) scale(.99,.97);filter:brightness(.94)}
  41%{transform:translateY(-.075em) scale(1.03,1.065);filter:brightness(1.4) saturate(1.08)}
  54%{transform:translateY(-.02em) scale(1.012);filter:brightness(1.12)}
  67%{transform:none;filter:brightness(1.03)}
}
@keyframes name223-ascend-echo{
  0%,22%,76%,100%{opacity:0;transform:translateY(.12em) scale(.985,1.04)}
  36%{opacity:.46;transform:translateY(-.08em) scale(1,1.06)}
  50%{opacity:.24;transform:translateY(-.38em) scale(.97,1.1)}
  64%{opacity:0;transform:translateY(-.68em) scale(.9,1.14)}
}
@keyframes name223-ascend-spark{
  0%,27%,76%,100%{opacity:0;transform:translate(-50%,.18em) rotate(45deg) scale(.2)}
  39%{opacity:1;transform:translate(-50%,-.03em) rotate(135deg) scale(1.15)}
  52%{opacity:.64;transform:translate(-50%,-.42em) rotate(225deg) scale(.72)}
  65%{opacity:0;transform:translate(-50%,-.74em) rotate(315deg) scale(.22)}
}
@keyframes name223-ascend-aperture{
  0%,18%,78%,100%{opacity:0;transform:translate(-50%,-50%) perspective(3em) rotateX(68deg) scale(.5)}
  32%{opacity:.48;transform:translate(-50%,-50%) perspective(3em) rotateX(68deg) scale(.82)}
  45%,63%{opacity:.9;transform:translate(-50%,-50%) perspective(3em) rotateX(68deg) scale(1)}
  72%{opacity:0;transform:translate(-50%,-50%) perspective(3em) rotateX(68deg) scale(1.14)}
}
@keyframes name223-ascend-crest{
  0%,31%,78%,100%{opacity:0;transform:translateX(-50%) translateY(.18em) rotate(-24deg) scale(.32)}
  44%{opacity:1;transform:translateX(-50%) translateY(0) rotate(8deg) scale(1.08)}
  56%,67%{opacity:.92;transform:translateX(-50%) translateY(0) rotate(0) scale(1)}
  74%{opacity:0;transform:translateX(-50%) translateY(-.16em) rotate(18deg) scale(.8)}
}

/* Знак владельца — a sovereign geometric signet. No dotted trail, underline,
   round compass or handwritten signature: two precise diamond frames lock on
   the name and a hexagonal seal completes the authorization pulse. */
.name-effect-coronation{
  color:#f4e7ff!important;
  padding:.24em .56em .34em .2em!important;
  text-shadow:.035em .05em 0 #321630,0 0 .24em rgba(224,94,184,.5),0 0 .5em rgba(155,91,255,.28),0 .13em .28em rgba(0,0,0,.34)!important;
}
.name-effect-coronation .name-glyph{
  z-index:7!important;
  animation:name223-owner-glyph 7.6s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-coronation .name-glyph-echo{
  inset:0!important;
  color:#6d245f!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 .18em rgba(238,80,181,.62)!important;
  opacity:0;
  transform:translate(.07em,.07em) scale(.98);
  animation:name223-owner-emboss 7.6s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-coronation .name-glyph-spark{
  z-index:9!important;
  left:50%!important;
  top:50%!important;
  width:.22em!important;
  height:.035em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#fff7dc 42%,#ff83d2 62%,transparent)!important;
  box-shadow:0 0 .26em rgba(255,112,205,.85)!important;
  opacity:0;
  transform:translate(-.28em,-50%) rotate(-18deg) scaleX(.15);
  transform-origin:50% 50%!important;
  animation:name223-owner-glint 7.6s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-coronation>.name-effect-plane-a{
  z-index:2!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:1.5em!important;
  height:1.5em!important;
  border:1px solid rgba(238,133,212,.58)!important;
  border-radius:.08em!important;
  background:linear-gradient(135deg,rgba(121,42,109,.18),rgba(52,24,92,.08))!important;
  box-shadow:0 0 .3em rgba(227,85,186,.25),inset 0 0 .24em rgba(173,104,255,.18)!important;
  opacity:0;
  transform:translate(-50%,-50%) rotate(45deg) scale(.36);
  transform-origin:50% 50%!important;
  clip-path:none!important;
  animation:name223-owner-diamond 7.6s cubic-bezier(.16,.86,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-a::before,
.name-effect-coronation>.name-effect-plane-a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:68%!important;
  height:68%!important;
  border:1px solid rgba(255,230,249,.48)!important;
  border-radius:.04em!important;
  background:none!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(0)!important;
  animation:none!important;
}
.name-effect-coronation>.name-effect-plane-a::after{
  width:18%!important;
  height:18%!important;
  border:0!important;
  background:#fff2d7!important;
  box-shadow:0 0 .26em rgba(255,119,207,.85),0 0 .44em rgba(153,91,255,.42)!important;
}
.name-effect-coronation>.name-effect-plane-b{
  z-index:10!important;
  right:-.16em!important;
  left:auto!important;
  top:-.3em!important;
  bottom:auto!important;
  width:.86em!important;
  height:.78em!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#2a102b,#7b235f 58%,#2a102b)!important;
  color:#fff0d2!important;
  -webkit-text-fill-color:currentColor!important;
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)!important;
  box-shadow:0 0 .42em rgba(237,79,181,.5)!important;
  opacity:0;
  transform:translate(.16em,-.24em) rotate(24deg) scale(1.55);
  transform-origin:50% 50%!important;
  animation:name223-owner-seal 7.6s cubic-bezier(.14,.88,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-b::before{
  content:none!important;
  display:none!important;
}
.name-effect-coronation>.name-effect-plane-b::after{
  content:""!important;
  position:absolute!important;
  inset:-.12em!important;
  border:1px solid rgba(255,150,218,.62)!important;
  border-radius:0!important;
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)!important;
  opacity:0;
  transform:scale(.68);
  transform-origin:50% 50%!important;
  animation:name223-owner-wave 7.6s ease-out infinite!important;
}
@keyframes name223-owner-glyph{
  0%,16%,79%,100%{transform:none;filter:brightness(1) saturate(1)}
  30%{transform:translateY(.025em) scale(.99,.97);filter:brightness(.92)}
  41%{transform:translateY(-.045em) scale(1.028,1.055);filter:brightness(1.42) saturate(1.1)}
  54%{transform:translateY(-.01em) scale(1.01);filter:brightness(1.13)}
  68%{transform:none;filter:brightness(1.03)}
}
@keyframes name223-owner-emboss{
  0%,20%,78%,100%{opacity:0;transform:translate(.07em,.07em) scale(.98)}
  34%{opacity:.68;transform:translate(.11em,.1em) scale(1.01)}
  49%{opacity:.3;transform:translate(.035em,.04em) scale(1)}
  64%{opacity:0;transform:translate(0,0) scale(1.02)}
}
@keyframes name223-owner-glint{
  0%,28%,77%,100%{opacity:0;transform:translate(-.28em,-50%) rotate(-18deg) scaleX(.15)}
  39%{opacity:1;transform:translate(-.05em,-50%) rotate(-18deg) scaleX(1.25)}
  50%{opacity:.68;transform:translate(.2em,-50%) rotate(-18deg) scaleX(.75)}
  61%{opacity:0;transform:translate(.44em,-50%) rotate(-18deg) scaleX(.18)}
}
@keyframes name223-owner-diamond{
  0%,18%,79%,100%{opacity:0;transform:translate(-50%,-50%) rotate(25deg) scale(.36)}
  32%{opacity:.48;transform:translate(-50%,-50%) rotate(42deg) scale(.78)}
  45%,66%{opacity:.82;transform:translate(-50%,-50%) rotate(45deg) scale(1)}
  74%{opacity:0;transform:translate(-50%,-50%) rotate(65deg) scale(1.12)}
}
@keyframes name223-owner-seal{
  0%,43%,80%,100%{opacity:0;transform:translate(.16em,-.24em) rotate(24deg) scale(1.55)}
  52%{opacity:1;transform:translate(.015em,.015em) rotate(-8deg) scale(.78)}
  59%{opacity:1;transform:translate(0,0) rotate(5deg) scale(1.12)}
  66%,72%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}
  77%{opacity:0;transform:translate(.04em,-.07em) rotate(8deg) scale(.9)}
}
@keyframes name223-owner-wave{
  0%,50%,80%,100%{opacity:0;transform:scale(.68)}
  60%{opacity:.8;transform:scale(1.06)}
  70%{opacity:.28;transform:scale(1.62)}
  78%{opacity:0;transform:scale(2.05)}
}

/* След первопроходца — a true moving expedition route. It no longer uses a
   golden underline or circular badge: a three-segment path crosses behind the
   name while a triangular lead marker travels its bends. */
.name-effect-trailblazer{
  color:#ffd7a1!important;
  padding:.24em .3em .36em .2em!important;
  text-shadow:0 .04em 0 rgba(86,38,16,.9),0 0 .24em rgba(255,129,56,.58),0 0 .46em rgba(186,54,33,.3)!important;
}
.name-effect-trailblazer .name-glyph{
  z-index:6!important;
  animation:name223-pioneer-glyph 6.8s cubic-bezier(.18,.8,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .06s)!important;
}
.name-effect-trailblazer .name-glyph-echo{
  inset:0!important;
  color:#d35332!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 0 .2em rgba(232,73,42,.72)!important;
  opacity:0;
  transform:translateX(-.16em) skewX(-5deg) scale(.985);
  animation:name223-pioneer-echo 6.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .06s)!important;
}
.name-effect-trailblazer .name-glyph-spark{
  z-index:8!important;
  left:50%!important;
  top:-.22em!important;
  width:.13em!important;
  height:.11em!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#fff0bf,#ff8c3b 64%,#b7352b)!important;
  clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%)!important;
  box-shadow:0 0 .24em rgba(255,116,46,.8)!important;
  opacity:0;
  transform:translate(-50%,.14em) rotate(0) scale(.2);
  transform-origin:50% 50%!important;
  animation:name223-pioneer-waypoint 6.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .06s)!important;
}
.name-effect-trailblazer .name-glyph:nth-child(even) .name-glyph-spark{top:auto!important;bottom:-.2em!important;transform:translate(-50%,-.12em) rotate(180deg) scale(.2)}
.name-effect-trailblazer>.name-effect-plane-a{
  z-index:2!important;
  left:-.14em!important;
  right:-.14em!important;
  top:-.18em!important;
  bottom:-.18em!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(16deg,transparent 47%,rgba(255,129,50,.7) 48.5% 50.5%,transparent 52%) left 60%/34% 58% no-repeat,
    linear-gradient(-14deg,transparent 47%,rgba(255,201,111,.72) 48.5% 50.5%,transparent 52%) center 35%/34% 58% no-repeat,
    linear-gradient(17deg,transparent 47%,rgba(197,59,42,.74) 48.5% 50.5%,transparent 52%) right 58%/34% 58% no-repeat!important;
  box-shadow:none!important;
  opacity:0;
  transform:none!important;
  transform-origin:0 50%!important;
  clip-path:inset(0 100% 0 0);
  animation:name223-pioneer-route 6.8s cubic-bezier(.18,.82,.18,1) infinite!important;
}
.name-effect-trailblazer>.name-effect-plane-a::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:7%!important;
  top:63%!important;
  width:.1em!important;
  height:.1em!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff0bd!important;
  box-shadow:1.55em -.42em 0 -.012em #ffbd62,3.1em .03em 0 -.012em #d84a32,0 0 .2em rgba(255,137,57,.75)!important;
  transform:none!important;
  animation:none!important;
}
.name-effect-trailblazer>.name-effect-plane-a::after{content:none!important;display:none!important}
.name-effect-trailblazer>.name-effect-plane-b{
  z-index:9!important;
  left:0;
  right:auto!important;
  top:60%;
  bottom:auto!important;
  width:.34em!important;
  height:.28em!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#fff1c2 0 28%,#ff8b3e 48%,#aa2e29 100%)!important;
  clip-path:polygon(0 18%,100% 50%,0 82%,28% 50%)!important;
  box-shadow:0 0 .3em rgba(255,104,42,.72)!important;
  opacity:0;
  transform:translate(-50%,-50%) rotate(-16deg) scale(.4);
  transform-origin:50% 50%!important;
  animation:name223-pioneer-lead 6.8s cubic-bezier(.18,.82,.18,1) infinite!important;
}
.name-effect-trailblazer>.name-effect-plane-b::before,
.name-effect-trailblazer>.name-effect-plane-b::after{content:none!important;display:none!important;animation:none!important}
@keyframes name223-pioneer-glyph{
  0%,14%,78%,100%{transform:none;filter:brightness(1) saturate(1)}
  29%{transform:translateX(-.025em) translateY(.015em) skewX(-2deg);filter:brightness(.94)}
  40%{transform:translateX(.075em) translateY(-.045em) skewX(1deg) scale(1.025);filter:brightness(1.4) saturate(1.1)}
  53%{transform:translateX(.018em) translateY(-.012em);filter:brightness(1.12)}
  67%{transform:none;filter:brightness(1.03)}
}
@keyframes name223-pioneer-echo{
  0%,22%,77%,100%{opacity:0;transform:translateX(-.16em) skewX(-5deg) scale(.985)}
  36%{opacity:.62;transform:translateX(-.08em) skewX(-4deg) scale(1)}
  50%{opacity:.3;transform:translateX(-.32em) skewX(-7deg) scale(.96)}
  63%{opacity:0;transform:translateX(-.58em) skewX(-9deg) scale(.9)}
}
@keyframes name223-pioneer-waypoint{
  0%,27%,77%,100%{opacity:0;transform:translate(-50%,.14em) rotate(0) scale(.2)}
  39%{opacity:1;transform:translate(-50%,0) rotate(22deg) scale(1.1)}
  52%{opacity:.65;transform:translate(-20%,-.16em) rotate(42deg) scale(.72)}
  64%{opacity:0;transform:translate(45%,-.28em) rotate(66deg) scale(.22)}
}
@keyframes name223-pioneer-route{
  0%,16%,78%,100%{opacity:0;clip-path:inset(0 100% 0 0)}
  30%{opacity:.46;clip-path:inset(0 68% 0 0)}
  45%{opacity:.82;clip-path:inset(0 32% 0 0)}
  58%,68%{opacity:.78;clip-path:inset(0 0 0 0)}
  75%{opacity:0;clip-path:inset(0 0 0 0)}
}
@keyframes name223-pioneer-lead{
  0%,18%,79%,100%{left:0;top:60%;opacity:0;transform:translate(-50%,-50%) rotate(-16deg) scale(.4)}
  29%{left:10%;top:61%;opacity:1;transform:translate(-50%,-50%) rotate(-16deg) scale(1)}
  43%{left:34%;top:34%;opacity:1;transform:translate(-50%,-50%) rotate(15deg) scale(1)}
  57%{left:66%;top:61%;opacity:1;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}
  69%{left:94%;top:36%;opacity:1;transform:translate(-50%,-50%) rotate(15deg) scale(1)}
  76%{left:101%;top:34%;opacity:0;transform:translate(-50%,-50%) rotate(15deg) scale(.72)}
}

@media(max-width:520px){
  .name-effect-ascendant{padding-inline:.2em!important}
  .name-effect-ascendant>.name-effect-plane-a{width:calc(100% + .42em)!important}
  .name-effect-coronation{padding-right:.4em!important}
  .name-effect-coronation>.name-effect-plane-b{right:-.08em!important;top:-.24em!important}
  .name-effect-trailblazer{padding-right:.2em!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,
  .name-effect-coronation .name-glyph,
  .name-effect-trailblazer .name-glyph{animation:none!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-trailblazer .name-glyph-echo,.name-effect-trailblazer .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane,.name-effect-trailblazer>.name-effect-plane{display:none!important;animation:none!important}
}

/* Release 223 visual pass — remove repeated glyph ghosts and expose each
   effect's unique geometry at the moment of impact. */
.name-effect-ascendant .name-glyph-echo{
  inset:auto!important;
  left:50%!important;
  top:46%!important;
  width:.055em!important;
  height:.72em!important;
  font-size:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(transparent,rgba(247,229,255,.9) 34%,rgba(182,112,255,.54) 70%,transparent)!important;
  border-radius:999px!important;
  box-shadow:0 0 .22em rgba(217,169,255,.66)!important;
  transform:translate(-50%,.14em) scaleY(.34);
  transform-origin:50% 100%!important;
  animation:name223-ascend-beam 7s cubic-bezier(.2,.76,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .055s)!important;
}
.name-effect-ascendant .name-glyph:not(:nth-child(4n+1)) .name-glyph-spark{display:none!important}
@keyframes name223-ascend-beam{
  0%,23%,76%,100%{opacity:0;transform:translate(-50%,.14em) scaleY(.34)}
  37%{opacity:.72;transform:translate(-50%,-.04em) scaleY(1)}
  51%{opacity:.34;transform:translate(-50%,-.44em) scaleY(1.22)}
  64%{opacity:0;transform:translate(-50%,-.76em) scaleY(.78)}
}

.name-effect-coronation>.name-effect-plane-a{
  left:-.18em!important;
  right:-.18em!important;
  top:-.13em!important;
  bottom:-.14em!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(90deg,#ffb9e4,transparent) left top/1em .045em no-repeat,
    linear-gradient(#ffb9e4,transparent) left top/.045em .54em no-repeat,
    linear-gradient(270deg,#d6b4ff,transparent) right top/1em .045em no-repeat,
    linear-gradient(#d6b4ff,transparent) right top/.045em .54em no-repeat,
    linear-gradient(90deg,#9a55d8,transparent) left bottom/1em .045em no-repeat,
    linear-gradient(0deg,#9a55d8,transparent) left bottom/.045em .54em no-repeat,
    linear-gradient(270deg,#ff8bcf,transparent) right bottom/1em .045em no-repeat,
    linear-gradient(0deg,#ff8bcf,transparent) right bottom/.045em .54em no-repeat!important;
  box-shadow:none!important;
  clip-path:inset(0 50% 0 50%);
  transform:scale(.94);
  opacity:0;
  animation:name223-owner-lock 7.6s cubic-bezier(.16,.86,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-a::before{
  left:50%!important;
  top:50%!important;
  width:.86em!important;
  height:.86em!important;
  border:1px solid rgba(250,183,226,.48)!important;
  border-radius:.04em!important;
  background:rgba(98,31,86,.08)!important;
  opacity:.76!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.name-effect-coronation>.name-effect-plane-a::after{
  left:50%!important;
  top:50%!important;
  width:.17em!important;
  height:.17em!important;
  border:0!important;
  border-radius:.025em!important;
  background:#fff0d4!important;
  box-shadow:0 0 .24em rgba(255,119,205,.9),0 0 .42em rgba(156,94,255,.48)!important;
  opacity:.92!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.name-effect-coronation .name-glyph:not(:nth-child(3n+1)) .name-glyph-spark{display:none!important}
@keyframes name223-owner-lock{
  0%,18%,79%,100%{opacity:0;clip-path:inset(0 50% 0 50%);transform:scale(.94)}
  33%{opacity:.55;clip-path:inset(0 27% 0 27%);transform:scale(.98)}
  46%,67%{opacity:.92;clip-path:inset(0 0 0 0);transform:scale(1)}
  75%{opacity:0;clip-path:inset(0 0 0 0);transform:scale(1.025)}
}

.name-effect-trailblazer .name-glyph:not(:nth-child(3n+1)) .name-glyph-spark{display:none!important}
.name-effect-trailblazer>.name-effect-plane-a{
  top:-.38em!important;
  bottom:-.38em!important;
  background:
    linear-gradient(16deg,transparent 46%,rgba(255,122,45,.82) 48% 52%,transparent 54%) left 68%/35% 100% no-repeat,
    linear-gradient(-14deg,transparent 46%,rgba(255,211,126,.82) 48% 52%,transparent 54%) center 28%/35% 100% no-repeat,
    linear-gradient(17deg,transparent 46%,rgba(197,55,40,.84) 48% 52%,transparent 54%) right 67%/35% 100% no-repeat!important;
  filter:drop-shadow(0 0 .08em rgba(255,102,41,.54));
}
.name-effect-trailblazer>.name-effect-plane-a::before{
  left:4%!important;
  top:70%!important;
  width:.09em!important;
  height:.09em!important;
  background:#fff0bd!important;
  box-shadow:
    1.5em -.46em 0 -.006em #ffbd62,
    3em .01em 0 -.006em #dc5137,
    4.5em -.44em 0 -.006em #ffd184,
    6em .01em 0 -.006em #c83a30,
    7.5em -.43em 0 -.006em #ffbb5c,
    0 0 .18em rgba(255,137,57,.75)!important;
}

/* Release 224 — tighter owner geometry and a smooth pioneer route.
   Every measurement is expressed in em so the frame, seal and route scale with
   the selected nickname font instead of reserving a fixed oversized box. */
.name-effect-coronation{
  padding:.09em .43em .12em .1em!important;
}
.name-effect-coronation>.name-effect-plane-a{
  left:-.07em!important;
  right:-.07em!important;
  top:.015em!important;
  bottom:.015em!important;
  width:auto!important;
  height:auto!important;
  background:
    linear-gradient(90deg,#ffb9e4,transparent) left top/.64em .035em no-repeat,
    linear-gradient(#ffb9e4,transparent) left top/.035em .34em no-repeat,
    linear-gradient(270deg,#d6b4ff,transparent) right top/.64em .035em no-repeat,
    linear-gradient(#d6b4ff,transparent) right top/.035em .34em no-repeat,
    linear-gradient(90deg,#9a55d8,transparent) left bottom/.64em .035em no-repeat,
    linear-gradient(0deg,#9a55d8,transparent) left bottom/.035em .34em no-repeat,
    linear-gradient(270deg,#ff8bcf,transparent) right bottom/.64em .035em no-repeat,
    linear-gradient(0deg,#ff8bcf,transparent) right bottom/.035em .34em no-repeat!important;
}
.name-effect-coronation>.name-effect-plane-a::before{
  width:.56em!important;
  height:.56em!important;
  border-width:.035em!important;
}
.name-effect-coronation>.name-effect-plane-a::after{
  width:.12em!important;
  height:.12em!important;
}
/* The signet now lands at the middle of the right edge. It no longer shares
   the top-right corner with the frame, which caused the star to overlap it. */
.name-effect-coronation>.name-effect-plane-b{
  right:-.3em!important;
  top:50%!important;
  width:.62em!important;
  height:.56em!important;
  font-size:1em!important;
  transform:translate(.12em,-50%) rotate(24deg) scale(1.45);
  animation:name224-owner-seal 7.6s cubic-bezier(.14,.88,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-b::before{
  font-size:.29em!important;
}
.name-effect-coronation>.name-effect-plane-b::after{
  inset:-.08em!important;
}
@keyframes name224-owner-seal{
  0%,43%,80%,100%{opacity:0;transform:translate(.12em,-50%) rotate(24deg) scale(1.45)}
  52%{opacity:1;transform:translate(.01em,-50%) rotate(-8deg) scale(.8)}
  59%{opacity:1;transform:translate(0,-50%) rotate(5deg) scale(1.1)}
  66%,72%{opacity:1;transform:translate(0,-50%) rotate(0) scale(1)}
  77%{opacity:0;transform:translate(.035em,calc(-50% - .05em)) rotate(8deg) scale(.9)}
}

/* The pioneer trail is rendered by one antialiased SVG path with round joins.
   Revealing the layer still keeps the old timing, but removes the stepped CSS
   gradient edges that looked torn behind long calligraphic nicknames. */
.name-effect-trailblazer>.name-effect-plane-a{
  left:-.12em!important;
  right:-.12em!important;
  top:-.22em!important;
  bottom:-.22em!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxkZWZzPgogIDxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY4YTNkIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ii4zNCIgc3RvcC1jb2xvcj0iI2ZmZDI3ZCIvPgogICAgPHN0b3Agb2Zmc2V0PSIuNjgiIHN0b3AtY29sb3I9IiNkNjUwMzciLz4KICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmYjM1ZCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPHBhdGggZD0iTSA4IDgyIEMgMTEwIDgyIDE5NSAyNiAzMzAgMzAgQyA0NTUgMzQgNTMyIDg4IDY2MCA4MCBDIDc5MCA3MiA4NjAgMjYgOTkyIDM0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjZmMzIiIHN0cm9rZS1vcGFjaXR5PSIuMjQiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNIDggODIgQyAxMTAgODIgMTk1IDI2IDMzMCAzMCBDIDQ1NSAzNCA1MzIgODggNjYwIDgwIEMgNzkwIDcyIDg2MCAyNiA5OTIgMzQiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNnKSIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  filter:drop-shadow(0 0 .075em rgba(255,102,41,.48))!important;
}
.name-effect-trailblazer>.name-effect-plane-a::before{
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 1% 68%,#fff0bd 0 .045em,transparent .052em),
    radial-gradient(circle at 33% 25%,#ffbd62 0 .043em,transparent .05em),
    radial-gradient(circle at 66% 67%,#dc5137 0 .043em,transparent .05em),
    radial-gradient(circle at 84% 33%,#ffd184 0 .043em,transparent .05em),
    radial-gradient(circle at 99% 29%,#ffbb5c 0 .043em,transparent .05em)!important;
  box-shadow:none!important;
}
.name-effect-trailblazer>.name-effect-plane-b{
  animation:name224-pioneer-lead 6.8s cubic-bezier(.18,.82,.18,1) infinite!important;
}
@keyframes name224-pioneer-lead{
  0%,18%,79%,100%{left:1%;top:68%;opacity:0;transform:translate(-50%,-50%) rotate(-16deg) scale(.4)}
  29%{left:10%;top:64%;opacity:1;transform:translate(-50%,-50%) rotate(-18deg) scale(1)}
  43%{left:33%;top:25%;opacity:1;transform:translate(-50%,-50%) rotate(10deg) scale(1)}
  57%{left:66%;top:67%;opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
  69%{left:86%;top:33%;opacity:1;transform:translate(-50%,-50%) rotate(8deg) scale(1)}
  76%{left:101%;top:29%;opacity:0;transform:translate(-50%,-50%) rotate(4deg) scale(.72)}
}

@media(max-width:520px){
  .name-effect-coronation{padding:.08em .38em .1em .08em!important}
  .name-effect-coronation>.name-effect-plane-a{left:-.04em!important;right:-.04em!important}
  .name-effect-coronation>.name-effect-plane-b{right:-.27em!important}
  .name-effect-trailblazer>.name-effect-plane-a{left:-.08em!important;right:-.08em!important}
}

/* Release 225 — centred prestige geometry, live library UI and compact
   challenge selectors. Ascension and Owner Mark use one coherent SVG plane
   each, so every axis, ring and bracket is rendered by the same coordinate
   system instead of several independently positioned pseudo-elements. */

/* Challenge rewards no longer turn the profile editor into an endless wall. */
.name-style-challenge-picker,
.cosmetic-challenge-dropdown{
  width:100%;
  border:1px solid color-mix(in srgb,var(--primary) 25%,var(--panel-border));
  border-radius:15px;
  background:color-mix(in srgb,var(--surface-variant) 54%,var(--surface));
  overflow:hidden;
}
.name-style-challenge-picker{margin-top:10px}
.name-style-challenge-picker>summary,
.cosmetic-challenge-dropdown>summary{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  color:var(--on-surface);
}
.name-style-challenge-picker>summary::-webkit-details-marker,
.cosmetic-challenge-dropdown>summary::-webkit-details-marker{display:none}
.name-style-challenge-picker>summary>span{display:grid;gap:2px}
.name-style-challenge-picker>summary b,
.cosmetic-challenge-dropdown>summary>span{font-size:11px;font-weight:820}
.name-style-challenge-picker>summary small,
.cosmetic-challenge-dropdown>summary>small{color:var(--on-surface-variant);font-size:9px;font-weight:700}
.name-style-challenge-picker>summary svg,
.cosmetic-challenge-dropdown>summary svg{width:16px;height:16px;flex:0 0 auto;transition:transform .22s ease}
.name-style-challenge-picker[open]>summary svg,
.cosmetic-challenge-dropdown[open]>summary svg{transform:rotate(90deg)}
.name-style-challenge-picker>.name-style-grid{padding:0 11px 11px}
.cosmetic-challenge-dropdown>.cosmetic-challenges-grid{padding:0 11px 11px}
.cosmetic-challenge-section>h5{display:none!important}
.cosmetic-challenge-dropdown{display:block}
.cosmetic-challenge-dropdown+.cosmetic-challenge-dropdown{margin-top:9px}

/* Вознесение — a balanced celestial lift gate. Every decorative point is
   drawn inside one SVG coordinate system; there are no detached stars or
   badges that can drift when the font or nickname width changes. */
.name-effect-ascendant{
  color:#f7edff!important;
  padding:.13em .23em .23em!important;
  text-shadow:0 .035em 0 rgba(37,20,70,.92),0 0 .2em rgba(176,125,255,.64),0 0 .44em rgba(255,196,101,.25)!important;
  overflow:visible!important;
}
.name-effect-ascendant .name-glyph{
  z-index:6!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name225-ascend-glyph 7.2s cubic-bezier(.2,.78,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant .name-glyph-echo{
  inset:0!important;
  color:#c8a5ff!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .22em rgba(157,98,255,.78),0 0 .44em rgba(255,196,104,.22)!important;
  opacity:0;
  transform-origin:50% 70%!important;
  animation:name225-ascend-echo 7.2s cubic-bezier(.22,.76,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant .name-glyph-spark{
  left:50%!important;
  top:50%!important;
  width:.032em!important;
  height:.42em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,#fff1bf 40%,#c4a7ff 68%,transparent)!important;
  box-shadow:0 0 .16em rgba(232,199,255,.82)!important;
  opacity:0;
  transform:translate(-50%,.13em) scaleY(.18);
  transform-origin:50% 100%!important;
  animation:name225-ascend-ray 7.2s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  display:block!important;
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(100% + .48em)!important;
  height:1.4em!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDIwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxkZWZzPgogPGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2MzYWVkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8c3RvcCBvZmZzZXQ9Ii4xNiIgc3RvcC1jb2xvcj0iI2E3OGJmYSIgc3RvcC1vcGFjaXR5PSIuNzUiLz4KICA8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmMWI4IiBzdG9wLW9wYWNpdHk9Ii45NiIvPgogIDxzdG9wIG9mZnNldD0iLjg0IiBzdG9wLWNvbG9yPSIjYzA4NGZjIiBzdG9wLW9wYWNpdHk9Ii43NSIvPgogIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzdjM2FlZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiA8L2xpbmVhckdyYWRpZW50PgogPHJhZGlhbEdyYWRpZW50IGlkPSJnIj4KICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmY4ZGMiIHN0b3Atb3BhY2l0eT0iLjc4Ii8+CiAgPHN0b3Agb2Zmc2V0PSIuNDUiIHN0b3AtY29sb3I9IiNjNGI1ZmQiIHN0b3Atb3BhY2l0eT0iLjMyIi8+CiAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2MzYWVkIiBzdG9wLW9wYWNpdHk9IjAiLz4KIDwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPGVsbGlwc2UgY3g9IjUwMCIgY3k9IjExMiIgcng9IjQ1NiIgcnk9IjYzIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS13aWR0aD0iNCIvPgo8ZWxsaXBzZSBjeD0iNTAwIiBjeT0iMTEyIiByeD0iMzUwIiByeT0iNDEiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyLjIiIG9wYWNpdHk9Ii42MiIvPgo8cGF0aCBkPSJNNTAwIDEyVjE4OCIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTM5MiA1NFE0NDQgMjIgNTAwIDMyUTU1NiAyMiA2MDggNTQiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNTAwIDIybDE1IDE1LTE1IDE1LTE1LTE1eiIgZmlsbD0iI2ZmZjBiMyIgc3Ryb2tlPSIjYmRhNGZmIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTUwMCA5NGwxMiAxOC0xMiAxOC0xMi0xOHoiIGZpbGw9IiM4YjVjZjYiIGZpbGwtb3BhY2l0eT0iLjE4IiBzdHJva2U9IiNmZmU4YTAiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTk2IDExMmg2NE03NDAgMTEyaDY0TTMwNSAxMTJoMzhNNjU3IDExMmgzOCIgc3Ryb2tlPSIjZGZjOGZmIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSI1MDAiIGN5PSIxMTIiIHI9IjM0IiBmaWxsPSJ1cmwoI2cpIiBvcGFjaXR5PSIuNDYiLz4KPC9zdmc+")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  clip-path:none!important;
  opacity:0;
  transform:translate(-50%,-50%) scale(.78,.76);
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 0 .12em rgba(171,108,255,.42))!important;
  animation:name225-ascend-gate 7.2s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-a::before,
.name-effect-ascendant>.name-effect-plane-a::after{content:none!important;display:none!important}
.name-effect-ascendant>.name-effect-plane-b{
  display:block!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  top:56%!important;
  bottom:auto!important;
  width:calc(100% + .1em)!important;
  height:.055em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(178,130,255,.5) 18%,#fff0b4 50%,rgba(185,143,255,.52) 82%,transparent)!important;
  box-shadow:0 0 .18em rgba(224,194,255,.62)!important;
  clip-path:none!important;
  opacity:0;
  transform:translate(-50%,-50%) scaleX(.12);
  transform-origin:50% 50%!important;
  animation:name225-ascend-axis 7.2s cubic-bezier(.18,.82,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-b::before,
.name-effect-ascendant>.name-effect-plane-b::after{content:none!important;display:none!important}
@keyframes name225-ascend-glyph{
  0%,16%,80%,100%{transform:none;filter:brightness(1) saturate(1)}
  31%{transform:translateY(.02em) scale(.995,.98);filter:brightness(.95)}
  43%{transform:translateY(-.07em) scale(1.022,1.05);filter:brightness(1.4) saturate(1.08)}
  56%{transform:translateY(-.025em) scale(1.008);filter:brightness(1.13)}
  69%{transform:none;filter:brightness(1.02)}
}
@keyframes name225-ascend-echo{
  0%,23%,78%,100%{opacity:0;transform:translateY(.08em) scale(.99,1.01)}
  37%{opacity:.34;transform:translateY(-.07em) scale(1,1.045)}
  51%{opacity:.16;transform:translateY(-.28em) scale(.985,1.075)}
  65%{opacity:0;transform:translateY(-.48em) scale(.96,1.1)}
}
@keyframes name225-ascend-ray{
  0%,28%,76%,100%{opacity:0;transform:translate(-50%,.13em) scaleY(.18)}
  41%{opacity:.82;transform:translate(-50%,-.01em) scaleY(.92)}
  57%{opacity:.3;transform:translate(-50%,-.24em) scaleY(.65)}
  67%{opacity:0;transform:translate(-50%,-.38em) scaleY(.2)}
}
@keyframes name225-ascend-gate{
  0%,18%,79%,100%{opacity:0;transform:translate(-50%,-50%) scale(.78,.76)}
  34%{opacity:.5;transform:translate(-50%,-50%) scale(.93,.91)}
  47%,65%{opacity:.86;transform:translate(-50%,-50%) scale(1)}
  74%{opacity:0;transform:translate(-50%,-50%) scale(1.055,1.04)}
}
@keyframes name225-ascend-axis{
  0%,28%,79%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.12)}
  43%{opacity:.9;transform:translate(-50%,-50%) scaleX(1)}
  60%{opacity:.42;transform:translate(-50%,-50%) scaleX(.72)}
  72%{opacity:0;transform:translate(-50%,-50%) scaleX(.22)}
}

/* Знак владельца — a mirrored authorization circuit. Brackets, side nodes
   and the central seal are part of one SVG; the second plane is only a centred
   scanning band, so no emblem can overlap a corner or drift off-axis. */
.name-effect-coronation{
  color:#fff0d5!important;
  padding:.12em .22em .2em!important;
  text-shadow:.035em .04em 0 rgba(74,7,30,.92),0 0 .19em rgba(225,29,72,.5),0 0 .38em rgba(245,158,11,.22)!important;
  overflow:visible!important;
}
.name-effect-coronation .name-glyph{
  z-index:7!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name225-owner-glyph 7.5s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .05s)!important;
}
.name-effect-coronation .name-glyph-echo{
  inset:0!important;
  color:#8f1838!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .18em rgba(225,29,72,.62)!important;
  opacity:0;
  animation:name225-owner-emboss 7.5s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .05s)!important;
}
.name-effect-coronation .name-glyph-spark{
  z-index:9!important;
  left:50%!important;
  top:50%!important;
  width:.28em!important;
  height:.032em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#fff3bd 42%,#fb7185 66%,transparent)!important;
  box-shadow:0 0 .16em rgba(251,191,36,.64)!important;
  opacity:0;
  transform:translate(-.25em,-50%) rotate(-12deg) scaleX(.16);
  transform-origin:50% 50%!important;
  animation:name225-owner-glint 7.5s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .05s)!important;
}
.name-effect-coronation>.name-effect-plane-a{
  display:block!important;
  z-index:2!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(100% + .34em)!important;
  height:1.08em!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDE2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxkZWZzPgogPGxpbmVhckdyYWRpZW50IGlkPSJvIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjN2YxZDFkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8c3RvcCBvZmZzZXQ9Ii4xOCIgc3RvcC1jb2xvcj0iI2Y1OWUwYiIgc3RvcC1vcGFjaXR5PSIuODIiLz4KICA8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmMWI4IiBzdG9wLW9wYWNpdHk9Ii45NCIvPgogIDxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjZTExZDQ4IiBzdG9wLW9wYWNpdHk9Ii44MiIvPgogIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzdmMWQxZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiA8L2xpbmVhckdyYWRpZW50PgogPHJhZGlhbEdyYWRpZW50IGlkPSJzIj4KICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmY1Y2MiIHN0b3Atb3BhY2l0eT0iLjciLz4KICA8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjYmUxMjNjIiBzdG9wLW9wYWNpdHk9Ii4yMiIvPgogIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRjMDUxOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiA8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+CjxwYXRoIGQ9Ik01MiA4MEgyMTBsMzgtMzRoMTE4TTk0OCA4MEg3OTBsLTM4LTM0SDYzNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI28pIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNTIgODBIMjEwbDM4IDM0aDExOE05NDggODBINzkwbC0zOCAzNEg2MzQiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNvKSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTgyIDQ0VjIyaDExMk04MDYgMjJoMTEydjIyTTgyIDExNnYyMmgxMTJNODA2IDEzOGgxMTJ2LTIyIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjbykiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik01MDAgMjBsNzQgNjAtNzQgNjAtNzQtNjB6IiBmaWxsPSIjNGMwNTE5IiBmaWxsLW9wYWNpdHk9Ii4xNiIgc3Ryb2tlPSIjZmJiZjI0IiBzdHJva2Utb3BhY2l0eT0iLjYyIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTUwMCA0MGw0OCA0MC00OCA0MC00OC00MHoiIGZpbGw9InVybCgjcykiIHN0cm9rZT0iI2ZmZjBiMiIgc3Ryb2tlLW9wYWNpdHk9Ii42MiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik01MDAgNTZ2NDhNNDc2IDgwaDQ4IiBzdHJva2U9IiNmZmYyYmQiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIuNzIiLz4KPGNpcmNsZSBjeD0iNTAwIiBjeT0iODAiIHI9IjgiIGZpbGw9IiNmZmYxYjgiIG9wYWNpdHk9Ii43OCIvPgo8Y2lyY2xlIGN4PSIyMTAiIGN5PSI4MCIgcj0iNSIgZmlsbD0iI2ZmZDM2YSIvPjxjaXJjbGUgY3g9Ijc5MCIgY3k9IjgwIiByPSI1IiBmaWxsPSIjZmY4Yzc4Ii8+Cjwvc3ZnPg==")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  box-shadow:none!important;
  clip-path:none!important;
  opacity:0;
  transform:translate(-50%,-50%) scale(.78,.84);
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 0 .1em rgba(225,29,72,.4))!important;
  animation:name225-owner-frame 7.5s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-a::before,
.name-effect-coronation>.name-effect-plane-a::after{content:none!important;display:none!important}
.name-effect-coronation>.name-effect-plane-b{
  display:block!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(100% + .08em)!important;
  height:.075em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#f59e0b 24%,#fff2bd 50%,#e11d48 76%,transparent)!important;
  box-shadow:0 0 .17em rgba(251,191,36,.5),0 0 .28em rgba(225,29,72,.25)!important;
  clip-path:none!important;
  opacity:0;
  transform:translate(-50%,-.42em) scaleX(.15);
  transform-origin:50% 50%!important;
  animation:name225-owner-scan 7.5s cubic-bezier(.18,.82,.18,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-b::before,
.name-effect-coronation>.name-effect-plane-b::after{content:none!important;display:none!important}
@keyframes name225-owner-glyph{
  0%,16%,80%,100%{transform:none;filter:brightness(1) saturate(1)}
  31%{transform:translateY(.015em) scale(.995,.98);filter:brightness(.94)}
  43%{transform:translateY(-.035em) scale(1.02,1.04);filter:brightness(1.36) saturate(1.08)}
  56%{transform:translateY(-.008em) scale(1.006);filter:brightness(1.11)}
  69%{transform:none;filter:brightness(1.02)}
}
@keyframes name225-owner-emboss{
  0%,21%,78%,100%{opacity:0;transform:translate(.055em,.055em) scale(.99)}
  35%{opacity:.48;transform:translate(.075em,.07em) scale(1.004)}
  50%{opacity:.2;transform:translate(.02em,.025em) scale(1)}
  64%{opacity:0;transform:translate(0,0) scale(1.012)}
}
@keyframes name225-owner-glint{
  0%,29%,78%,100%{opacity:0;transform:translate(-.25em,-50%) rotate(-12deg) scaleX(.16)}
  40%{opacity:.96;transform:translate(-.04em,-50%) rotate(-12deg) scaleX(1.08)}
  52%{opacity:.48;transform:translate(.16em,-50%) rotate(-12deg) scaleX(.68)}
  63%{opacity:0;transform:translate(.36em,-50%) rotate(-12deg) scaleX(.16)}
}
@keyframes name225-owner-frame{
  0%,18%,80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.78,.84)}
  33%{opacity:.52;transform:translate(-50%,-50%) scale(.92,.95)}
  46%,68%{opacity:.88;transform:translate(-50%,-50%) scale(1)}
  76%{opacity:0;transform:translate(-50%,-50%) scale(1.04,1.03)}
}
@keyframes name225-owner-scan{
  0%,30%,79%,100%{opacity:0;transform:translate(-50%,-.42em) scaleX(.15)}
  42%{opacity:.82;transform:translate(-50%,-.18em) scaleX(1)}
  55%{opacity:.72;transform:translate(-50%,.08em) scaleX(.88)}
  68%{opacity:.24;transform:translate(-50%,.37em) scaleX(.48)}
  75%{opacity:0;transform:translate(-50%,.48em) scaleX(.2)}
}

@media(max-width:520px){
  .name-effect-ascendant{padding:.12em .2em .22em!important}
  .name-effect-ascendant>.name-effect-plane-a{width:calc(100% + .38em)!important}
  .name-effect-coronation{padding:.11em .2em .21em!important}
  .name-effect-coronation>.name-effect-plane-a{width:calc(100% + .34em)!important}
  .name-style-challenge-picker>summary,.cosmetic-challenge-dropdown>summary{padding:10px 11px}
}

@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,.name-effect-coronation .name-glyph,
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{animation:none!important}
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{display:none!important}
}
.reduced-ui-motion .name-effect-ascendant .name-glyph,
.reduced-ui-motion .name-effect-coronation .name-glyph,
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,
.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,
.reduced-ui-motion .name-effect-coronation>.name-effect-plane{animation:none!important}
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,
.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,
.reduced-ui-motion .name-effect-coronation>.name-effect-plane{display:none!important}


/* Release 226 — two new prestige identities and the classic unlocked-style picker.
   Both effects use a single centred SVG plane, without detached stars or corner
   badges. The real glyphs remain fully visible throughout every animation. */
.name-effect-ascendant{
  color:#f8efff!important;
  padding:.11em .2em .21em!important;
  text-shadow:0 .035em 0 rgba(32,17,66,.94),0 0 .18em rgba(157,112,255,.6),0 0 .38em rgba(255,218,137,.22)!important;
  overflow:visible!important;
}
.name-effect-ascendant .name-glyph{
  z-index:7!important;opacity:1!important;visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name226-ascend-letter 7.4s cubic-bezier(.18,.8,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .048s)!important;
}
.name-effect-ascendant .name-glyph-echo{
  inset:0!important;color:#bda3ff!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .2em rgba(139,92,246,.72),0 0 .38em rgba(255,221,148,.2)!important;
  opacity:0;transform-origin:50% 80%!important;
  animation:name226-ascend-echo 7.4s cubic-bezier(.2,.76,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .048s)!important;
}
.name-effect-ascendant .name-glyph-spark{
  z-index:5!important;left:50%!important;top:54%!important;width:.024em!important;height:.5em!important;
  border:0!important;border-radius:999px!important;
  background:linear-gradient(transparent,#fff4c8 36%,#bda4ff 70%,transparent)!important;
  box-shadow:0 0 .14em rgba(230,214,255,.75)!important;opacity:0;
  transform:translate(-50%,.16em) scaleY(.16);transform-origin:50% 100%!important;
  animation:name226-ascend-beam 7.4s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .048s)!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  display:block!important;z-index:1!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:calc(100% + .42em)!important;height:1.32em!important;border:0!important;border-radius:0!important;
  background-color:transparent!important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDIyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxkZWZzPgogPGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNWIyMWI2IiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ii4xOCIgc3RvcC1jb2xvcj0iIzlmN2FlYSIgc3RvcC1vcGFjaXR5PSIuNjgiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmMmJkIiBzdG9wLW9wYWNpdHk9Ii45NCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjOGI1Y2Y2IiBzdG9wLW9wYWNpdHk9Ii42OCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzViMjFiNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiA8L2xpbmVhckdyYWRpZW50PgogPGxpbmVhckdyYWRpZW50IGlkPSJ2IiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+CiAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmOGRjIiBzdG9wLW9wYWNpdHk9Ii45Ii8+PHN0b3Agb2Zmc2V0PSIuNDUiIHN0b3AtY29sb3I9IiNiZGE0ZmYiIHN0b3Atb3BhY2l0eT0iLjUyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNmQyOGQ5IiBzdG9wLW9wYWNpdHk9IjAiLz4KIDwvbGluZWFyR3JhZGllbnQ+CiA8cmFkaWFsR3JhZGllbnQgaWQ9ImgiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjZjYiIgc3RvcC1vcGFjaXR5PSIuNTgiLz48c3RvcCBvZmZzZXQ9Ii40OCIgc3RvcC1jb2xvcj0iI2E3OGJmYSIgc3RvcC1vcGFjaXR5PSIuMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzViMjFiNiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8ZWxsaXBzZSBjeD0iNTAwIiBjeT0iMTU4IiByeD0iNDM4IiByeT0iNDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIzLjQiLz4KPGVsbGlwc2UgY3g9IjUwMCIgY3k9IjE1OCIgcng9IjMzMCIgcnk9IjMxIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iLjYyIi8+CjxwYXRoIGQ9Ik05MiAxNTdDMjEwIDg0IDM0NiA0OCA1MDAgNTJDNjU0IDQ4IDc5MCA4NCA5MDggMTU3IiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOTAgMTU3QzI4MiAxMDYgMzg2IDgwIDUwMCA4MkM2MTQgODAgNzE4IDEwNiA4MTAgMTU3IiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii43Ii8+CjxwYXRoIGQ9Ik01MDAgMjRWMTk2TTQ1NSA1MlYxODBNNTQ1IDUyVjE4MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI3YpIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTI1IDE1NUMyMDUgMTM5IDI1MCA5NiAzMjAgODNNODc1IDE1NUM3OTUgMTM5IDc1MCA5NiA2ODAgODMiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTUwMCAyNWwzMCAzNS0zMC0xMS0zMCAxMXoiIGZpbGw9IiNmZmY0YzIiIGZpbGwtb3BhY2l0eT0iLjg4IiBzdHJva2U9IiNhNzhiZmEiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNNTAwIDU3bDE3IDIwLTE3LTctMTcgN3oiIGZpbGw9IiM5ZjdhZWEiIGZpbGwtb3BhY2l0eT0iLjM0IiBzdHJva2U9IiNmZmU2YTgiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxjaXJjbGUgY3g9IjUwMCIgY3k9IjE1OCIgcj0iMzEiIGZpbGw9InVybCgjaCkiLz4KPGNpcmNsZSBjeD0iMzIwIiBjeT0iODMiIHI9IjQuNSIgZmlsbD0iI2U5ZDVmZiIvPjxjaXJjbGUgY3g9IjY4MCIgY3k9IjgzIiByPSI0LjUiIGZpbGw9IiNlOWQ1ZmYiLz4KPGNpcmNsZSBjeD0iMTkwIiBjeT0iMTU3IiByPSI0IiBmaWxsPSIjZmZkOThhIi8+PGNpcmNsZSBjeD0iODEwIiBjeT0iMTU3IiByPSI0IiBmaWxsPSIjZmZkOThhIi8+Cjwvc3ZnPg==")!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  box-shadow:none!important;clip-path:none!important;opacity:0;
  transform:translate(-50%,-50%) scale(.84,.82);transform-origin:50% 50%!important;
  filter:drop-shadow(0 0 .11em rgba(139,92,246,.42))!important;
  animation:name226-ascend-sanctum 7.4s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-a::before,.name-effect-ascendant>.name-effect-plane-a::after{content:none!important;display:none!important}
.name-effect-ascendant>.name-effect-plane-b{
  display:block!important;z-index:6!important;left:50%!important;right:auto!important;top:60%!important;bottom:auto!important;
  width:calc(100% + .02em)!important;height:.11em!important;border:0!important;border-radius:999px!important;
  background:radial-gradient(ellipse at center,#fff1bd 0 9%,rgba(184,144,255,.68) 27%,rgba(112,62,205,.18) 58%,transparent 76%)!important;
  box-shadow:0 0 .2em rgba(218,194,255,.42)!important;clip-path:none!important;opacity:0;
  transform:translate(-50%,-50%) scaleX(.18);transform-origin:50% 50%!important;
  animation:name226-ascend-halo 7.4s cubic-bezier(.18,.82,.18,1) infinite!important;
}
.name-effect-ascendant>.name-effect-plane-b::before,.name-effect-ascendant>.name-effect-plane-b::after{content:none!important;display:none!important}
@keyframes name226-ascend-letter{
  0%,17%,81%,100%{transform:none;filter:brightness(1) saturate(1)}
  32%{transform:translateY(.018em) scaleY(.985);filter:brightness(.96)}
  45%{transform:translateY(-.065em) scale(1.018,1.045);filter:brightness(1.34) saturate(1.06)}
  58%{transform:translateY(-.018em) scale(1.006);filter:brightness(1.12)}
  70%{transform:none;filter:brightness(1.02)}
}
@keyframes name226-ascend-echo{
  0%,24%,79%,100%{opacity:0;transform:translateY(.09em) scale(.99,1.01)}
  39%{opacity:.3;transform:translateY(-.06em) scale(1,1.04)}
  53%{opacity:.13;transform:translateY(-.26em) scale(.98,1.08)}
  66%{opacity:0;transform:translateY(-.43em) scale(.95,1.1)}
}
@keyframes name226-ascend-beam{
  0%,29%,77%,100%{opacity:0;transform:translate(-50%,.16em) scaleY(.16)}
  42%{opacity:.76;transform:translate(-50%,-.01em) scaleY(.95)}
  57%{opacity:.28;transform:translate(-50%,-.27em) scaleY(.58)}
  68%{opacity:0;transform:translate(-50%,-.41em) scaleY(.18)}
}
@keyframes name226-ascend-sanctum{
  0%,19%,80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.84,.82)}
  34%{opacity:.46;transform:translate(-50%,-50%) scale(.94,.94)}
  48%,66%{opacity:.82;transform:translate(-50%,-50%) scale(1)}
  75%{opacity:0;transform:translate(-50%,-50%) scale(1.035,1.025)}
}
@keyframes name226-ascend-halo{
  0%,31%,80%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.18)}
  44%{opacity:.84;transform:translate(-50%,-50%) scaleX(1)}
  59%{opacity:.38;transform:translate(-50%,-50%) scaleX(.75)}
  71%{opacity:0;transform:translate(-50%,-50%) scaleX(.28)}
}

.name-effect-coronation{
  color:#ffe7c2!important;padding:.1em .18em .19em!important;
  text-shadow:.035em .04em 0 rgba(62,5,22,.94),0 0 .17em rgba(221,62,104,.54),0 0 .34em rgba(242,138,76,.22)!important;
  overflow:visible!important;
}
.name-effect-coronation .name-glyph{
  z-index:7!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:currentColor!important;
  animation:name226-owner-letter 7.8s cubic-bezier(.18,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation .name-glyph-echo{
  inset:0!important;color:#8b1238!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 .15em rgba(217,70,122,.62)!important;opacity:0;
  animation:name226-owner-imprint 7.8s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation .name-glyph-spark{
  z-index:9!important;left:50%!important;top:50%!important;width:.26em!important;height:.028em!important;
  border:0!important;border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#ffe4a7 40%,#f27c5e 68%,transparent)!important;
  box-shadow:0 0 .14em rgba(255,184,92,.62)!important;opacity:0;
  transform:translate(-.22em,-50%) rotate(-10deg) scaleX(.14);transform-origin:50% 50%!important;
  animation:name226-owner-glint 7.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .045s)!important;
}
.name-effect-coronation>.name-effect-plane-a{
  display:block!important;z-index:2!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:calc(100% + .28em)!important;height:1.08em!important;border:0!important;border-radius:0!important;
  background-color:transparent!important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDE5MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CjxkZWZzPgogPGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCI+CiAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNWIwYjIwIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ii4yIiBzdG9wLWNvbG9yPSIjZTg3OTNkIiBzdG9wLW9wYWNpdHk9Ii43Ii8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmZTJhOCIgc3RvcC1vcGFjaXR5PSIuOTIiLz48c3RvcCBvZmZzZXQ9Ii44IiBzdG9wLWNvbG9yPSIjZDk0NjdhIiBzdG9wLW9wYWNpdHk9Ii43MiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzViMGIyMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiA8L2xpbmVhckdyYWRpZW50PgogPHJhZGlhbEdyYWRpZW50IGlkPSJyIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ1OGEiIHN0b3Atb3BhY2l0eT0iLjM4Ii8+PHN0b3Agb2Zmc2V0PSIuNTUiIHN0b3AtY29sb3I9IiNhMzBmNDIiIHN0b3Atb3BhY2l0eT0iLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM2QwNjE3IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+CjxwYXRoIGQ9Ik03MiA5NUgyNDZsNDgtMzFNOTI4IDk1SDc1NGwtNDgtMzEiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNjKSIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzIgOTVIMjQ2bDQ4IDMxTTkyOCA5NUg3NTRsLTQ4IDMxIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYykiIHN0cm9rZS13aWR0aD0iMy41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUwMCAyMEMzOTAgMjAgMzMwIDY3IDMzMCAxMDlDMzMwIDE0NiAzNjUgMTY1IDQyMCAxNjhNNTAwIDIwQzYxMCAyMCA2NzAgNjcgNjcwIDEwOUM2NzAgMTQ2IDYzNSAxNjUgNTgwIDE2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2Utd2lkdGg9IjMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik01MDAgMzhDNDIwIDM4IDM3NyA3NSAzNzcgMTA5QzM3NyAxMzcgNDAzIDE1MyA0NDggMTU4TTUwMCAzOEM1ODAgMzggNjIzIDc1IDYyMyAxMDlDNjIzIDEzNyA1OTcgMTUzIDU1MiAxNTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNjKSIgc3Ryb2tlLXdpZHRoPSIyLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjgyIi8+CjxwYXRoIGQ9Ik01MDAgNTdDNDQ3IDU3IDQyMCA4MiA0MjAgMTA5QzQyMCAxMzAgNDM3IDE0MyA0NjggMTQ5TTUwMCA1N0M1NTMgNTcgNTgwIDgyIDU4MCAxMDlDNTgwIDEzMCA1NjMgMTQzIDUzMiAxNDkiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNjKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii43MiIvPgo8cGF0aCBkPSJNNTAwIDc0QzQ3MCA3NCA0NTUgOTAgNDU1IDEwOUM0NTUgMTI1IDQ2NiAxMzYgNDgyIDE0MU01MDAgNzRDNTMwIDc0IDU0NSA5MCA1NDUgMTA5QzU0NSAxMjUgNTM0IDEzNiA1MTggMTQxIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjYykiIHN0cm9rZS13aWR0aD0iMS43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii42NiIvPgo8cGF0aCBkPSJNNTAwIDY0bDMxIDMxLTMxIDMxLTMxLTMxeiIgZmlsbD0iIzQ5MDgxNyIgZmlsbC1vcGFjaXR5PSIuMTgiIHN0cm9rZT0iI2ZmZDU4OSIgc3Ryb2tlLXdpZHRoPSIyLjIiLz4KPHBhdGggZD0iTTUwMCA3N2wxOCAxOC0xOCAxOC0xOC0xOHoiIGZpbGw9InVybCgjcikiIHN0cm9rZT0iI2YyOGE1NCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTUwMCA4NHYyMk00ODkgOTVoMjIiIHN0cm9rZT0iI2ZmZTZiMCIgc3Ryb2tlLXdpZHRoPSIyLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjgiLz4KPGNpcmNsZSBjeD0iMjQ2IiBjeT0iOTUiIHI9IjUiIGZpbGw9IiNmNTllNjEiLz48Y2lyY2xlIGN4PSI3NTQiIGN5PSI5NSIgcj0iNSIgZmlsbD0iI2VjNmI4ZiIvPgo8L3N2Zz4=")!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important;
  box-shadow:none!important;clip-path:none!important;opacity:0;
  transform:translate(-50%,-50%) scale(.84,.9);transform-origin:50% 50%!important;
  filter:drop-shadow(0 0 .1em rgba(217,70,122,.38))!important;
  animation:name226-owner-cipher 7.8s cubic-bezier(.16,.84,.18,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-a::before,.name-effect-coronation>.name-effect-plane-a::after{content:none!important;display:none!important}
.name-effect-coronation>.name-effect-plane-b{
  display:block!important;z-index:8!important;left:4%!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:.06em!important;height:.88em!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(180deg,transparent,#ffe8b0 32%,#e95f83 62%,transparent)!important;
  box-shadow:0 0 .18em rgba(255,191,104,.56),0 0 .3em rgba(217,70,122,.28)!important;
  clip-path:none!important;opacity:0;transform:translate(-50%,-50%) scaleY(.28);transform-origin:50% 50%!important;
  animation:name226-owner-scan 7.8s cubic-bezier(.22,.78,.16,1) infinite!important;
}
.name-effect-coronation>.name-effect-plane-b::before,.name-effect-coronation>.name-effect-plane-b::after{content:none!important;display:none!important}
@keyframes name226-owner-letter{
  0%,17%,81%,100%{transform:none;filter:brightness(1) saturate(1)}
  31%{transform:translateY(.022em) scale(1.002,.975);filter:brightness(.94)}
  44%{transform:translateY(-.018em) scale(1.018,1.035);filter:brightness(1.3) saturate(1.08)}
  58%{transform:none;filter:brightness(1.1)}
  70%{transform:none;filter:brightness(1.01)}
}
@keyframes name226-owner-imprint{
  0%,22%,79%,100%{opacity:0;transform:translate(.06em,.055em) scale(.99)}
  36%{opacity:.46;transform:translate(.075em,.065em) scale(1.004)}
  50%{opacity:.2;transform:translate(.02em,.02em) scale(1)}
  65%{opacity:0;transform:none}
}
@keyframes name226-owner-glint{
  0%,30%,79%,100%{opacity:0;transform:translate(-.22em,-50%) rotate(-10deg) scaleX(.14)}
  41%{opacity:.94;transform:translate(-.03em,-50%) rotate(-10deg) scaleX(1.08)}
  53%{opacity:.42;transform:translate(.16em,-50%) rotate(-10deg) scaleX(.62)}
  64%{opacity:0;transform:translate(.34em,-50%) rotate(-10deg) scaleX(.14)}
}
@keyframes name226-owner-cipher{
  0%,20%,80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.84,.9)}
  34%{opacity:.46;transform:translate(-50%,-50%) scale(.94,.96)}
  48%,68%{opacity:.82;transform:translate(-50%,-50%) scale(1)}
  76%{opacity:0;transform:translate(-50%,-50%) scale(1.03,1.02)}
}
@keyframes name226-owner-scan{
  0%,29%,80%,100%{left:4%;opacity:0;transform:translate(-50%,-50%) scaleY(.28)}
  38%{left:10%;opacity:.72;transform:translate(-50%,-50%) scaleY(1)}
  55%{left:50%;opacity:.92;transform:translate(-50%,-50%) scaleY(1)}
  70%{left:90%;opacity:.48;transform:translate(-50%,-50%) scaleY(.82)}
  76%{left:96%;opacity:0;transform:translate(-50%,-50%) scaleY(.3)}
}

@media(max-width:520px){
  .name-effect-ascendant{padding:.1em .17em .19em!important}
  .name-effect-ascendant>.name-effect-plane-a{width:calc(100% + .34em)!important}
  .name-effect-coronation{padding:.09em .16em .17em!important}
  .name-effect-coronation>.name-effect-plane-a{width:calc(100% + .24em)!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,.name-effect-coronation .name-glyph,
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{animation:none!important}
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{display:none!important}
}
.reduced-ui-motion .name-effect-ascendant .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph,
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,.reduced-ui-motion .name-effect-coronation>.name-effect-plane{animation:none!important}
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,.reduced-ui-motion .name-effect-coronation>.name-effect-plane{display:none!important}

/* Release 227 — premium prestige motion and scalable wall conversations. */

/* Wall comment action menu. */
.comment-menu-wrap{position:absolute;z-index:12;top:14px;right:12px;height:38px;display:flex;align-items:center;justify-content:center}
.comment-menu-button{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);box-shadow:none;cursor:pointer;outline:none!important;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(0.2, 0.9, 0.3, 1),background-color .15s ease,color .15s ease}
.comment-menu-button::after{content:'';position:absolute;inset:-6px;border-radius:10px}
.comment-menu-button:active{transform:scale(0.9)!important;background:color-mix(in srgb,var(--surface-variant) 80%,transparent)!important}
@media(hover: hover){
  .comment-menu-button:hover{background:color-mix(in srgb,var(--surface-variant) 60%,transparent)!important;color:var(--on-surface)!important}
}
.comment-menu-button[aria-expanded="true"]{transform:none;background:color-mix(in srgb,var(--primary) 14%,var(--surface))!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)!important}
.comment-menu-button:focus{outline:none!important}
.comment-menu-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 65%,transparent)!important;outline-offset:1px!important}
.comment-menu-button svg{width:16px;height:16px}
.comment-context-menu{position:absolute;z-index:20;top:40px;right:0;display:grid;gap:4px;width:min(286px,calc(100vw - 34px));padding:6px;border:1px solid color-mix(in srgb,var(--outline) 24%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:comment-menu-in .14s cubic-bezier(.2,.8,.2,1) both}
.comment-context-menu[hidden]{display:none!important}
.comment-context-menu>button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:52px;padding:8px;border:0;border-radius:11px;background:transparent;color:var(--on-surface);font:inherit;text-align:left;cursor:pointer}
.comment-context-menu>button:hover{background:color-mix(in srgb,var(--primary) 9%,var(--surface-variant))}
.comment-context-menu>button.danger:hover{background:color-mix(in srgb,var(--error) 10%,var(--surface-variant));color:var(--error)}
.comment-context-menu>button>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--surface-variant));color:var(--primary)}
.comment-context-menu>button.danger>span:first-child{background:color-mix(in srgb,var(--error) 11%,var(--surface-variant));color:var(--error)}
.comment-context-menu svg{width:17px;height:17px}.comment-context-menu strong,.comment-context-menu small{display:block}.comment-context-menu strong{font-size:12px}.comment-context-menu small{margin-top:2px;color:var(--on-surface-variant);font-size:9px;line-height:1.35}
@keyframes comment-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}

/* Pinned wall messages stay compact and clearly distinguished. */
.profile-wall-list>.community-comment.comment-pinned{border-color:color-mix(in srgb,var(--primary) 48%,var(--outline))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)) 0%,var(--surface) 48%,color-mix(in srgb,#f6c96b 5%,var(--surface)) 100%)!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--primary) 72%,#f4c76a),0 9px 28px rgba(0,0,0,.1)}
.comment-author-line{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.comment-pinned-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid color-mix(in srgb,#f4c76a 48%,var(--outline));border-radius:999px;background:color-mix(in srgb,#f4c76a 10%,var(--surface));color:color-mix(in srgb,#f4c76a 82%,var(--on-surface));font-size:8px;font-weight:850;letter-spacing:.02em;white-space:nowrap}
.comment-pinned-badge svg{width:11px;height:11px}

/* Flat threads retain the exact replied-to message, allowing replies to replies. */
.comment-reply-reference{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:4px;padding:2px 0;border:0;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:9px;cursor:pointer;text-align:left}
.comment-reply-reference:hover{color:var(--primary)}.comment-reply-reference svg{flex:0 0 auto;width:12px;height:12px}.comment-reply-reference strong{overflow:hidden;text-overflow:clip;white-space:nowrap;color:inherit}
.comment-focus-pulse{animation:comment-focus-pulse 1.15s ease both}
@keyframes comment-focus-pulse{0%,100%{box-shadow:none}22%,62%{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 23%,transparent),0 0 28px color-mix(in srgb,var(--primary) 18%,transparent)}}
.comment-reply-hidden{display:none!important}
.comment-replies-toggle{order:999;display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;min-height:34px;margin:2px 0 0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--outline) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface-variant) 52%,transparent);color:var(--on-surface-variant);font:inherit;font-size:10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.comment-replies-toggle:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--outline));background:color-mix(in srgb,var(--primary) 8%,var(--surface-variant));color:var(--on-surface)}
.comment-replies-toggle>svg:first-child{width:14px;height:14px}.comment-replies-toggle>svg:last-child{width:12px;height:12px;transition:transform .15s ease}.comment-replies-toggle.expanded>svg:last-child{transform:rotate(180deg)}

/* Reply composers now use the same geometry and typography as the main field. */
.comment-reply-slot>.comment-composer.compact{width:100%;max-width:none;margin:10px 0 4px}
.comment-reply-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--primary) 6%,var(--surface-variant));color:var(--on-surface-variant);font-size:10px}
.comment-reply-context>span{display:flex;align-items:center;gap:6px;min-width:0}.comment-reply-context strong{overflow:hidden;text-overflow:clip;white-space:nowrap;color:var(--on-surface)}.comment-reply-context svg{width:14px;height:14px}.comment-reply-context>button{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);cursor:pointer}.comment-reply-context>button:hover{background:var(--surface-variant);color:var(--on-surface)}
.comment-reply-slot .comment-editor-shell{width:100%;border-radius:14px;background:color-mix(in srgb,var(--surface-variant) 38%,var(--surface))}
.comment-reply-slot .comment-toolbar{padding:6px 7px}.comment-reply-slot .comment-composer textarea,.comment-reply-slot .wall-document-editor{box-sizing:border-box;width:100%;min-height:88px!important;max-height:220px;padding:12px 13px!important;color:var(--on-surface);font-family:inherit;font-size:13px!important;font-weight:400;line-height:1.62!important;letter-spacing:normal;overflow-wrap:anywhere;white-space:pre-wrap}
.comment-reply-slot .comment-editor-footer{padding:7px 9px 9px}.comment-reply-slot .comment-submit{min-height:36px;padding:7px 12px}

/* Cleaner, explanatory report dialog. */
.report-sheet{width:min(690px,calc(100vw - 24px));padding:22px!important;border-radius:24px!important}
.report-sheet-head{align-items:flex-start;margin:0 0 14px}.report-sheet-head>div>small{display:block;margin:1px 0 4px;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.13em}.report-sheet-head>div>p{max-width:480px;overflow:hidden;text-overflow:clip;white-space:nowrap}
.report-target-note{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:13px;background:color-mix(in srgb,var(--primary) 6%,var(--surface-variant))}.report-target-note>span{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary)}.report-target-note svg{width:16px;height:16px}.report-target-note strong,.report-target-note small{display:block}.report-target-note strong{font-size:11px}.report-target-note small{margin-top:2px;color:var(--on-surface-variant);font-size:9px;line-height:1.4}
.report-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:16px 0 0;padding:0;border:0}.report-reasons legend{grid-column:1/-1;margin-bottom:2px;color:var(--on-surface);font-size:12px;font-weight:850}.report-reason-card{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:flex-start;gap:8px;min-height:72px;padding:10px;border:1px solid color-mix(in srgb,var(--outline) 24%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-variant) 24%,transparent);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.report-reason-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 40%,var(--outline));background:color-mix(in srgb,var(--primary) 5%,var(--surface-variant))}.report-reason-card input{position:absolute;opacity:0;pointer-events:none}.report-reason-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--outline) 38%,transparent);border-radius:7px;color:transparent}.report-reason-check svg{width:14px;height:14px}.report-reason-card input:checked+.report-reason-check{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.report-reason-card:has(input:checked){border-color:color-mix(in srgb,var(--primary) 70%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--surface-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 9%,transparent)}.report-reason-card strong,.report-reason-card small{display:block}.report-reason-card strong{font-size:11px;line-height:1.3}.report-reason-card small{margin-top:3px;color:var(--on-surface-variant);font-size:8.5px;line-height:1.38}
.report-details-label{position:relative;display:grid!important;gap:7px;margin-top:14px!important}.report-details-label>span{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.report-details-label strong,.report-details-label small{display:block}.report-details-label strong{color:var(--on-surface);font-size:12px}.report-details-label small{color:var(--on-surface-variant);font-size:9px;font-weight:500}.report-details-label textarea{min-height:108px!important;padding-bottom:27px!important}.report-details-label>em{position:absolute;right:11px;bottom:9px;color:var(--on-surface-variant);font-size:9px;font-style:normal}.report-actions{display:grid;grid-template-columns:minmax(110px,.45fr) minmax(180px,1fr);gap:9px;margin-top:14px}.report-actions .btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin:0!important;width:100%}.report-actions svg{width:17px;height:17px}

/* New prestige implementation: one deterministic SVG coordinate system per effect. */
.prestige-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.name-effect-ascendant,.name-effect-coronation{isolation:isolate;overflow:visible!important}
.name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;clip-path:none!important}

/* Вознесение — symmetric celestial wings and a rising sanctuary. */
.name-effect-ascendant{color:#f6edff!important;padding:.11em .22em .22em!important;text-shadow:0 .035em 0 rgba(28,13,61,.95),0 0 .16em rgba(153,108,255,.62),0 0 .34em rgba(255,220,143,.24)!important}
.name-effect-ascendant .name-glyph{z-index:8!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:currentColor!important;animation:name227-ascendant-letter 7.6s cubic-bezier(.18,.82,.18,1) infinite!important;animation-delay:calc(var(--glyph) * .045s)!important}
.name-effect-ascendant .name-glyph-echo{inset:0!important;color:#c9adff!important;-webkit-text-fill-color:currentColor!important;opacity:0;text-shadow:0 0 .22em rgba(170,126,255,.74)!important;animation:name227-ascendant-echo 7.6s ease-out infinite!important;animation-delay:calc(var(--glyph) * .045s)!important}
.name-effect-ascendant .name-glyph-spark{left:50%!important;top:54%!important;width:.022em!important;height:.46em!important;border:0!important;border-radius:999px!important;background:linear-gradient(transparent,#fff0b8 42%,#b796ff 76%,transparent)!important;opacity:0;transform:translate(-50%,.18em) scaleY(.12);transform-origin:50% 100%!important;animation:name227-ascendant-ray 7.6s ease-out infinite!important;animation-delay:calc(var(--glyph) * .045s)!important}
.name-effect-ascendant>.name-effect-plane-a{display:block!important;z-index:1!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:calc(100% + .48em)!important;height:1.42em!important;opacity:0;transform:translate(-50%,-50%) scale(.92,.88);transform-origin:50% 50%!important;filter:drop-shadow(0 0 .11em rgba(142,94,246,.42));animation:name227-ascendant-plane 7.6s cubic-bezier(.16,.84,.18,1) infinite!important}
.ascendant-svg *{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-linejoin:round}.ascendant-orbit{stroke:#a77df3;stroke-width:2.2;opacity:.58;stroke-dasharray:1800;stroke-dashoffset:1800;animation:name227-ascendant-draw 7.6s ease-in-out infinite}.ascendant-orbit-inner{stroke:#f6d98d;stroke-width:1.25;opacity:.5;animation-delay:.08s}.ascendant-arch{stroke:#d4bcff;stroke-width:3.2;stroke-dasharray:1600;stroke-dashoffset:1600;animation:name227-ascendant-draw 7.6s ease-in-out infinite}.ascendant-arch-inner{stroke:#f2d58c;stroke-width:1.8;opacity:.68;animation-delay:.12s}.ascendant-wing{stroke:#9d6bea;stroke-width:2.25;stroke-dasharray:950;stroke-dashoffset:950;animation:name227-ascendant-draw 7.6s ease-in-out infinite}.ascendant-spine{stroke:#f7dc98;stroke-width:2.2;stroke-dasharray:210;stroke-dashoffset:210;animation:name227-ascendant-spine 7.6s ease-in-out infinite}.ascendant-crown{fill:rgba(255,226,150,.16);stroke:#ffe19a;stroke-width:1.7;opacity:0;transform-box:fill-box;transform-origin:center;animation:name227-ascendant-crown 7.6s ease-in-out infinite}.ascendant-core{fill:rgba(255,229,160,.14);stroke:#ffe29b;stroke-width:1.7;opacity:0;animation:name227-ascendant-core 7.6s ease-in-out infinite}.ascendant-core-ring{stroke:#b88bf7;stroke-width:1.5;stroke-dasharray:250;stroke-dashoffset:250;animation:name227-ascendant-core 7.6s ease-in-out infinite}.ascendant-feathers{stroke:#ecd7ff;stroke-width:1.6;stroke-dasharray:180;stroke-dashoffset:180;animation:name227-ascendant-draw 7.6s ease-in-out infinite}
.name-effect-ascendant>.name-effect-plane-b{display:block!important;z-index:5!important;left:50%!important;right:auto!important;top:61%!important;bottom:auto!important;width:calc(100% + .06em)!important;height:.38em!important;opacity:0;transform:translate(-50%,-50%) scaleX(.18);transform-origin:50% 50%!important;animation:name227-ascendant-pulse-plane 7.6s ease-out infinite!important}.ascendant-pulse-svg path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.ascendant-pulse{stroke:#ffe7a8;stroke-width:2.3;stroke-dasharray:1100;stroke-dashoffset:1100;filter:drop-shadow(0 0 5px rgba(255,218,139,.72));animation:name227-ascendant-pulse 7.6s ease-out infinite}.ascendant-pulse-soft{stroke:#a879ef;stroke-width:4.8;opacity:.22;animation-delay:.08s}
@keyframes name227-ascendant-letter{0%,18%,82%,100%{transform:none;filter:brightness(1)}34%{transform:translateY(.02em) scaleY(.985);filter:brightness(.98)}47%{transform:translateY(-.055em) scale(1.012,1.035);filter:brightness(1.32)}60%{transform:translateY(-.012em);filter:brightness(1.1)}72%{transform:none;filter:brightness(1.02)}}
@keyframes name227-ascendant-echo{0%,28%,78%,100%{opacity:0;transform:translateY(.06em) scale(1)}42%{opacity:.28;transform:translateY(-.07em) scale(1.01,1.045)}58%{opacity:.11;transform:translateY(-.25em) scale(.985,1.08)}69%{opacity:0;transform:translateY(-.4em) scale(.96,1.1)}}
@keyframes name227-ascendant-ray{0%,31%,78%,100%{opacity:0;transform:translate(-50%,.18em) scaleY(.12)}43%{opacity:.78;transform:translate(-50%,-.02em) scaleY(1)}58%{opacity:.24;transform:translate(-50%,-.28em) scaleY(.55)}69%{opacity:0;transform:translate(-50%,-.4em) scaleY(.1)}}
@keyframes name227-ascendant-plane{0%,18%,81%,100%{opacity:0;transform:translate(-50%,-50%) scale(.92,.88)}32%{opacity:.42;transform:translate(-50%,-50%) scale(.97,.96)}46%,68%{opacity:.86;transform:translate(-50%,-50%) scale(1)}76%{opacity:0;transform:translate(-50%,-50%) scale(1.025,1.018)}}
@keyframes name227-ascendant-draw{0%,23%,82%,100%{stroke-dashoffset:1800;opacity:0}36%{opacity:.45}52%,69%{stroke-dashoffset:0;opacity:.82}78%{stroke-dashoffset:-140;opacity:0}}
@keyframes name227-ascendant-spine{0%,27%,80%,100%{stroke-dashoffset:210;opacity:0}43%{stroke-dashoffset:0;opacity:.9}68%{stroke-dashoffset:0;opacity:.62}76%{stroke-dashoffset:-80;opacity:0}}
@keyframes name227-ascendant-crown{0%,34%,80%,100%{opacity:0;transform:scale(.7) translateY(7px)}48%,66%{opacity:.92;transform:scale(1) translateY(0)}74%{opacity:0;transform:scale(1.08) translateY(-5px)}}
@keyframes name227-ascendant-core{0%,34%,80%,100%{opacity:0;stroke-dashoffset:250;transform:scale(.72);transform-origin:center}48%,68%{opacity:.8;stroke-dashoffset:0;transform:scale(1)}75%{opacity:0;stroke-dashoffset:-35;transform:scale(1.12)}}
@keyframes name227-ascendant-pulse-plane{0%,38%,80%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.18)}49%,66%{opacity:.9;transform:translate(-50%,-50%) scaleX(1)}74%{opacity:0;transform:translate(-50%,-50%) scaleX(.72)}}
@keyframes name227-ascendant-pulse{0%,38%,81%,100%{stroke-dashoffset:1100;opacity:0}50%{stroke-dashoffset:0;opacity:.95}67%{stroke-dashoffset:0;opacity:.55}75%{stroke-dashoffset:-160;opacity:0}}

/* Знак владельца — a hand-drawn sovereign signature and central signet. */
.name-effect-coronation{color:#ffe5c1!important;padding:.1em .2em .2em!important;text-shadow:.035em .04em 0 rgba(53,5,29,.95),0 0 .16em rgba(219,58,126,.5),0 0 .32em rgba(245,177,83,.24)!important}
.name-effect-coronation .name-glyph{z-index:8!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:currentColor!important;animation:name227-owner-letter 8s cubic-bezier(.18,.82,.18,1) infinite!important;animation-delay:calc(var(--glyph) * .043s)!important}
.name-effect-coronation .name-glyph-echo{inset:0!important;color:#9b1e56!important;-webkit-text-fill-color:currentColor!important;opacity:0;text-shadow:0 0 .18em rgba(226,61,132,.66)!important;animation:name227-owner-imprint 8s ease-in-out infinite!important;animation-delay:calc(var(--glyph) * .043s)!important}
.name-effect-coronation .name-glyph-spark{z-index:10!important;left:50%!important;top:50%!important;width:.22em!important;height:.026em!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#ffdda0 38%,#fff4ce 53%,#db3f80 80%,transparent)!important;box-shadow:0 0 .13em rgba(255,198,111,.66)!important;opacity:0;transform:translate(-.2em,-50%) rotate(-8deg) scaleX(.12);animation:name227-owner-glint 8s ease-out infinite!important;animation-delay:calc(var(--glyph) * .043s)!important}
.name-effect-coronation>.name-effect-plane-a{display:block!important;z-index:2!important;left:50%!important;right:auto!important;top:54%!important;bottom:auto!important;width:calc(100% + .34em)!important;height:1.16em!important;opacity:0;transform:translate(-50%,-50%) scale(.94,.92);transform-origin:center!important;filter:drop-shadow(0 0 .1em rgba(212,48,113,.35));animation:name227-owner-plane 8s cubic-bezier(.16,.84,.18,1) infinite!important}
.owner-svg *{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.owner-script{fill:none;stroke-dasharray:1700;stroke-dashoffset:1700;animation:name227-owner-draw 8s cubic-bezier(.22,.76,.18,1) infinite}.owner-script-main{stroke:#f3b260;stroke-width:3.1}.owner-script-upper{stroke:#d84383;stroke-width:2.2;opacity:.78;animation-delay:.08s}.owner-script-lower{stroke:#ffe0a0;stroke-width:1.65;opacity:.65;animation-delay:.15s}.owner-signet{transform-box:fill-box;transform-origin:center;opacity:0;animation:name227-owner-signet 8s cubic-bezier(.16,.84,.18,1) infinite}.owner-signet circle,.owner-signet path{fill:rgba(66,5,34,.15);stroke:#f4b866;stroke-width:1.6}.owner-signet circle:nth-child(2){stroke:#d94282;stroke-width:1.4}.owner-signet path:nth-child(3){fill:rgba(222,58,128,.13);stroke:#ffe1a1}.owner-signet path:nth-child(4){fill:none;stroke:#ffeac3;stroke-width:1.7}.owner-signet circle:last-child{fill:#ffe9b3;stroke:none}.owner-notches{fill:none;stroke:#d64182;stroke-width:1.55;stroke-dasharray:280;stroke-dashoffset:280;opacity:.7;animation:name227-owner-notches 8s ease-in-out infinite}
.name-effect-coronation>.name-effect-plane-b.owner-sweep{display:block!important;z-index:7!important;left:-7%!important;right:auto!important;top:50%!important;bottom:auto!important;width:13%!important;height:.94em!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,rgba(255,231,180,.08) 20%,rgba(255,239,202,.7) 50%,rgba(219,61,126,.16) 74%,transparent)!important;filter:blur(.012em) drop-shadow(0 0 .08em rgba(255,199,105,.55));opacity:0;transform:translateY(-50%) skewX(-13deg);animation:name227-owner-sweep 8s cubic-bezier(.2,.78,.16,1) infinite!important}
@keyframes name227-owner-letter{0%,18%,82%,100%{transform:none;filter:brightness(1) saturate(1)}32%{transform:translateY(.015em) scaleY(.985);filter:brightness(.96)}46%{transform:translateY(-.022em) scale(1.014,1.028);filter:brightness(1.32) saturate(1.08)}59%{transform:none;filter:brightness(1.12)}71%{transform:none;filter:brightness(1.02)}}
@keyframes name227-owner-imprint{0%,24%,80%,100%{opacity:0;transform:translate(.055em,.052em) scale(.995)}38%{opacity:.42;transform:translate(.065em,.06em) scale(1.003)}53%{opacity:.16;transform:translate(.018em,.018em)}66%{opacity:0;transform:none}}
@keyframes name227-owner-glint{0%,31%,79%,100%{opacity:0;transform:translate(-.2em,-50%) rotate(-8deg) scaleX(.12)}43%{opacity:.96;transform:translate(-.02em,-50%) rotate(-8deg) scaleX(1.08)}55%{opacity:.38;transform:translate(.16em,-50%) rotate(-8deg) scaleX(.58)}65%{opacity:0;transform:translate(.3em,-50%) rotate(-8deg) scaleX(.12)}}
@keyframes name227-owner-plane{0%,19%,81%,100%{opacity:0;transform:translate(-50%,-50%) scale(.94,.92)}33%{opacity:.42;transform:translate(-50%,-50%) scale(.98,.97)}48%,69%{opacity:.9;transform:translate(-50%,-50%) scale(1)}77%{opacity:0;transform:translate(-50%,-50%) scale(1.018,1.02)}}
@keyframes name227-owner-draw{0%,24%,81%,100%{stroke-dashoffset:1700;opacity:0}37%{opacity:.52}52%,70%{stroke-dashoffset:0;opacity:.88}78%{stroke-dashoffset:-150;opacity:0}}
@keyframes name227-owner-signet{0%,35%,80%,100%{opacity:0;transform:scale(.68) rotate(-18deg)}49%{opacity:.94;transform:scale(1.04) rotate(2deg)}58%,69%{opacity:.82;transform:scale(1) rotate(0)}76%{opacity:0;transform:scale(1.13) rotate(8deg)}}
@keyframes name227-owner-notches{0%,31%,80%,100%{stroke-dashoffset:280;opacity:0}47%,68%{stroke-dashoffset:0;opacity:.72}76%{stroke-dashoffset:-40;opacity:0}}
@keyframes name227-owner-sweep{0%,36%,80%,100%{left:-7%;opacity:0}43%{opacity:.25}53%{opacity:.86}68%{left:94%;opacity:.38}75%{left:105%;opacity:0}}

@media(max-width:700px){
  .comment-menu-wrap{top:10px;right:8px;height:38px}.comment-menu-button{width:26px;height:26px;min-width:26px;min-height:26px}.comment-menu-button svg{width:15px;height:15px}.comment-context-menu{top:38px}
  .report-sheet{width:min(100%,620px)!important;padding:16px!important}.report-reasons{grid-template-columns:1fr}.report-reason-card{min-height:0}.report-details-label>span{display:block}.report-details-label small{margin-top:3px}.report-actions{grid-template-columns:1fr}.report-actions .btn.tonal{order:2}
  .comment-reply-slot .comment-composer textarea,.comment-reply-slot .wall-document-editor{min-height:82px!important}
  .name-effect-ascendant>.name-effect-plane-a{width:calc(100% + .38em)!important}.name-effect-coronation>.name-effect-plane-a{width:calc(100% + .28em)!important}
}
@media(max-width:390px){.comment-context-menu{position:fixed;left:10px;right:10px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));width:auto}.comment-pinned-badge{font-size:7.5px}.comment-replies-toggle{width:auto;max-width:100%}}
@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant .name-glyph,.name-effect-coronation .name-glyph,
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane,
  .name-effect-ascendant>.name-effect-plane *,.name-effect-coronation>.name-effect-plane *{animation:none!important}
  .name-effect-ascendant .name-glyph-echo,.name-effect-ascendant .name-glyph-spark,
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-ascendant>.name-effect-plane,.name-effect-coronation>.name-effect-plane{display:none!important}
}
.reduced-ui-motion .name-effect-ascendant .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph,
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,.reduced-ui-motion .name-effect-coronation>.name-effect-plane,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane *,.reduced-ui-motion .name-effect-coronation>.name-effect-plane *{animation:none!important}
.reduced-ui-motion .name-effect-ascendant .name-glyph-echo,.reduced-ui-motion .name-effect-ascendant .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-ascendant>.name-effect-plane,.reduced-ui-motion .name-effect-coronation>.name-effect-plane{display:none!important}

/* Release 228 — collapsed YouTube-style threads, clean pin, prestige remaster. */
.profile-wall-list>.community-comment.comment-pinned{
  border-color:color-mix(in srgb,var(--outline) 20%,transparent)!important;
  background:var(--surface)!important;
  box-shadow:none!important;
}
.comment-pinned-badge{
  border:0!important;
  background:color-mix(in srgb,#f4c76a 13%,transparent)!important;
  color:color-mix(in srgb,#f4c76a 84%,var(--on-surface))!important;
}
.comment-replies{
  position:relative;
  display:grid;
  gap:8px;
  margin-top:7px;
  padding:0 0 0 43px;
  border-left:0!important;
}
.comment-replies::before{
  content:"";
  position:absolute;
  left:17px;
  top:39px;
  bottom:12px;
  width:2px;
  border-radius:999px;
  background:color-mix(in srgb,var(--outline) 24%,transparent);
  opacity:.72;
}
.comment-replies-toggle{
  order:-1!important;
  justify-self:start;
  width:auto;
  min-height:36px;
  margin:0 0 2px -43px;
  padding:7px 11px 7px 8px;
  border:0!important;
  border-radius:999px;
  background:transparent!important;
  color:var(--primary)!important;
  font-size:11px;
  font-weight:850;
  letter-spacing:.005em;
}
.comment-replies-toggle:hover{
  background:color-mix(in srgb,var(--primary) 10%,transparent)!important;
  color:var(--primary)!important;
}
.comment-replies-toggle>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:color-mix(in srgb,var(--primary) 12%,transparent);
}
.comment-replies-toggle>span svg{width:15px;height:15px}
.comment-replies-toggle>svg:last-child{margin-left:1px}
.comment-reply.community-comment{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  padding:7px 0 2px!important;
}
.comment-reply .comment-content{padding-top:0}
.comment-reply .comment-text{margin-top:4px;font-size:12.5px;line-height:1.55}
.comment-reply .comment-action-row{margin-top:5px}
.comment-reply .comment-author-line{min-height:20px}
.comment-reply-reference{
  margin-top:2px!important;
  padding:3px 7px!important;
  border:0!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--primary) 7%,transparent)!important;
}
.comment-reply-slot:not(:empty){margin-top:8px}
.comment-reply-slot .comment-composer{
  border-radius:13px!important;
  background:color-mix(in srgb,var(--surface-variant) 40%,var(--surface))!important;
  box-shadow:none!important;
}

/* Вознесение: celestial gate, expanding halo, star ignition and rising glyphs. */
.name-effect-ascendant{
  isolation:isolate!important;
  padding:.22em .32em .25em!important;
  color:#fff0bd!important;
  text-shadow:0 .04em 0 rgba(28,13,68,.95),0 0 .2em rgba(173,126,255,.85),0 0 .5em rgba(255,219,132,.34)!important;
}
.name-effect-ascendant::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;top:53%;
  width:112%;height:1.22em;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,236,176,.22) 0%,rgba(151,96,238,.16) 34%,rgba(75,33,160,.06) 58%,transparent 75%);
  filter:blur(.08em);
  opacity:0;
  transform:translate(-50%,-50%) scale(.72,.42);
  animation:name228-ascendant-aura 9.2s cubic-bezier(.16,.8,.18,1) infinite;
}
.name-effect-ascendant .name-glyph{
  animation:name228-ascendant-letter 9.2s cubic-bezier(.16,.82,.14,1) infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant .name-glyph-echo{
  animation:name228-ascendant-echo 9.2s cubic-bezier(.18,.74,.12,1) infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant .name-glyph-spark{
  width:.034em!important;height:.72em!important;
  background:linear-gradient(transparent,#fff 24%,#ffe39a 47%,#ad7cff 78%,transparent)!important;
  box-shadow:0 0 .12em #fff5ce,0 0 .28em rgba(168,119,246,.9)!important;
  animation:name228-ascendant-beam 9.2s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .052s)!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  width:calc(100% + .72em)!important;
  height:1.58em!important;
  filter:drop-shadow(0 0 .11em rgba(255,225,151,.5)) drop-shadow(0 0 .28em rgba(135,79,225,.38))!important;
  animation:name228-ascendant-plane 9.2s cubic-bezier(.15,.82,.17,1) infinite!important;
}
.ascendant-radiance path{
  fill:none;stroke:#f8e8ff;stroke-width:1.25;stroke-dasharray:420;stroke-dashoffset:420;opacity:0;
  filter:drop-shadow(0 0 5px rgba(191,146,255,.8));
  animation:name228-ascendant-rays 9.2s ease-out infinite;
}
.ascendant-horizon{
  fill:none;stroke:#ffe9ad;stroke-width:1.5;stroke-dasharray:950;stroke-dashoffset:950;opacity:0;
  filter:drop-shadow(0 0 5px rgba(255,220,137,.6));
  animation:name228-ascendant-horizon 9.2s ease-out infinite;
}
.ascendant-stars circle{
  fill:#fff7d6;opacity:0;transform-box:fill-box;transform-origin:center;
  filter:drop-shadow(0 0 5px #d9b9ff);
  animation:name228-ascendant-star 9.2s ease-in-out infinite;
}
.ascendant-stars circle:nth-child(2),.ascendant-stars circle:nth-child(5){animation-delay:.12s}
.ascendant-stars circle:nth-child(3),.ascendant-stars circle:nth-child(4){animation-delay:.24s}
.ascendant-core-ring-wide{stroke:#ffe3a1!important;stroke-width:1!important;opacity:0;animation:name228-ascendant-wide-ring 9.2s ease-out infinite!important}
.ascendant-pulse-flare{stroke:#fff5d2!important;stroke-width:1.15!important;opacity:.7;animation-delay:.16s!important}
.name-effect-ascendant>.name-effect-plane-b{
  animation:name228-ascendant-pulse-plane 9.2s ease-out infinite!important;
}
.ascendant-pulse{animation:name228-ascendant-pulse 9.2s ease-out infinite!important}

@keyframes name228-ascendant-aura{
  0%,20%,84%,100%{opacity:0;transform:translate(-50%,-50%) scale(.72,.42)}
  35%{opacity:.32;transform:translate(-50%,-50%) scale(.88,.72)}
  49%,68%{opacity:.9;transform:translate(-50%,-50%) scale(1.04,1)}
  78%{opacity:0;transform:translate(-50%,-50%) scale(1.22,1.18)}
}
@keyframes name228-ascendant-letter{
  0%,19%,84%,100%{transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}
  33%{transform:translateY(.025em) scaleY(.97);filter:brightness(.94)}
  47%{transform:translateY(-.09em) scale(1.025,1.075);filter:brightness(1.65) saturate(1.18)}
  57%{transform:translateY(-.035em) scale(1.01,1.025);filter:brightness(1.25)}
  70%{transform:translateY(0);filter:brightness(1.08)}
}
@keyframes name228-ascendant-echo{
  0%,27%,79%,100%{opacity:0;transform:translateY(.08em) scale(.98)}
  42%{opacity:.52;transform:translateY(-.07em) scale(1.02,1.08)}
  56%{opacity:.2;transform:translateY(-.34em) scale(.98,1.2)}
  70%{opacity:0;transform:translateY(-.58em) scale(.9,1.34)}
}
@keyframes name228-ascendant-beam{
  0%,31%,78%,100%{opacity:0;transform:translate(-50%,.25em) scaleY(.08)}
  43%{opacity:1;transform:translate(-50%,-.08em) scaleY(1.25)}
  56%{opacity:.34;transform:translate(-50%,-.42em) scaleY(.72)}
  68%{opacity:0;transform:translate(-50%,-.64em) scaleY(.08)}
}
@keyframes name228-ascendant-plane{
  0%,18%,84%,100%{opacity:0;transform:translate(-50%,-50%) scale(.78,.7) rotateX(14deg)}
  31%{opacity:.3;transform:translate(-50%,-50%) scale(.9,.86)}
  46%,69%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  78%{opacity:0;transform:translate(-50%,-50%) scale(1.13,1.08)}
}
@keyframes name228-ascendant-rays{
  0%,28%,82%,100%{stroke-dashoffset:420;opacity:0}
  43%{stroke-dashoffset:0;opacity:.82}
  62%{stroke-dashoffset:0;opacity:.38}
  75%{stroke-dashoffset:-120;opacity:0}
}
@keyframes name228-ascendant-horizon{
  0%,38%,82%,100%{stroke-dashoffset:950;opacity:0}
  50%{stroke-dashoffset:0;opacity:.95}
  68%{stroke-dashoffset:0;opacity:.45}
  77%{stroke-dashoffset:-180;opacity:0}
}
@keyframes name228-ascendant-star{
  0%,34%,80%,100%{opacity:0;transform:scale(.2) rotate(0)}
  46%{opacity:1;transform:scale(1.5) rotate(90deg)}
  57%{opacity:.7;transform:scale(.8) rotate(150deg)}
  70%{opacity:0;transform:scale(.2) rotate(220deg)}
}
@keyframes name228-ascendant-wide-ring{
  0%,36%,82%,100%{opacity:0;stroke-dashoffset:360;transform:scale(.62);transform-origin:center}
  50%{opacity:.82;stroke-dashoffset:0;transform:scale(1)}
  67%{opacity:.28;transform:scale(1.18)}
  76%{opacity:0;stroke-dashoffset:-70;transform:scale(1.35)}
}
@keyframes name228-ascendant-pulse-plane{
  0%,39%,82%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.08)}
  50%{opacity:1;transform:translate(-50%,-50%) scaleX(1.08)}
  67%{opacity:.52;transform:translate(-50%,-50%) scaleX(.92)}
  76%{opacity:0;transform:translate(-50%,-50%) scaleX(1.2)}
}
@keyframes name228-ascendant-pulse{
  0%,39%,82%,100%{stroke-dashoffset:1100;opacity:0}
  51%{stroke-dashoffset:0;opacity:1}
  67%{stroke-dashoffset:0;opacity:.48}
  77%{stroke-dashoffset:-210;opacity:0}
}

/* Знак владельца: sovereign seal, crown, laurels, wax imprint and gold sweep. */
.name-effect-coronation{
  isolation:isolate!important;
  padding:.2em .34em .27em!important;
  color:#ffe8bd!important;
  text-shadow:.04em .045em 0 rgba(48,4,28,.96),0 0 .2em rgba(229,48,126,.72),0 0 .48em rgba(250,181,76,.32)!important;
}
.name-effect-coronation::before{
  content:"";position:absolute;z-index:0;left:50%;top:56%;width:110%;height:1.12em;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,203,111,.2),rgba(193,27,93,.12) 38%,transparent 72%);
  opacity:0;filter:blur(.07em);transform:translate(-50%,-50%) scale(.72,.55);
  animation:name228-owner-aura 9.6s ease-in-out infinite;
}
.name-effect-coronation .name-glyph{animation:name228-owner-letter 9.6s cubic-bezier(.17,.82,.16,1) infinite!important;animation-delay:calc(var(--glyph) * .047s)!important}
.name-effect-coronation .name-glyph-echo{animation:name228-owner-imprint 9.6s ease-in-out infinite!important;animation-delay:calc(var(--glyph) * .047s)!important}
.name-effect-coronation .name-glyph-spark{height:.035em!important;width:.3em!important;box-shadow:0 0 .12em #fff0c7,0 0 .28em rgba(224,55,126,.72)!important;animation:name228-owner-glint 9.6s ease-out infinite!important;animation-delay:calc(var(--glyph) * .047s)!important}
.name-effect-coronation>.name-effect-plane-a{width:calc(100% + .72em)!important;height:1.45em!important;filter:drop-shadow(0 0 .1em rgba(255,191,87,.48)) drop-shadow(0 0 .25em rgba(199,32,100,.28))!important;animation:name228-owner-plane 9.6s cubic-bezier(.15,.83,.18,1) infinite!important}
.owner-script{animation:name228-owner-draw 9.6s cubic-bezier(.19,.8,.16,1) infinite!important}
.owner-signet{animation:name228-owner-signet 9.6s cubic-bezier(.14,.86,.16,1) infinite!important}
.owner-notches{animation:name228-owner-notches 9.6s ease-in-out infinite!important}
.owner-laurel,.owner-crown,.owner-chain,.owner-seal-rays{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520;opacity:0;animation:name228-owner-ornament 9.6s ease-out infinite}
.owner-laurel{stroke:#e24a8b;stroke-width:1.55}.owner-laurel-right{animation-delay:.1s}.owner-crown{stroke:#ffe5a6;stroke-width:1.75;fill:rgba(255,205,105,.08);animation-delay:.18s}.owner-chain{stroke:#f4b85f;stroke-width:1.25;animation-delay:.24s}.owner-seal-rays{stroke:#ffe9ba!important;stroke-width:1.1!important;animation-delay:.3s!important}
.owner-gems circle{fill:#fff0c6;stroke:#d9367c;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 5px rgba(255,194,92,.9));animation:name228-owner-gem 9.6s ease-in-out infinite}.owner-gems circle:nth-child(2){animation-delay:.12s}.owner-gems circle:nth-child(3){animation-delay:.22s}
.name-effect-coronation>.name-effect-plane-b.owner-sweep{width:16%!important;height:1.14em!important;background:linear-gradient(90deg,transparent,rgba(255,225,169,.08) 18%,rgba(255,247,217,.92) 48%,rgba(233,54,126,.22) 72%,transparent)!important;filter:blur(.008em) drop-shadow(0 0 .12em rgba(255,202,104,.8))!important;animation:name228-owner-sweep 9.6s cubic-bezier(.16,.8,.16,1) infinite!important}

@keyframes name228-owner-aura{0%,20%,84%,100%{opacity:0;transform:translate(-50%,-50%) scale(.72,.55)}38%{opacity:.26}50%,70%{opacity:.86;transform:translate(-50%,-50%) scale(1.03,1)}78%{opacity:0;transform:translate(-50%,-50%) scale(1.18,1.12)}}
@keyframes name228-owner-letter{0%,18%,84%,100%{transform:none;filter:brightness(1) saturate(1)}33%{transform:translateY(.025em) scaleY(.975);filter:brightness(.92)}47%{transform:translateY(-.035em) scale(1.02,1.045);filter:brightness(1.58) saturate(1.18)}59%{transform:translateY(0);filter:brightness(1.2)}72%{filter:brightness(1.04)}}
@keyframes name228-owner-imprint{0%,25%,81%,100%{opacity:0;transform:translate(.075em,.065em) scale(.98)}39%{opacity:.58;transform:translate(.07em,.06em) scale(1.01)}54%{opacity:.2;transform:translate(.02em,.018em)}68%{opacity:0;transform:none}}
@keyframes name228-owner-glint{0%,32%,80%,100%{opacity:0;transform:translate(-.26em,-50%) rotate(-9deg) scaleX(.08)}44%{opacity:1;transform:translate(-.04em,-50%) rotate(-9deg) scaleX(1.25)}56%{opacity:.5;transform:translate(.17em,-50%) rotate(-9deg) scaleX(.74)}67%{opacity:0;transform:translate(.34em,-50%) rotate(-9deg) scaleX(.08)}}
@keyframes name228-owner-plane{0%,19%,84%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8,.74)}34%{opacity:.35;transform:translate(-50%,-50%) scale(.92,.9)}49%,71%{opacity:1;transform:translate(-50%,-50%) scale(1)}79%{opacity:0;transform:translate(-50%,-50%) scale(1.1,1.08)}}
@keyframes name228-owner-draw{0%,24%,84%,100%{stroke-dashoffset:1700;opacity:0}38%{opacity:.62}53%,72%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:-180;opacity:0}}
@keyframes name228-owner-signet{0%,35%,82%,100%{opacity:0;transform:scale(.48) rotate(-26deg)}48%{opacity:1;transform:scale(1.1) rotate(3deg)}58%,71%{opacity:.96;transform:scale(1) rotate(0)}79%{opacity:0;transform:scale(1.24) rotate(11deg)}}
@keyframes name228-owner-notches{0%,31%,82%,100%{stroke-dashoffset:280;opacity:0}47%,71%{stroke-dashoffset:0;opacity:.92}79%{stroke-dashoffset:-55;opacity:0}}
@keyframes name228-owner-ornament{0%,30%,82%,100%{stroke-dashoffset:520;opacity:0}46%{stroke-dashoffset:0;opacity:.92}69%{stroke-dashoffset:0;opacity:.72}78%{stroke-dashoffset:-90;opacity:0}}
@keyframes name228-owner-gem{0%,39%,81%,100%{opacity:0;transform:scale(.15)}49%{opacity:1;transform:scale(1.6)}57%,69%{opacity:.92;transform:scale(1)}77%{opacity:0;transform:scale(.3)}}
@keyframes name228-owner-sweep{0%,37%,82%,100%{left:-12%;opacity:0;transform:translateY(-50%) skewX(-14deg) scaleX(.45)}44%{opacity:.28}54%{opacity:1}70%{left:96%;opacity:.42;transform:translateY(-50%) skewX(-14deg) scaleX(1.1)}78%{left:112%;opacity:0;transform:translateY(-50%) skewX(-14deg) scaleX(.4)}}

@media(max-width:700px){
  .comment-replies{padding-left:35px}.comment-replies::before{left:14px}.comment-replies-toggle{margin-left:0!important}
  .name-effect-ascendant>.name-effect-plane-a,.name-effect-coronation>.name-effect-plane-a{width:calc(100% + .48em)!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-ascendant::before,.name-effect-coronation::before,.ascendant-radiance path,.ascendant-horizon,.ascendant-stars circle,.owner-laurel,.owner-crown,.owner-chain,.owner-gems circle{animation:none!important;opacity:.45!important}
}

/* Release 229 — three-reply preview and reaction-count comment sorting. */
.profile-wall-list>.community-comment.comment-pinned{
  border-color:transparent!important;
  outline:0!important;
}
.comment-replies-toggle{
  order:999!important;
  margin-top:2px!important;
}
.comments-heading{
  align-items:flex-end;
  gap:14px;
}
.anime-comment-sort{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  max-width:100%;
  padding:4px;
  border:1px solid color-mix(in srgb,var(--outline) 20%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--surface-variant) 42%,transparent);
}
.anime-comment-sort button{
  min-height:34px;
  padding:7px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--on-surface-variant);
  font:inherit;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.anime-comment-sort button:hover{
  color:var(--on-surface);
  background:color-mix(in srgb,var(--primary) 7%,transparent);
}
.anime-comment-sort button.active{
  color:var(--on-primary-container);
  background:var(--primary-container);
  box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 13%,transparent);
}
.community-section.comments-sorting .comments-list{
  opacity:.45;
  transform:translateY(2px);
  pointer-events:none;
}
.community-section .comments-list{transition:opacity .14s ease,transform .14s ease}
@media(max-width:700px){
  .comments-heading{align-items:stretch!important;flex-direction:column}
  .anime-comment-sort{justify-content:stretch;width:100%;overflow-x:auto;scrollbar-width:none}
  .anime-comment-sort::-webkit-scrollbar{display:none}
  .anime-comment-sort button{flex:1 0 auto;min-height:36px}
  .comment-replies-toggle{margin-left:0!important}
}

/* Release 230 — sovereign owner signature and YouTube-shaped reply branches. */

/* Replies: one root trunk, curved branches, and one extra visual nesting level
   for an answer aimed at another reply. The data model remains a flat thread,
   so moderation, paging and the three-reply preview stay predictable. */
.comment-replies{
  position:relative!important;
  display:grid!important;
  gap:2px!important;
  margin-top:8px!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
.comment-replies::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:-34px!important;
  top:-30px!important;
  bottom:25px!important;
  width:1px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--outline) 35%,transparent)!important;
  opacity:.8!important;
  pointer-events:none!important;
}
.comment-reply.community-comment{
  --reply-depth:1;
  position:relative!important;
  z-index:1!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  min-width:0!important;
  margin-left:calc((var(--reply-depth) - 1) * 42px)!important;
  padding:8px 0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.comment-reply.community-comment::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-34px;
  top:-8px;
  width:51px;
  height:33px;
  border-left:1px solid color-mix(in srgb,var(--outline) 35%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--outline) 35%,transparent);
  border-radius:0 0 0 16px;
  pointer-events:none;
}
.comment-reply[data-reply-depth="2"]::before,
.comment-reply[data-reply-depth="3"]::before{
  left:-25px;
  top:-35px;
  width:42px;
  height:60px;
  border-radius:0 0 0 16px;
}
.comment-reply[data-reply-depth="3"]{margin-left:84px!important}
.comment-reply .comment-avatar{
  align-self:start!important;
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.comment-reply .comment-user-avatar{
  width:34px!important;
  height:34px!important;
  box-shadow:0 0 0 2px var(--surface)!important;
}
.community-comment:not(.comment-reply) .comment-avatar{
  align-self:start!important;
  margin-top:0!important;
}
.comment-reply .comment-head{min-height:21px!important}
.comment-reply .comment-author-line{gap:5px!important;min-height:21px!important}
.comment-reply .comment-text{
  margin-top:3px!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.comment-inline-mention{
  display:inline!important;
  margin:0 4px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--primary)!important;
  font:inherit!important;
  font-weight:720!important;
  line-height:inherit!important;
  cursor:pointer!important;
  vertical-align:baseline!important;
}
.comment-inline-mention:hover{text-decoration:underline!important}
.comment-reply-reference{display:none!important}
.comment-replies-toggle{
  order:999!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-height:32px!important;
  width:auto!important;
  margin:5px 0 0 0!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--on-surface)!important;
  font:inherit!important;
  font-size:10.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.comment-replies-toggle:hover{
  background:color-mix(in srgb,var(--on-surface) 7%,transparent)!important;
  color:var(--primary)!important;
}
.comment-replies-toggle>svg:last-child{
  width:14px!important;
  height:14px!important;
  transform:rotate(90deg)!important;
  transition:transform .16s ease!important;
}
.comment-replies-toggle.expanded>svg:last-child{transform:rotate(-90deg)!important}
.comment-reply-hidden{display:none!important}

/* Знак владельца 230: a drawn sovereign signature that ends in a physical
   ruby-gold authorization stamp. No old frame, wreath or oversized ornament. */
.name-effect-coronation{
  isolation:isolate!important;
  overflow:visible!important;
  padding:.14em .58em .24em .08em!important;
  color:#ffe9b2!important;
  text-shadow:.035em .04em 0 rgba(47,5,24,.96),0 0 .15em rgba(255,202,111,.72),0 0 .38em rgba(197,30,91,.34)!important;
}
.name-effect-coronation::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:49%!important;
  top:57%!important;
  width:104%!important;
  height:.9em!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(255,208,116,.17) 0%,rgba(170,18,72,.12) 42%,transparent 74%)!important;
  filter:blur(.06em)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.72,.48)!important;
  animation:name230-owner-aura 7.8s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;
  position:absolute!important;
  z-index:8!important;
  right:.13em!important;
  top:51%!important;
  width:.12em!important;
  height:.12em!important;
  border-radius:50%!important;
  background:#fff3c2!important;
  box-shadow:0 0 .08em #fff,0 0 .22em #ffc45e,0 0 .42em rgba(205,31,91,.9)!important;
  opacity:0!important;
  transform:translate(50%,-50%) scale(.2)!important;
  animation:name230-owner-authority-light 7.8s ease-in-out infinite!important;
}
.name-effect-coronation .name-glyph{
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name230-owner-glyph 7.8s cubic-bezier(.16,.82,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation .name-glyph-echo{
  color:#b51d56!important;
  opacity:0!important;
  animation:name230-owner-imprint 7.8s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation .name-glyph-spark{
  width:.22em!important;
  height:.025em!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#fff8dd 38%,#ffc760 70%,transparent)!important;
  box-shadow:0 0 .1em rgba(255,245,210,.95),0 0 .24em rgba(214,39,101,.7)!important;
  animation:name230-owner-letter-flare 7.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation>.owner230-plane{
  display:block!important;
  z-index:1!important;
  left:50%!important;
  right:auto!important;
  top:51%!important;
  bottom:auto!important;
  width:calc(100% + 1.02em)!important;
  height:1.34em!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.92,.88)!important;
  filter:drop-shadow(0 0 .08em rgba(255,205,110,.55)) drop-shadow(0 0 .18em rgba(179,21,75,.38))!important;
  animation:name230-owner-plane 7.8s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.owner230-svg{overflow:visible!important}
.owner230-signature,
.owner230-rail,
.owner230-crown,
.owner230-seal,
.owner230-seal-inner,
.owner230-mark,
.owner230-cut,
.owner230-ripple{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.owner230-signature{stroke-dasharray:1250;stroke-dashoffset:1250}
.owner230-signature-shadow{stroke:#8d123e;stroke-width:5.4;opacity:.32;filter:blur(2px)}
.owner230-signature-main{stroke:#ffd37d;stroke-width:2.2;animation:name230-owner-signature 7.8s cubic-bezier(.18,.78,.16,1) infinite}
.owner230-rail{stroke:#d52a67;stroke-width:1.15;stroke-dasharray:240;stroke-dashoffset:240;opacity:0;animation:name230-owner-rails 7.8s ease-out infinite}
.owner230-rail-bottom{animation-delay:.1s}
.owner230-authority{transform-box:fill-box;transform-origin:center;opacity:0;animation:name230-owner-stamp 7.8s cubic-bezier(.12,.88,.16,1) infinite}
.owner230-crown{stroke:#ffe3a0;stroke-width:1.7;stroke-dasharray:180;stroke-dashoffset:180;animation:name230-owner-crown 7.8s ease-out infinite}
.owner230-seal{fill:rgba(116,9,48,.66);stroke:#ffd173;stroke-width:2.3}
.owner230-seal-inner{fill:rgba(223,43,105,.1);stroke:#d92b68;stroke-width:1.45}
.owner230-mark{fill:rgba(255,221,145,.08);stroke:#fff0bf;stroke-width:1.75}
.owner230-cut{stroke:#ef4b84;stroke-width:1.3;stroke-dasharray:80;stroke-dashoffset:80;animation:name230-owner-cuts 7.8s ease-out infinite}
.owner230-ripple{stroke:#ffd780;stroke-width:1.25;opacity:0;transform-box:fill-box;transform-origin:center}
.owner230-ripple-a{animation:name230-owner-ripple 7.8s ease-out infinite}
.owner230-ripple-b{animation:name230-owner-ripple 7.8s .12s ease-out infinite}
.owner230-sparks circle{
  fill:#fff2c7;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 4px #ffc45e);
  animation:name230-owner-spark 7.8s ease-in-out infinite;
}
.owner230-sparks circle:nth-child(2){animation-delay:.08s}.owner230-sparks circle:nth-child(3){animation-delay:.15s}.owner230-sparks circle:nth-child(4){animation-delay:.22s}.owner230-sparks circle:nth-child(5){animation-delay:.3s}
.name-effect-coronation>.owner230-verification-sweep{
  display:block!important;
  z-index:7!important;
  left:-16%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:18%!important;
  height:1.02em!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,225,159,.08) 18%,rgba(255,250,224,.96) 49%,rgba(218,43,105,.26) 70%,transparent)!important;
  filter:blur(.008em) drop-shadow(0 0 .12em rgba(255,196,86,.86))!important;
  opacity:0!important;
  transform:translateY(-50%) skewX(-13deg) scaleX(.4)!important;
  animation:name230-owner-sweep 7.8s cubic-bezier(.18,.78,.16,1) infinite!important;
}
@keyframes name230-owner-aura{0%,12%,88%,100%{opacity:0;transform:translate(-50%,-50%) scale(.72,.48)}28%{opacity:.22}43%,72%{opacity:.78;transform:translate(-50%,-50%) scale(1.02,1)}82%{opacity:0;transform:translate(-50%,-50%) scale(1.12,1.08)}}
@keyframes name230-owner-glyph{0%,14%,88%,100%{transform:none;filter:brightness(1) saturate(1)}30%{transform:translateY(.018em);filter:brightness(.96)}43%{transform:translateY(-.025em) scale(1.012,1.025);filter:brightness(1.38) saturate(1.12)}57%{transform:none;filter:brightness(1.16)}73%{filter:brightness(1.04)}}
@keyframes name230-owner-imprint{0%,18%,84%,100%{opacity:0;transform:translate(.065em,.055em) scale(.99)}31%{opacity:.52;transform:translate(.06em,.052em) scale(1.005)}46%{opacity:.18;transform:translate(.018em,.015em)}62%{opacity:0;transform:none}}
@keyframes name230-owner-letter-flare{0%,31%,82%,100%{opacity:0;transform:translate(-.18em,-50%) rotate(-8deg) scaleX(.1)}42%{opacity:1;transform:translate(0,-50%) rotate(-8deg) scaleX(1.25)}53%{opacity:.4;transform:translate(.16em,-50%) rotate(-8deg) scaleX(.55)}63%{opacity:0;transform:translate(.28em,-50%) rotate(-8deg) scaleX(.08)}}
@keyframes name230-owner-plane{0%,13%,88%,100%{opacity:0;transform:translate(-50%,-50%) scale(.92,.88)}24%{opacity:.5;transform:translate(-50%,-50%) scale(.97,.96)}38%,74%{opacity:1;transform:translate(-50%,-50%) scale(1)}82%{opacity:0;transform:translate(-50%,-50%) scale(1.045,1.04)}}
@keyframes name230-owner-signature{0%,17%,88%,100%{stroke-dashoffset:1250;opacity:0}25%{opacity:.55}43%,74%{stroke-dashoffset:0;opacity:1}82%{stroke-dashoffset:-180;opacity:0}}
@keyframes name230-owner-rails{0%,26%,86%,100%{stroke-dashoffset:240;opacity:0}40%,70%{stroke-dashoffset:0;opacity:.78}79%{stroke-dashoffset:-40;opacity:0}}
@keyframes name230-owner-stamp{0%,29%,87%,100%{opacity:0;transform:translate(18px,-14px) scale(1.45) rotate(14deg)}38%{opacity:1;transform:translate(-2px,3px) scale(.88) rotate(-2deg)}44%,72%{opacity:1;transform:none}81%{opacity:0;transform:scale(1.15) rotate(4deg)}}
@keyframes name230-owner-crown{0%,35%,86%,100%{stroke-dashoffset:180;opacity:0}46%,72%{stroke-dashoffset:0;opacity:.95}80%{stroke-dashoffset:-35;opacity:0}}
@keyframes name230-owner-cuts{0%,39%,85%,100%{stroke-dashoffset:80;opacity:0}49%,72%{stroke-dashoffset:0;opacity:.9}80%{opacity:0}}
@keyframes name230-owner-ripple{0%,40%,86%,100%{opacity:0;transform:scale(.56)}47%{opacity:.82;transform:scale(.9)}62%{opacity:.2;transform:scale(1.4)}70%{opacity:0;transform:scale(1.68)}}
@keyframes name230-owner-spark{0%,34%,84%,100%{opacity:0;transform:scale(.15)}44%{opacity:1;transform:scale(1.65)}53%,68%{opacity:.72;transform:scale(.85)}77%{opacity:0;transform:scale(.2)}}
@keyframes name230-owner-sweep{0%,37%,84%,100%{left:-16%;opacity:0;transform:translateY(-50%) skewX(-13deg) scaleX(.4)}44%{opacity:.28}53%{opacity:1}68%{left:91%;opacity:.52;transform:translateY(-50%) skewX(-13deg) scaleX(1.12)}77%{left:110%;opacity:0;transform:translateY(-50%) skewX(-13deg) scaleX(.35)}}
@keyframes name230-owner-authority-light{0%,39%,84%,100%{opacity:0;transform:translate(50%,-50%) scale(.2)}46%{opacity:1;transform:translate(50%,-50%) scale(1.55)}55%,68%{opacity:.7;transform:translate(50%,-50%) scale(.8)}77%{opacity:0;transform:translate(50%,-50%) scale(.2)}}

@media(max-width:700px){
  .comment-replies{padding-left:0!important}
  .comment-replies::before{left:-29px!important;bottom:25px!important}
  .comment-reply.community-comment::before{left:-29px;width:46px;height:33px}
  .comment-reply[data-reply-depth="2"]::before,.comment-reply[data-reply-depth="3"]::before{left:-23px;width:40px;height:60px}
  .comment-reply.community-comment{margin-left:calc((var(--reply-depth) - 1) * 34px)!important}
  .comment-reply[data-reply-depth="3"]{margin-left:68px!important}
  .comment-replies-toggle{margin-left:0!important}
  .name-effect-coronation>.owner230-plane{width:calc(100% + .78em)!important}
}
@media(max-width:420px){
  .comment-reply[data-reply-depth="3"]{--reply-depth:2;margin-left:34px!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,
  .name-effect-coronation .name-glyph-spark,.name-effect-coronation>.owner230-plane,
  .name-effect-coronation>.owner230-verification-sweep,.name-effect-coronation>.owner230-plane *{animation:none!important}
  .name-effect-coronation::before{opacity:.28!important;transform:translate(-50%,-50%) scale(1)!important}
  .name-effect-coronation>.owner230-plane{opacity:.58!important;transform:translate(-50%,-50%) scale(1)!important}
  .name-effect-coronation>.owner230-verification-sweep,.name-effect-coronation::after,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark{display:none!important}
}
.reduced-ui-motion .name-effect-coronation::before,.reduced-ui-motion .name-effect-coronation::after,
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation .name-glyph-spark,.reduced-ui-motion .name-effect-coronation>.owner230-plane,
.reduced-ui-motion .name-effect-coronation>.owner230-verification-sweep,.reduced-ui-motion .name-effect-coronation>.owner230-plane *{animation:none!important}
.reduced-ui-motion .name-effect-coronation::before{opacity:.28!important;transform:translate(-50%,-50%) scale(1)!important}
.reduced-ui-motion .name-effect-coronation>.owner230-plane{opacity:.58!important;transform:translate(-50%,-50%) scale(1)!important}
.reduced-ui-motion .name-effect-coronation>.owner230-verification-sweep,.reduced-ui-motion .name-effect-coronation::after,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark{display:none!important}

/* Release 231 — independent nested reply drawers, stable nickname previews,
   a readable role line and a completely rebuilt owner authorization scene. */

/* Keep the role attached to the author instead of letting wide prestige layers
   paint over it or push it onto an invisible second line. */
.comment-author-line{
  align-items:center!important;
  overflow:visible!important;
}
.comment-author-identity{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:visible;
}
.comment-author-identity>.comment-author{
  position:relative;
  z-index:1;
  flex:0 1 auto;
  min-width:0;
  overflow:visible;
}
.comment-author-identity>.role-chip{
  position:relative;
  z-index:20;
  flex:0 0 auto!important;
  margin:0!important;
  padding:4px 8px!important;
  line-height:1!important;
  white-space:nowrap!important;
  background:color-mix(in srgb,var(--role-color,var(--primary)) 13%,var(--surface) 87%)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--role-color,var(--primary)) 12%,transparent),0 3px 10px rgba(0,0,0,.14)!important;
}
.comment-reply .comment-author-identity{gap:6px;max-width:calc(100% - 2px)}
.comment-reply .comment-author-identity>.role-chip{padding:3px 7px!important;font-size:9px!important}

/* A reply aimed at another reply owns a separate collapsed drawer. Even one
   nested answer is hidden behind its own YouTube-like control. */
.comment-nested-replies{
  position:relative!important;
  margin:5px 0 0!important;
  padding:0!important;
  gap:2px!important;
}
.comment-nested-replies::before{
  left:-25px!important;
  top:-15px!important;
  bottom:25px!important;
  opacity:.72!important;
}
.comment-nested-replies>.comment-reply.community-comment{
  margin-left:0!important;
  padding-top:8px!important;
}
.comment-nested-replies>.comment-reply.community-comment::before{
  left:-25px!important;
  top:-8px!important;
  width:42px!important;
  height:33px!important;
  border-radius:0 0 0 14px!important;
}
.comment-nested-replies-toggle{
  margin:2px 0 0 -25px!important;
  color:var(--primary)!important;
}
.comment-nested-replies-toggle:hover{
  background:color-mix(in srgb,var(--primary) 9%,transparent)!important;
}
.comment-nested-replies-toggle>svg:last-child{transform:rotate(90deg)!important}
.comment-nested-replies-toggle.expanded>svg:last-child{transform:rotate(-90deg)!important}

/* The live editor now has the same unclipped stage as the real nickname. */
.profile-name-live-preview{
  position:relative;
  overflow:visible!important;
  isolation:isolate;
  padding-block:25px!important;
}
.profile-name-style,.profile-name-style-group,.name-style-effect-grid{overflow:visible!important}
.name-style-effect-grid .name-style-option.active{z-index:5;overflow:visible!important}
.name-style-live-name,.name-style-option-sample{transform-origin:center!important}

/* Вознесение is now an ice-blue astral gate, visually separate from the
   crimson/gold owner seal. Geometry and timing stay intact. */
.name-effect-ascendant{
  color:#d7fbff!important;
  text-shadow:0 .04em 0 rgba(5,22,58,.96),0 0 .18em rgba(74,224,255,.9),0 0 .48em rgba(73,103,255,.42)!important;
}
.name-effect-ascendant::before{
  background:radial-gradient(ellipse at center,rgba(196,252,255,.25) 0%,rgba(63,188,255,.19) 34%,rgba(52,65,202,.08) 60%,transparent 76%)!important;
}
.name-effect-ascendant .name-glyph-echo{color:#4e7fff!important}
.name-effect-ascendant .name-glyph-spark{
  background:linear-gradient(transparent,#fff 22%,#8ef5ff 47%,#5578ff 78%,transparent)!important;
  box-shadow:0 0 .12em #d7fdff,0 0 .3em rgba(73,197,255,.95)!important;
}
.name-effect-ascendant>.name-effect-plane-a{
  filter:drop-shadow(0 0 .11em rgba(126,240,255,.62)) drop-shadow(0 0 .3em rgba(66,91,241,.44))!important;
}
.ascendant-orbit{stroke:#55dff6!important}.ascendant-orbit-inner{stroke:#8ca8ff!important}
.ascendant-arch{stroke:#bff9ff!important}.ascendant-arch-inner{stroke:#638dff!important}
.ascendant-wing{stroke:#50cdec!important}.ascendant-spine{stroke:#d8fbff!important}
.ascendant-crown{stroke:#a9f6ff!important;fill:rgba(78,201,255,.12)!important}
.ascendant-core{stroke:#d6fbff!important;fill:rgba(73,130,255,.13)!important}
.ascendant-core-ring,.ascendant-core-ring-wide{stroke:#6cecff!important}
.ascendant-feathers{stroke:#a7c4ff!important}.ascendant-horizon{stroke:#7defff!important}
.ascendant-radiance path{stroke:#c9fbff!important;filter:drop-shadow(0 0 5px rgba(73,211,255,.86))!important}
.ascendant-stars circle{fill:#dffeff!important;filter:drop-shadow(0 0 5px #638cff)!important}
.ascendant-pulse{stroke:#61e6ff!important}.ascendant-pulse-soft{stroke:#7295ff!important}.ascendant-pulse-flare{stroke:#e1fdff!important}

/* Знак владельца 231 — a visible command is written, cut by a verdict beam,
   then struck by a heavy hexagonal seal. It deliberately avoids the soft halo
   language of Вознесение. */
.name-effect-coronation{
  isolation:isolate!important;
  overflow:visible!important;
  padding:.28em .92em .34em .12em!important;
  color:#ffd783!important;
  text-shadow:.04em .045em 0 rgba(50,2,18,.98),0 0 .13em rgba(255,183,63,.88),0 0 .34em rgba(190,15,63,.5)!important;
}
.name-effect-coronation::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:49%!important;
  top:58%!important;
  width:116%!important;
  height:1.15em!important;
  border-radius:44%!important;
  background:linear-gradient(90deg,transparent,rgba(112,5,36,.2) 18%,rgba(255,174,54,.13) 50%,rgba(112,5,36,.2) 82%,transparent)!important;
  filter:blur(.045em)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scaleX(.55)!important;
  animation:name231-owner-ground 7.2s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:10!important;
  right:.13em!important;
  top:51%!important;
  width:.2em!important;
  height:.2em!important;
  border-radius:2px!important;
  background:#fff4bf!important;
  box-shadow:0 0 .08em #fff,0 0 .22em #ffb52e,0 0 .5em #bd103e!important;
  opacity:0!important;
  transform:translate(50%,-50%) rotate(45deg) scale(.15)!important;
  animation:name231-owner-impact-light 7.2s ease-out infinite!important;
}
.name-effect-coronation .name-glyph{
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name231-owner-glyph 7.2s cubic-bezier(.14,.86,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .032s)!important;
}
.name-effect-coronation .name-glyph-echo{
  color:#8e0d35!important;
  opacity:0!important;
  animation:name231-owner-engrave 7.2s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .032s)!important;
}
.name-effect-coronation .name-glyph-spark{
  display:block!important;
  width:.035em!important;
  height:.72em!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,#fff6ca 22%,#ffb42d 50%,#b81048 82%,transparent)!important;
  box-shadow:0 0 .1em #fff0b2,0 0 .28em rgba(217,25,78,.86)!important;
  opacity:0!important;
  animation:name231-owner-glyph-cut 7.2s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .032s)!important;
}
.name-effect-coronation>.owner231-plane{
  display:block!important;
  z-index:2!important;
  left:50%!important;
  right:auto!important;
  top:49%!important;
  bottom:auto!important;
  width:calc(100% + 1.85em)!important;
  height:2.28em!important;
  border:0!important;
  background:none!important;
  clip-path:none!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.88,.82)!important;
  filter:drop-shadow(0 0 .08em rgba(255,190,62,.72)) drop-shadow(0 0 .2em rgba(164,11,55,.52))!important;
  animation:name231-owner-plane 7.2s cubic-bezier(.12,.88,.16,1) infinite!important;
}
.owner231-svg{display:block;width:100%;height:100%;overflow:visible!important}
.owner231-svg *{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.owner231-trace,.owner231-edict-line,.owner231-quill,.owner231-seal-outer,.owner231-seal-inner,.owner231-monogram,.owner231-crown,.owner231-crosshair,.owner231-shock,.owner231-fragments path{fill:none}
.owner231-trace{stroke-dasharray:1500;stroke-dashoffset:1500}
.owner231-trace-shadow{stroke:#6d082b;stroke-width:7;opacity:.42;filter:blur(2px);animation:name231-owner-write 7.2s cubic-bezier(.18,.78,.14,1) infinite}
.owner231-trace-main{stroke:#ffd16f;stroke-width:2.4;animation:name231-owner-write 7.2s cubic-bezier(.18,.78,.14,1) infinite}
.owner231-edict-line{stroke:#d11f59;stroke-width:1.35;stroke-dasharray:430;stroke-dashoffset:430;opacity:0;animation:name231-owner-edict-lines 7.2s ease-out infinite}
.owner231-edict-line-bottom{animation-delay:.08s}
.owner231-quill{stroke:#ffdf93;stroke-width:1.8;stroke-dasharray:280;stroke-dashoffset:280;opacity:0;animation:name231-owner-quill 7.2s ease-out infinite}
.owner231-impact{transform-box:fill-box;transform-origin:center;opacity:0;animation:name231-owner-stamp 7.2s cubic-bezier(.1,.9,.15,1) infinite}
.owner231-seal-outer{fill:rgba(91,3,31,.82);stroke:#ffd36f;stroke-width:2.6}
.owner231-seal-inner{fill:rgba(207,24,77,.13);stroke:#d92561;stroke-width:1.6}
.owner231-monogram{fill:rgba(255,218,130,.06);stroke:#fff0b1;stroke-width:2}
.owner231-crown{fill:rgba(255,190,54,.09);stroke:#ffe097;stroke-width:1.9;stroke-dasharray:250;stroke-dashoffset:250;animation:name231-owner-crown 7.2s ease-out infinite}
.owner231-crosshair{stroke:#ec3e70;stroke-width:1.4;stroke-dasharray:150;stroke-dashoffset:150;animation:name231-owner-crosshair 7.2s ease-out infinite}
.owner231-shock{stroke:#ffcf68;stroke-width:1.3;opacity:0;transform-box:fill-box;transform-origin:center}
.owner231-shock-a{animation:name231-owner-shock 7.2s ease-out infinite}.owner231-shock-b{animation:name231-owner-shock 7.2s .1s ease-out infinite}
.owner231-fragments path{stroke:#fff0ac;stroke-width:1.55;stroke-dasharray:260;stroke-dashoffset:260;opacity:0;animation:name231-owner-fragments 7.2s ease-out infinite}
.name-effect-coronation>.owner231-verdict{
  display:block!important;
  z-index:8!important;
  left:-8%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:.08em!important;
  height:1.28em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,#fff8d3 20%,#ffb52e 48%,#c50e48 78%,transparent)!important;
  box-shadow:0 0 .1em #fff2bd,0 0 .3em rgba(220,27,78,.9)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) rotate(13deg) scaleY(.2)!important;
  animation:name231-owner-verdict 7.2s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.owner231-verdict>span{
  position:absolute;
  left:50%;top:50%;
  width:.24em;height:.24em;
  border:1px solid #ffe08d;
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 .14em rgba(255,187,48,.8);
}
@keyframes name231-owner-ground{0%,11%,91%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.48)}25%{opacity:.28}42%,76%{opacity:.82;transform:translate(-50%,-50%) scaleX(1.02)}85%{opacity:0;transform:translate(-50%,-50%) scaleX(1.15)}}
@keyframes name231-owner-glyph{0%,12%,91%,100%{transform:none;filter:brightness(1)}27%{transform:translateY(.025em);filter:brightness(.9)}42%{transform:translateY(-.035em) scale(1.018,1.05);filter:brightness(1.62) saturate(1.2)}47%{transform:translateY(.02em) scale(.99,.96)}55%,77%{transform:none;filter:brightness(1.15)}86%{filter:brightness(1)}}
@keyframes name231-owner-engrave{0%,19%,87%,100%{opacity:0;transform:translate(.075em,.06em)}31%{opacity:.7}46%{opacity:.28;transform:translate(.03em,.022em)}62%{opacity:0;transform:none}}
@keyframes name231-owner-glyph-cut{0%,29%,84%,100%{opacity:0;transform:translate(-.18em,-50%) scaleY(.1)}39%{opacity:1;transform:translate(0,-50%) scaleY(1.3)}51%{opacity:.35;transform:translate(.17em,-50%) scaleY(.68)}62%{opacity:0;transform:translate(.3em,-50%) scaleY(.1)}}
@keyframes name231-owner-plane{0%,10%,91%,100%{opacity:0;transform:translate(-50%,-50%) scale(.88,.82)}20%{opacity:.52;transform:translate(-50%,-50%) scale(.95,.94)}37%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%{opacity:0;transform:translate(-50%,-50%) scale(1.06,1.04)}}
@keyframes name231-owner-write{0%,14%,90%,100%{stroke-dashoffset:1500;opacity:0}22%{opacity:.65}42%,78%{stroke-dashoffset:0;opacity:1}86%{stroke-dashoffset:-180;opacity:0}}
@keyframes name231-owner-edict-lines{0%,26%,88%,100%{stroke-dashoffset:430;opacity:0}38%,76%{stroke-dashoffset:0;opacity:.9}84%{stroke-dashoffset:-70;opacity:0}}
@keyframes name231-owner-quill{0%,17%,86%,100%{stroke-dashoffset:280;opacity:0}27%,43%{stroke-dashoffset:0;opacity:.95}54%{stroke-dashoffset:-80;opacity:0}}
@keyframes name231-owner-stamp{0%,31%,89%,100%{opacity:0;transform:translate(34px,-28px) scale(1.85) rotate(18deg)}39%{opacity:1;transform:translate(-4px,5px) scale(.76) rotate(-3deg)}45%{opacity:1;transform:translate(1px,-1px) scale(1.08) rotate(1deg)}50%,77%{opacity:1;transform:none}85%{opacity:0;transform:scale(1.18) rotate(5deg)}}
@keyframes name231-owner-crown{0%,40%,87%,100%{stroke-dashoffset:250;opacity:0}49%,77%{stroke-dashoffset:0;opacity:1}84%{stroke-dashoffset:-45;opacity:0}}
@keyframes name231-owner-crosshair{0%,39%,87%,100%{stroke-dashoffset:150;opacity:0}48%,76%{stroke-dashoffset:0;opacity:.95}84%{opacity:0}}
@keyframes name231-owner-shock{0%,40%,88%,100%{opacity:0;transform:scale(.42)}46%{opacity:.9;transform:scale(.8)}61%{opacity:.22;transform:scale(1.42)}69%{opacity:0;transform:scale(1.7)}}
@keyframes name231-owner-fragments{0%,39%,86%,100%{stroke-dashoffset:260;opacity:0}48%{stroke-dashoffset:0;opacity:1}64%{opacity:.55}78%{stroke-dashoffset:-70;opacity:0}}
@keyframes name231-owner-verdict{0%,24%,86%,100%{left:-8%;opacity:0;transform:translate(-50%,-50%) rotate(13deg) scaleY(.2)}32%{opacity:.4}45%{left:49%;opacity:1;transform:translate(-50%,-50%) rotate(13deg) scaleY(1.18)}59%{left:96%;opacity:.45;transform:translate(-50%,-50%) rotate(13deg) scaleY(.74)}67%{left:108%;opacity:0;transform:translate(-50%,-50%) rotate(13deg) scaleY(.15)}}
@keyframes name231-owner-impact-light{0%,38%,86%,100%{opacity:0;transform:translate(50%,-50%) rotate(45deg) scale(.15)}45%{opacity:1;transform:translate(50%,-50%) rotate(45deg) scale(1.8)}54%,70%{opacity:.72;transform:translate(50%,-50%) rotate(45deg) scale(.8)}79%{opacity:0;transform:translate(50%,-50%) rotate(45deg) scale(.18)}}

@media(max-width:700px){
  .comment-author-identity{gap:5px}
  .comment-nested-replies::before{left:-23px!important;bottom:25px!important}
  .comment-nested-replies>.comment-reply.community-comment::before{left:-23px!important;width:40px!important;height:33px!important}
  .comment-nested-replies-toggle{margin-left:-23px!important}
  .name-effect-coronation>.owner231-plane{width:calc(100% + 1.5em)!important;height:2.05em!important}
}
@media(max-width:420px){
  .comment-author-identity>.role-chip{font-size:8px!important;padding:3px 6px!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,
  .name-effect-coronation .name-glyph-spark,.name-effect-coronation>.owner231-plane,
  .name-effect-coronation>.owner231-verdict,.name-effect-coronation>.owner231-plane *{animation:none!important}
  .name-effect-coronation>.owner231-plane{opacity:.66!important;transform:translate(-50%,-50%) scale(1)!important}
  .name-effect-coronation>.owner231-verdict,.name-effect-coronation::after,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark{display:none!important}
}
.reduced-ui-motion .name-effect-coronation::before,.reduced-ui-motion .name-effect-coronation::after,
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation .name-glyph-spark,.reduced-ui-motion .name-effect-coronation>.owner231-plane,
.reduced-ui-motion .name-effect-coronation>.owner231-verdict,.reduced-ui-motion .name-effect-coronation>.owner231-plane *{animation:none!important}
.reduced-ui-motion .name-effect-coronation>.owner231-plane{opacity:.66!important;transform:translate(-50%,-50%) scale(1)!important}
.reduced-ui-motion .name-effect-coronation>.owner231-verdict,.reduced-ui-motion .name-effect-coronation::after,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark{display:none!important}

/* Release 232 — stable author metadata, deterministic nickname previews,
   visible nested drawers and a real owner authorization sequence. */

/* The animated nickname and role are separate layout cells. Prestige effects
   receive a dedicated metadata row because their seal intentionally extends
   beyond the measured glyph box. */
.comment-author-line{
  overflow:visible!important;
}
.comment-author-identity{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%;
  overflow:visible!important;
  isolation:isolate;
}
.comment-author-identity>.comment-author{
  display:inline-flex!important;
  min-width:0!important;
  max-width:100%;
  overflow:visible!important;
}
.comment-author-line>.role-chip{
  position:relative!important;
  z-index:40!important;
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
.comment-author-line-prestige{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
  align-items:start!important;
  gap:2px!important;
  width:100%!important;
}
.comment-author-line-prestige>.comment-author-identity,
.comment-author-line-prestige>.role-chip,
.comment-author-line-prestige>.comment-pinned-badge{
  grid-column:1!important;
}
.comment-author-line-prestige>.role-chip{
  margin-top:1px!important;
}
.comment-author-line-prestige .comment-author,
.comment-author-line-prestige .decorated-name-text,
.comment-author-line-prestige .name-glyph{
  overflow:visible!important;
}
.comment-reply .comment-author-line-prestige>.role-chip{
  padding:3px 7px!important;
  font-size:9px!important;
}

/* Every answer-to-answer owns a closed drawer, even when it contains one item.
   The drawer is clipped only by display:none on its direct replies, never by an
   overflow container, so branch elbows and prestige layers remain intact. */
.comment-replies,
.comment-nested-replies,
.comment-replies>.comment-reply,
.comment-reply>.comment-content{
  overflow:visible!important;
}
.comment-nested-replies{
  padding-bottom:1px!important;
}
.comment-nested-replies>.comment-reply-hidden{
  display:none!important;
}
.comment-nested-replies-toggle{
  position:relative!important;
  z-index:4!important;
}

/* The editor can rebuild effect classes while options are opening without any
   clipping from the card/grid hierarchy. */
.profile-name-live-preview,
.profile-name-style,
.profile-name-style-group,
.name-style-grid,
.name-style-effect-grid,
.name-style-option,
.name-style-option-sample{
  overflow:visible!important;
}
.name-style-option:has(.name-effect-coronation),
.name-style-option:has(.name-effect-ascendant){
  z-index:3;
}

/* Знак владельца 232 — command stroke -> authority rails -> physical seal
   strike -> verdict sweep. No SVG viewport is involved, so the entire scene is
   visible in comments, profile titles and the nickname editor. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding:.26em 1.48em .34em .12em!important;
  color:#ffe09a!important;
  text-shadow:.035em .045em 0 rgba(45,2,17,.98),0 0 .12em rgba(255,188,55,.82),0 0 .3em rgba(179,10,57,.5)!important;
}
.name-effect-coronation::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:48%!important;
  top:63%!important;
  width:116%!important;
  height:.64em!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(255,184,49,.18),rgba(116,3,38,.16) 46%,transparent 74%)!important;
  filter:blur(.035em)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scaleX(.45)!important;
  animation:name232-owner-ground 8.2s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.name-effect-coronation::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:16!important;
  right:.62em!important;
  top:50%!important;
  width:.14em!important;
  height:.14em!important;
  border-radius:2px!important;
  background:#fff8d0!important;
  box-shadow:0 0 .09em #fff,0 0 .27em #ffb72e,0 0 .62em #be0f45!important;
  opacity:0!important;
  transform:translate(50%,-50%) rotate(45deg) scale(.1)!important;
  animation:name232-owner-flash 8.2s ease-out infinite!important;
}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:12!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:currentColor!important;
  animation:name232-owner-letter 8.2s cubic-bezier(.15,.85,.16,1) infinite!important;
  animation-delay:calc(var(--glyph) * .026s)!important;
}
.name-effect-coronation .name-glyph-echo{
  color:#8d0b33!important;
  opacity:0!important;
  animation:name232-owner-engrave 8.2s ease-in-out infinite!important;
  animation-delay:calc(var(--glyph) * .026s)!important;
}
.name-effect-coronation .name-glyph-spark{
  display:block!important;
  z-index:14!important;
  width:.032em!important;
  height:.76em!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,#fff7d0 20%,#ffbb38 49%,#b80d43 80%,transparent)!important;
  box-shadow:0 0 .1em #fff0b0,0 0 .28em rgba(210,20,72,.86)!important;
  opacity:0!important;
  animation:name232-owner-letter-cut 8.2s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .026s)!important;
}
.name-effect-coronation>.owner232-stage{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(100% + 2.45em)!important;
  height:2.45em!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.91,.86)!important;
  transform-origin:center!important;
  filter:drop-shadow(0 0 .08em rgba(255,197,72,.68)) drop-shadow(0 0 .22em rgba(153,6,48,.5))!important;
  animation:name232-owner-stage 8.2s cubic-bezier(.12,.88,.16,1) infinite!important;
}
.owner232-stage,.owner232-stage *{box-sizing:border-box}
.owner232-script{
  position:absolute;
  left:3%;
  top:57%;
  width:79%;
  height:.12em;
  border-radius:999px;
  transform:translateY(-50%) rotate(-1.5deg) scaleX(0);
  transform-origin:left center;
  opacity:0;
  clip-path:polygon(0 35%,8% 12%,19% 62%,31% 20%,45% 70%,57% 25%,69% 66%,82% 22%,100% 43%,100% 72%,82% 50%,69% 92%,57% 51%,45% 96%,31% 47%,19% 88%,8% 43%,0 70%);
}
.owner232-script-shadow{
  height:.22em;
  background:#6f062a;
  filter:blur(.06em);
  animation:name232-owner-script-shadow 8.2s cubic-bezier(.18,.78,.14,1) infinite;
}
.owner232-script-main{
  background:linear-gradient(90deg,#9e0a3a 0%,#ffd26e 15%,#fff0ad 48%,#ffbd38 78%,#a0083a 100%);
  box-shadow:0 0 .08em rgba(255,221,135,.8);
  animation:name232-owner-script 8.2s cubic-bezier(.18,.78,.14,1) infinite;
}
.owner232-command{
  position:absolute;
  left:11%;
  width:64%;
  height:1px;
  background:linear-gradient(90deg,transparent,#c81752 8%,#ffd274 48%,#c81752 92%,transparent);
  opacity:0;
  transform:scaleX(.08);
  animation:name232-owner-command 8.2s ease-out infinite;
}
.owner232-command-top{top:30%}.owner232-command-bottom{top:78%;animation-delay:.08s}
.owner232-seal{
  position:absolute;
  z-index:9;
  right:2%;
  top:50%;
  width:1.35em;
  height:1.35em;
  display:grid;
  place-items:center;
  clip-path:polygon(50% 0,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%);
  background:linear-gradient(145deg,#4e021c 0%,#a70c40 44%,#3b0116 100%);
  border:1px solid #ffd36f;
  box-shadow:inset 0 0 0 .08em rgba(255,211,111,.17),0 0 .1em #ffd171,0 0 .36em rgba(167,9,58,.86);
  opacity:0;
  transform:translate(42%,-84%) rotate(22deg) scale(2.3);
  transform-origin:center;
  animation:name232-owner-seal 8.2s cubic-bezier(.08,.92,.14,1) infinite;
}
.owner232-seal::before{
  content:"";
  position:absolute;
  inset:.12em;
  clip-path:inherit;
  border:1px solid rgba(255,224,145,.76);
  background:radial-gradient(circle,rgba(255,211,105,.13),transparent 68%);
}
.owner232-seal-core{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:.62em;
  height:.62em;
  border:1px solid #ffe29b;
  transform:rotate(45deg);
  color:#fff0b8;
  font-family:ui-serif,Georgia,serif;
  font-size:.34em;
  font-style:normal;
  font-weight:950;
  letter-spacing:-.05em;
  text-shadow:0 0 .16em #ffc34c;
}
.owner232-seal-core::first-letter{letter-spacing:0}
.owner232-seal-crown{
  position:absolute;
  z-index:3;
  left:50%;
  top:-.3em;
  width:.72em;
  height:.42em;
  clip-path:polygon(0 100%,8% 20%,35% 66%,50% 0,65% 66%,92% 20%,100% 100%);
  background:linear-gradient(#fff0af,#ffb82f 62%,#9d0b39);
  filter:drop-shadow(0 0 .08em rgba(255,198,68,.9));
  opacity:0;
  transform:translateX(-50%) scale(.4);
  animation:name232-owner-crown 8.2s ease-out infinite;
}
.owner232-seal-cut{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:1.05em;
  height:1px;
  background:linear-gradient(90deg,transparent,#fff2ba 25%,#d4215a 72%,transparent);
  opacity:0;
  transform-origin:center;
  animation:name232-owner-seal-cut 8.2s ease-out infinite;
}
.owner232-seal-cut-a{transform:translate(-50%,-50%) rotate(28deg)}
.owner232-seal-cut-b{transform:translate(-50%,-50%) rotate(-28deg);animation-delay:.08s}
.owner232-ring{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:1.5em;
  height:1.5em;
  border:1px solid #ffd578;
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.35);
  animation:name232-owner-ring 8.2s ease-out infinite;
}
.owner232-ring-b{animation-delay:.12s}
.owner232-shard{
  position:absolute;
  z-index:7;
  width:.28em;
  height:.035em;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#fff0ad,#d91f5c);
  box-shadow:0 0 .08em rgba(255,209,100,.8);
  opacity:0;
  animation:name232-owner-shard 8.2s ease-out infinite;
}
.owner232-shard-a{right:17%;top:20%;--owner-shard-x:-.25em;--owner-shard-y:-.28em;--owner-shard-x2:-.34em;--owner-shard-y2:-.38em;transform:rotate(-35deg)}
.owner232-shard-b{right:8%;top:23%;--owner-shard-x:.34em;--owner-shard-y:-.22em;--owner-shard-x2:.46em;--owner-shard-y2:-.3em;transform:rotate(22deg);animation-delay:.04s}
.owner232-shard-c{right:17%;bottom:17%;--owner-shard-x:-.28em;--owner-shard-y:.3em;--owner-shard-x2:-.38em;--owner-shard-y2:.41em;transform:rotate(32deg);animation-delay:.08s}
.owner232-shard-d{right:5%;bottom:21%;--owner-shard-x:.38em;--owner-shard-y:.25em;--owner-shard-x2:.52em;--owner-shard-y2:.34em;transform:rotate(-18deg);animation-delay:.12s}
.name-effect-coronation>.owner232-verdict{
  display:block!important;
  position:absolute!important;
  z-index:15!important;
  left:-9%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:.055em!important;
  height:1.42em!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(transparent,#fff7ce 18%,#ffbd35 47%,#bc0c42 80%,transparent)!important;
  box-shadow:0 0 .1em #fff0b5,0 0 .32em rgba(204,17,68,.92)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) rotate(11deg) scaleY(.14)!important;
  animation:name232-owner-verdict 8.2s cubic-bezier(.16,.82,.16,1) infinite!important;
}
.owner232-verdict>i{
  position:absolute;
  left:50%;
  top:50%;
  width:.22em;
  height:.22em;
  border:1px solid #ffe092;
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 .13em rgba(255,186,45,.9);
}
@keyframes name232-owner-ground{0%,10%,91%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.42)}24%{opacity:.22}39%,78%{opacity:.88;transform:translate(-50%,-50%) scaleX(1.03)}86%{opacity:0;transform:translate(-50%,-50%) scaleX(1.18)}}
@keyframes name232-owner-stage{0%,9%,92%,100%{opacity:0;transform:translate(-50%,-50%) scale(.91,.86)}18%{opacity:.56;transform:translate(-50%,-50%) scale(.97,.95)}34%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}87%{opacity:0;transform:translate(-50%,-50%) scale(1.06,1.04)}}
@keyframes name232-owner-script{0%,13%,90%,100%{opacity:0;transform:translateY(-50%) rotate(-1.5deg) scaleX(0)}20%{opacity:.75}38%,78%{opacity:1;transform:translateY(-50%) rotate(-1.5deg) scaleX(1)}85%{opacity:0;transform:translateY(-50%) rotate(-1.5deg) scaleX(1.08)}}
@keyframes name232-owner-script-shadow{0%,13%,90%,100%{opacity:0;transform:translateY(-50%) rotate(-1.5deg) scaleX(0)}21%{opacity:.5}39%,78%{opacity:.62;transform:translateY(-50%) rotate(-1.5deg) scaleX(1)}85%{opacity:0;transform:translateY(-50%) rotate(-1.5deg) scaleX(1.08)}}
@keyframes name232-owner-command{0%,25%,88%,100%{opacity:0;transform:scaleX(.08)}36%,77%{opacity:.86;transform:scaleX(1)}84%{opacity:0;transform:scaleX(1.12)}}
@keyframes name232-owner-seal{0%,31%,89%,100%{opacity:0;transform:translate(42%,-84%) rotate(22deg) scale(2.3)}38%{opacity:1;transform:translate(-3%,-47%) rotate(-3deg) scale(.72)}43%{opacity:1;transform:translate(1%,-51%) rotate(1deg) scale(1.12)}48%,79%{opacity:1;transform:translate(0,-50%) rotate(0) scale(1)}86%{opacity:0;transform:translate(0,-50%) rotate(5deg) scale(1.2)}}
@keyframes name232-owner-crown{0%,40%,88%,100%{opacity:0;transform:translateX(-50%) scale(.3)}48%,79%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:0;transform:translateX(-50%) scale(1.25)}}
@keyframes name232-owner-seal-cut{0%,40%,87%,100%{opacity:0;filter:brightness(1)}48%{opacity:1;filter:brightness(1.8)}59%,77%{opacity:.6}84%{opacity:0}}
@keyframes name232-owner-ring{0%,40%,88%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3)}46%{opacity:.9;transform:translate(-50%,-50%) scale(.78)}62%{opacity:.22;transform:translate(-50%,-50%) scale(1.48)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}
@keyframes name232-owner-shard{0%,40%,87%,100%{opacity:0;translate:0 0;scale:.15}47%{opacity:1;scale:1.2}61%{opacity:.62;translate:var(--owner-shard-x) var(--owner-shard-y);scale:.85}76%{opacity:0;translate:var(--owner-shard-x2) var(--owner-shard-y2);scale:.2}}
@keyframes name232-owner-verdict{0%,23%,87%,100%{left:-9%;opacity:0;transform:translate(-50%,-50%) rotate(11deg) scaleY(.14)}31%{opacity:.38}43%{left:48%;opacity:1;transform:translate(-50%,-50%) rotate(11deg) scaleY(1.18)}58%{left:98%;opacity:.45;transform:translate(-50%,-50%) rotate(11deg) scaleY(.72)}66%{left:110%;opacity:0;transform:translate(-50%,-50%) rotate(11deg) scaleY(.12)}}
@keyframes name232-owner-flash{0%,38%,87%,100%{opacity:0;transform:translate(50%,-50%) rotate(45deg) scale(.1)}44%{opacity:1;transform:translate(50%,-50%) rotate(45deg) scale(2.1)}54%,72%{opacity:.7;transform:translate(50%,-50%) rotate(45deg) scale(.78)}80%{opacity:0;transform:translate(50%,-50%) rotate(45deg) scale(.12)}}
@keyframes name232-owner-letter{0%,14%,91%,100%{transform:none;filter:brightness(1)}31%{filter:brightness(.92)}42%{transform:translateY(-.02em) scale(1.012,1.025);filter:brightness(1.52) saturate(1.15)}46%{transform:translateY(.012em) scale(.995,.98)}53%,79%{transform:none;filter:brightness(1.16)}87%{filter:brightness(1)}}
@keyframes name232-owner-engrave{0%,20%,87%,100%{opacity:0;transform:translate(.07em,.055em)}31%{opacity:.7}47%{opacity:.24;transform:translate(.02em,.015em)}62%{opacity:0;transform:none}}
@keyframes name232-owner-letter-cut{0%,29%,85%,100%{opacity:0;transform:translate(-.16em,-50%) scaleY(.1)}39%{opacity:1;transform:translate(0,-50%) scaleY(1.24)}51%{opacity:.34;transform:translate(.15em,-50%) scaleY(.64)}62%{opacity:0;transform:translate(.27em,-50%) scaleY(.1)}}

@media(max-width:700px){
  .name-effect-coronation{padding-right:1.25em!important}
  .name-effect-coronation>.owner232-stage{width:calc(100% + 2.05em)!important;height:2.2em!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation::before,.name-effect-coronation::after,
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,
  .name-effect-coronation .name-glyph-spark,.name-effect-coronation>.owner232-stage,
  .name-effect-coronation>.owner232-verdict,.name-effect-coronation>.owner232-stage *{animation:none!important}
  .name-effect-coronation>.owner232-stage{opacity:.7!important;transform:translate(-50%,-50%) scale(1)!important}
  .name-effect-coronation>.owner232-verdict,.name-effect-coronation::after,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark{display:none!important}
  .owner232-seal{opacity:1!important;transform:translate(0,-50%) scale(1)!important}
  .owner232-script,.owner232-command{opacity:.75!important;transform:translateY(-50%) scaleX(1)!important}
}
.reduced-ui-motion .name-effect-coronation::before,.reduced-ui-motion .name-effect-coronation::after,
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation .name-glyph-spark,.reduced-ui-motion .name-effect-coronation>.owner232-stage,
.reduced-ui-motion .name-effect-coronation>.owner232-verdict,.reduced-ui-motion .name-effect-coronation>.owner232-stage *{animation:none!important}
.reduced-ui-motion .name-effect-coronation>.owner232-stage{opacity:.7!important;transform:translate(-50%,-50%) scale(1)!important}
.reduced-ui-motion .name-effect-coronation>.owner232-verdict,.reduced-ui-motion .name-effect-coronation::after,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark{display:none!important}
.reduced-ui-motion .owner232-seal{opacity:1!important;transform:translate(0,-50%) scale(1)!important}
.reduced-ui-motion .owner232-script,.reduced-ui-motion .owner232-command{opacity:.75!important;transform:translateY(-50%) scaleX(1)!important}

/* Release 233 — comment status row, a rebuilt owner mark and mobile player hit targets. */
.comment-author-line{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 7px!important;
  min-width:0!important;
}
.comment-author-statuses{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  min-width:0!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:50!important;
}
.comment-author-statuses>.role-chip,
.comment-author-statuses>.comment-pinned-badge{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.comment-author-line-prestige{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
  align-items:start!important;
  gap:3px!important;
  width:100%!important;
}
.comment-author-line-prestige>.comment-author-identity,
.comment-author-line-prestige>.comment-author-statuses{
  grid-column:1!important;
}
.comment-author-line-prestige>.comment-author-statuses{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
}
.comment-reply .comment-author-statuses>.role-chip,
.comment-reply .comment-author-statuses>.comment-pinned-badge{
  padding:3px 7px!important;
  font-size:8.5px!important;
}

/* Знак владельца 233 — built from zero. A dark ink ribbon is signed first,
   then a compact wax seal lands and sends a warm authority imprint through the
   letters. No geometry, timing or helper layer from releases 227–232 is reused. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding:.22em .92em .34em .08em!important;
  color:#ffd98a!important;
  text-shadow:.035em .05em 0 #25030e,0 0 .13em rgba(255,173,43,.72),0 0 .3em rgba(105,0,28,.72)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  animation:none!important;
}
.name-effect-coronation::before,
.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:12!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transform:none!important;
  filter:none!important;
  animation:name233-owner-glyph 8.8s cubic-bezier(.16,.82,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation .name-glyph-echo{
  display:block!important;
  z-index:9!important;
  color:#6c0826!important;
  opacity:0!important;
  transform:translate(.055em,.06em)!important;
  animation:name233-owner-ink-echo 8.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation .name-glyph-spark{
  display:block!important;
  z-index:14!important;
  width:.12em!important;
  height:.12em!important;
  border-radius:50%!important;
  background:#fff1b8!important;
  box-shadow:0 0 .08em #fff,0 0 .25em #ffb62d,0 0 .5em #970b3d!important;
  opacity:0!important;
  animation:name233-owner-glyph-spark 8.8s ease-out infinite!important;
  animation-delay:calc(var(--glyph) * .035s)!important;
}
.name-effect-coronation>.owner233-scene{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:calc(100% + 1.45em)!important;
  height:2.02em!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  pointer-events:none!important;
  opacity:1!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
  animation:none!important;
}
.owner233-scene,.owner233-scene *{box-sizing:border-box}
.owner233-ledger{
  position:absolute;
  left:7%;
  width:75%;
  height:1px;
  opacity:0;
  transform:scaleX(.05);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,#7e092e 8%,#ffca63 47%,#7e092e 92%,transparent);
  box-shadow:0 0 .08em rgba(255,188,68,.48);
  animation:name233-owner-ledger 8.8s cubic-bezier(.16,.84,.18,1) infinite;
}
.owner233-ledger-top{top:27%}
.owner233-ledger-bottom{top:76%;animation-delay:.08s}
.owner233-ribbon{
  position:absolute;
  left:4%;
  bottom:23%;
  width:80%;
  height:.2em;
  overflow:visible;
  opacity:0;
  transform:rotate(-1.8deg) scaleX(.04);
  transform-origin:left center;
  border-radius:999px 45% 55% 999px;
  background:linear-gradient(90deg,#4c031b 0%,#a40d3e 15%,#ffc758 48%,#fff0aa 62%,#9e0b39 88%,transparent 100%);
  clip-path:polygon(0 38%,8% 10%,19% 55%,31% 20%,43% 70%,57% 26%,69% 74%,82% 28%,100% 50%,100% 78%,83% 56%,69% 96%,57% 53%,43% 96%,31% 49%,19% 86%,8% 45%,0 72%);
  box-shadow:0 0 .08em rgba(255,202,91,.74),0 .08em .18em rgba(74,0,22,.46);
  animation:name233-owner-ribbon 8.8s cubic-bezier(.14,.86,.17,1) infinite;
}
.owner233-ribbon>i{
  position:absolute;
  left:8%;
  top:50%;
  width:82%;
  height:.035em;
  border-radius:999px;
  background:rgba(255,245,198,.86);
  transform:translateY(-50%);
  opacity:.62;
}
.owner233-stamp{
  position:absolute;
  z-index:8;
  right:0;
  top:50%;
  width:1.15em;
  height:1.15em;
  display:grid;
  place-items:center;
  opacity:0;
  transform:translate(.18em,-1.3em) rotate(-28deg) scale(1.7);
  transform-origin:center;
  animation:name233-owner-stamp 8.8s cubic-bezier(.08,.92,.14,1) infinite;
}
.owner233-stamp-face{
  position:relative;
  z-index:3;
  width:.9em;
  height:.9em;
  display:grid;
  place-items:center;
  border-radius:50% 48% 52% 46%;
  border:1px solid #ffd77c;
  background:radial-gradient(circle at 38% 28%,#d63a62 0 8%,#991039 28%,#4a031a 72%,#25010d 100%);
  box-shadow:inset 0 0 0 .1em rgba(255,191,77,.1),inset -.08em -.1em .16em rgba(0,0,0,.52),0 .08em .16em rgba(0,0,0,.55),0 0 .18em rgba(255,175,47,.78);
}
.owner233-stamp-face::before{
  content:"";
  position:absolute;
  inset:.13em;
  border:1px dashed rgba(255,222,139,.74);
  border-radius:inherit;
  transform:rotate(12deg);
}
.owner233-stamp-face::after{
  content:"";
  position:absolute;
  inset:.25em;
  border:1px solid rgba(255,234,174,.64);
  transform:rotate(45deg);
}
.owner233-stamp-face>b{
  position:relative;
  z-index:2;
  color:#fff0b1;
  font-family:ui-serif,Georgia,serif;
  font-size:.47em;
  font-style:normal;
  font-weight:950;
  line-height:1;
  text-shadow:0 0 .12em #ffbf3e;
}
.owner233-stamp-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:1.25em;
  height:1.25em;
  border:1px solid rgba(255,207,100,.88);
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.25);
  animation:name233-owner-orbit 8.8s ease-out infinite;
}
.owner233-stamp-orbit-b{animation-delay:.14s}
.owner233-ember{
  position:absolute;
  z-index:7;
  right:.38em;
  top:50%;
  width:.1em;
  height:.1em;
  border-radius:50%;
  background:#fff2bc;
  box-shadow:0 0 .09em #fff,0 0 .22em #ffac2d,0 0 .4em #8d0734;
  opacity:0;
  animation:name233-owner-ember 8.8s ease-out infinite;
}
.owner233-ember-a{--ember-x:-.62em;--ember-y:-.48em}
.owner233-ember-b{--ember-x:.48em;--ember-y:-.36em;animation-delay:.04s}
.owner233-ember-c{--ember-x:.66em;--ember-y:.18em;animation-delay:.08s}
.owner233-ember-d{--ember-x:-.5em;--ember-y:.42em;animation-delay:.12s}
.owner233-ember-e{--ember-x:.08em;--ember-y:.62em;animation-delay:.16s}
.name-effect-coronation>.owner233-imprint{
  display:block!important;
  position:absolute!important;
  z-index:15!important;
  left:-8%!important;
  top:50%!important;
  width:1.15em!important;
  height:1.42em!important;
  overflow:visible!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.35)!important;
  border:1px solid rgba(255,222,132,.9)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,247,204,.58) 0 5%,rgba(255,177,43,.24) 22%,rgba(123,3,40,.18) 48%,transparent 72%)!important;
  box-shadow:0 0 .15em rgba(255,231,158,.8),0 0 .46em rgba(151,8,52,.78)!important;
  animation:name233-owner-imprint 8.8s cubic-bezier(.12,.86,.16,1) infinite!important;
}
.owner233-imprint>i{
  position:absolute;
  left:50%;
  top:50%;
  width:.2em;
  height:2.2em;
  border-radius:999px;
  background:linear-gradient(transparent,#fff5c8 22%,#ffbb3f 48%,#9b0b3b 78%,transparent);
  transform:translate(-50%,-50%) rotate(13deg);
  box-shadow:0 0 .08em #fff3bd,0 0 .22em rgba(255,171,39,.8);
}
@keyframes name233-owner-ledger{0%,12%,86%,100%{opacity:0;transform:scaleX(.05)}21%{opacity:.72}34%,70%{opacity:.82;transform:scaleX(1)}79%{opacity:0;transform:scaleX(1.08)}}
@keyframes name233-owner-ribbon{0%,8%,88%,100%{opacity:0;transform:rotate(-1.8deg) scaleX(.04)}15%{opacity:.76}33%,74%{opacity:1;transform:rotate(-1.8deg) scaleX(1)}82%{opacity:0;transform:rotate(-1.8deg) scaleX(1.08)}}
@keyframes name233-owner-stamp{0%,28%,88%,100%{opacity:0;transform:translate(.18em,-1.3em) rotate(-28deg) scale(1.7)}34%{opacity:1;transform:translate(.03em,-.45em) rotate(-8deg) scale(.76)}39%{opacity:1;transform:translate(0,-.5em) rotate(2deg) scale(1.13)}44%,72%{opacity:1;transform:translate(0,-.5em) rotate(0) scale(1)}80%{opacity:0;transform:translate(.08em,-.56em) rotate(10deg) scale(1.22)}}
@keyframes name233-owner-orbit{0%,36%,82%,100%{opacity:0;transform:translate(-50%,-50%) scale(.25)}42%{opacity:.94;transform:translate(-50%,-50%) scale(.72)}58%{opacity:.28;transform:translate(-50%,-50%) scale(1.7)}68%{opacity:0;transform:translate(-50%,-50%) scale(2)}}
@keyframes name233-owner-ember{0%,37%,80%,100%{opacity:0;translate:0 0;scale:.2}43%{opacity:1;scale:1.2}62%{opacity:.6;translate:var(--ember-x) var(--ember-y);scale:.72}74%{opacity:0;translate:calc(var(--ember-x) * 1.35) calc(var(--ember-y) * 1.35);scale:.18}}
@keyframes name233-owner-imprint{0%,36%,84%,100%{left:-8%;opacity:0;transform:translate(-50%,-50%) scale(.35)}43%{left:11%;opacity:.42;transform:translate(-50%,-50%) scale(.8)}54%{left:53%;opacity:1;transform:translate(-50%,-50%) scale(1.08)}68%{left:99%;opacity:.48;transform:translate(-50%,-50%) scale(.72)}76%{left:112%;opacity:0;transform:translate(-50%,-50%) scale(.24)}}
@keyframes name233-owner-glyph{0%,29%,86%,100%{color:#ffd98a;filter:brightness(1) saturate(1);text-shadow:.035em .05em 0 #25030e,0 0 .13em rgba(255,173,43,.72),0 0 .3em rgba(105,0,28,.72)}39%{color:#fff0b0;filter:brightness(1.28) saturate(1.12)}48%,69%{color:#ffe29a;filter:brightness(1.1);text-shadow:.035em .05em 0 #25030e,0 0 .18em rgba(255,198,80,.94),0 0 .38em rgba(143,4,46,.82)}78%{color:#ffd98a;filter:brightness(1)}}
@keyframes name233-owner-ink-echo{0%,18%,79%,100%{opacity:0;transform:translate(.055em,.06em)}30%{opacity:.68}48%{opacity:.2;transform:translate(.018em,.022em)}63%{opacity:0;transform:none}}
@keyframes name233-owner-glyph-spark{0%,39%,78%,100%{opacity:0;transform:translate(-.12em,-.58em) scale(.15)}46%{opacity:1;transform:translate(.02em,-.62em) scale(1.25)}58%{opacity:.48;transform:translate(.13em,-.76em) scale(.7)}70%{opacity:0;transform:translate(.24em,-.94em) scale(.12)}}

@media(max-width:700px){
  .name-effect-coronation{padding-right:.78em!important}
  .name-effect-coronation>.owner233-scene{width:calc(100% + 1.2em)!important;height:1.9em!important}
  .owner233-stamp{right:-.02em}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-coronation>.owner233-scene *,.name-effect-coronation>.owner233-imprint{animation:none!important}
  .owner233-ribbon,.owner233-ledger{opacity:.72!important;transform:scaleX(1)!important}
  .owner233-stamp{opacity:1!important;transform:translate(0,-.5em) scale(1)!important}
  .owner233-imprint,.owner233-ember,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark{display:none!important}
}
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation>.owner233-scene *,.reduced-ui-motion .name-effect-coronation>.owner233-imprint{animation:none!important}
.reduced-ui-motion .owner233-ribbon,.reduced-ui-motion .owner233-ledger{opacity:.72!important;transform:scaleX(1)!important}
.reduced-ui-motion .owner233-stamp{opacity:1!important;transform:translate(0,-.5em) scale(1)!important}
.reduced-ui-motion .owner233-imprint,.reduced-ui-motion .owner233-ember,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark{display:none!important}

/* On coarse pointers the invisible full-video button only exists while the
   interface is hidden. Once controls are visible, it cannot steal pointerup
   from the seek bar or bottom buttons. */
@media(hover:none),(pointer:coarse){
  .player-stage.controls-hidden:not(.is-paused)>.player-tap-surface{pointer-events:auto!important}
  .player-stage.controls-visible>.player-tap-surface,
  .player-stage.is-paused>.player-tap-surface{pointer-events:none!important}
  .player-controls{z-index:40!important;pointer-events:auto!important}
  .player-controls .video-control,
  .player-controls .player-seek,
  .player-controls .player-seek-wrap,
  .player-controls .player-volume-range{pointer-events:auto!important;touch-action:manipulation!important}
  .player-settings-menu{z-index:45!important;pointer-events:auto!important}
}


/* Release 234 — inline comment metadata, fully collapsed reply drawers and a
   from-zero owner command lattice. This block intentionally wins over every
   historical release rule without deleting compatibility CSS. */
.comment-author-line,
.comment-author-line-prestige{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-items:normal!important;
  flex-flow:row nowrap!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.comment-author-line>.comment-author-identity,
.comment-author-line-prestige>.comment-author-identity{
  display:inline-flex!important;
  grid-column:auto!important;
  align-items:center!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - var(--comment-status-width,0px))!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.comment-author-line>.comment-author-statuses,
.comment-author-line-prestige>.comment-author-statuses{
  display:inline-flex!important;
  grid-column:auto!important;
  align-items:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  position:relative!important;
  z-index:80!important;
  white-space:nowrap!important;
}
.comment-author-statuses>.role-chip,
.comment-author-statuses>.comment-pinned-badge{
  display:inline-flex!important;
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
.comment-reply .comment-author-line,
.comment-reply .comment-author-line-prestige{gap:5px!important}
.comment-reply .comment-author-statuses{gap:4px!important}
.comment-reply .comment-author-statuses>.role-chip,
.comment-reply .comment-author-statuses>.comment-pinned-badge{padding:3px 6px!important;font-size:8px!important}

/* All direct replies are display:none until their own drawer is explicitly
   opened. The rule is identical for title comments and profile-wall comments
   because both are rendered by commentMarkup/commentTreeMarkup. */
.comment-replies[data-reply-thread]:not(:has(> .comment-replies-toggle[aria-expanded="true"]))
  >.comment-reply.community-comment{
  display:none!important;
}
.comment-replies-toggle{margin-top:7px!important}

/* Знак владельца 234 — Obsidian Protocol. This is not a revision of the wax
   animation: it has no signature, stamp, seal, crown, bounce or moving shine.
   A compact black command plate unfolds inside the nickname bounds, four
   brackets lock its corners, paired rails charge, gates meet in the centre and
   the letters receive a centre-out embossed authorization pulse. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  overflow:visible!important;
  padding:.19em .16em .25em!important;
  color:#e9c86c!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 .045em 0 #17120a,0 0 .12em rgba(245,203,89,.32)!important;
  animation:none!important;
}
.name-effect-coronation::before,
.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transform-origin:center 72%!important;
  backface-visibility:hidden!important;
  animation:name234-owner-emboss 9.2s cubic-bezier(.18,.78,.16,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .045s)!important;
}
.name-effect-coronation .name-glyph-echo{
  display:block!important;
  z-index:13!important;
  color:#2a2415!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:0!important;
  transform:translateY(.17em) scaleY(.72)!important;
  filter:blur(.018em)!important;
  animation:name234-owner-relief 9.2s cubic-bezier(.18,.78,.16,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .045s)!important;
}
.name-effect-coronation .name-glyph-spark{
  display:block!important;
  z-index:24!important;
  left:50%!important;
  top:auto!important;
  bottom:-.12em!important;
  width:.075em!important;
  height:.075em!important;
  border:0!important;
  border-radius:1px!important;
  background:#fff0a6!important;
  box-shadow:0 0 .08em #fff4c4,0 0 .2em #d69e25!important;
  opacity:0!important;
  transform:translate(-50%,.12em) rotate(45deg) scale(.2)!important;
  animation:name234-owner-node-flash 9.2s ease-out infinite!important;
  animation-delay:calc(var(--glyph-distance) * .045s)!important;
}
.name-effect-coronation>.owner234-domain{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  inset:50% -.02em auto!important;
  left:-.02em!important;
  right:-.02em!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:1.42em!important;
  overflow:visible!important;
  border:0!important;
  clip-path:none!important;
  background:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:translateY(-50%)!important;
  animation:none!important;
}
.owner234-domain,.owner234-domain *,.owner234-protocol,.owner234-protocol *{box-sizing:border-box}
.owner234-plate{
  position:absolute;
  z-index:1;
  inset:.13em .02em .08em;
  border:1px solid rgba(226,188,78,.38);
  border-radius:.18em;
  background:
    linear-gradient(112deg,rgba(255,226,125,.055),transparent 28% 70%,rgba(255,216,91,.06)),
    linear-gradient(180deg,rgba(16,16,14,.96),rgba(5,6,6,.78));
  box-shadow:inset 0 0 0 1px rgba(255,231,146,.035),inset 0 -.18em .34em rgba(0,0,0,.56),0 .08em .18em rgba(0,0,0,.28);
  opacity:0;
  transform:scaleX(.04) scaleY(.68);
  transform-origin:center;
  animation:name234-owner-plate 9.2s cubic-bezier(.14,.86,.16,1) infinite;
}
.owner234-bracket{
  position:absolute;
  z-index:7;
  width:.36em;
  height:.29em;
  opacity:0;
  filter:drop-shadow(0 0 .06em rgba(255,211,92,.72));
  animation:name234-owner-bracket 9.2s cubic-bezier(.16,.84,.18,1) infinite;
}
.owner234-bracket::before,.owner234-bracket::after{
  content:"";
  position:absolute;
  background:linear-gradient(90deg,#8d681c,#ffe08a 48%,#8d681c);
  border-radius:999px;
}
.owner234-bracket::before{width:100%;height:.035em}
.owner234-bracket::after{width:.035em;height:100%}
.owner234-bracket-tl{left:-.06em;top:.02em;transform:translate(.22em,.18em)}
.owner234-bracket-tr{right:-.06em;top:.02em;transform:translate(-.22em,.18em)}
.owner234-bracket-bl{left:-.06em;bottom:-.01em;transform:translate(.22em,-.18em)}
.owner234-bracket-br{right:-.06em;bottom:-.01em;transform:translate(-.22em,-.18em)}
.owner234-bracket-tr::before,.owner234-bracket-br::before{right:0}
.owner234-bracket-tr::after,.owner234-bracket-br::after{right:0}
.owner234-bracket-bl::before,.owner234-bracket-br::before{bottom:0}
.owner234-bracket-bl::after,.owner234-bracket-br::after{bottom:0}
.owner234-rail{
  position:absolute;
  z-index:6;
  left:9%;
  width:82%;
  height:.025em;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#8b661c 9%,#ffe18a 50%,#8b661c 91%,transparent);
  box-shadow:0 0 .07em rgba(255,214,102,.56);
  opacity:0;
  transform:scaleX(.04);
  transform-origin:center;
  animation:name234-owner-rail 9.2s cubic-bezier(.2,.8,.16,1) infinite;
}
.owner234-rail-top{top:.2em}
.owner234-rail-bottom{bottom:.14em;animation-delay:.08s}
.owner234-node{
  position:absolute;
  z-index:8;
  width:.085em;
  height:.085em;
  border:1px solid #ffe18a;
  background:#1a160d;
  box-shadow:0 0 .09em rgba(255,222,125,.8);
  opacity:0;
  transform:rotate(45deg) scale(.15);
  animation:name234-owner-domain-node 9.2s ease-out infinite;
}
.owner234-node-a{left:15%;top:.135em}
.owner234-node-b{right:15%;top:.135em;animation-delay:.07s}
.owner234-node-c{left:15%;bottom:.075em;animation-delay:.14s}
.owner234-node-d{right:15%;bottom:.075em;animation-delay:.21s}
.name-effect-coronation>.owner234-protocol{
  display:block!important;
  position:absolute!important;
  z-index:10!important;
  inset:50% .08em auto!important;
  left:.08em!important;
  right:.08em!important;
  top:50%!important;
  bottom:auto!important;
  width:auto!important;
  height:1.08em!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:.12em!important;
  clip-path:none!important;
  background:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:translateY(-50%)!important;
  animation:none!important;
}
.owner234-gate{
  position:absolute;
  z-index:2;
  top:10%;
  width:50%;
  height:80%;
  opacity:0;
  background:
    repeating-linear-gradient(90deg,rgba(255,222,126,.16) 0 .035em,transparent .035em .13em),
    linear-gradient(90deg,transparent,rgba(255,211,91,.22));
  animation:name234-owner-gate 9.2s cubic-bezier(.18,.82,.16,1) infinite;
}
.owner234-gate-left{left:0;transform:translateX(-102%);transform-origin:right}
.owner234-gate-right{right:0;transform:translateX(102%) scaleX(-1);transform-origin:left}
.owner234-core{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:.22em;
  height:.22em;
  border:1px solid #ffe18a;
  background:#17130a;
  box-shadow:0 0 0 .06em rgba(255,217,104,.08),0 0 .18em rgba(255,210,79,.82);
  opacity:0;
  transform:translate(-50%,-50%) rotate(45deg) scale(.1);
  animation:name234-owner-core 9.2s cubic-bezier(.12,.86,.16,1) infinite;
}
.owner234-core::before,.owner234-core::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:linear-gradient(90deg,transparent,#ffe293,transparent);
  transform:translate(-50%,-50%) rotate(-45deg);
}
.owner234-core::before{width:.72em;height:1px}
.owner234-core::after{width:1px;height:.72em}
@keyframes name234-owner-plate{
  0%,10%,88%,100%{opacity:0;transform:scaleX(.04) scaleY(.68)}
  19%{opacity:.9;transform:scaleX(.38) scaleY(.86)}
  29%,74%{opacity:1;transform:scaleX(1) scaleY(1)}
  82%{opacity:0;transform:scaleX(1.025) scaleY(.96)}
}
@keyframes name234-owner-bracket{
  0%,18%,86%,100%{opacity:0}
  27%{opacity:.42}
  36%,73%{opacity:1;transform:translate(0,0)}
  81%{opacity:0;filter:drop-shadow(0 0 .14em rgba(255,229,146,.9))}
}
@keyframes name234-owner-rail{
  0%,24%,84%,100%{opacity:0;transform:scaleX(.04)}
  33%{opacity:.55}
  43%,73%{opacity:.92;transform:scaleX(1)}
  80%{opacity:0;transform:scaleX(1.06)}
}
@keyframes name234-owner-domain-node{
  0%,30%,82%,100%{opacity:0;transform:rotate(45deg) scale(.15)}
  40%{opacity:1;transform:rotate(45deg) scale(1.25)}
  49%,70%{opacity:.86;transform:rotate(45deg) scale(1)}
  78%{opacity:0;transform:rotate(135deg) scale(.3)}
}
@keyframes name234-owner-gate{
  0%,31%,79%,100%{opacity:0}
  38%{opacity:.8;transform:translateX(-18%)}
  45%,51%{opacity:1;transform:translateX(0)}
  63%{opacity:.34;transform:translateX(68%)}
  72%{opacity:0;transform:translateX(112%)}
}
.owner234-gate-right{animation-name:name234-owner-gate-right}
@keyframes name234-owner-gate-right{
  0%,31%,79%,100%{opacity:0;transform:translateX(102%) scaleX(-1)}
  38%{opacity:.8;transform:translateX(18%) scaleX(-1)}
  45%,51%{opacity:1;transform:translateX(0) scaleX(-1)}
  63%{opacity:.34;transform:translateX(-68%) scaleX(-1)}
  72%{opacity:0;transform:translateX(-112%) scaleX(-1)}
}
@keyframes name234-owner-core{
  0%,39%,79%,100%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.1)}
  46%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1.38)}
  53%,64%{opacity:.92;transform:translate(-50%,-50%) rotate(225deg) scale(1)}
  72%{opacity:0;transform:translate(-50%,-50%) rotate(405deg) scale(2.1)}
}
@keyframes name234-owner-emboss{
  0%,28%,84%,100%{color:#d3b45d;transform:perspective(.8em) rotateX(0) translateY(0);filter:brightness(.92) saturate(.9);text-shadow:0 .045em 0 #17120a,0 0 .1em rgba(236,192,70,.22)}
  38%{color:#6d5c2f;transform:perspective(.8em) rotateX(62deg) translateY(.075em);filter:brightness(.72) saturate(.7)}
  48%{color:#fff1aa;transform:perspective(.8em) rotateX(-8deg) translateY(-.025em);filter:brightness(1.28) saturate(1.12);text-shadow:0 .055em 0 #17120a,0 0 .16em rgba(255,220,116,.74)}
  57%,70%{color:#e9c86c;transform:perspective(.8em) rotateX(0) translateY(0);filter:brightness(1.06);text-shadow:0 .05em 0 #17120a,0 0 .13em rgba(245,203,89,.42)}
  78%{color:#d3b45d;filter:brightness(.94)}
}
@keyframes name234-owner-relief{
  0%,30%,78%,100%{opacity:0;transform:translateY(.17em) scaleY(.72)}
  42%{opacity:.78;transform:translateY(.1em) scaleY(.84)}
  52%{opacity:.34;transform:translateY(.035em) scaleY(.95)}
  65%{opacity:0;transform:translateY(0) scaleY(1)}
}
@keyframes name234-owner-node-flash{
  0%,43%,74%,100%{opacity:0;transform:translate(-50%,.12em) rotate(45deg) scale(.2)}
  50%{opacity:1;transform:translate(-50%,0) rotate(45deg) scale(1.1)}
  61%{opacity:.32;transform:translate(-50%,-.12em) rotate(135deg) scale(.7)}
  69%{opacity:0;transform:translate(-50%,-.2em) rotate(225deg) scale(.15)}
}
@media(max-width:520px){
  .comment-author-line,.comment-author-line-prestige{gap:4px!important}
  .comment-author-statuses{gap:3px!important}
  .comment-author-statuses>.role-chip,.comment-author-statuses>.comment-pinned-badge{padding:3px 5px!important;font-size:7.5px!important}
  .name-effect-coronation{padding:.16em .12em .21em!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-coronation>.owner234-domain *,.name-effect-coronation>.owner234-protocol *{animation:none!important}
  .owner234-plate{opacity:1!important;transform:none!important}
  .owner234-bracket,.owner234-rail,.owner234-node{opacity:.72!important;transform:none!important}
  .owner234-gate,.owner234-core,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark{display:none!important}
}
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation>.owner234-domain *,.reduced-ui-motion .name-effect-coronation>.owner234-protocol *{animation:none!important}
.reduced-ui-motion .owner234-plate{opacity:1!important;transform:none!important}
.reduced-ui-motion .owner234-bracket,.reduced-ui-motion .owner234-rail,.reduced-ui-motion .owner234-node{opacity:.72!important;transform:none!important}
.reduced-ui-motion .owner234-gate,.reduced-ui-motion .owner234-core,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark{display:none!important}

/* Release-233 animation compatibility markers only; the active markup above
   never creates these elements: @keyframes name233-owner-ribbon,
   @keyframes name233-owner-stamp, @keyframes name233-owner-orbit,
   @keyframes name233-owner-imprint, @keyframes name233-owner-glyph. */

/* Release 235 — solar-forge owner mark, exact room nickname rendering,
   readiness-gated rooms, dependable mobile reveal and password guidance. */

/* Room and in-player participant names use the same glyph/font/effect renderer
   as profiles and comments. The former party-safe fallback deliberately
   flattened most effects and changed their colours. */
.party-rendered-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  isolation:isolate!important;
  vertical-align:middle!important;
}
.party-rendered-name>.decorated-name-text{
  display:inline-flex!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.party-member-name,.party-room-member-name,.party-entry-name{overflow:visible!important}
.party-member-role{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin-left:5px!important;
  padding:2px 5px!important;
  border:1px solid color-mix(in srgb,var(--role-color,#a9a4b0) 46%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--role-color,#a9a4b0) 11%,transparent)!important;
  color:var(--role-color,#a9a4b0)!important;
  font-size:7.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.party-member-chip{overflow:visible!important}
.party-member-chip>.party-rendered-name{max-width:min(170px,44vw)!important}
.party-room-member-copy{overflow:visible!important}
.party-room-member-copy>.party-rendered-name{max-width:100%!important}
.party-room-ready-dot{
  width:8px;height:8px;border-radius:50%;background:#e8a85a;
  box-shadow:0 0 0 3px color-mix(in srgb,#e8a85a 13%,transparent);
}
.party-room-member.ready .party-room-ready-dot{background:#69d8a3;box-shadow:0 0 0 3px color-mix(in srgb,#69d8a3 15%,transparent),0 0 9px rgba(105,216,163,.45)}
.party-room-member.waiting .party-room-member-copy>span:last-child{color:#e8a85a}

/* The host may load the episode, but transport remains unavailable until at
   least two people are present and every connected participant reported that
   the exact episode/source reached canplay. */
.party-ready-gate{
  position:absolute;z-index:36;left:50%;top:50%;translate:-50% -50%;
  width:min(390px,calc(100% - 28px));display:grid;grid-template-columns:42px minmax(0,1fr);
  gap:2px 12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.18);
  border-radius:16px;background:rgba(8,9,12,.88);color:#fff;box-shadow:0 18px 54px rgba(0,0,0,.48);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;
}
.party-ready-gate[hidden]{display:none!important}
.party-ready-gate>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,190,82,.14);color:#ffc765}
.party-ready-gate>span svg{width:21px;height:21px}
.party-ready-gate strong{font-size:13px}
.party-ready-gate p{margin:2px 0 0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.35}
.player-stage.party-host-waiting .player-center-play{opacity:.28!important;pointer-events:none!important}

/* Registration password checks: intentionally modest requirements. */
.password-requirements{display:flex;flex-wrap:wrap;gap:5px 10px}
.password-requirements span{position:relative;padding-left:14px;color:var(--on-surface-variant);font-size:8.5px}
.password-requirements span::before{content:"○";position:absolute;left:0;color:var(--outline)}
.password-requirements span.passed{color:#67d49d}
.password-requirements span.passed::before{content:"✓";color:#67d49d;font-weight:900}

/* Знак владельца 236 — Kintsugi Verdict. Rebuilt from zero again.
   No signature, seal, crown, frame, underline, forge, eclipse, travelling
   highlight or bounce. Porcelain glyphs fracture, gold repairs the fault lines,
   and detached fragments return into the restored nickname. */
.name-effect-coronation{
  position:relative!important;isolation:isolate!important;display:inline-flex!important;align-items:center!important;
  overflow:visible!important;padding:.18em .14em .2em!important;background:none!important;
  color:#eee7dc!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:.035em .045em 0 #241b18,0 0 .07em rgba(230,211,176,.2)!important;
  animation:none!important;
}
.name-effect-coronation::before,.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}
.name-effect-coronation .name-glyph{
  position:relative!important;z-index:22!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;
  transform-origin:center 58%!important;backface-visibility:hidden!important;
  animation:name236-owner-fracture-glyph 8.4s cubic-bezier(.22,.76,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .034s)!important;
}
.name-effect-coronation .name-glyph-echo{
  display:block!important;z-index:17!important;color:#e0ad43!important;-webkit-text-fill-color:currentColor!important;
  opacity:0!important;filter:blur(.012em)!important;
  transform:translate(calc(var(--glyph-direction) * .055em),.025em) skewX(calc(var(--glyph-direction) * 3deg))!important;
  clip-path:polygon(0 47%,100% 32%,100% 100%,0 100%)!important;
  animation:name236-owner-gold-fill 8.4s cubic-bezier(.2,.78,.18,1) infinite!important;
  animation-delay:calc(var(--glyph) * .034s)!important;
}
.name-effect-coronation .name-glyph-spark{display:none!important}
.name-effect-coronation>.owner236-kintsugi,
.name-effect-coronation>.owner236-fragments{
  display:block!important;position:absolute!important;inset:-.2em -.2em!important;width:auto!important;height:auto!important;
  overflow:visible!important;border:0!important;background:none!important;clip-path:none!important;filter:none!important;
  pointer-events:none!important;transform:none!important;opacity:1!important;animation:none!important;box-sizing:border-box!important;
}
.owner236-kintsugi{z-index:25!important}
.owner236-fragments{z-index:26!important}
.owner236-crack{
  position:absolute;display:block;height:.026em;border-radius:999px;opacity:0;
  background:linear-gradient(90deg,transparent 0 3%,#fff3b7 14%,#d79024 54%,#fff0aa 86%,transparent 97%);
  box-shadow:0 0 .055em rgba(255,215,102,.92),0 0 .14em rgba(192,114,21,.45);
  transform:rotate(var(--crack-angle)) scaleX(0);transform-origin:var(--crack-origin) center;
  animation:name236-owner-crack 8.4s cubic-bezier(.18,.82,.16,1) infinite;
}
.owner236-crack-a{left:4%;top:38%;width:32%;--crack-angle:14deg;--crack-origin:left;animation-delay:.02s}
.owner236-crack-b{left:28%;top:56%;width:26%;--crack-angle:-21deg;--crack-origin:left;animation-delay:.11s}
.owner236-crack-c{left:47%;top:36%;width:28%;--crack-angle:18deg;--crack-origin:left;animation-delay:.19s}
.owner236-crack-d{right:4%;top:57%;width:28%;--crack-angle:-13deg;--crack-origin:right;animation-delay:.27s}
.owner236-crack-e{left:20%;top:24%;width:17%;--crack-angle:61deg;--crack-origin:center;animation-delay:.34s}
.owner236-crack-f{right:21%;top:30%;width:18%;--crack-angle:-58deg;--crack-origin:center;animation-delay:.42s}
.owner236-gold-pool{
  position:absolute;left:50%;top:52%;width:.34em;height:.34em;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff8cf 0 8%,#e6ad43 24%,rgba(182,104,21,.38) 49%,transparent 72%);
  filter:blur(.01em);transform:translate(-50%,-50%) scale(.15);
  animation:name236-owner-gold-pool 8.4s cubic-bezier(.2,.78,.18,1) infinite;
}
.owner236-shard{
  position:absolute;display:block;width:.12em;height:.17em;opacity:0;
  background:linear-gradient(145deg,#fffaf0 0 34%,#d9cbb8 36% 61%,#b88630 64% 72%,#f4eadc 74%);
  clip-path:polygon(50% 0,100% 38%,72% 100%,0 72%,18% 20%);
  filter:drop-shadow(0 0 .035em rgba(222,170,67,.65));
  transform:translate(0,0) rotate(0) scale(.35);
  animation:name236-owner-shard 8.4s cubic-bezier(.18,.78,.17,1) infinite;
}
.owner236-shard-a{left:7%;top:34%;--shard-x:-.34em;--shard-y:-.38em;--shard-r:-96deg;animation-delay:.01s}
.owner236-shard-b{left:24%;bottom:22%;--shard-x:-.18em;--shard-y:.42em;--shard-r:74deg;animation-delay:.08s}
.owner236-shard-c{left:43%;top:20%;--shard-x:.05em;--shard-y:-.5em;--shard-r:118deg;animation-delay:.15s}
.owner236-shard-d{right:39%;bottom:19%;--shard-x:.12em;--shard-y:.44em;--shard-r:-82deg;animation-delay:.22s}
.owner236-shard-e{right:20%;top:28%;--shard-x:.28em;--shard-y:-.34em;--shard-r:104deg;animation-delay:.29s}
.owner236-shard-f{right:5%;bottom:28%;--shard-x:.38em;--shard-y:.22em;--shard-r:-118deg;animation-delay:.36s}
.owner236-repair-pulse{
  position:absolute;left:50%;top:50%;width:.22em;height:.22em;border:1px solid rgba(245,204,109,.92);border-radius:50%;opacity:0;
  box-shadow:0 0 .08em rgba(255,225,145,.8),inset 0 0 .08em rgba(198,124,26,.55);
  transform:translate(-50%,-50%) scale(.1);animation:name236-owner-repair-pulse 8.4s cubic-bezier(.18,.82,.16,1) infinite;
}
@keyframes name236-owner-fracture-glyph{
  0%,12%,69%,100%{color:#eee7dc;filter:contrast(1) brightness(1);transform:translate(0,0) rotate(0) scale(1);text-shadow:.035em .045em 0 #241b18,0 0 .07em rgba(230,211,176,.2)}
  19%{color:#fffaf1;filter:contrast(1.1) brightness(1.08);transform:translate(calc(var(--glyph-direction) * .028em),calc(var(--glyph-direction) * -.012em)) rotate(calc(var(--glyph-direction) * .8deg)) scaleX(.985);text-shadow:calc(var(--glyph-direction) * -.035em) .02em 0 #3b2d2a,0 0 .09em rgba(255,245,222,.42)}
  28%{color:#d8cbb8;filter:contrast(1.08);transform:translate(calc(var(--glyph-direction) * -.018em),.018em) rotate(calc(var(--glyph-direction) * -.55deg)) scaleX(1.018);text-shadow:calc(var(--glyph-direction) * .04em) -.01em 0 #5a3821,0 0 .08em rgba(205,154,62,.36)}
  41%{color:#fff4cf;filter:brightness(1.14) saturate(.88);transform:none;text-shadow:0 0 .045em #fff4c7,0 0 .13em rgba(223,161,54,.72),.035em .045em 0 #3b2414}
  53%,63%{color:#e7c36f;filter:none;transform:none;text-shadow:.025em .035em 0 #3b2414,0 0 .075em rgba(220,161,55,.5)}
}
@keyframes name236-owner-gold-fill{
  0%,20%,67%,100%{opacity:0;transform:translate(calc(var(--glyph-direction) * .055em),.025em) skewX(calc(var(--glyph-direction) * 3deg)) scaleY(.82)}
  31%{opacity:.35;transform:translate(calc(var(--glyph-direction) * .025em),.012em) skewX(calc(var(--glyph-direction) * 1.5deg)) scaleY(.92)}
  42%{opacity:.92;transform:translate(0,0) skewX(0) scaleY(1)}
  56%{opacity:.4;transform:translate(0,0) scaleY(1)}
}
@keyframes name236-owner-crack{
  0%,18%,65%,100%{opacity:0;transform:rotate(var(--crack-angle)) scaleX(0)}
  27%{opacity:.35;transform:rotate(var(--crack-angle)) scaleX(.28)}
  40%{opacity:1;transform:rotate(var(--crack-angle)) scaleX(1)}
  54%{opacity:.78;transform:rotate(var(--crack-angle)) scaleX(1)}
  61%{opacity:0;transform:rotate(var(--crack-angle)) scaleX(1.08)}
}
@keyframes name236-owner-gold-pool{
  0%,25%,67%,100%{opacity:0;transform:translate(-50%,-50%) scale(.15)}
  37%{opacity:.8;transform:translate(-50%,-50%) scale(.75)}
  47%{opacity:.34;transform:translate(-50%,-50%) scale(2.2)}
  58%{opacity:0;transform:translate(-50%,-50%) scale(3.7)}
}
@keyframes name236-owner-shard{
  0%,16%,68%,100%{opacity:0;transform:translate(0,0) rotate(0) scale(.35)}
  23%{opacity:.88;transform:translate(calc(var(--shard-x) * .55),calc(var(--shard-y) * .55)) rotate(calc(var(--shard-r) * .55)) scale(1)}
  34%{opacity:.74;transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-r)) scale(.82)}
  46%{opacity:.92;transform:translate(calc(var(--shard-x) * .35),calc(var(--shard-y) * .35)) rotate(calc(var(--shard-r) * .25)) scale(.62)}
  57%{opacity:0;transform:translate(0,0) rotate(0) scale(.18)}
}
@keyframes name236-owner-repair-pulse{
  0%,35%,69%,100%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  44%{opacity:.9;transform:translate(-50%,-50%) scale(.8)}
  57%{opacity:.18;transform:translate(-50%,-50%) scale(5.8)}
  64%{opacity:0;transform:translate(-50%,-50%) scale(7)}
}
@media(max-width:520px){
  .name-effect-coronation{padding:.16em .11em .18em!important}
  .owner236-shard{width:.105em;height:.15em}
  .party-member-chip>.party-rendered-name{max-width:36vw!important}
  .party-member-role{font-size:7px!important;padding:2px 4px!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,
  .name-effect-coronation>.owner236-kintsugi *,.name-effect-coronation>.owner236-fragments *{animation:none!important}
  .name-effect-coronation .name-glyph{color:#e7c36f!important;filter:none!important;transform:none!important}
  .owner236-crack,.owner236-gold-pool,.owner236-shard,.owner236-repair-pulse,.name-effect-coronation .name-glyph-echo{display:none!important}
}
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation>.owner236-kintsugi *,.reduced-ui-motion .name-effect-coronation>.owner236-fragments *{animation:none!important}
.reduced-ui-motion .name-effect-coronation .name-glyph{color:#e7c36f!important;filter:none!important;transform:none!important}
.reduced-ui-motion .owner236-crack,.reduced-ui-motion .owner236-gold-pool,.reduced-ui-motion .owner236-shard,.reduced-ui-motion .owner236-repair-pulse,.reduced-ui-motion .name-effect-coronation .name-glyph-echo{display:none!important}
.party-room-member-flags{display:grid;justify-items:center;gap:4px}
.party-member-ready-indicator{flex:0 0 auto;width:7px;height:7px;margin-left:3px;border-radius:50%;background:#e8a85a;box-shadow:0 0 7px rgba(232,168,90,.38)}
.party-member-chip.ready .party-member-ready-indicator{background:#69d8a3;box-shadow:0 0 8px rgba(105,216,163,.52)}


/* Release 237 — adaptive comment identities, live profile pin replacement and
   a completely new owner resonance scene. */
.comment-head>div{width:100%!important;min-width:0!important}
.comment-author-line,
.comment-author-line-prestige{
  width:100%!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.comment-author-line>.comment-author-identity,
.comment-author-line-prestige>.comment-author-identity{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - var(--comment-status-width,0px))!important;
}
.comment-author-line.comment-author-line-stacked,
.comment-author-line-prestige.comment-author-line-stacked{
  flex-wrap:wrap!important;
  row-gap:4px!important;
}
.comment-author-line-stacked>.comment-author-identity{
  flex:1 0 100%!important;
  width:100%!important;
  max-width:100%!important;
}
.comment-author-line-stacked>.comment-author-statuses{
  flex:0 0 auto!important;
  max-width:100%!important;
  margin-inline-start:0!important;
}
.comment-author-line-stacked>.comment-author-statuses>.role-chip,
.comment-author-line-stacked>.comment-author-statuses>.comment-pinned-badge{
  max-width:min(100%,240px)!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.community-comment.comment-pin-updated{animation:comment237-pin-settle .48s cubic-bezier(.2,.75,.2,1)}
@keyframes comment237-pin-settle{
  0%{transform:translateY(-4px);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent),0 14px 36px rgba(0,0,0,.16)}
  100%{transform:none}
}

/* Знак владельца 237 — Golden Resonance. A frequency field tunes around the
   nickname, folds into a central core and releases a centre-out pulse. This
   scene shares no kintsugi cracks, shards, forge, stamp or signature geometry. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  overflow:visible!important;
  padding:.14em .13em .18em!important;
  color:#f0d88c!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:0 .035em 0 #2b2114,0 0 .08em rgba(240,197,87,.32)!important;
  animation:none!important;
}
.name-effect-coronation::before,.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:24!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transform-origin:center 65%!important;
  backface-visibility:hidden!important;
  animation:name237-owner-resonance-glyph 7.6s cubic-bezier(.2,.74,.18,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .055s)!important;
}
.name-effect-coronation .name-glyph-echo{
  display:block!important;
  z-index:18!important;
  color:#fff0af!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:0!important;
  clip-path:inset(52% 0 0)!important;
  filter:blur(.008em)!important;
  transform:translateY(.08em) scaleY(.88)!important;
  animation:name237-owner-resonance-echo 7.6s cubic-bezier(.2,.74,.18,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .055s)!important;
}
.name-effect-coronation .name-glyph-spark{display:none!important}
.name-effect-coronation>.owner237-resonance,
.name-effect-coronation>.owner237-signal{
  display:block!important;
  position:absolute!important;
  inset:-.08em -.1em!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  background:none!important;
  clip-path:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
  animation:none!important;
  box-sizing:border-box!important;
}
.owner237-resonance{z-index:8!important}
.owner237-signal{z-index:29!important}
.owner237-halo{
  position:absolute;
  left:50%;top:50%;
  width:58%;height:.72em;
  border:1px solid rgba(235,190,75,.62);
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 .08em rgba(255,218,111,.36),inset 0 0 .08em rgba(196,124,28,.22);
  transform:translate(-50%,-50%) scale(.12,.42);
  animation:name237-owner-halo 7.6s cubic-bezier(.18,.8,.17,1) infinite;
}
.owner237-halo-b{width:82%;height:1.02em;border-color:rgba(244,216,137,.32);animation-delay:.13s}
.owner237-frequency{
  position:absolute;
  left:8%;right:8%;top:50%;
  height:.72em;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transform:translateY(-50%);
  opacity:0;
  animation:name237-owner-frequency-field 7.6s ease-in-out infinite;
}
.owner237-frequency>i{
  display:block;
  width:.025em;
  height:var(--bar-height,.34em);
  border-radius:999px;
  background:linear-gradient(180deg,transparent,#ffe8a0 20% 80%,transparent);
  box-shadow:0 0 .055em rgba(255,215,103,.76);
  transform:scaleY(.08);
  animation:name237-owner-frequency-bar 7.6s cubic-bezier(.2,.8,.18,1) infinite;
}
.owner237-frequency>i:nth-child(1),.owner237-frequency>i:nth-child(7){--bar-height:.22em;animation-delay:.22s}
.owner237-frequency>i:nth-child(2),.owner237-frequency>i:nth-child(6){--bar-height:.42em;animation-delay:.14s}
.owner237-frequency>i:nth-child(3),.owner237-frequency>i:nth-child(5){--bar-height:.61em;animation-delay:.07s}
.owner237-frequency>i:nth-child(4){--bar-height:.74em}
.owner237-core{
  position:absolute;
  left:50%;top:50%;
  width:.13em;height:.13em;
  border:1px solid #fff1b5;
  background:#bb761d;
  box-shadow:0 0 .06em #fff1b5,0 0 .18em rgba(229,155,41,.72);
  opacity:0;
  transform:translate(-50%,-50%) rotate(45deg) scale(.1);
  animation:name237-owner-core 7.6s cubic-bezier(.17,.82,.16,1) infinite;
}
.owner237-wave{
  position:absolute;
  left:50%;top:50%;
  width:86%;height:.32em;
  border-top:1px solid rgba(255,229,151,.86);
  border-bottom:1px solid rgba(188,116,26,.42);
  border-radius:50%;
  opacity:0;
  filter:drop-shadow(0 0 .045em rgba(255,218,108,.74));
  transform:translate(-50%,-50%) scaleX(.04) scaleY(.25);
  animation:name237-owner-wave 7.6s cubic-bezier(.18,.82,.16,1) infinite;
}
.owner237-particle{
  position:absolute;
  left:50%;top:50%;
  width:.055em;height:.055em;
  border-radius:50%;
  background:#fff1b0;
  box-shadow:0 0 .07em #f3c45f;
  opacity:0;
  transform:translate(-50%,-50%);
  animation:name237-owner-particle 7.6s cubic-bezier(.18,.78,.18,1) infinite;
}
.owner237-particle-a{--particle-x:-.42em;--particle-y:-.31em;animation-delay:.02s}
.owner237-particle-b{--particle-x:-.26em;--particle-y:.34em;animation-delay:.08s}
.owner237-particle-c{--particle-x:-.08em;--particle-y:-.45em;animation-delay:.14s}
.owner237-particle-d{--particle-x:.11em;--particle-y:.43em;animation-delay:.2s}
.owner237-particle-e{--particle-x:.29em;--particle-y:-.32em;animation-delay:.26s}
.owner237-particle-f{--particle-x:.44em;--particle-y:.23em;animation-delay:.32s}
@keyframes name237-owner-resonance-glyph{
  0%,15%,72%,100%{color:#f0d88c;filter:none;transform:translateY(0) scale(1);text-shadow:0 .035em 0 #2b2114,0 0 .08em rgba(240,197,87,.32)}
  24%{color:#9c7738;filter:saturate(.72) brightness(.8);transform:translateY(.02em) scaleY(.97);text-shadow:0 .025em 0 #21180f}
  36%{color:#fff3bd;filter:brightness(1.18);transform:translateY(-.018em) scale(1.015);text-shadow:0 0 .045em #fff8dc,0 0 .16em rgba(238,181,62,.82)}
  49%,61%{color:#e9bd59;filter:none;transform:none;text-shadow:0 .035em 0 #322314,0 0 .09em rgba(231,170,49,.48)}
}
@keyframes name237-owner-resonance-echo{
  0%,22%,68%,100%{opacity:0;transform:translateY(.08em) scaleY(.88)}
  34%{opacity:.26;transform:translateY(.035em) scaleY(.95)}
  43%{opacity:.92;transform:translateY(0) scaleY(1)}
  56%{opacity:.18;transform:translateY(-.035em) scaleY(1.03)}
}
@keyframes name237-owner-halo{
  0%,17%,67%,100%{opacity:0;transform:translate(-50%,-50%) scale(.12,.42)}
  28%{opacity:.7;transform:translate(-50%,-50%) scale(.72,.82)}
  40%{opacity:.92;transform:translate(-50%,-50%) scale(1,1)}
  55%{opacity:.18;transform:translate(-50%,-50%) scale(1.28,1.16)}
}
@keyframes name237-owner-frequency-field{
  0%,18%,64%,100%{opacity:0}
  27%,48%{opacity:.78}
  57%{opacity:.12}
}
@keyframes name237-owner-frequency-bar{
  0%,18%,64%,100%{transform:scaleY(.08)}
  29%{transform:scaleY(.58)}
  39%{transform:scaleY(1)}
  51%{transform:scaleY(.34)}
}
@keyframes name237-owner-core{
  0%,28%,66%,100%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.1)}
  38%{opacity:1;transform:translate(-50%,-50%) rotate(225deg) scale(1)}
  49%{opacity:.82;transform:translate(-50%,-50%) rotate(405deg) scale(.72)}
  58%{opacity:0;transform:translate(-50%,-50%) rotate(585deg) scale(2.2)}
}
@keyframes name237-owner-wave{
  0%,31%,67%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.04) scaleY(.25)}
  40%{opacity:.86;transform:translate(-50%,-50%) scaleX(.48) scaleY(.72)}
  50%{opacity:.66;transform:translate(-50%,-50%) scaleX(1) scaleY(1)}
  60%{opacity:0;transform:translate(-50%,-50%) scaleX(1.12) scaleY(1.42)}
}
@keyframes name237-owner-particle{
  0%,30%,66%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  39%{opacity:.92;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.58)}
  50%{opacity:.72;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.8)}
  59%{opacity:0;transform:translate(-50%,-50%) scale(.15)}
}
@media(max-width:520px){
  .name-effect-coronation{padding:.12em .1em .16em!important}
  .comment-author-line-stacked>.comment-author-statuses>.role-chip,
  .comment-author-line-stacked>.comment-author-statuses>.comment-pinned-badge{font-size:8px!important;padding:3px 6px!important}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,
  .name-effect-coronation>.owner237-resonance *,.name-effect-coronation>.owner237-signal *{animation:none!important}
  .name-effect-coronation .name-glyph{color:#e8c96e!important;filter:none!important;transform:none!important}
  .owner237-halo,.owner237-frequency,.owner237-core,.owner237-wave,.owner237-particle,.name-effect-coronation .name-glyph-echo{display:none!important}
}
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,
.reduced-ui-motion .name-effect-coronation>.owner237-resonance *,.reduced-ui-motion .name-effect-coronation>.owner237-signal *{animation:none!important}
.reduced-ui-motion .name-effect-coronation .name-glyph{color:#e8c96e!important;filter:none!important;transform:none!important}
.reduced-ui-motion .owner237-halo,.reduced-ui-motion .owner237-frequency,.reduced-ui-motion .owner237-core,.reduced-ui-motion .owner237-wave,.reduced-ui-motion .owner237-particle,.reduced-ui-motion .name-effect-coronation .name-glyph-echo{display:none!important}


/* Release 238 — Sovereign Overdrive.
   The owner mark is now a full power-up sequence: a dark-gold reactor locks on,
   an energy cage slams shut, radial blades ignite, and a white-hot impact runs
   from the centre of the nickname to both edges. All layers are absolute and
   therefore never move role chips, pinned badges, comments or surrounding UI. */
.name-effect-coronation{
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  overflow:visible!important;
  padding:.15em .16em .2em!important;
  color:#f3cd68!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:0 .04em 0 #27180d,0 0 .09em rgba(255,197,67,.38),0 0 .24em rgba(193,30,104,.13)!important;
  animation:none!important;
}
.name-effect-coronation::before,.name-effect-coronation::after{content:none!important;display:none!important;animation:none!important}
.name-effect-coronation .name-glyph{
  position:relative!important;
  z-index:50!important;
  opacity:1!important;
  visibility:visible!important;
  color:#f3cd68!important;
  -webkit-text-fill-color:currentColor!important;
  transform-origin:50% 70%!important;
  backface-visibility:hidden!important;
  will-change:transform,filter,color,text-shadow!important;
  animation:name238-owner-glyph 5.8s cubic-bezier(.17,.82,.16,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .038s)!important;
}
.name-effect-coronation .name-glyph-echo{
  display:block!important;
  inset:0!important;
  z-index:-1!important;
  color:#ff3d9d!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
  opacity:0!important;
  clip-path:inset(0 0 48% 0)!important;
  filter:blur(.012em) saturate(1.25)!important;
  mix-blend-mode:screen!important;
  transform:translate(calc(var(--glyph-direction) * .07em),-.035em) skewX(calc(var(--glyph-direction) * -5deg))!important;
  will-change:transform,opacity,filter!important;
  animation:name238-owner-echo 5.8s cubic-bezier(.16,.84,.16,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .038s)!important;
}
.name-effect-coronation .name-glyph-spark{
  display:block!important;
  z-index:70!important;
  left:-35%!important;
  top:46%!important;
  width:170%!important;
  height:.055em!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,72,167,.14) 22%,#fff9df 47%,#ffe477 53%,rgba(255,49,147,.22) 76%,transparent 100%)!important;
  box-shadow:0 0 .08em #fff5ca,0 0 .2em rgba(255,190,53,.82),0 0 .32em rgba(230,29,119,.48)!important;
  opacity:0!important;
  transform:translateX(-26%) rotate(-16deg) scaleX(.04)!important;
  transform-origin:center!important;
  will-change:transform,opacity!important;
  animation:name238-owner-letter-slash 5.8s cubic-bezier(.15,.86,.14,1) infinite!important;
  animation-delay:calc(var(--glyph-distance) * .038s)!important;
}
.name-effect-coronation>.owner238-overdrive,
.name-effect-coronation>.owner238-impact{
  display:block!important;
  position:absolute!important;
  inset:-.42em -.48em!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  clip-path:none!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
  animation:none!important;
  box-sizing:border-box!important;
}
.name-effect-coronation>.owner238-overdrive{z-index:4!important}
.name-effect-coronation>.owner238-impact{z-index:65!important}
.name-effect-coronation>.owner238-impact::before,
.name-effect-coronation>.owner238-impact::after{content:none!important;display:none!important}
.owner238-compat{display:none!important;visibility:hidden!important;animation:none!important}
.owner238-aura{
  position:absolute;
  z-index:1;
  left:50%;top:50%;
  width:86%;height:1.18em;
  border-radius:50%;
  opacity:0;
  background:
    radial-gradient(ellipse at center,rgba(255,231,142,.28) 0 8%,rgba(236,165,44,.16) 24%,rgba(203,22,101,.16) 47%,transparent 72%),
    conic-gradient(from 0deg,transparent 0 8%,rgba(255,229,128,.24) 10%,transparent 14% 24%,rgba(255,46,146,.18) 27%,transparent 31% 58%,rgba(255,231,145,.2) 61%,transparent 66% 100%);
  filter:blur(.055em) saturate(1.2);
  transform:translate(-50%,-50%) scale(.34,.48) rotate(-18deg);
  animation:name238-owner-aura 5.8s cubic-bezier(.16,.82,.16,1) infinite;
}
.owner238-orbit{
  position:absolute;
  z-index:3;
  left:50%;top:50%;
  border:1px solid rgba(255,218,104,.68);
  border-left-color:rgba(255,45,143,.72);
  border-right-color:rgba(255,247,211,.92);
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 .07em rgba(255,214,93,.42),inset 0 0 .06em rgba(255,44,141,.16);
  transform:translate(-50%,-50%) scale(.18,.42) rotate(-32deg);
  will-change:transform,opacity;
}
.owner238-orbit-a{width:76%;height:.82em;animation:name238-owner-orbit-a 5.8s cubic-bezier(.17,.82,.16,1) infinite}
.owner238-orbit-b{width:94%;height:1.12em;border-width:.7px;animation:name238-owner-orbit-b 5.8s cubic-bezier(.17,.82,.16,1) infinite}
.owner238-rails{position:absolute;z-index:8;inset:.1em .24em;opacity:1}
.owner238-rail{
  position:absolute;
  display:block;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg,transparent,#ff3c9d 14%,#fff5c6 48%,#ffc945 52%,#ff3c9d 86%,transparent);
  box-shadow:0 0 .055em rgba(255,244,197,.9),0 0 .15em rgba(255,183,44,.72),0 0 .25em rgba(217,28,112,.38);
  will-change:transform,opacity;
}
.owner238-rail-top,.owner238-rail-bottom{left:4%;width:92%;height:.025em;transform:scaleX(.03)}
.owner238-rail-top{top:.08em;transform-origin:left;animation:name238-owner-rail-x 5.8s cubic-bezier(.12,.9,.12,1) infinite}
.owner238-rail-bottom{bottom:.04em;transform-origin:right;animation:name238-owner-rail-x-reverse 5.8s cubic-bezier(.12,.9,.12,1) infinite}
.owner238-rail-left,.owner238-rail-right{top:12%;height:76%;width:.025em;background:linear-gradient(180deg,transparent,#ff3c9d 14%,#fff5c6 48%,#ffc945 52%,#ff3c9d 86%,transparent);transform:scaleY(.03)}
.owner238-rail-left{left:4%;transform-origin:top;animation:name238-owner-rail-y 5.8s cubic-bezier(.12,.9,.12,1) infinite}
.owner238-rail-right{right:4%;transform-origin:bottom;animation:name238-owner-rail-y-reverse 5.8s cubic-bezier(.12,.9,.12,1) infinite}
.owner238-reactor{
  position:absolute;
  z-index:14;
  left:50%;top:50%;
  width:.28em;height:.28em;
  border:1px solid #ffe993;
  background:radial-gradient(circle,#fff8d7 0 10%,#ffc73a 12% 28%,#a20e50 31% 48%,#130811 52% 100%);
  box-shadow:0 0 .055em #fff8d6,0 0 .16em rgba(255,191,48,.95),0 0 .36em rgba(220,23,109,.72),inset 0 0 .08em #fff3b6;
  opacity:0;
  transform:translate(-50%,-50%) rotate(45deg) scale(.08);
  will-change:transform,opacity,filter;
  animation:name238-owner-reactor 5.8s cubic-bezier(.12,.9,.12,1) infinite;
}
.owner238-reactor::before,.owner238-reactor::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(255,229,139,.82);
  box-shadow:0 0 .08em rgba(255,206,64,.72);
  transform:translate(-50%,-50%) rotate(45deg);
}
.owner238-reactor::before{width:.46em;height:.46em}
.owner238-reactor::after{width:.68em;height:.68em;border-color:rgba(255,49,148,.46)}
.owner238-reactor>i{
  position:absolute;
  left:50%;top:50%;
  width:.06em;height:.06em;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 .08em #fff,0 0 .22em #ffd049;
  transform:translate(-50%,-50%) rotate(-45deg);
}
.owner238-blades{position:absolute;z-index:11;inset:0;opacity:1}
.owner238-blade{
  --blade-angle:0deg;
  position:absolute;
  left:50%;top:50%;
  width:42%;height:.035em;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg,#fff9dc 0,#ffd95b 20%,rgba(255,47,147,.72) 55%,transparent 100%);
  box-shadow:0 0 .05em #fff2b6,0 0 .13em rgba(255,191,42,.85),0 0 .24em rgba(225,28,115,.48);
  transform-origin:0 50%;
  transform:rotate(var(--blade-angle)) translateX(.1em) scaleX(.03);
  clip-path:polygon(0 0,100% 46%,100% 54%,0 100%);
  will-change:transform,opacity;
  animation:name238-owner-blade 5.8s cubic-bezier(.1,.9,.12,1) infinite;
}
.owner238-blade-a{--blade-angle:0deg}.owner238-blade-b{--blade-angle:45deg;animation-delay:.025s}.owner238-blade-c{--blade-angle:90deg;animation-delay:.05s}.owner238-blade-d{--blade-angle:135deg;animation-delay:.075s}.owner238-blade-e{--blade-angle:180deg;animation-delay:.1s}.owner238-blade-f{--blade-angle:225deg;animation-delay:.125s}.owner238-blade-g{--blade-angle:270deg;animation-delay:.15s}.owner238-blade-h{--blade-angle:315deg;animation-delay:.175s}
.owner238-shockwave{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(255,239,176,.92);
  border-left-color:rgba(255,44,145,.72);
  border-right-color:rgba(255,196,55,.88);
  border-radius:50%;
  opacity:0;
  filter:drop-shadow(0 0 .055em rgba(255,218,99,.9));
  transform:translate(-50%,-50%) scale(.08,.22);
  will-change:transform,opacity;
}
.owner238-shockwave-a{width:72%;height:.58em;animation:name238-owner-shockwave 5.8s cubic-bezier(.12,.86,.14,1) infinite}
.owner238-shockwave-b{width:88%;height:.92em;animation:name238-owner-shockwave 5.8s .11s cubic-bezier(.12,.86,.14,1) infinite}
.owner238-sweep{
  position:absolute;
  z-index:72;
  left:-28%;top:50%;
  width:26%;height:1.12em;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,61,157,.16) 18%,rgba(255,240,177,.9) 46%,#fff 52%,rgba(255,196,51,.22) 72%,transparent);
  filter:blur(.015em) drop-shadow(0 0 .12em rgba(255,220,106,.9));
  transform:translateY(-50%) skewX(-19deg) scaleX(.22);
  will-change:left,transform,opacity;
  animation:name238-owner-sweep 5.8s cubic-bezier(.12,.9,.14,1) infinite;
}
.owner238-flash{
  position:absolute;
  z-index:68;
  left:50%;top:50%;
  width:94%;height:.68em;
  border-radius:50%;
  opacity:0;
  background:radial-gradient(ellipse,#fff 0 3%,#fff0ae 12%,rgba(255,201,57,.44) 34%,rgba(255,31,137,.16) 52%,transparent 72%);
  filter:blur(.025em);
  mix-blend-mode:screen;
  transform:translate(-50%,-50%) scale(.04,.18);
  will-change:transform,opacity;
  animation:name238-owner-flash 5.8s cubic-bezier(.12,.86,.14,1) infinite;
}
.owner238-particle{
  position:absolute;
  z-index:74;
  left:50%;top:50%;
  width:.06em;height:.06em;
  border-radius:50%;
  opacity:0;
  background:#fff6cc;
  box-shadow:0 0 .07em #fff,0 0 .18em #ffc841,0 0 .28em rgba(231,31,122,.72);
  transform:translate(-50%,-50%) scale(.1);
  will-change:transform,opacity;
  animation:name238-owner-particle 5.8s cubic-bezier(.12,.82,.14,1) infinite;
}
.owner238-particle-a{--particle-x:-.72em;--particle-y:-.24em}.owner238-particle-b{--particle-x:-.58em;--particle-y:.38em;animation-delay:.025s}.owner238-particle-c{--particle-x:-.34em;--particle-y:-.52em;animation-delay:.05s}.owner238-particle-d{--particle-x:-.14em;--particle-y:.58em;animation-delay:.075s}.owner238-particle-e{--particle-x:.1em;--particle-y:-.61em;animation-delay:.1s}.owner238-particle-f{--particle-x:.27em;--particle-y:.54em;animation-delay:.125s}.owner238-particle-g{--particle-x:.48em;--particle-y:-.43em;animation-delay:.15s}.owner238-particle-h{--particle-x:.68em;--particle-y:.28em;animation-delay:.175s}.owner238-particle-i{--particle-x:-.82em;--particle-y:.03em;animation-delay:.2s}.owner238-particle-j{--particle-x:.84em;--particle-y:-.04em;animation-delay:.225s}
@keyframes name238-owner-glyph{
  0%,9%,54%,100%{color:#f3cd68;filter:none;transform:translate(0,0) rotate(0) scale(1);text-shadow:0 .04em 0 #27180d,0 0 .09em rgba(255,197,67,.38),0 0 .24em rgba(193,30,104,.13)}
  13%{color:#98702c;filter:brightness(.72) saturate(.78);transform:translateX(var(--glyph-pull)) translateY(.025em) scale(.91,.95);text-shadow:0 .025em 0 #160d09}
  17%{color:#fff9dc;filter:brightness(1.65) saturate(1.12);transform:translateX(calc(var(--glyph-pull) * .3)) translateY(calc(var(--glyph-direction) * -.055em)) rotate(calc(var(--glyph-direction) * -2deg)) scale(1.16,1.21);text-shadow:0 0 .045em #fff,0 0 .16em #ffd044,0 0 .34em rgba(240,29,126,.9)}
  20%{color:#ffdc68;filter:brightness(1.3);transform:translateX(var(--glyph-rebound)) translateY(calc(var(--glyph-direction) * .025em)) rotate(calc(var(--glyph-direction) * 1deg)) scale(.98,1.04);text-shadow:calc(var(--glyph-direction) * .035em) 0 #ff3a9b,0 0 .12em #fff0ad,0 0 .28em rgba(255,181,37,.72)}
  25%{color:#ffe997;filter:brightness(1.12);transform:translateX(calc(var(--glyph-rebound) * -.28)) scale(1.03,.99);text-shadow:0 .04em 0 #2b190d,0 0 .12em rgba(255,213,87,.72)}
  31%,42%{color:#f3cd68;filter:none;transform:none;text-shadow:0 .04em 0 #27180d,0 0 .1em rgba(255,202,72,.48),0 0 .2em rgba(211,27,111,.16)}
  46%{color:#fff0a6;filter:brightness(1.15);transform:translateY(-.012em) scale(1.015);text-shadow:0 0 .06em #fff6ca,0 0 .16em rgba(255,194,46,.66)}
}
@keyframes name238-owner-echo{
  0%,11%,30%,100%{opacity:0;transform:translate(calc(var(--glyph-direction) * .07em),-.035em) skewX(calc(var(--glyph-direction) * -5deg)) scale(1)}
  15%{opacity:.34;transform:translate(calc(var(--glyph-direction) * .045em),-.022em) skewX(calc(var(--glyph-direction) * -3deg)) scale(1.02,1.08)}
  18%{opacity:.9;filter:blur(.008em) saturate(1.5);transform:translate(calc(var(--glyph-direction) * -.055em),.02em) skewX(calc(var(--glyph-direction) * 4deg)) scale(1.08,1.16)}
  23%{opacity:.28;transform:translate(calc(var(--glyph-direction) * .02em),-.012em) scale(1.03)}
  27%{opacity:0;transform:none}
}
@keyframes name238-owner-letter-slash{
  0%,14%,30%,100%{opacity:0;transform:translateX(-26%) rotate(-16deg) scaleX(.04)}
  17%{opacity:1;transform:translateX(-4%) rotate(-16deg) scaleX(.68)}
  20%{opacity:.92;transform:translateX(8%) rotate(-16deg) scaleX(1.12)}
  24%{opacity:0;transform:translateX(34%) rotate(-16deg) scaleX(.16)}
}
@keyframes name238-owner-aura{
  0%,6%,43%,100%{opacity:0;transform:translate(-50%,-50%) scale(.34,.48) rotate(-18deg)}
  11%{opacity:.44;transform:translate(-50%,-50%) scale(.72,.76) rotate(22deg)}
  18%{opacity:.95;transform:translate(-50%,-50%) scale(1.03,1) rotate(96deg)}
  26%{opacity:.48;transform:translate(-50%,-50%) scale(1.22,1.16) rotate(176deg)}
  37%{opacity:0;transform:translate(-50%,-50%) scale(1.4,1.26) rotate(244deg)}
}
@keyframes name238-owner-orbit-a{
  0%,7%,39%,100%{opacity:0;transform:translate(-50%,-50%) scale(.18,.42) rotate(-32deg)}
  12%{opacity:.88;transform:translate(-50%,-50%) scale(.68,.76) rotate(52deg)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1,1) rotate(164deg)}
  27%{opacity:.3;transform:translate(-50%,-50%) scale(1.18,1.15) rotate(282deg)}
  35%{opacity:0;transform:translate(-50%,-50%) scale(1.34,1.24) rotate(392deg)}
}
@keyframes name238-owner-orbit-b{
  0%,8%,41%,100%{opacity:0;transform:translate(-50%,-50%) scale(.16,.36) rotate(44deg)}
  14%{opacity:.62;transform:translate(-50%,-50%) scale(.72,.82) rotate(-34deg)}
  20%{opacity:.86;transform:translate(-50%,-50%) scale(1,1) rotate(-152deg)}
  30%{opacity:.22;transform:translate(-50%,-50%) scale(1.2,1.14) rotate(-286deg)}
  37%{opacity:0;transform:translate(-50%,-50%) scale(1.32,1.22) rotate(-374deg)}
}
@keyframes name238-owner-rail-x{
  0%,8%,35%,100%{opacity:0;transform:scaleX(.03)}
  12%{opacity:1;transform:scaleX(.58)}
  16%,23%{opacity:.94;transform:scaleX(1)}
  29%{opacity:.18;transform:scaleX(1.08)}
}
@keyframes name238-owner-rail-x-reverse{
  0%,8%,35%,100%{opacity:0;transform:scaleX(.03)}
  12%{opacity:1;transform:scaleX(.58)}
  16%,23%{opacity:.94;transform:scaleX(1)}
  29%{opacity:.18;transform:scaleX(1.08)}
}
@keyframes name238-owner-rail-y{
  0%,10%,34%,100%{opacity:0;transform:scaleY(.03)}
  14%{opacity:1;transform:scaleY(.64)}
  17%,23%{opacity:.9;transform:scaleY(1)}
  29%{opacity:0;transform:scaleY(1.08)}
}
@keyframes name238-owner-rail-y-reverse{
  0%,10%,34%,100%{opacity:0;transform:scaleY(.03)}
  14%{opacity:1;transform:scaleY(.64)}
  17%,23%{opacity:.9;transform:scaleY(1)}
  29%{opacity:0;transform:scaleY(1.08)}
}
@keyframes name238-owner-reactor{
  0%,10%,34%,100%{opacity:0;filter:brightness(.8);transform:translate(-50%,-50%) rotate(45deg) scale(.08)}
  14%{opacity:1;filter:brightness(1.5);transform:translate(-50%,-50%) rotate(135deg) scale(1.38)}
  17%{opacity:1;filter:brightness(1.12);transform:translate(-50%,-50%) rotate(225deg) scale(.84)}
  20%,23%{opacity:.96;filter:brightness(1.3);transform:translate(-50%,-50%) rotate(405deg) scale(1)}
  27%{opacity:.42;filter:brightness(1.8);transform:translate(-50%,-50%) rotate(585deg) scale(1.7)}
  31%{opacity:0;transform:translate(-50%,-50%) rotate(765deg) scale(2.7)}
}
@keyframes name238-owner-blade{
  0%,13%,32%,100%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.1em) scaleX(.03)}
  16%{opacity:.95;transform:rotate(var(--blade-angle)) translateX(.12em) scaleX(.56)}
  19%{opacity:1;transform:rotate(var(--blade-angle)) translateX(.1em) scaleX(1)}
  24%{opacity:.34;transform:rotate(var(--blade-angle)) translateX(.26em) scaleX(1.22)}
  29%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.46em) scaleX(.22)}
}
@keyframes name238-owner-shockwave{
  0%,16%,38%,100%{opacity:0;transform:translate(-50%,-50%) scale(.08,.22)}
  19%{opacity:1;transform:translate(-50%,-50%) scale(.46,.62)}
  24%{opacity:.76;transform:translate(-50%,-50%) scale(1,1)}
  31%{opacity:0;transform:translate(-50%,-50%) scale(1.34,1.46)}
}
@keyframes name238-owner-sweep{
  0%,15%,35%,100%{left:-28%;opacity:0;transform:translateY(-50%) skewX(-19deg) scaleX(.22)}
  18%{opacity:.45}
  22%{opacity:1;transform:translateY(-50%) skewX(-19deg) scaleX(1)}
  27%{left:102%;opacity:.72;transform:translateY(-50%) skewX(-19deg) scaleX(.82)}
  32%{left:118%;opacity:0;transform:translateY(-50%) skewX(-19deg) scaleX(.16)}
}
@keyframes name238-owner-flash{
  0%,15%,31%,100%{opacity:0;transform:translate(-50%,-50%) scale(.04,.18)}
  18%{opacity:.92;transform:translate(-50%,-50%) scale(.42,.62)}
  21%{opacity:1;transform:translate(-50%,-50%) scale(1,1)}
  26%{opacity:.22;transform:translate(-50%,-50%) scale(1.24,1.36)}
  29%{opacity:0;transform:translate(-50%,-50%) scale(1.48,1.72)}
}
@keyframes name238-owner-particle{
  0%,16%,39%,100%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  19%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
  25%{opacity:.9;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.72)}
  32%{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.08)}
}
@media(max-width:520px){
  .name-effect-coronation{padding:.12em .11em .17em!important}
  .name-effect-coronation>.owner238-overdrive,.name-effect-coronation>.owner238-impact{inset:-.32em -.34em!important}
  .owner238-blade{width:37%}
  .owner238-particle{width:.05em;height:.05em}
}
@media(prefers-reduced-motion:reduce){
  .name-effect-coronation .name-glyph,.name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .name-effect-coronation>.owner238-overdrive *,.name-effect-coronation>.owner238-impact *{animation:none!important}
  .name-effect-coronation .name-glyph{color:#f3cd68!important;filter:none!important;transform:none!important}
  .name-effect-coronation .name-glyph-echo,.name-effect-coronation .name-glyph-spark,
  .owner238-aura,.owner238-orbit,.owner238-rails,.owner238-reactor,.owner238-blades,.owner238-shockwave,.owner238-sweep,.owner238-flash,.owner238-particle{display:none!important}
}
.reduced-ui-motion .name-effect-coronation .name-glyph,.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .name-effect-coronation>.owner238-overdrive *,.reduced-ui-motion .name-effect-coronation>.owner238-impact *{animation:none!important}
.reduced-ui-motion .name-effect-coronation .name-glyph{color:#f3cd68!important;filter:none!important;transform:none!important}
.reduced-ui-motion .name-effect-coronation .name-glyph-echo,.reduced-ui-motion .name-effect-coronation .name-glyph-spark,
.reduced-ui-motion .owner238-aura,.reduced-ui-motion .owner238-orbit,.reduced-ui-motion .owner238-rails,.reduced-ui-motion .owner238-reactor,.reduced-ui-motion .owner238-blades,.reduced-ui-motion .owner238-shockwave,.reduced-ui-motion .owner238-sweep,.reduced-ui-motion .owner238-flash,.reduced-ui-motion .owner238-particle{display:none!important}


/* Release 239 — comment metadata follows the measured nickname, Sovereign
   Overdrive stays close to the letters, and staff can see the exact automatic
   report-response template before saving a moderation decision. */
.comment-author-line,
.comment-author-line-prestige{
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}
.comment-author-line>.comment-author-identity,
.comment-author-line-prestige>.comment-author-identity{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - var(--comment-status-width,0px))!important;
}
.comment-author-line>.comment-author-statuses,
.comment-author-line-prestige>.comment-author-statuses{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
}
.comment-author-line-stacked>.comment-author-identity{
  flex:1 0 100%!important;
  width:100%!important;
}
.comment-author-line-stacked>.comment-author-statuses{
  margin:0!important;
}

.name-effect-coronation{
  padding:.13em .12em .18em!important;
}
.name-effect-coronation .name-glyph-spark{
  left:-3%!important;
  width:106%!important;
}
.name-effect-coronation>.owner238-overdrive{
  inset:-.21em -.17em!important;
}
.name-effect-coronation>.owner238-impact{
  inset:0!important;
  overflow:visible!important;
}
.owner238-sweep-clip{
  position:absolute;
  z-index:72;
  inset:.1em .12em .15em;
  overflow:hidden;
  border-radius:.18em;
  pointer-events:none;
}
.owner238-aura{
  width:70%!important;
  height:.9em!important;
}
.owner238-orbit-a{
  width:60%!important;
  height:.62em!important;
}
.owner238-orbit-b{
  width:74%!important;
  height:.82em!important;
}
.owner238-rails{
  inset:.12em .17em!important;
}
.owner238-blade{
  width:31%!important;
}
.owner238-shockwave-a{
  width:54%!important;
  height:.42em!important;
}
.owner238-shockwave-b{
  width:66%!important;
  height:.64em!important;
}
.owner238-flash{
  width:76%!important;
  height:.54em!important;
}
.owner238-sweep{
  left:0!important;
  width:18%!important;
  height:.9em!important;
}
.owner238-particle-a{--particle-x:-.48em;--particle-y:-.18em!important}
.owner238-particle-b{--particle-x:-.4em;--particle-y:.28em!important}
.owner238-particle-c{--particle-x:-.26em;--particle-y:-.36em!important}
.owner238-particle-d{--particle-x:-.1em;--particle-y:.4em!important}
.owner238-particle-e{--particle-x:.08em;--particle-y:-.42em!important}
.owner238-particle-f{--particle-x:.2em;--particle-y:.38em!important}
.owner238-particle-g{--particle-x:.34em;--particle-y:-.31em!important}
.owner238-particle-h{--particle-x:.46em;--particle-y:.2em!important}
.owner238-particle-i{--particle-x:-.54em;--particle-y:.02em!important}
.owner238-particle-j{--particle-x:.56em;--particle-y:-.03em!important}
@keyframes name238-owner-aura{
  0%,6%,43%,100%{opacity:0;transform:translate(-50%,-50%) scale(.34,.48) rotate(-18deg)}
  11%{opacity:.44;transform:translate(-50%,-50%) scale(.68,.72) rotate(22deg)}
  18%{opacity:.95;transform:translate(-50%,-50%) scale(.96,.94) rotate(96deg)}
  26%{opacity:.48;transform:translate(-50%,-50%) scale(1.04,1.02) rotate(176deg)}
  37%{opacity:0;transform:translate(-50%,-50%) scale(1.12,1.08) rotate(244deg)}
}
@keyframes name238-owner-orbit-a{
  0%,7%,39%,100%{opacity:0;transform:translate(-50%,-50%) scale(.18,.42) rotate(-32deg)}
  12%{opacity:.88;transform:translate(-50%,-50%) scale(.66,.72) rotate(52deg)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(.96,.96) rotate(164deg)}
  27%{opacity:.3;transform:translate(-50%,-50%) scale(1.04,1.03) rotate(282deg)}
  35%{opacity:0;transform:translate(-50%,-50%) scale(1.1,1.07) rotate(392deg)}
}
@keyframes name238-owner-orbit-b{
  0%,8%,41%,100%{opacity:0;transform:translate(-50%,-50%) scale(.16,.36) rotate(44deg)}
  14%{opacity:.62;transform:translate(-50%,-50%) scale(.68,.76) rotate(-34deg)}
  20%{opacity:.86;transform:translate(-50%,-50%) scale(.96,.96) rotate(-152deg)}
  30%{opacity:.22;transform:translate(-50%,-50%) scale(1.03,1.02) rotate(-286deg)}
  37%{opacity:0;transform:translate(-50%,-50%) scale(1.09,1.06) rotate(-374deg)}
}
@keyframes name238-owner-blade{
  0%,13%,32%,100%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.08em) scaleX(.03)}
  16%{opacity:.95;transform:rotate(var(--blade-angle)) translateX(.1em) scaleX(.52)}
  19%{opacity:1;transform:rotate(var(--blade-angle)) translateX(.08em) scaleX(.94)}
  24%{opacity:.34;transform:rotate(var(--blade-angle)) translateX(.16em) scaleX(1.06)}
  29%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.24em) scaleX(.18)}
}
@keyframes name238-owner-shockwave{
  0%,16%,38%,100%{opacity:0;transform:translate(-50%,-50%) scale(.08,.22)}
  19%{opacity:1;transform:translate(-50%,-50%) scale(.44,.58)}
  24%{opacity:.76;transform:translate(-50%,-50%) scale(.94,.94)}
  31%{opacity:0;transform:translate(-50%,-50%) scale(1.12,1.18)}
}
@keyframes name238-owner-sweep{
  0%,15%,35%,100%{left:0;opacity:0;transform:translateY(-50%) skewX(-19deg) scaleX(.22)}
  18%{opacity:.45}
  22%{opacity:1;transform:translateY(-50%) skewX(-19deg) scaleX(1)}
  27%{left:82%;opacity:.72;transform:translateY(-50%) skewX(-19deg) scaleX(.82)}
  32%{left:82%;opacity:0;transform:translateY(-50%) skewX(-19deg) scaleX(.16)}
}
@keyframes name238-owner-flash{
  0%,15%,31%,100%{opacity:0;transform:translate(-50%,-50%) scale(.04,.18)}
  18%{opacity:.92;transform:translate(-50%,-50%) scale(.38,.56)}
  21%{opacity:1;transform:translate(-50%,-50%) scale(.92,.92)}
  26%{opacity:.22;transform:translate(-50%,-50%) scale(1.06,1.12)}
  29%{opacity:0;transform:translate(-50%,-50%) scale(1.16,1.24)}
}

.staff-response-preview-label>span{
  display:grid;
  gap:3px;
}
.staff-response-preview-label>span>strong{
  color:var(--on-surface);
  font-size:11px;
}
.staff-response-preview-label>span>small{
  color:var(--on-surface-variant);
  font-size:9px;
  font-weight:500;
  line-height:1.45;
}
.staff-response-preview-box{
  display:grid;
  gap:7px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--primary) 25%,var(--outline));
  border-radius:13px;
  background:color-mix(in srgb,var(--primary) 6%,var(--surface-variant));
}
.staff-response-preview-box>strong{
  color:var(--primary);
  font-size:11px;
}
.staff-response-preview-box>textarea{
  min-height:82px!important;
  resize:none!important;
  cursor:default;
  background:color-mix(in srgb,var(--surface) 74%,transparent)!important;
  color:var(--on-surface)!important;
  line-height:1.5;
}
@media(max-width:520px){
  .name-effect-coronation>.owner238-overdrive{inset:-.16em -.12em!important}
  .owner238-sweep-clip{inset:.08em .11em .13em}
  .owner238-blade{width:28%!important}
  .owner238-particle{width:.05em;height:.05em}
}


/* Release 240 — the owner sweep now travels across the whole nickname again,
   the energy frame hugs the letter box more tightly, and radial blades no
   longer fly half a screen away. */
.name-effect-coronation{
  padding:.11em .11em .15em!important;
}
.name-effect-coronation>.owner238-overdrive{
  inset:-.06em -.12em -.01em -.06em!important;
}
.name-effect-coronation>.owner238-impact{
  inset:-.01em -.02em 0 -.01em!important;
  overflow:visible!important;
}
.owner238-sweep-clip{
  inset:.14em .06em .16em .06em!important;
  border-radius:.14em!important;
}
.owner238-rails{
  inset:.17em .09em .19em .1em!important;
}
.owner238-rail-top{top:0!important}
.owner238-rail-bottom{bottom:0!important}
.owner238-rail-left,.owner238-rail-right{
  top:0!important;
  height:100%!important;
}
.owner238-blade{
  width:24%!important;
  height:.028em!important;
}
.owner238-sweep{
  left:-10%!important;
  width:14%!important;
  height:.82em!important;
  animation:name240-owner-sweep 5.8s cubic-bezier(.12,.9,.14,1) infinite!important;
}
@keyframes name240-owner-sweep{
  0%,15%,35%,100%{opacity:0;transform:translate3d(0,-50%,0) skewX(-19deg) scaleX(.22)}
  18%{opacity:.45}
  22%{opacity:1;transform:translate3d(0,-50%,0) skewX(-19deg) scaleX(1)}
  27%{opacity:.72;transform:translate3d(620%,-50%,0) skewX(-19deg) scaleX(.82)}
  32%{opacity:0;transform:translate3d(640%,-50%,0) skewX(-19deg) scaleX(.16)}
}
@keyframes name238-owner-blade{
  0%,13%,32%,100%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.055em) scaleX(.03)}
  16%{opacity:.95;transform:rotate(var(--blade-angle)) translateX(.07em) scaleX(.42)}
  19%{opacity:1;transform:rotate(var(--blade-angle)) translateX(.055em) scaleX(.78)}
  24%{opacity:.34;transform:rotate(var(--blade-angle)) translateX(.12em) scaleX(.9)}
  29%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.18em) scaleX(.14)}
}
@media(max-width:520px){
  .name-effect-coronation>.owner238-overdrive{inset:-.04em -.08em 0 -.04em!important}
  .owner238-sweep-clip{inset:.12em .05em .14em .05em!important}
  .owner238-blade{width:21%!important}
  .owner238-sweep{left:-8%!important;width:12%!important}
}


/* Release 241 — scale-aware owner fit polish. The frame tracks the nickname
   more tightly vertically, the right edge clears the final glyph, the sweep
   reaches the full nickname, and the radial blades stay compact. */
.name-effect-coronation{
  padding:.1em .12em .13em!important;
}
.name-effect-coronation>.owner238-overdrive{
  inset:.03em -.2em .11em -.03em!important;
}
.name-effect-coronation>.owner238-impact{
  inset:.01em -.04em .02em -.01em!important;
}
.owner238-sweep-clip{
  inset:.1em .04em .12em .04em!important;
  border-radius:.12em!important;
}
.owner238-rails{
  inset:.03em .12em .11em .06em!important;
}
.owner238-rail-top{top:0!important}
.owner238-rail-bottom{bottom:0!important}
.owner238-rail-left,.owner238-rail-right{
  top:0!important;
  height:100%!important;
}
.owner238-orbit-a{
  width:56%!important;
  height:.56em!important;
}
.owner238-orbit-b{
  width:69%!important;
  height:.74em!important;
}
.owner238-shockwave-a{
  width:50%!important;
  height:.38em!important;
}
.owner238-shockwave-b{
  width:61%!important;
  height:.56em!important;
}
.owner238-blade{
  width:19%!important;
  height:.024em!important;
}
.owner238-sweep{
  left:-14%!important;
  width:20%!important;
  height:.8em!important;
  animation:name241-owner-sweep 5.8s cubic-bezier(.12,.9,.14,1) infinite!important;
}
@keyframes name241-owner-sweep{
  0%,15%,35%,100%{opacity:0;transform:translate3d(0,-50%,0) skewX(-19deg) scaleX(.22)}
  18%{opacity:.45}
  22%{opacity:1;transform:translate3d(0,-50%,0) skewX(-19deg) scaleX(1)}
  27%{opacity:.72;transform:translate3d(470%,-50%,0) skewX(-19deg) scaleX(.82)}
  32%{opacity:0;transform:translate3d(485%,-50%,0) skewX(-19deg) scaleX(.16)}
}
@keyframes name238-owner-blade{
  0%,13%,32%,100%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.04em) scaleX(.03)}
  16%{opacity:.95;transform:rotate(var(--blade-angle)) translateX(.055em) scaleX(.34)}
  19%{opacity:1;transform:rotate(var(--blade-angle)) translateX(.045em) scaleX(.64)}
  24%{opacity:.34;transform:rotate(var(--blade-angle)) translateX(.09em) scaleX(.74)}
  29%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.14em) scaleX(.12)}
}
@media(max-width:520px){
  .name-effect-coronation>.owner238-overdrive{inset:.04em -.14em .1em -.02em!important}
  .name-effect-coronation>.owner238-impact{inset:.02em -.03em .03em 0!important}
  .owner238-sweep-clip{inset:.09em .03em .11em .03em!important}
  .owner238-blade{width:17%!important;height:.022em!important}
  .owner238-sweep{left:-12%!important;width:18%!important}
}


/* Release 242 — font-metric owner geometry. Fixed percentages cannot describe
   italic and handwritten fonts because their visible strokes overhang the CSS
   advance box. JavaScript now measures the active font and feeds the real ink
   bounds into these variables, so frame and sweep follow every font size. */
.name-effect-coronation>.owner238-overdrive,
.name-effect-coronation>.owner238-impact{
  inset:0!important;
  overflow:visible!important;
}
.owner238-rails{
  inset:auto!important;
  left:calc(-1 * var(--owner-ink-left,.1em))!important;
  right:calc(-1 * var(--owner-ink-right,.18em))!important;
  top:var(--owner-frame-top,.06em)!important;
  bottom:var(--owner-frame-bottom,.09em)!important;
}
.owner238-rail-top{top:0!important}
.owner238-rail-bottom{bottom:0!important}
.owner238-rail-left,.owner238-rail-right{top:0!important;height:100%!important}
.owner238-sweep-clip{
  inset:auto!important;
  left:calc(-1 * var(--owner-ink-left,.1em))!important;
  right:calc(-1 * var(--owner-ink-right,.18em))!important;
  top:var(--owner-frame-top,.06em)!important;
  bottom:var(--owner-frame-bottom,.09em)!important;
  overflow:hidden!important;
  border-radius:.12em!important;
}
.owner238-sweep{
  left:0!important;
  top:50%!important;
  width:var(--owner-sweep-width,.72em)!important;
  height:min(.78em,calc(100% - .04em))!important;
  animation:name242-owner-sweep 5.8s cubic-bezier(.12,.9,.14,1) infinite!important;
}
@keyframes name242-owner-sweep{
  0%,15%,35%,100%{opacity:0;transform:translate3d(var(--owner-sweep-start,-.8em),-50%,0) skewX(-19deg) scaleX(.22)}
  18%{opacity:.42;transform:translate3d(var(--owner-sweep-start,-.8em),-50%,0) skewX(-19deg) scaleX(.55)}
  21%{opacity:1;transform:translate3d(var(--owner-sweep-entry,0),-50%,0) skewX(-19deg) scaleX(1)}
  28%{opacity:1;transform:translate3d(var(--owner-sweep-exit,calc(100% - .8em)),-50%,0) skewX(-19deg) scaleX(1)}
  32%{opacity:0;transform:translate3d(var(--owner-sweep-end,100%),-50%,0) skewX(-19deg) scaleX(.18)}
}
.owner238-blade{
  width:var(--owner-blade-length,.72em)!important;
  height:.02em!important;
}
@keyframes name238-owner-blade{
  0%,13%,32%,100%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.035em) scaleX(.03)}
  16%{opacity:.9;transform:rotate(var(--blade-angle)) translateX(.045em) scaleX(.3)}
  19%{opacity:.96;transform:rotate(var(--blade-angle)) translateX(.04em) scaleX(.56)}
  24%{opacity:.28;transform:rotate(var(--blade-angle)) translateX(.07em) scaleX(.64)}
  29%{opacity:0;transform:rotate(var(--blade-angle)) translateX(.1em) scaleX(.1)}
}
@media(max-width:520px){
  .owner238-sweep{height:min(.72em,calc(100% - .035em))!important}
  .owner238-blade{height:.018em!important}
}

/* Release 244 — compact watch-party identities, reliable readiness and
   level-based nickname palettes. Project violet/red/green stay team-only;
   ordinary users receive related but distinct shades. */
.name-custom-color{
  color:var(--name-color)!important;
  -webkit-text-fill-color:var(--name-color)!important;
  text-shadow:0 .035em 0 color-mix(in srgb,var(--name-color) 26%,#120d09),0 0 .1em color-mix(in srgb,var(--name-color) 58%,transparent),0 0 .24em color-mix(in srgb,var(--name-accent) 25%,transparent)!important;
}
.name-custom-color .name-glyph{
  color:var(--name-color)!important;
  -webkit-text-fill-color:var(--name-color)!important;
}
.name-dual-color .name-glyph-echo{
  color:var(--name-accent)!important;
  -webkit-text-fill-color:var(--name-accent)!important;
}
.name-dual-color .name-glyph-spark{
  background:linear-gradient(90deg,transparent,var(--name-accent),#fff,var(--name-color),transparent)!important;
  box-shadow:0 0 .08em #fff,0 0 .2em color-mix(in srgb,var(--name-color) 86%,transparent),0 0 .32em color-mix(in srgb,var(--name-accent) 65%,transparent)!important;
}
.name-effect-coronation.name-custom-color .name-glyph{
  color:var(--name-color)!important;
  -webkit-text-fill-color:var(--name-color)!important;
}
.name-effect-coronation.name-dual-color .name-glyph-echo{color:var(--name-accent)!important}
.name-effect-coronation.name-custom-color .owner238-rail{
  background:linear-gradient(90deg,transparent,var(--name-accent) 14%,#fff 48%,var(--name-color) 54%,var(--name-accent) 86%,transparent)!important;
  box-shadow:0 0 .055em #fff,0 0 .15em color-mix(in srgb,var(--name-color) 75%,transparent),0 0 .25em color-mix(in srgb,var(--name-accent) 45%,transparent)!important;
}
.name-effect-coronation.name-custom-color .owner238-rail-left,
.name-effect-coronation.name-custom-color .owner238-rail-right{
  background:linear-gradient(180deg,transparent,var(--name-accent) 14%,#fff 48%,var(--name-color) 54%,var(--name-accent) 86%,transparent)!important;
}
.name-effect-coronation.name-custom-color .owner238-orbit,
.name-effect-coronation.name-custom-color .owner238-shockwave{
  border-color:color-mix(in srgb,var(--name-color) 82%,#fff)!important;
  border-left-color:var(--name-accent)!important;
  border-right-color:color-mix(in srgb,var(--name-color) 62%,#fff)!important;
}
.name-effect-coronation.name-custom-color .owner238-blade{
  background:linear-gradient(90deg,#fff 0,var(--name-color) 24%,color-mix(in srgb,var(--name-accent) 78%,transparent) 58%,transparent 100%)!important;
  box-shadow:0 0 .05em #fff,0 0 .13em color-mix(in srgb,var(--name-color) 78%,transparent),0 0 .22em color-mix(in srgb,var(--name-accent) 48%,transparent)!important;
}
.name-effect-coronation.name-custom-color .owner238-sweep{
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--name-accent) 25%,transparent) 18%,color-mix(in srgb,var(--name-color) 42%,#fff) 46%,#fff 52%,color-mix(in srgb,var(--name-color) 30%,transparent) 72%,transparent)!important;
}
.name-effect-coronation.name-custom-color .owner238-reactor{
  border-color:color-mix(in srgb,var(--name-color) 58%,#fff)!important;
  background:radial-gradient(circle,#fff 0 10%,var(--name-color) 12% 28%,var(--name-accent) 31% 48%,#130811 52% 100%)!important;
}

/* Full prestige geometry is intentionally suppressed in compact room chips.
   The chosen font and nickname color remain visible without blades and planes
   crossing the whole party dialog. */
.party-rendered-name .name-effect-plane,
.party-rendered-name .name-glyph-echo,
.party-rendered-name .name-glyph-spark{display:none!important}
.party-rendered-name .name-glyph{
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
.party-rendered-name{
  overflow:visible!important;
  contain:layout style!important;
}
.party-member-role{display:none!important}

.name-color-help{margin:-2px 0 9px;color:var(--on-surface-variant);font-size:10px;line-height:1.45}
.name-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.name-color-option{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:54px;padding:8px;border:1px solid color-mix(in srgb,var(--outline) 24%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-variant) 30%,transparent);color:var(--on-surface);font:inherit;text-align:left;cursor:pointer}
.name-color-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 55%,var(--outline));background:color-mix(in srgb,var(--primary) 7%,var(--surface-variant))}
.name-color-option.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}
.name-color-option.locked{opacity:.58;cursor:not-allowed}
.name-color-swatch{grid-row:1/3;width:28px;height:28px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:linear-gradient(135deg,var(--swatch-a) 0 48%,var(--swatch-b) 52% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 3px 10px rgba(0,0,0,.16)}
.name-color-option strong{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:10px}
.name-color-option small{color:var(--on-surface-variant);font-size:8px}
.name-color-option>svg{grid-column:3;grid-row:1/3;width:15px;height:15px;color:var(--primary)}
@media(max-width:700px){.name-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.name-color-grid{grid-template-columns:1fr}}

/* Release 245 — one-color nickname palette, aligned selector and complete
   color propagation through every nickname effect. Team colors stay in the
   team-only block and are never mixed into the public level grid. */
.name-accent-style-group{display:none!important}
.name-color-help{display:none!important}
.name-color-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:1fr;
  align-items:stretch;
}
.name-color-option{
  grid-template-columns:30px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  min-height:58px!important;
  height:100%;
  padding:9px 10px!important;
  column-gap:9px!important;
}
.name-color-swatch{
  grid-row:1!important;
  width:30px!important;
  height:30px!important;
  background:var(--swatch-a)!important;
}
.name-color-option strong{
  align-self:center;
  white-space:normal!important;
  line-height:1.25;
}
.name-color-option small{display:none!important}
.name-color-option>svg{grid-row:1!important}
.staff-name-color-grid{margin-bottom:14px}
.profile-name-style-head p{max-width:430px}
.profile-name-style-group>h4,
.staff-name-styles>h5{margin-bottom:10px!important;text-align:left!important}

/* A selected color is the single source of truth. The lighter shade is
   generated by the palette itself and is not separately selectable. */
.name-custom-color{
  --name-effect-bright:color-mix(in srgb,var(--name-color) 58%,#fff);
  --name-effect-soft:color-mix(in srgb,var(--name-color) 24%,transparent);
  --name-effect-dark:color-mix(in srgb,var(--name-color) 68%,#11131a);
  color:var(--name-color)!important;
  -webkit-text-fill-color:currentColor!important;
}
.name-custom-color .name-glyph{
  color:var(--name-color)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 .035em 0 var(--name-effect-dark),0 0 .1em var(--name-effect-soft)!important;
}

/* Text-gradient effects keep their motion while deriving every stop from the
   single selected color. */
.name-custom-color:is(
  .name-effect-metallic,.name-effect-soft-gradient
),
.name-custom-color:is(
  .name-effect-metallic,.name-effect-soft-gradient
) .name-glyph{
  background-image:linear-gradient(106deg,
    var(--name-effect-dark) 0%,
    var(--name-color) 25%,
    var(--name-effect-bright) 43%,
    #fff 50%,
    var(--name-effect-bright) 57%,
    var(--name-color) 76%,
    var(--name-effect-dark) 100%)!important;
  background-size:320% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 0 .11em var(--name-effect-soft))!important;
}

/* Solid and distortion effects use the same chosen color for their core,
   echoes, outlines, sparks and generated decorations. */
.name-custom-color:is(
  .name-effect-aurora,.name-effect-frost,.name-effect-comet,.name-effect-ember,
  .name-effect-prism,.name-effect-sakura,.name-effect-scanner,.name-effect-siren,
  .name-effect-pulse,.name-effect-glitch,.name-effect-wave,.name-effect-electric,
  .name-effect-starlight,.name-effect-eclipse,.name-effect-nebula,.name-effect-void,
  .name-effect-ascendant,.name-effect-coronation,.name-effect-trailblazer
),
.name-custom-color:is(
  .name-effect-aurora,.name-effect-frost,.name-effect-comet,.name-effect-ember,
  .name-effect-prism,.name-effect-sakura,.name-effect-scanner,.name-effect-siren,
  .name-effect-pulse,.name-effect-glitch,.name-effect-wave,.name-effect-electric,
  .name-effect-starlight,.name-effect-eclipse,.name-effect-nebula,.name-effect-void,
  .name-effect-ascendant,.name-effect-coronation,.name-effect-trailblazer
) .name-glyph{
  color:var(--name-color)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 .035em 0 var(--name-effect-dark),0 0 .1em var(--name-effect-soft),0 0 .24em color-mix(in srgb,var(--name-color) 18%,transparent)!important;
}
.name-custom-color::before,
.name-custom-color::after,
.name-custom-color .name-glyph-echo{
  color:var(--name-effect-bright)!important;
  border-color:var(--name-color)!important;
  text-shadow:0 0 .12em var(--name-effect-soft)!important;
}
.name-custom-color .name-glyph-spark{
  background:linear-gradient(90deg,transparent,var(--name-color),#fff,var(--name-effect-bright),transparent)!important;
  box-shadow:0 0 .08em #fff,0 0 .2em color-mix(in srgb,var(--name-color) 72%,transparent)!important;
}

/* Prestige SVG scenes and HTML planes inherit the same palette too. */
.name-custom-color .prestige-svg path,
.name-custom-color .prestige-svg ellipse,
.name-custom-color .prestige-svg circle,
.name-custom-color .prestige-svg line,
.name-custom-color .prestige-svg polyline,
.name-custom-color .prestige-svg polygon{
  stroke:var(--name-color)!important;
  filter:drop-shadow(0 0 4px var(--name-effect-soft))!important;
}
.name-custom-color .ascendant-core,
.name-custom-color .ascendant-crown{
  fill:color-mix(in srgb,var(--name-color) 16%,transparent)!important;
}
.name-custom-color .ascendant-stars circle{
  fill:var(--name-effect-bright)!important;
}
.name-custom-color .owner238-aura{
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--name-color) 28%,transparent) 0 10%,color-mix(in srgb,var(--name-color) 16%,transparent) 26%,transparent 70%)!important;
}
.name-custom-color .owner238-flash,
.name-custom-color .owner238-particle{
  background:var(--name-effect-bright)!important;
  box-shadow:0 0 .07em #fff,0 0 .18em var(--name-color)!important;
}
.name-custom-color .owner238-reactor::before,
.name-custom-color .owner238-reactor::after{
  border-color:var(--name-effect-bright)!important;
  box-shadow:0 0 .08em var(--name-color)!important;
}

@media(max-width:700px){
  .name-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
  .name-color-grid{grid-template-columns:1fr!important}
}


/* Release 246 — secondary nickname color restored. There are still no fixed
   two-color presets: users combine any two unlocked single colors themselves. */
.name-accent-style-group{display:block!important}
.name-color-swatch-none{
  background:linear-gradient(135deg,#6e7280 0 46%,transparent 47% 53%,#3d414c 54% 100%)!important;
}
.name-dual-color{
  --name-effect-bright:color-mix(in srgb,var(--name-accent) 62%,#fff)!important;
  --name-effect-soft:color-mix(in srgb,var(--name-accent) 26%,transparent)!important;
}
.name-dual-color .name-glyph-echo{
  color:var(--name-accent)!important;
  -webkit-text-fill-color:currentColor!important;
}
.name-dual-color:is(
  .name-effect-metallic,.name-effect-soft-gradient
),
.name-dual-color:is(
  .name-effect-metallic,.name-effect-soft-gradient
) .name-glyph{
  background-image:linear-gradient(106deg,
    color-mix(in srgb,var(--name-color) 68%,#11131a) 0%,
    var(--name-color) 22%,
    color-mix(in srgb,var(--name-color) 48%,#fff) 39%,
    #fff 50%,
    color-mix(in srgb,var(--name-accent) 52%,#fff) 61%,
    var(--name-accent) 78%,
    color-mix(in srgb,var(--name-accent) 68%,#11131a) 100%)!important;
}
.name-dual-color .name-glyph-spark{
  background:linear-gradient(90deg,transparent,var(--name-color),#fff,var(--name-accent),transparent)!important;
  box-shadow:0 0 .08em #fff,0 0 .2em color-mix(in srgb,var(--name-color) 68%,transparent),0 0 .3em color-mix(in srgb,var(--name-accent) 58%,transparent)!important;
}
.name-dual-color .prestige-svg path:nth-child(even),
.name-dual-color .prestige-svg ellipse:nth-child(even),
.name-dual-color .prestige-svg circle:nth-child(even),
.name-dual-color .prestige-svg line:nth-child(even),
.name-dual-color .prestige-svg polygon:nth-child(even){stroke:var(--name-accent)!important}
.name-dual-color .ascendant-stars circle:nth-child(even){fill:var(--name-accent)!important}
.name-effect-coronation.name-dual-color .owner238-orbit,
.name-effect-coronation.name-dual-color .owner238-shockwave{border-left-color:var(--name-accent)!important}
.name-effect-coronation.name-dual-color .owner238-reactor{
  background:radial-gradient(circle,#fff 0 10%,var(--name-color) 12% 28%,var(--name-accent) 31% 48%,#130811 52% 100%)!important;
}
.name-effect-coronation.name-dual-color .owner238-rail,
.name-effect-coronation.name-dual-color .owner238-rail-left,
.name-effect-coronation.name-dual-color .owner238-rail-right{
  background:linear-gradient(90deg,transparent,var(--name-color) 14%,#fff 48%,var(--name-accent) 56%,var(--name-color) 86%,transparent)!important;
}


/* Release 247 — explicit room voice identity and stable loading confirmation. */
.party-room-voice{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:fit-content;
  max-width:100%;
  margin-top:7px;
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--primary) 25%,var(--panel-border));
  border-radius:8px;
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));
  color:var(--on-surface-variant);
  font-size:9px;
  line-height:1.25;
}
.party-room-voice svg{flex:0 0 auto;width:12px;height:12px;color:var(--primary)}
.party-room-voice b{color:var(--on-surface);font-weight:800}
.party-panel-voice{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.86);
}
.party-panel-voice>svg{flex:0 0 auto;width:16px;height:16px;color:var(--primary)}
.party-panel-voice>span{display:grid;min-width:0;gap:1px}
.party-panel-voice small{color:rgba(255,255,255,.52);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.party-panel-voice strong{overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:11px}

/* Release 249 — stable guest startup and clean mobile room loading.
   The guest launch screen uses a static mark, while the real player owns the
   only spinner. A solid composited cover hides native HLS frame churn until
   the initial room buffer is ready. */
.party-lobby-code input{
  text-transform:uppercase;
}
.party-viewer-launch-loader{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:13px;
  padding:28px;
  text-align:center;
  contain:layout paint;
  transform:translateZ(0);
}
.party-viewer-loader-mark{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);
  border-radius:17px;
  background:color-mix(in srgb,var(--primary) 14%,#07080a);
  color:var(--primary);
  box-shadow:0 12px 36px rgba(0,0,0,.34);
}
.party-viewer-loader-mark svg{width:23px;height:23px}
.party-viewer-starting .player-stage,
.party-viewer-player .player-stage,
.party-viewer-player .player-loader{
  background:#000!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.party-viewer-player .player-loader{
  z-index:40!important;
  opacity:1!important;
  contain:strict;
  transform:translateZ(0);
}
.party-viewer-player .player-stage video{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
@media(max-width:760px){
  .party-viewer-starting .player-frame,
  .party-viewer-starting .player-stage,
  .party-viewer-player .player-frame,
  .party-viewer-player .player-stage{
    overflow:hidden!important;
    background:#000!important;
  }
  .party-viewer-launch-loader{
    width:100%;
    min-height:100%;
    align-content:center;
    padding:20px;
  }
  .party-viewer-loader-mark{width:46px;height:46px;border-radius:15px}
  .party-viewer-launch-loader strong{font-size:16px}
}


/* Release 250 — one persistent room-entry cover and silent stream recovery.
   The cover survives the launch-screen -> player DOM swap, so phones never
   expose a torn video frame or a second loader underneath it. */
.party-viewer-transition{
  position:fixed;
  inset:0;
  z-index:12050;
  width:100%;
  min-height:100dvh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:#050608;
  color:#f4f4f6;
  isolation:isolate;
  contain:strict;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
.party-viewer-transition-back{
  position:absolute;
  z-index:2;
  top:max(14px,env(safe-area-inset-top));
  left:max(14px,env(safe-area-inset-left));
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
}
.party-viewer-transition-content{
  width:min(360px,100%);
  display:grid;
  justify-items:center;
  gap:12px;
  padding:26px 22px;
  text-align:center;
}
.party-viewer-transition-spinner{
  width:38px;
  height:38px;
  border:3px solid rgba(255,255,255,.16);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:spin .8s linear infinite;
}
.party-viewer-transition strong{font-size:18px;line-height:1.25}
.party-viewer-transition p{margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.55}
.party-viewer-transition-retry{margin-top:4px}
.party-viewer-transition.error .party-viewer-transition-spinner{animation:none;border-color:rgba(255,255,255,.18);border-top-color:var(--error)}
.party-viewer-transition-open .party-viewer-player .player-loader,
.party-viewer-transition-open .party-viewer-starting .player-loader{
  display:none!important;
}
.party-viewer-transition-open .party-viewer-player video{
  visibility:hidden!important;
}
@media(max-width:760px){
  .party-viewer-transition{
    height:var(--player-viewport-height,100dvh);
    min-height:var(--player-viewport-height,100dvh);
  }
  .party-viewer-transition-content{padding:20px 16px;gap:11px}
  .party-viewer-transition-spinner{width:34px;height:34px}
  .party-viewer-transition strong{font-size:16px}
}


/* Release 251 — compact room names stay inside the panel, the player is
   completely covered while the room panel is open, and guest AniLibria uses
   a short buffer probe followed by one silent warm reconnect when needed. */
.player-screen.party-panel-open::before{
  content:"";
  position:fixed!important;
  inset:0!important;
  z-index:30!important;
  pointer-events:auto!important;
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
.watch-party-panel{
  isolation:isolate;
  overflow-x:hidden!important;
  background:color-mix(in srgb,var(--surface) 92%,#121319)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  backdrop-filter:blur(24px)!important;
  z-index:80!important;
}
.watch-party-panel .party-members{
  width:100%;
  min-width:0;
  align-items:flex-start!important;
  overflow:hidden;
}
.watch-party-panel .party-member-chip{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  contain:layout paint;
  isolation:isolate;
}
.watch-party-panel .party-member-chip>span{
  padding:0!important;
  background:none!important;
}
.watch-party-panel .party-member-chip-avatar{
  overflow:hidden!important;
  border-radius:50%!important;
}
.watch-party-panel .party-member-chip>.party-rendered-name{
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
}
.watch-party-panel .party-rendered-name>.decorated-name-text{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.watch-party-panel .party-rendered-name>.decorated-name-text::before,
.watch-party-panel .party-rendered-name>.decorated-name-text::after,
.watch-party-panel .party-rendered-name .name-effect-plane,
.watch-party-panel .party-rendered-name .prestige-svg,
.watch-party-panel .party-rendered-name [class*="owner"]{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.watch-party-panel .party-rendered-name *,
.watch-party-panel .party-rendered-name .name-glyph{
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:720px){
  .watch-party-panel{
    max-height:calc(var(--player-viewport-height,100dvh) - 18px)!important;
    overscroll-behavior:contain;
  }
  .watch-party-panel .party-members{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
  }
  .watch-party-panel .party-member-chip{width:fit-content;max-width:100%!important}
}


/* Release 252 — keep the participant video decoder/compositor active even
   while custom controls are hidden. Mobile AniLibria may otherwise render only
   host seek snapshots until the first surface interaction promotes the video
   layer. */
.party-viewer-player .player-stage video{
  opacity:.99999;
  transform:translate3d(0,0,0)!important;
  -webkit-transform:translate3d(0,0,0)!important;
  will-change:transform,opacity;
}
.party-viewer-player .player-stage::after,
.party-viewer-player .player-controls{
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.party-viewer-player .player-stage:not(.controls-visible):not(.is-paused) .player-controls{
  transform:translate3d(0,10px,0);
}


/* Release 253 — comment roles never leave the nickname row. The measured role
   width is reserved with flex/gap and decorative names shrink without overlap. */
.comment-author-line,
.comment-author-line-prestige,
.comment-author-line.comment-author-line-stacked,
.comment-author-line-prestige.comment-author-line-stacked{
  display:flex!important;
  align-items:center!important;
  flex-flow:row nowrap!important;
  gap:7px!important;
  min-width:0!important;
  overflow:visible!important;
}
.comment-author-line>.comment-author-identity,
.comment-author-line-prestige>.comment-author-identity,
.comment-author-line-stacked>.comment-author-identity{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - var(--comment-status-width,0px))!important;
}
.comment-author-line>.comment-author-statuses,
.comment-author-line-prestige>.comment-author-statuses,
.comment-author-line-stacked>.comment-author-statuses{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:auto!important;
  max-width:min(52%,260px)!important;
  margin:0!important;
  white-space:nowrap!important;
}
.comment-author-identity>.comment-author,
.comment-author-identity>.comment-author>.decorated-name-text{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.comment-author-statuses>.role-chip,
.comment-author-statuses>.comment-pinned-badge{
  flex:0 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* Release 253 — global WebSocket chat. */
.global-chat-root{position:fixed;z-index:146;right:max(18px,env(safe-area-inset-right));bottom:max(82px,calc(env(safe-area-inset-bottom) + 18px));pointer-events:none}
.global-chat-root[hidden]{display:none!important}
.global-chat-root.is-open{bottom:max(18px,env(safe-area-inset-bottom))}
.global-chat-fab{position:relative;pointer-events:auto;display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--primary) 36%,var(--outline));border-radius:19px;background:color-mix(in srgb,var(--surface) 88%,var(--primary) 12%);color:var(--primary);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.global-chat-fab:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(0,0,0,.4),0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}
.global-chat-fab svg{width:26px;height:26px}.global-chat-fab .chat-unread{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--error);color:#fff;font:700 11px/1 system-ui;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.global-chat-panel{pointer-events:auto;position:absolute;right:0;bottom:0;display:flex;flex-direction:column;width:min(390px,calc(100vw - 28px));height:min(650px,calc(100dvh - 118px));overflow:hidden;border:1px solid color-mix(in srgb,var(--outline) 62%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-origin:bottom right;animation:global-chat-in .2s ease-out}
@keyframes global-chat-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.global-chat-head{display:flex;align-items:center;gap:12px;padding:15px 15px 13px;border-bottom:1px solid color-mix(in srgb,var(--outline) 35%,transparent)}
.global-chat-head-copy{display:grid;gap:2px;min-width:0;flex:1}.global-chat-head-copy strong{font-size:15px}.global-chat-head-copy small{color:var(--on-surface-variant);font-size:11px}.global-chat-online-dot{width:8px;height:8px;border-radius:50%;background:#6ed5a3;box-shadow:0 0 0 4px rgba(110,213,163,.12)}
.global-chat-close,.global-chat-tool,.global-chat-send{display:grid;place-items:center;border:0;background:transparent;color:var(--on-surface-variant);cursor:pointer}.global-chat-close{width:36px;height:36px;border-radius:12px}.global-chat-close:hover,.global-chat-tool:hover{background:var(--surface-variant);color:var(--on-surface)}
.global-chat-feed{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 12px 14px;scrollbar-width:thin}
.global-chat-load-old{display:block;margin:1px auto 10px;padding:7px 12px;border:0;border-radius:12px;background:var(--surface-variant);color:var(--on-surface-variant);font-size:11px;cursor:pointer}
.global-chat-empty{display:grid;place-items:center;height:100%;padding:26px;text-align:center;color:var(--on-surface-variant)}
.global-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:7px 4px;border-radius:15px;content-visibility:auto;contain-intrinsic-size:58px}.global-chat-message:hover{background:color-mix(in srgb,var(--surface-variant) 48%,transparent)}
.global-chat-message-avatar{width:34px;height:34px;border-radius:12px;overflow:hidden;background:var(--surface-variant);display:grid;place-items:center;font-size:12px;font-weight:800}.global-chat-message-avatar img{width:100%;height:100%;object-fit:cover}.global-chat-message-main{min-width:0}.global-chat-message-meta{display:flex;align-items:center;gap:6px;min-width:0}.global-chat-author{min-width:0;max-width:62%;overflow:hidden;white-space:nowrap}.global-chat-author>.decorated-name-text{max-width:100%;overflow:hidden}.global-chat-role{flex:0 1 auto;max-width:35%;overflow:hidden;text-overflow:clip;white-space:nowrap;padding:2px 6px;border:1px solid color-mix(in srgb,var(--chat-role) 45%,transparent);border-radius:7px;background:color-mix(in srgb,var(--chat-role) 14%,transparent);color:var(--chat-role);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.global-chat-time{margin-left:auto;color:var(--on-surface-variant);font-size:9px;white-space:nowrap}.global-chat-reply-button{display:block;max-width:100%;margin:2px 0 3px;padding:0;border:0;background:none;color:var(--on-surface-variant);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:clip;cursor:pointer}.global-chat-body{color:var(--on-surface);font-size:13px;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.global-chat-mention{padding:0;border:0;background:none;color:var(--primary);font:inherit;font-weight:700;cursor:pointer}.global-chat-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}.global-chat-images:has(:only-child){grid-template-columns:1fr}.global-chat-images a{display:block;overflow:hidden;border-radius:12px;background:var(--surface-variant)}.global-chat-images img{display:block;width:100%;max-height:210px;object-fit:cover}.global-chat-actions{display:flex;gap:5px;margin-top:3px;opacity:0;transition:opacity .15s}.global-chat-message:hover .global-chat-actions,.global-chat-message:focus-within .global-chat-actions{opacity:1}.global-chat-action{padding:2px 0;border:0;background:none;color:var(--on-surface-variant);font-size:10px;cursor:pointer}.global-chat-action:hover{color:var(--primary)}
.global-chat-typing{min-height:19px;padding:2px 15px 4px;color:var(--on-surface-variant);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:clip}
.global-chat-replying{display:flex;align-items:center;gap:8px;margin:0 12px 5px;padding:8px 10px;border-radius:12px;background:var(--surface-variant);font-size:10px;color:var(--on-surface-variant)}.global-chat-replying span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.global-chat-replying button{border:0;background:none;color:inherit;cursor:pointer}
.global-chat-pending{display:flex;gap:6px;padding:0 12px 7px;overflow:auto}.global-chat-pending-item{position:relative;flex:0 0 52px;height:52px;border-radius:12px;overflow:hidden;background:var(--surface-variant)}.global-chat-pending-item img{width:100%;height:100%;object-fit:cover}.global-chat-pending-item button{position:absolute;right:2px;top:2px;width:19px;height:19px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;cursor:pointer}
.global-chat-emoji{display:flex;flex-wrap:wrap;gap:4px;margin:0 12px 7px;padding:8px;border-radius:13px;background:var(--surface-variant)}.global-chat-emoji button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;font-size:18px;cursor:pointer}.global-chat-emoji button:hover{background:color-mix(in srgb,var(--primary) 16%,transparent)}
.global-chat-compose{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:5px;padding:9px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--outline) 35%,transparent)}.global-chat-tool{position:relative;width:34px;height:34px;border-radius:11px}.global-chat-tool input{position:absolute;inset:0;opacity:0;cursor:pointer}.global-chat-input{min-height:36px;max-height:96px;resize:none;padding:9px 10px;border:1px solid color-mix(in srgb,var(--outline) 45%,transparent);border-radius:12px;background:var(--surface-variant);color:var(--on-surface);font:inherit;font-size:13px;line-height:1.35;outline:0}.global-chat-input:focus{border-color:var(--primary)}.global-chat-send{width:36px;height:36px;border-radius:12px;background:var(--primary);color:var(--on-primary)}.global-chat-send:disabled{opacity:.45;cursor:not-allowed}.global-chat-status{padding:18px;text-align:center;color:var(--on-surface-variant);font-size:12px}.global-chat-login{margin-top:10px}
@media(max-width:700px){.global-chat-root{right:10px;bottom:calc(74px + env(safe-area-inset-bottom))}.global-chat-fab{width:52px;height:52px;border-radius:17px}.global-chat-panel{position:fixed;inset:10px 8px calc(66px + env(safe-area-inset-bottom));width:auto;height:auto;border-radius:22px}.global-chat-message{grid-template-columns:31px minmax(0,1fr);gap:8px}.global-chat-message-avatar{width:31px;height:31px;border-radius:10px}}
@media(min-width:1180px){.global-chat-root{bottom:22px}.global-chat-root.is-open{bottom:22px}}
@media(prefers-reduced-motion:reduce){.global-chat-panel{animation:none}.global-chat-fab{transition:none}}

/* Release 260: party presence badge & chat fab collision protection */
.global-chat-root{transition:bottom 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1)}
body.has-party-badge .global-chat-root:not(.is-open){bottom:calc(74px + 56px + 12px + env(safe-area-inset-bottom))!important}
@media(min-width:1180px){body.has-party-badge .global-chat-root:not(.is-open){bottom:calc(22px + 56px + 12px)!important}}
@media(max-width:760px){body.has-party-badge .global-chat-root:not(.is-open){bottom:calc(72px + 56px + 12px + env(safe-area-inset-bottom))!important}}
body.has-party-badge.watch-route .global-chat-root:not(.is-open){bottom:calc(max(12px, env(safe-area-inset-bottom)) + 56px + 12px)!important}

/* Channel switcher inside global-chat header */
.global-chat-channel-switcher{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--surface-variant) 84%,transparent);padding:3px;border-radius:12px;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);gap:3px}
.global-chat-channel-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:0;border-radius:9px;background:transparent;color:var(--on-surface-variant);font-size:12px;font-weight:750;cursor:pointer;transition:background 140ms cubic-bezier(0.16, 1, 0.3, 1),color 140ms ease,transform 140ms cubic-bezier(0.16, 1, 0.3, 1)}
.global-chat-channel-btn:hover{color:var(--on-surface)}
.global-chat-channel-btn:active{transform:scale(0.96)}
.global-chat-channel-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.global-chat-channel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--error);color:#fff;font-size:9.5px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.global-chat-channel-badge[hidden]{display:none!important}

/* Channel contents container */
.global-chat-channel-content{display:none!important;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.global-chat-channel-content.active{display:flex!important}

/* Party channel subhead & container inside global chat */
.global-chat-party-subhead{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--primary) 9%,var(--surface-variant));border-bottom:1px solid color-mix(in srgb,var(--primary) 24%,var(--panel-border));flex-shrink:0}
.global-chat-party-subhead>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--primary-container);color:var(--on-primary-container);flex-shrink:0}
.global-chat-party-subhead>span svg{width:17px;height:17px}
.global-chat-party-subhead>div{min-width:0;flex:1;display:grid;gap:2px}
.global-chat-party-subhead strong{font-size:12.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-chat-party-subhead small{color:var(--on-surface-variant);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-chat-party-jump{padding:5px 10px!important;font-size:11px!important;min-height:28px!important;border-radius:8px!important;flex-shrink:0}
.global-chat-party-channel .party-chat-view{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 12px 14px;overflow:hidden}
.global-chat-party-channel .party-chat-feed{flex:1;min-height:0;max-height:none!important;height:auto!important;overflow-y:auto!important;margin-bottom:8px}

/* Release 254: stable global-chat layout, animated GIFs and AI thinking state. */
.global-chat-panel{width:min(420px,calc(100vw - 28px))}
.global-chat-feed{overflow-anchor:none;padding:12px 12px 16px}
.global-chat-message{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:9px 6px;contain-intrinsic-size:68px}
.global-chat-message-avatar{position:relative;width:38px;height:38px;isolation:isolate;border:1px solid color-mix(in srgb,var(--chat-avatar-color,#a993ff) 34%,var(--outline));border-radius:13px;background:color-mix(in srgb,var(--chat-avatar-color,#a993ff) 14%,var(--surface-variant));color:var(--chat-avatar-color,#a993ff);overflow:hidden}
.global-chat-avatar-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;font-size:12px;font-weight:900}
.global-chat-message-avatar img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:var(--surface-variant)}
.global-chat-message-main{min-width:0;padding-top:1px}
.global-chat-message-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-width:0;min-height:18px}
.global-chat-message-identity{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.global-chat-author{display:block;min-width:0;max-width:none;overflow:hidden;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-height:36px;color:var(--chat-author-color,var(--on-surface));font-size:13px;line-height:18px;font-weight:800}
.global-chat-bot-author{color:var(--chat-author-color,#e35b68)}
.global-chat-role{flex:0 0 auto;max-width:92px;overflow:hidden;text-overflow:clip;padding:2px 6px;font-size:7.5px;line-height:1.15}
.global-chat-time{margin-left:0;justify-self:end;font-size:9px;line-height:18px}
.global-chat-reply-button{margin:3px 0 4px;text-overflow:clip}
.global-chat-body{font-size:13px;line-height:1.48}
.global-chat-images{margin-top:8px}
.global-chat-images a{min-height:70px;border:1px solid color-mix(in srgb,var(--outline) 30%,transparent)}
.global-chat-images img{background:var(--surface-variant)}
.global-chat-gif{image-rendering:auto}
.global-chat-thinking-message{background:color-mix(in srgb,var(--surface-variant) 34%,transparent)}
.global-chat-thinking-label{justify-self:end;color:var(--on-surface-variant);font-size:9px;white-space:nowrap}
.global-chat-thinking-bubble{display:flex;align-items:center;gap:4px;width:max-content;margin-top:6px;padding:9px 11px;border-radius:12px;background:var(--surface-variant)}
.global-chat-thinking-bubble i{width:5px;height:5px;border-radius:50%;background:var(--chat-author-color,var(--primary));animation:global-chat-thinking 1.15s ease-in-out infinite}
.global-chat-thinking-bubble i:nth-child(2){animation-delay:.15s}.global-chat-thinking-bubble i:nth-child(3){animation-delay:.3s}
@keyframes global-chat-thinking{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.global-chat-pending-upload{position:relative;flex:0 0 52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--surface-variant);color:var(--on-surface-variant)}
.global-chat-pending-upload .spinner{width:22px;height:22px}.global-chat-pending-upload b{position:absolute;right:5px;bottom:3px;font-size:9px}
.global-chat-compose{grid-template-columns:38px minmax(0,1fr) 38px 38px;align-items:center;gap:7px;padding:10px 11px calc(11px + env(safe-area-inset-bottom))}
.global-chat-tool,.global-chat-send{width:38px;height:38px;border-radius:12px;align-self:center}
.global-chat-tool>svg,.global-chat-send>svg{width:19px;height:19px}
.global-chat-emoji-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.global-chat-emoji-toggle svg circle:not(:first-child){fill:currentColor;stroke:none}
.global-chat-input{min-height:38px;padding:9px 11px;align-self:center}
@media(max-width:700px){.global-chat-message{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:8px 4px}.global-chat-message-avatar{width:36px;height:36px}.global-chat-panel{inset:8px 6px calc(64px + env(safe-area-inset-bottom))}.global-chat-compose{grid-template-columns:38px minmax(0,1fr) 38px 38px;gap:5px;padding-inline:8px}.global-chat-role{max-width:76px}}
@media(prefers-reduced-motion:reduce){.global-chat-thinking-bubble i{animation:none;opacity:.8}}

/* Release 255: stable mobile chat, formatting, mentions and streamed bot replies */
.global-chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto auto auto;overflow:hidden;isolation:isolate}
.global-chat-feed{position:relative;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;padding:10px 12px 16px}
.global-chat-history,.global-chat-transient{display:flex;flex-direction:column;min-width:0}
.global-chat-transient:empty{display:none}
.global-chat-message{width:100%;box-sizing:border-box;content-visibility:visible;contain:none}
.global-chat-message-meta{min-width:0}
.global-chat-message-identity{max-width:100%}
.global-chat-profile-link{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer;min-width:0}
.global-chat-avatar-link{display:block;width:38px;height:38px;border-radius:13px}
.global-chat-avatar-link:focus-visible,.global-chat-author.global-chat-profile-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.global-chat-author.global-chat-profile-link:hover{color:var(--primary)}
.global-chat-body{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.global-chat-body br{content:"";display:block;margin-top:2px}
.global-chat-body strong{font-weight:850}.global-chat-body em{font-style:italic}.global-chat-body del{opacity:.72}
.global-chat-quote{display:block;margin:3px 0;padding:5px 8px;border-left:3px solid var(--primary);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--on-surface-variant)}
.global-chat-spoiler{display:inline;padding:1px 4px;border-radius:5px;background:var(--on-surface);color:transparent;cursor:pointer;user-select:none;transition:color .15s,background .15s}
.global-chat-spoiler.revealed{background:color-mix(in srgb,var(--surface-variant) 92%,var(--on-surface));color:inherit;user-select:text}
.global-chat-actions{min-height:16px}
.global-chat-message-bot .global-chat-actions{min-height:0}
.global-chat-stream-message{background:color-mix(in srgb,var(--surface-variant) 28%,transparent)}
.global-chat-stream-body{display:inline}
.global-chat-stream-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;border-radius:2px;background:var(--chat-author-color,var(--primary));animation:global-chat-caret .8s steps(1,end) infinite}
@keyframes global-chat-caret{50%{opacity:0}}
.global-chat-new{position:absolute;z-index:5;left:50%;bottom:78px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:7px 12px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline));border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,var(--primary));box-shadow:0 8px 22px rgba(0,0,0,.24);color:var(--on-surface);font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.global-chat-new[hidden]{display:none}
.global-chat-input-wrap{position:relative;min-width:0;display:flex;align-items:flex-end}
.global-chat-input{width:100%;box-sizing:border-box;padding-right:36px;scrollbar-width:thin}
.global-chat-format-toggle{position:absolute;right:5px;bottom:5px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);font-size:11px;font-weight:900;cursor:pointer}
.global-chat-format-toggle:hover,.global-chat-format-toggle:focus-visible{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}
.global-chat-format{display:flex;align-items:center;gap:5px;margin:0 10px 7px;padding:7px;border:1px solid color-mix(in srgb,var(--outline) 28%,transparent);border-radius:12px;background:var(--surface-variant);overflow-x:auto}
.global-chat-format[hidden]{display:none}
.global-chat-format button{flex:0 0 auto;min-width:31px;height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--on-surface);font-size:11px;cursor:pointer}
.global-chat-format button:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary)}
.global-chat-mentions{position:absolute;z-index:8;left:10px;right:10px;bottom:70px;max-height:244px;padding:6px;border:1px solid color-mix(in srgb,var(--outline) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 16px 40px rgba(0,0,0,.38);overflow:auto;-webkit-backdrop-filter:blur(18px)}
.global-chat-mentions[hidden]{display:none}
.global-chat-mention-option{width:100%;backdrop-filter:blur(18px)}
.global-chat-mentions[hidden]{display:none}
.global-chat-mention-option{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px;border:0;border-radius:10px;background:transparent;color:var(--on-surface);text-align:left;cursor:pointer}
.global-chat-mention-option:hover,.global-chat-mention-option.active{background:color-mix(in srgb,var(--primary) 14%,transparent)}
.global-chat-mention-option .global-chat-message-avatar{width:34px;height:34px;border-radius:11px}
.global-chat-mention-option span:last-child{min-width:0;display:flex;flex-direction:column}
.global-chat-mention-option strong,.global-chat-mention-option small{overflow:hidden;text-overflow:clip;white-space:nowrap}
.global-chat-mention-option strong{font-size:12px}.global-chat-mention-option small{color:var(--on-surface-variant);font-size:10px}
.global-chat-compose{position:relative;z-index:6;background:var(--surface);grid-template-columns:38px minmax(0,1fr) 38px 38px}
.global-chat-tool,.global-chat-send{display:grid;place-items:center;padding:0;border:0}
.global-chat-emoji-toggle{line-height:0}
.global-chat-emoji-toggle svg{display:block;margin:auto}
.global-chat-typing:empty{min-height:8px;padding-block:0}
.global-chat-replying[hidden],.global-chat-pending[hidden],.global-chat-emoji[hidden]{display:none}

@media(max-width:700px){
  .global-chat-root{right:0;bottom:calc(62px + env(safe-area-inset-bottom));left:0}
  .global-chat-fab{position:fixed;right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
  .global-chat-panel{position:fixed;inset:env(safe-area-inset-top) 0 calc(60px + env(safe-area-inset-bottom));width:auto;max-width:none;height:auto;border-radius:0;border-inline:0}
  .global-chat-head{min-height:55px;padding:9px 12px}
  .global-chat-feed{padding:8px 8px 14px}
  .global-chat-message{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:8px 3px;border-radius:12px}
  .global-chat-message-avatar,.global-chat-avatar-link{width:38px;height:38px;border-radius:12px}
  .global-chat-message-meta{grid-template-columns:minmax(0,1fr) auto;column-gap:5px}
  .global-chat-message-identity{gap:5px;overflow:hidden}
  .global-chat-author{font-size:12.5px;line-height:17px;max-height:34px}
  .global-chat-role{max-width:70px;padding-inline:5px;font-size:7px}
  .global-chat-time{font-size:8.5px}
  .global-chat-body{font-size:13px;line-height:1.46}
  .global-chat-compose{grid-template-columns:38px minmax(0,1fr) 38px 38px;gap:5px;padding:8px 7px calc(8px + env(safe-area-inset-bottom))}
  .global-chat-input{min-height:40px;max-height:108px;padding:10px 36px 10px 10px;border-radius:13px;font-size:16px;line-height:1.25}
  .global-chat-tool,.global-chat-send{width:38px;height:38px;border-radius:12px}
  .global-chat-emoji,.global-chat-format{margin-inline:7px}
  .global-chat-mentions{left:7px;right:7px;bottom:67px}
  .global-chat-new{bottom:72px}
}

@media(max-width:360px){
  .global-chat-compose{grid-template-columns:36px minmax(0,1fr) 36px 36px;gap:4px;padding-inline:5px}
  .global-chat-tool,.global-chat-send{width:36px;height:36px}
  .global-chat-message{grid-template-columns:36px minmax(0,1fr);gap:7px}
  .global-chat-message-avatar,.global-chat-avatar-link{width:36px;height:36px}
  .global-chat-role{max-width:58px}
}

@media(prefers-reduced-motion:reduce){.global-chat-stream-caret{animation:none}}

/* Release 257 — mobile chat compositor/performance pass and unclipped profiles. */
.global-chat-action-note{
  display:inline;
  padding:1px 5px;
  border-radius:6px;
  background:color-mix(in srgb,var(--primary) 9%,transparent);
  color:var(--on-surface-variant);
  font-style:normal!important;
  font-size:.94em;
  white-space:normal;
}

@media(max-width:700px){
  .global-chat-panel{
    inset:auto 0 auto 0!important;
    top:var(--chat-mobile-top,env(safe-area-inset-top))!important;
    bottom:auto!important;
    width:100%!important;
    height:var(--chat-mobile-height,calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;
    max-height:none!important;
    border-radius:0!important;
    border-inline:0!important;
    background:var(--surface)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    animation:none!important;
    contain:layout paint style;
  }
  .global-chat-feed{
    padding:8px 8px 12px!important;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:auto;
    contain:layout paint style;
  }
  .global-chat-history,.global-chat-transient{gap:1px}
  .global-chat-message{
    contain:layout style;
    content-visibility:visible;
    transition:none!important;
  }
  .global-chat-message:hover{background:transparent}
  .global-chat-actions{opacity:.82;transition:none}
  .global-chat-stream-caret{animation:none;opacity:.75}
  .global-chat-thinking-bubble i{will-change:transform,opacity}
  .global-chat-images img{max-height:180px}
  .global-chat-new{box-shadow:0 5px 14px rgba(0,0,0,.2)}
}

@media(max-width:700px){
  .public-profile-page,
  .own-public-profile-page,
  .profile-comments-page,
  .profile-ratings-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .public-profile-hero{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding:20px 14px 18px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .own-public-profile-hero{padding:20px 14px 18px!important}
  .public-profile-avatar,
  .own-public-avatar-wrap{margin-inline:auto}
  .public-profile-copy{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    text-align:center;
  }
  .public-profile-title-row,
  .own-public-profile-hero .public-profile-title-row{
    position:relative;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .profile-title-identity,
  .own-public-profile-hero .profile-title-identity{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:5px 7px!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .profile-title-identity>h1,
  .public-profile-title-row .profile-title-identity>h1,
  .own-public-profile-hero .public-profile-title-row .profile-title-identity>h1{
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:.2em .2em .34em!important;
    font-size:clamp(24px,8.8vw,36px)!important;
    line-height:1.22!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    transform:none!important;
  }
  .profile-title-identity>.profile-level-pill{
    flex:0 0 auto!important;
    margin-top:-3px!important;
  }
  .own-public-profile-hero .own-profile-edit-button{
    position:absolute!important;
    z-index:3;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    margin:0!important;
  }
  .public-profile-copy>.profile-bio{
    width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    margin:6px auto 0!important;
    padding-inline:2px;
    overflow:visible!important;
    text-align:center!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .public-profile-copy>.account-roles{
    width:100%;
    max-width:100%;
    margin:10px 0 0!important;
    justify-content:center!important;
    align-items:center;
    gap:6px;
  }
  .public-profile-copy>.account-roles .role-chip{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .public-profile-stats{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0!important;
    overflow:hidden;
    border-radius:15px!important;
  }
  .public-profile-stats>div,
  .public-profile-stats>.profile-stat-button{
    width:100%!important;
    min-width:0!important;
    min-height:68px!important;
    padding:10px 7px!important;
    border-right:0!important;
    box-sizing:border-box;
  }
  .public-profile-stats>div:last-child,
  .public-profile-stats>.profile-stat-button:last-child{
    grid-column:1/-1;
  }
  .public-profile-stats strong,
  .public-profile-stats span{
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center;
    line-height:1.25;
  }
  .public-profile-section,
  .profile-wall,
  .profile-anime-comments,
  .profile-user-ratings{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px!important;
    border-radius:15px!important;
    box-sizing:border-box;
    overflow:visible!important;
  }
  .profile-section-head,
  .profile-comment-feed,
  .profile-wall-list,
  .comments-list,
  .community-comment,
  .comment-main,
  .comment-body,
  .comment-text{
    min-width:0!important;
    max-width:100%!important;
  }
  .community-comment{padding:10px!important}
  .comment-head,
  .comment-author-line,
  .comment-action-row,
  .profile-comment-meta{
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
  .comment-text,
  .comment-body,
  .profile-comment-title strong{
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .profile-rating-card{grid-template-columns:68px minmax(0,1fr)!important}
  .profile-rating-poster{width:68px!important}
  .profile-rating-copy{padding:10px!important}
  .profile-rating-copy h3,
  .profile-rating-copy>p{
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
  }
  .profile-comments-identity{
    width:100%;
    min-width:0;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    padding:10px!important;
  }
  .profile-comments-identity>span,
  .profile-comments-identity strong,
  .profile-comments-identity em{
    min-width:0;
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .profile-user-search{min-width:0;max-width:100%}
  .profile-user-search-form{max-width:100%}
}

/* Release 265 — reconnect-safe bot state and compact mobile profile comments. */
@media(max-width:560px){
  .profile-wall-list>.community-comment,
  .profile-comment-feed>.community-comment,
  .comments-list>.community-comment{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px 10px!important;
  }
  .comment-avatar,
  .comment-user-avatar{width:38px!important;height:38px!important}
  .comment-content,.comment-head,.comment-head>div{min-width:0!important;width:100%!important;max-width:100%!important}
  .comment-author-line.comment-author-line-stacked,
  .comment-author-line-prestige.comment-author-line-stacked{
    display:flex!important;
    flex-flow:row wrap!important;
    align-items:center!important;
    row-gap:5px!important;
    column-gap:6px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .comment-author-line-stacked>.comment-author-identity{
    display:flex!important;
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
  .comment-author-line-stacked>.comment-author-statuses{
    display:flex!important;
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
    white-space:normal!important;
  }
  .comment-author-line-stacked>.comment-author-statuses>.role-chip,
  .comment-author-line-stacked>.comment-author-statuses>.comment-pinned-badge{
    flex:0 1 auto!important;
    max-width:100%!important;
    min-width:0!important;
    padding:3px 6px!important;
    font-size:8px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .comment-action-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .comment-action-row>.comment-votes{
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .comment-action-row>button{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:28px!important;
    padding:3px 6px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  .comment-action-row>.comment-created-at{
    flex:0 0 auto!important;
    grid-column:auto!important;
    margin-left:auto!important;
    margin-right:0!important;
    width:auto!important;
    padding:0!important;
    font-size:10px!important;
    white-space:nowrap!important;
    text-align:right!important;
  }
}

@media(max-width:390px){
  .comment-action-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }
  .comment-action-row>.comment-votes{flex:0 0 auto!important}
  .comment-action-row>button{
    flex:0 0 auto!important;
    padding:2px 4px!important;
    font-size:10px!important;
  }
  .comment-action-row>.comment-created-at{
    flex:0 0 auto!important;
    margin-left:auto!important;
    width:auto!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
    text-align:right!important;
  }
}

@media(max-width:700px){
  .public-profile-copy,
  .public-profile-title-row,
  .own-public-profile-hero .public-profile-title-row,
  .profile-title-identity,
  .own-public-profile-hero .profile-title-identity{
    margin-inline:auto!important;
    padding-inline:0!important;
    transform:none!important;
    translate:none!important;
  }
  .profile-title-identity,
  .own-public-profile-hero .profile-title-identity{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    align-items:center!important;
    width:100%!important;
  }
  .public-profile-title-row .profile-title-identity>h1,
  .own-public-profile-hero .public-profile-title-row .profile-title-identity>h1{
    display:block!important;
    justify-self:center!important;
    width:fit-content!important;
    max-width:100%!important;
    margin-inline:auto!important;
    padding-inline:.2em!important;
    text-align:center!important;
    transform:none!important;
    translate:none!important;
    transform-origin:center center!important;
  }
  .profile-title-identity>.profile-level-pill{justify-self:center!important;margin-inline:auto!important}
  .public-profile-copy>.profile-bio,
  .public-profile-copy>.account-roles{margin-inline:auto!important}
}
@media(max-width:700px){.public-profile-copy{--profile-name-inset:0px!important}}


/* Release 274 — single-row phone navigation and profile settings shortcut. */
.mobile-profile-settings-button{display:none!important}
@media(max-width:1179px){
  .bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-auto-flow:column!important;
    grid-auto-rows:0!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }
  .bottom-nav .desktop-nav-spacer,
  .bottom-nav .desktop-telegram,
  .bottom-nav .desktop-settings{display:none!important}
  .mobile-profile-settings-button{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    text-decoration:none!important;
  }
}
@media(max-width:520px){
  .top-header-actions{gap:6px}
  .profile-user-search{flex-basis:118px;width:min(118px,calc(100vw - 238px))}
  .profile-user-search-form{padding-left:9px}
  .profile-user-search-form input{font-size:10px}
}
@media(max-width:390px){
  .profile-user-search{flex-basis:120px;width:min(140px,calc(100vw - 160px))}
  .profile-user-search-form input::placeholder{font-size:11px}
}

/* First-party poster placeholder; provider branding is never shown. */
.poster-placeholder{object-fit:cover;background:#090d18}

/* Release 276 — stable phone navigation and external-video-mode recovery. */
@media(max-width:1179px){
  .bottom-nav{
    position:fixed!important;
    inset:auto 0 0 0!important;
    width:100%!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    contain:layout paint style!important;
    isolation:isolate!important;
    background:var(--surface)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 -1px 0 var(--panel-border),0 -8px 18px rgba(0,0,0,.16)!important;
    transition:none!important;
    animation:none!important;
    overscroll-behavior:none!important;
    touch-action:manipulation!important;
  }
  .bottom-nav,.bottom-nav *{scrollbar-width:none}
}
.player-stage.player-return-repair{
  isolation:isolate!important;
  contain:layout paint!important;
}
.player-stage.player-return-repair video{
  z-index:1!important;
  pointer-events:none!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
  opacity:.9999;
}
.player-stage.player-return-repair>.player-tap-surface{z-index:20!important}
.player-stage.player-return-repair .player-center-play,
.player-stage.player-return-repair .player-episode-overlay,
.player-stage.player-return-repair .player-skip-overlay,
.player-stage.player-return-repair .player-controls,
.player-stage.player-return-repair .player-settings-menu{
  pointer-events:auto!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}


/* Release 280: useful 404 page instead of a raw Not Found response. */
.not-found-screen{min-height:calc(100dvh - 150px);display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:clamp(28px,8vw,84px) 20px}.not-found-orbit{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(54px,12vw,110px);font-weight:900;line-height:1;color:var(--primary)}.not-found-orbit img{width:clamp(70px,13vw,118px);height:clamp(70px,13vw,118px);object-fit:contain;filter:drop-shadow(0 18px 36px color-mix(in srgb,var(--primary) 28%,transparent))}.not-found-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.not-found-screen h1{margin:0;font-size:clamp(28px,5vw,48px)}.not-found-screen p{max-width:600px;margin:0;color:var(--on-surface-variant);line-height:1.65}.not-found-screen code{max-width:min(620px,100%);overflow-wrap:anywhere;word-break:break-word;padding:8px 12px;border-radius:10px;background:var(--surface-variant);color:var(--on-surface-variant)}.not-found-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.not-found-actions .btn{min-width:150px}@media(max-width:560px){.not-found-screen{min-height:calc(100dvh - 110px);padding-bottom:calc(90px + env(safe-area-inset-bottom))}.not-found-actions{width:100%}.not-found-actions .btn{flex:1 1 140px}}

/* Release 294: watch-time leaderboard and privacy control. */
.watch-leaderboard-page{width:min(980px,100%);margin:0 auto;padding:18px 18px 120px;display:grid;gap:14px}
.watch-leaderboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--outline-variant);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface-container-low)),var(--surface-container-low));overflow:hidden}
.watch-leaderboard-hero h1{margin:4px 0 7px;font-size:clamp(25px,4vw,40px);line-height:1.05}.watch-leaderboard-hero p{margin:0;max-width:610px;color:var(--on-surface-variant);line-height:1.5}.watch-leaderboard-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}
.watch-leaderboard-total{flex:0 0 150px;text-align:center;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--outline) 20%,transparent)}.watch-leaderboard-total strong{display:block;font-size:30px}.watch-leaderboard-total span{display:block;margin-top:3px;color:var(--on-surface-variant);font-size:11px;line-height:1.25}
.watch-leaderboard-list{display:grid;gap:8px}.watch-leaderboard-row{display:grid;grid-template-columns:64px 48px minmax(0,1fr) minmax(110px,auto) 24px;align-items:center;gap:12px;min-height:72px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--outline) 18%,transparent);border-radius:18px;background:var(--surface-container-low);transition:transform .16s ease,border-color .16s ease,background .16s ease}.watch-leaderboard-row[role=button]{cursor:pointer}.watch-leaderboard-row[role=button]:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 42%,var(--outline));background:color-mix(in srgb,var(--primary) 5%,var(--surface-container-low))}.watch-leaderboard-row.highlighted{border-color:color-mix(in srgb,var(--primary) 58%,var(--outline));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.watch-leaderboard-row.compact{margin-bottom:2px;background:color-mix(in srgb,var(--primary) 7%,var(--surface-container-low))}
.watch-leaderboard-rank{text-align:center;line-height:1}.watch-leaderboard-rank strong{display:block;font-size:20px}.watch-leaderboard-rank>span{font-size:24px}.watch-leaderboard-rank small,.watch-leaderboard-time small,.watch-leaderboard-name small{display:block;margin-top:4px;color:var(--on-surface-variant);font-size:10px}.watch-leaderboard-avatar{width:46px!important;height:46px!important;border-radius:15px!important;overflow:hidden;object-fit:cover}.watch-leaderboard-anonymous-avatar{display:grid;place-items:center;background:var(--surface-container-high);color:var(--on-surface-variant)}.watch-leaderboard-anonymous-avatar svg{width:22px;height:22px}.watch-leaderboard-name{min-width:0}.watch-leaderboard-name strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.watch-leaderboard-time{text-align:right}.watch-leaderboard-time strong{display:block;font-size:15px}.watch-leaderboard-chevron{display:grid;place-items:center;color:var(--on-surface-variant)}.watch-leaderboard-chevron svg{width:18px;height:18px}.watch-leaderboard-private-note{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px dashed var(--outline-variant);border-radius:18px;background:var(--surface-container-low)}.watch-leaderboard-private-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--surface-container-high);color:var(--primary)}.watch-leaderboard-private-note h3,.watch-leaderboard-private-note p{margin:0}.watch-leaderboard-private-note p{margin-top:3px;color:var(--on-surface-variant);font-size:12px}
.profile-leaderboard-privacy{width:100%;margin-top:14px;border:1px solid color-mix(in srgb,var(--outline) 18%,transparent);border-radius:16px;background:var(--surface-container)}
@media(max-width:680px){.watch-leaderboard-page{padding:12px 10px 100px}.watch-leaderboard-hero{align-items:flex-start;flex-direction:column;padding:19px}.watch-leaderboard-total{width:100%;flex-basis:auto;display:flex;align-items:center;justify-content:space-between;text-align:left}.watch-leaderboard-total span{max-width:140px;text-align:right}.watch-leaderboard-row{grid-template-columns:43px 42px minmax(0,1fr) auto;gap:9px;padding:9px 10px;min-height:66px;border-radius:15px}.watch-leaderboard-avatar{width:40px!important;height:40px!important;border-radius:13px!important}.watch-leaderboard-chevron{display:none}.watch-leaderboard-time strong{font-size:13px}.watch-leaderboard-time small{display:none}.watch-leaderboard-rank strong{font-size:16px}.watch-leaderboard-rank>span{font-size:19px}.watch-leaderboard-rank small{font-size:9px}.watch-leaderboard-name strong{font-size:14px}.watch-leaderboard-name small{font-size:9px}}


/* Release 298 — clearer cards, banner spacing and faster poster first paint. */
.anime-card .progress-overlay{display:none!important}
.home-project-banner + .home-search-shell{margin-top:0}
.home-search-result-poster img{content-visibility:auto}
.poster-shell>.poster,.home-search-result-poster>img{background:var(--surface-variant)}

/* Release 305 — moderation controls available directly in global chat. */
.global-chat-meta-tail{justify-self:end;display:flex;align-items:center;gap:4px;min-width:max-content}
.global-chat-moderation-menu{position:relative}
.global-chat-moderation-menu summary{display:grid;place-items:center;width:28px;height:26px;border:0;border-radius:8px;color:var(--on-surface-variant);font-size:11px;letter-spacing:1px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;transition:transform 140ms cubic-bezier(0.2, 0.9, 0.3, 1),background 150ms ease,color 150ms ease}
.global-chat-moderation-menu summary::-webkit-details-marker{display:none}
.global-chat-moderation-menu summary:hover,.global-chat-moderation-menu[open] summary{background:var(--surface-variant);color:var(--on-surface)}
.global-chat-moderation-menu summary:active{transform:scale(0.92)!important}
.global-chat-moderation-menu>div{position:absolute;z-index:20;top:calc(100% + 4px);right:0;display:grid;width:174px;padding:5px;border:1px solid color-mix(in srgb,var(--outline) 45%,transparent);border-radius:12px;background:var(--surface);box-shadow:0 14px 34px rgba(0,0,0,.42)}
.global-chat-moderation-menu button{width:100%;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:var(--on-surface);font-size:11px;text-align:left;cursor:pointer;transition:background 140ms ease}
.global-chat-moderation-menu button:hover{background:var(--surface-variant)}
.global-chat-moderation-menu button:first-child{color:var(--error)}
.chat-moderation-dialog{width:min(440px,calc(100vw - 24px))}
.chat-moderation-form textarea,.chat-moderation-form select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid color-mix(in srgb,var(--outline) 52%,transparent);border-radius:12px;background:var(--surface-variant);color:var(--on-surface);font:inherit;outline:0}
.chat-moderation-form textarea{min-height:100px;resize:vertical}
.chat-moderation-form textarea:focus,.chat-moderation-form select:focus{border-color:var(--primary)}
@media(max-width:700px){.global-chat-moderation-menu>div{display:none!important}}

/* --- Release 326: 3D Tilt, Browser Smoothing & Mobile Profile Improvements --- */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.home-rail {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
}

.anime-grid {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overflow: visible;
}

.home-rail .anime-card, .continue-rail .continue-card, .poster-shell, .home-hero {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.top-header {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 1179px) {
  .bottom-nav {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1180px) {
  .bottom-nav {
    transform: none !important;
    z-index: 60 !important;
  }
}
.home-topbar {
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  .poster-shell {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .poster-shell::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(circle at var(--card-glare-pos, 50% 50%), rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 65%);
    opacity: 0;
    transition: opacity 0.22s ease;
    mix-blend-mode: overlay;
    z-index: 3;
  }
  .anime-card:hover .poster-shell::after {
    opacity: 1;
  }
}

/* Mobile Profile Header & Responsive Search Fix */
@media (max-width: 640px) {
  .profile-top-header {
    min-height: 48px;
    margin-bottom: 12px;
    gap: 8px;
  }
  .profile-top-header .header-copy {
    display: none !important;
  }
  .profile-top-header .top-header-actions {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    gap: 8px;
    justify-content: flex-end;
  }
  .profile-top-header .profile-user-search {
    flex: 1 1 auto !important;
    min-width: 130px !important;
    max-width: 100% !important;
    width: auto !important;
  }
  .profile-top-header .profile-user-search-form {
    width: 100% !important;
    height: 38px !important;
    padding-left: 12px !important;
    border-radius: 12px !important;
  }
  .profile-top-header .profile-user-search-form input {
    font-size: 13px !important;
    width: 100% !important;
    height: 100% !important;
  }
  .profile-top-header .profile-user-search-form input::placeholder {
    font-size: 12px !important;
    color: var(--on-surface-variant) !important;
    opacity: 0.85 !important;
  }
}

@media (max-width: 520px) {
  .profile-user-search-form input::placeholder {
    font-size: 11.5px !important;
    color: var(--on-surface-variant) !important;
    opacity: 0.85 !important;
  }
}

/* --- Player Episodes Drawer & Season Switcher --- */
.player-episodes-top-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.player-episodes-top-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}
.player-episodes-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--primary, #7a59ff);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.player-episodes-button {
  position: relative;
}

.player-episodes-drawer {
  position: absolute;
  inset: 0;
  z-index: 26;
  pointer-events: auto;
  background: rgba(4, 5, 8, 0.76);
  display: flex;
  justify-content: flex-end;
  animation: drawerFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.player-episodes-drawer[hidden] {
  display: none !important;
}
.player-episodes-drawer.closing {
  animation: drawerFadeOut 0.2s cubic-bezier(0.2, 0, 0, 1) forwards;
  pointer-events: none;
}

.player-episodes-drawer-sheet {
  width: min(380px, 92%);
  height: 100%;
  background: #0d0e15;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: -16px 0 44px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  animation: drawerSlideInRight 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: transform;
}
.player-episodes-drawer.closing .player-episodes-drawer-sheet {
  animation: drawerSlideOutRight 0.2s cubic-bezier(0.2, 0, 0, 1) forwards;
}

@keyframes drawerFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes drawerFadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes drawerSlideInRight {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes drawerSlideOutRight {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}

@keyframes drawerSlideInUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

.player-episodes-sheet-handle {
  display: none;
  width: 36px;
  height: 4px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 2px;
  margin: 10px auto 4px;
}

.player-episodes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.player-episodes-head-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.player-episodes-icon-box {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--primary, #7a59ff) 20%, transparent);
  color: var(--primary, #7a59ff);
  display: grid;
  place-items: center;
}
.player-episodes-icon-box svg {
  width: 20px;
  height: 20px;
}
.player-episodes-head-title h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.player-episodes-head-title p {
  margin: 2px 0 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player-episodes-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: all 0.15s ease;
}
.player-episodes-close:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.player-episodes-scroll {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.player-episodes-scroll::-webkit-scrollbar {
  width: 6px;
}
.player-episodes-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.player-ep-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  min-height: 54px;
  flex: 0 0 auto;
  box-sizing: border-box;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: inherit;
  cursor: pointer;
  text-align: left;
  line-height: 1.35;
  transition: all 0.18s ease;
  position: relative;
  overflow: hidden;
}
.player-ep-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateX(-2px);
}
.player-ep-item.active {
  background: color-mix(in srgb, var(--primary, #7a59ff) 22%, rgba(18, 19, 28, 0.9));
  border-color: var(--primary, #7a59ff);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary, #7a59ff) 30%, transparent);
}
.player-ep-item.watched:not(.active) {
  opacity: 0.75;
}
.player-ep-marker {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.15s ease;
}
.player-ep-marker svg {
  width: 16px;
  height: 16px;
}
.player-ep-item.active .player-ep-marker {
  background: var(--primary, #7a59ff);
  color: #fff;
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary, #7a59ff) 60%, transparent);
}
.player-ep-pulse {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px #fff;
  animation: epPulse 1.4s ease-in-out infinite alternate;
}
@keyframes epPulse {
  0% { transform: scale(0.85); opacity: 0.7; }
  100% { transform: scale(1.25); opacity: 1; }
}

.player-ep-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.player-ep-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
.player-ep-title {
  font-size: 13.5px;
  font-weight: 650;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}
.player-ep-current-badge {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2.5px 8px;
  border-radius: 6px;
  background: var(--primary, #7a59ff);
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
}
.player-ep-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.5);
}
.player-ep-watched-tag {
  color: #4cd964;
  font-size: 10.5px;
}
.player-ep-resume-tag {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10.5px;
}
.player-ep-progress-bar {
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  overflow: hidden;
  margin-top: 4px;
}
.player-ep-progress-bar span {
  display: block;
  height: 100%;
  background: var(--primary, #7a59ff);
  border-radius: 2px;
}

/* In-player drawer tabs & panels */
.player-drawer-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.06);
  padding: 3px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.player-drawer-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 9px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.16s ease;
}
.player-drawer-tab svg {
  width: 16px;
  height: 16px;
}
.player-drawer-tab:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.player-drawer-tab.active {
  background: var(--primary, #7a59ff);
  color: #fff;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--primary, #7a59ff) 40%, transparent);
}
.player-drawer-tab-badge {
  font-size: 10px;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.16);
  color: inherit;
}
.player-drawer-tab.active .player-drawer-tab-badge {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}
.player-drawer-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.player-drawer-panel {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.player-drawer-panel[hidden] {
  display: none !important;
}
.player-drawer-subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 16px 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  flex-shrink: 0;
}
.player-provider-tag {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}

/* In-player voice picker list */
.player-voices-scroll {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.player-voice-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  min-height: 56px;
  flex: 0 0 auto;
  box-sizing: border-box;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.18s ease;
}
.player-voice-card:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.14);
}
.player-voice-card.active {
  background: color-mix(in srgb, var(--primary, #7a59ff) 18%, rgba(18, 19, 28, 0.95));
  border-color: var(--primary, #7a59ff);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--primary, #7a59ff) 25%, transparent);
}
.player-voice-card-main {
  display: flex;
  align-items: center;
  gap: 12px;
}
.player-voice-marker {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.15s ease;
}
.player-voice-marker svg {
  width: 16px;
  height: 16px;
}
.player-voice-card.active .player-voice-marker {
  background: var(--primary, #7a59ff);
  color: #fff;
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary, #7a59ff) 60%, transparent);
}
.player-voice-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.player-voice-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.player-voice-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.player-voice-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.5);
}
.player-voice-provider-tag {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}
.player-voice-select-btn {
  align-self: flex-end;
  padding: 6px 14px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
  transition: all 0.15s ease;
}
.player-voice-select-btn:hover {
  background: rgba(255, 255, 255, 0.16);
}
.player-voice-select-btn.active {
  background: var(--primary, #7a59ff);
  border-color: var(--primary, #7a59ff);
  color: #fff;
  cursor: default;
}
.player-voice-players {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.player-voice-player-btn {
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all 0.15s ease;
}
.player-voice-player-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.player-voice-player-btn.active {
  background: var(--primary, #7a59ff);
  border-color: var(--primary, #7a59ff);
  color: #fff;
  box-shadow: 0 0 10px color-mix(in srgb, var(--primary, #7a59ff) 50%, transparent);
}
.player-voices-top-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.player-provider-pill {
  font-size: 10px;
  font-weight: 750;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

/* Under-player section (desktop hidden) */
.player-under-stage {
  display: none;
}

/* In portrait mobile mode, episodes & voice buttons are handled under the stage */
@media (max-width: 920px) and (orientation: portrait), (max-width: 720px) and (orientation: portrait) {
  .player-episodes-top-btn,
  .player-voices-top-btn,
  .player-episodes-button,
  .player-voices-button,
  .player-settings-menu [data-player-voices-toggle],
  .player-episodes-drawer {
    display: none !important;
  }
}

/* Mobile layout: episodes & voices moved UNDER the player */
@media (max-width: 920px) and (orientation: portrait), (max-width: 720px) {
  .player-screen {
    overflow: hidden;
  }
  .player-shell {
    padding: max(4px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    gap: 4px;
    height: var(--player-viewport-height, 100dvh);
  }
  .player-top {
    height: 44px;
    min-height: 44px;
    padding: 0 4px;
    gap: 8px;
  }
  .player-top .player-close {
    width: 36px;
    height: 36px;
    min-height: 36px;
  }
  .player-title h2 {
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .player-title p {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .player-frame {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .player-stage {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 38vh;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  }
  .player-under-stage {
    display: flex !important;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    margin-top: 6px;
    background: rgba(14, 15, 22, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  }
  .player-under-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(20, 21, 30, 0.6);
  }
  .player-under-tabs {
    display: flex;
    gap: 6px;
    background: rgba(255, 255, 255, 0.05);
    padding: 3px;
    border-radius: 12px;
  }
  .player-under-tab {
    flex: 1;
    min-height: 34px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.16s ease;
  }
  .player-under-tab svg {
    width: 15px;
    height: 15px;
  }
  .player-under-tab.active {
    background: var(--primary, #7a59ff);
    color: #fff;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--primary, #7a59ff) 40%, transparent);
  }
  .player-under-tab-badge {
    font-size: 10.5px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
  }
  .player-under-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 2px;
  }
  .player-under-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .player-under-panel {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .player-under-panel[hidden] {
    display: none !important;
  }
  .player-under-stage .player-episodes-scroll {
    padding: 8px 10px 14px;
  }
  .player-ep-item {
    padding: 9px 12px;
    min-height: 50px;
  }
  .player-ep-item:hover {
    transform: none;
  }
}

@media (max-width: 1024px) and (orientation: landscape) and (max-height: 540px) {
  .player-screen {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100% !important;
    height: 100dvh !important;
    z-index: 1000 !important;
    overflow: hidden !important;
    background: #000 !important;
  }
  .player-shell {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  .player-frame {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #000 !important;
    box-shadow: none !important;
  }
  .player-stage {
    position: relative !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  .player-stage video,
  .player-stage .player-upscaler-canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  /* Under-stage episode list is HIDDEN on mobile landscape; users access drawer overlay */
  .player-under-stage {
    display: none !important;
  }
  /* Full-width floating top header with safe-area insets */
  .player-top {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    z-index: 25 !important;
    padding: max(6px, env(safe-area-inset-top, 0px)) max(14px, env(safe-area-inset-right, 0px)) 8px max(14px, env(safe-area-inset-left, 0px)) !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.45) 60%, transparent 100%) !important;
    pointer-events: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  .player-top > * {
    pointer-events: auto !important;
  }
  /* Auto-hide top bar in mobile landscape when controls are idle */
  .player-shell.controls-hidden:not(.is-paused) .player-top,
  .player-stage.controls-hidden:not(.is-paused) ~ .player-top {
    opacity: 0 !important;
    transform: translateY(-100%) !important;
    pointer-events: none !important;
  }
  .player-shell.controls-visible .player-top,
  .player-shell.is-paused .player-top {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  /* Compact title in mobile landscape */
  .player-top .player-title {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .player-top .player-title h2 {
    font-size: 13px !important;
    max-width: 44vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .player-top .player-title p {
    font-size: 10.5px !important;
    max-width: 44vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  /* Make "Серии" and "Озвучка" accessible in mobile landscape */
  .player-top .player-episodes-top-btn,
  .player-top .player-voices-top-btn,
  .player-controls .player-episodes-button,
  .player-controls .player-voices-button {
    display: inline-flex !important;
  }
  /* Drawer Stacking Context */
  .player-screen.episodes-drawer-open .player-frame,
  .player-screen.episodes-drawer-open .player-stage {
    z-index: 50 !important;
  }
  /* Episodes drawer slide-over overlay on mobile landscape */
  .player-episodes-drawer {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 60 !important;
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    justify-content: flex-end !important;
  }
  .player-episodes-drawer[hidden] {
    display: none !important;
  }
  .player-episodes-drawer-sheet {
    width: min(340px, 52vw) !important;
    max-width: 400px !important;
    height: 100% !important;
    background: #0d0e15 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: -12px 0 36px rgba(0, 0, 0, 0.8) !important;
  }
  /* Watch party right-side drawer in mobile landscape */
  .watch-party-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(360px, 52vw) !important;
    max-width: 400px !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 0 !important;
    background: #0d0e15 !important;
    box-shadow: -14px 0 40px rgba(0, 0, 0, 0.85) !important;
    z-index: 70 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: max(12px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) 16px !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    animation: watch-party-drawer-enter 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }
  .watch-party-panel[hidden],
  .watch-party-panel.hidden {
    display: none !important;
  }
  .watch-party-panel.is-closing {
    animation: watch-party-drawer-exit 0.18s cubic-bezier(0.4, 0, 1, 1) forwards !important;
    pointer-events: none !important;
  }
  .watch-party-panel.in-chat-tab .party-chat-feed {
    max-height: none !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }
  /* Landscape skip intro placement */
  .player-skip-overlay {
    top: auto !important;
    bottom: clamp(54px, 14vh, 70px) !important;
    right: max(16px, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    z-index: 20 !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
  }
  .player-stage:not(.controls-visible):not(.is-paused) .player-skip-overlay {
    bottom: max(16px, calc(10px + env(safe-area-inset-bottom, 0px))) !important;
  }
  /* Safe-area insets for controls in landscape */
  .player-controls {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Release 315: Clean menu states - hide conflicting top-bar actions and video overlay buttons while drawers or watch-party panels are active */
.player-screen.episodes-drawer-open .player-top .player-tool,
.player-screen.party-panel-open .player-top .player-tool:not(.party-trigger),
.player-screen.episodes-drawer-open .player-skip-overlay,
.player-screen.party-panel-open .player-skip-overlay,
.player-screen.episodes-drawer-open .player-episode-overlay,
.player-screen.party-panel-open .player-episode-overlay {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  transform: scale(0.94) !important;
  transition: opacity 0.16s cubic-bezier(0.16, 1, 0.3, 1), transform 0.16s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.16s !important;
}

.player-screen.party-panel-open .player-top {
  z-index: 75 !important;
}

.player-screen.party-panel-open .party-trigger {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  background: var(--primary-container) !important;
  color: var(--on-primary-container) !important;
  border-color: color-mix(in srgb, var(--primary) 55%, transparent) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--primary) 28%, transparent) !important;
  z-index: 85 !important;
}

.player-top .player-tool {
  transition: opacity 0.16s cubic-bezier(0.16, 1, 0.3, 1), transform 0.16s cubic-bezier(0.16, 1, 0.3, 1), background 0.15s ease, border-color 0.15s ease;
}


/* Theme background animation effects */
.theme-effect-canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.theme-effect-canvas.active {
  opacity: 1 !important;
}
.theme-effects-list {
  margin-bottom: 24px;
}
.effect-preview-badge {
  flex-shrink: 0;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 9999px;
  background: var(--surface-variant);
  color: var(--on-surface-variant);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-variant-numeric: tabular-nums;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.effect-preview-badge.live {
  background: color-mix(in srgb, var(--primary) 18%, transparent);
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--primary) 22%, transparent);
}


/* Release 168 — Legal docs, about sections and unified layout */
.about-hero-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 24px 28px;
  border: 1px solid color-mix(in srgb, var(--primary) 32%, var(--panel-border));
  border-radius: 22px;
  background: radial-gradient(circle at 8% 22%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 42%), var(--surface);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.about-hero-card img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  border-radius: 20px;
  background: color-mix(in srgb, var(--primary) 8%, var(--surface-variant));
  padding: 6px;
  box-sizing: border-box;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
}
.about-hero-card-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.about-hero-header {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.about-hero-card h1 {
  margin: 0;
  font-size: clamp(24px, 4.5vw, 32px);
  font-weight: 850;
  letter-spacing: -0.035em;
  color: var(--on-surface);
  line-height: 1.1;
}
.about-hero-card .project-domain {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 9999px;
  background: var(--primary-container);
  color: var(--on-primary-container);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.about-hero-card p {
  margin: 0;
  color: var(--on-surface-variant);
  font-size: 13.5px;
  line-height: 1.6;
}
.about-hero-card .about-lead {
  color: var(--on-surface);
  font-weight: 550;
  font-size: 14.5px;
}
.about-status-card {
  width: 100%;
  box-sizing: border-box;
}
.about-status-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.about-status-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 750;
  letter-spacing: -0.02em;
}
.about-sections-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}
.about-legal-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--panel-border);
  border-radius: 20px;
  background: var(--surface);
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: border-color var(--duration-fast, 140ms) ease,
              background-color var(--duration-fast, 140ms) ease,
              transform var(--duration-fast, 140ms) var(--ease-spring-fast, cubic-bezier(0.2, 0.9, 0.3, 1)),
              box-shadow var(--duration-fast, 140ms) ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.about-legal-card:hover {
  border-color: color-mix(in srgb, var(--primary) 42%, var(--panel-border));
  background-color: color-mix(in srgb, var(--primary) 4%, var(--surface));
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.about-legal-card:active {
  transform: scale(0.985) !important;
}
.about-legal-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: var(--primary-container);
  color: var(--on-primary-container);
  flex-shrink: 0;
}
.about-legal-icon svg {
  width: 22px;
  height: 22px;
}
.about-legal-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.about-legal-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.about-legal-card h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: var(--on-surface);
}
.about-legal-chip {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--primary) 14%, var(--surface-variant));
  color: var(--primary);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.about-legal-card p {
  margin: 0;
  color: var(--on-surface-variant);
  font-size: 12px;
  line-height: 1.5;
}
.about-legal-end {
  display: grid;
  place-items: center;
  color: var(--on-surface-variant);
  opacity: 0.6;
  transition: transform var(--duration-fast, 140ms) ease, opacity var(--duration-fast, 140ms) ease;
}
.about-legal-card:hover .about-legal-end {
  opacity: 1;
  transform: translateX(2px);
  color: var(--primary);
}
.about-legal-end svg {
  width: 16px;
  height: 16px;
}
.legal-doc-layout {
  display: grid;
  gap: 14px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.legal-card {
  width: 100%;
  padding: 24px 28px;
  border: 1px solid var(--panel-border);
  border-radius: 22px;
  background: var(--surface);
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.legal-card h2 {
  margin: 0 0 12px;
  font-size: 17.5px;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: var(--on-surface);
}
.legal-card p {
  margin: 0 0 12px;
  color: var(--on-surface-variant);
  font-size: 13.5px;
  line-height: 1.72;
}
.legal-card p:last-child {
  margin-bottom: 0;
}
.legal-card ul {
  margin: 0 0 12px;
  padding-left: 20px;
  color: var(--on-surface-variant);
  font-size: 13.5px;
  line-height: 1.72;
}
.legal-card li {
  margin-bottom: 8px;
}
.legal-card li:last-child {
  margin-bottom: 0;
}
.legal-card a {
  color: var(--primary);
  font-weight: 700;
  text-underline-offset: 3px;
  transition: color 140ms ease;
}
.legal-card a:hover {
  text-decoration: underline;
}
.legal-card code {
  padding: 2px 6px;
  border-radius: 6px;
  background: var(--surface-variant);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
}
.legal-badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 9999px;
  background: var(--primary-container);
  color: var(--on-primary-container);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .about-hero-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    border-radius: 18px;
  }
  .about-hero-card img {
    width: 58px;
    height: 58px;
    border-radius: 15px;
    padding: 4px;
  }
  .about-sections-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .about-legal-card {
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
  }
  .about-legal-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }
  .about-legal-icon svg {
    width: 19px;
    height: 19px;
  }
  .legal-card {
    padding: 18px 18px;
    border-radius: 18px;
  }
}

/* ==========================================================================
   Release 329 — Title Page Premium Architecture, Genres & Neat Sidebar Polish
   ========================================================================== */

/* --- Release Card & Detail Layout --- */
.page-detail .detail-content {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding-top: 18px;
}

.release-card {
  display: grid;
  grid-template-columns: 238px minmax(0, 1fr);
  gap: 32px;
  align-items: stretch !important;
  padding: 26px 28px;
  border: 1px solid var(--panel-border) !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--surface) 94%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), var(--soft-shadow) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  margin-bottom: 24px;
}

.detail-poster-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  align-self: start !important;
}

.release-card .detail-poster {
  width: 100%;
  aspect-ratio: 2/3;
  border-radius: 16px;
  overflow: hidden;
  background: var(--surface-variant);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.release-card .detail-poster img,
.release-card .detail-poster .poster,
.release-card .detail-poster .poster-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.release-copy {
  min-width: 0;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding-top: 2px;
  box-sizing: border-box;
}

.detail-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

.detail-title {
  margin: 0;
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: var(--on-surface);
  text-wrap: balance;
}

.detail-english-title {
  margin: 2px 0 14px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--on-surface-variant);
  opacity: 0.85;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

/* --- Ratings & Metadata Layout Architecture --- */
.detail-meta-row {
  display: flex !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin: auto 0 !important;
  flex-wrap: wrap !important;
}

.detail-ratings-card {
  display: flex !important;
  flex-direction: column !important;
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
  height: 94px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--panel-border) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--surface) 88%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
}

.detail-rating-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 1 1 0% !important;
  height: 31px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  color: inherit !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color 140ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.detail-rating-row + .detail-rating-row {
  border-top: 1px solid color-mix(in srgb, var(--outline) 14%, transparent) !important;
}

.detail-rating-row:hover {
  background: color-mix(in srgb, var(--surface-variant) 45%, transparent) !important;
}

.detail-rating-row:active {
  background: color-mix(in srgb, var(--surface-variant) 70%, transparent) !important;
}

.detail-rating-label {
  font-size: 11px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.detail-rating-ap .detail-rating-label {
  color: #ffca5c !important;
}

.detail-rating-shiki .detail-rating-label {
  color: #7bb0ff !important;
}

.detail-rating-mal .detail-rating-label {
  color: #8da4db !important;
}

.detail-rating-score {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  width: 44px !important;
  min-width: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.detail-rating-star {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffca5c !important;
  flex-shrink: 0 !important;
  transition: opacity 140ms ease !important;
}

.detail-rating-star svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

.detail-rating-val {
  font-size: 13px !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--on-surface) !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* --- Metadata Info Panel (Right side of ratings column) --- */
.detail-info-panel {
  flex: 0 1 auto !important;
  max-width: 480px !important;
  min-width: 0 !important;
  height: 94px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.detail-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(105px, 1fr)) !important;
  gap: 6px 16px !important;
  padding: 10px 18px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  align-content: center !important;
  border: 1px solid var(--panel-border) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--surface) 88%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.detail-info-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.detail-info-k {
  font-size: 10px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--on-surface-variant) !important;
  opacity: 0.75 !important;
}

.detail-info-v {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--on-surface) !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* --- Action Buttons (Pinned to bottom of poster) --- */
.detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.detail-actions .btn {
  min-height: 44px;
  padding: 0 20px;
  font-size: 13.5px;
  border-radius: 12px;
}

.detail-actions .watch-btn {
  min-width: 154px;
  font-weight: 750;
}

.detail-actions .bookmark-btn {
  min-width: 140px;
}

/* --- Detail Content Sections (Description, Genres, etc.) --- */
.detail-section {
  margin-top: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.detail-section .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.detail-section .section-heading h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -0.025em;
  color: var(--on-surface);
}

.description-section .description {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--on-surface-variant);
  white-space: pre-line;
  max-width: 82ch;
}

.detail-section.genres-section {
  margin-top: 24px !important;
}

.detail-genres-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.chip.detail-genre-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: 11px;
  border: 1px solid var(--panel-border) !important;
  background: color-mix(in srgb, var(--surface-variant) 75%, transparent) !important;
  color: var(--on-surface) !important;
  font-size: 12.5px;
  font-weight: 650;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms cubic-bezier(0.2, 0.9, 0.3, 1),
              background-color 150ms ease,
              border-color 150ms ease,
              color 150ms ease !important;
}

.chip.detail-genre-chip:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--primary) 36%, var(--panel-border)) !important;
  background: color-mix(in srgb, var(--primary) 10%, var(--surface-variant)) !important;
  color: var(--primary) !important;
}

.chip.detail-genre-chip:active {
  transform: scale(0.96) !important;
}

/* Responsive Detail Layout */
@media (max-width: 900px) {
  .release-card {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 22px;
    padding: 20px 22px;
  }
}

@media (max-width: 719px) {
  .release-card {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
  }
  .release-copy {
    display: contents !important;
  }
  .detail-poster-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .detail-header-group {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
  }
  .detail-title {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }
  .detail-english-title {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }
  .detail-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 6px !important;
  }
  .detail-actions .btn {
    min-width: 0 !important;
    padding: 0 8px !important;
    font-size: 12.5px !important;
  }
  .detail-meta-row {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 6px 0 0 !important;
  }
  .detail-ratings-card {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    border-radius: 12px !important;
    margin: 0 !important;
  }
  .detail-rating-row {
    flex: none !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 6px !important;
    border-top: none !important;
  }
  .detail-rating-row + .detail-rating-row {
    border-top: none !important;
    border-left: 1px solid color-mix(in srgb, var(--outline) 14%, transparent) !important;
  }
  .detail-rating-score {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  .detail-rating-label {
    font-size: 9.5px !important;
  }
  .detail-rating-val {
    font-size: 12px !important;
  }
  .detail-rating-star,
  .detail-rating-star svg {
    width: 11px !important;
    height: 11px !important;
  }
  .detail-info-panel {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
  .detail-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 10px 12px !important;
    gap: 8px 10px !important;
    border-radius: 12px !important;
    height: auto !important;
  }
  .detail-section {
    margin-top: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .detail-section .section-heading h2 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }
  .description-section .description {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }
}

/* --- Neat & Refined Desktop Navigation Polish --- */
@media (min-width: 1180px) {
  .bottom-nav {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    transform: none !important;
    width: var(--desktop-nav-width) !important;
    height: 100dvh !important;
    padding: 18px 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    border: 0 !important;
    border-right: 1px solid var(--panel-border) !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--surface) 96%, var(--background)) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow-y: auto !important;
    z-index: 60 !important;
  }

  .bottom-nav .desktop-nav-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 2px 8px 16px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid color-mix(in srgb, var(--panel-border) 60%, transparent) !important;
  }
  .bottom-nav .desktop-nav-brand img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
  }
  .bottom-nav .desktop-nav-brand strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: var(--on-surface) !important;
    display: block !important;
    line-height: 1.15 !important;
  }
  .bottom-nav .desktop-nav-brand small {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--on-surface-variant) !important;
    opacity: 0.65 !important;
    display: block !important;
  }

  .bottom-nav .desktop-nav-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .bottom-nav .desktop-nav-spacer {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 12px !important;
  }

  /* Neat, subtle, refined navigation buttons with cross-browser parity */
  .bottom-nav .nav-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.78) !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, transform 120ms cubic-bezier(0.2, 0.9, 0.3, 1) !important;
  }

  .bottom-nav .nav-item:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #ffffff !important;
  }

  .bottom-nav .nav-item:active {
    transform: scale(0.975) !important;
  }

  .bottom-nav .nav-item.active {
    background: color-mix(in srgb, var(--primary) 14%, rgba(255, 255, 255, 0.05)) !important;
    border-color: color-mix(in srgb, var(--primary) 28%, transparent) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .bottom-nav .nav-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .bottom-nav .nav-pill svg {
    width: 17px !important;
    height: 17px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    transition: color 140ms ease !important;
  }

  .bottom-nav .nav-item:hover .nav-pill svg {
    color: #ffffff !important;
  }

  .bottom-nav .nav-item.active .nav-pill svg {
    color: var(--primary) !important;
  }

  .bottom-nav .nav-avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  .bottom-nav .nav-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: -0.012em !important;
    color: rgba(255, 255, 255, 0.78) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    transition: color 140ms ease !important;
  }

  .bottom-nav .nav-item:hover .nav-copy {
    color: #ffffff !important;
  }

  .bottom-nav .nav-item.active .nav-copy {
    font-weight: 750 !important;
    color: #ffffff !important;
  }

  .bottom-nav .staff-nav-item {
    min-height: 40px !important;
    height: 40px !important;
  }
  .bottom-nav .staff-nav-item .nav-copy {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
  }
  .bottom-nav .staff-nav-item .nav-copy small {
    font-size: 10px !important;
    opacity: 0.65 !important;
    font-weight: 450 !important;
  }

  /* Beautiful Telegram project card */
  .bottom-nav .desktop-telegram {
    margin-top: 6px !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 10px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid color-mix(in srgb, #2aabee 28%, var(--panel-border)) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, color-mix(in srgb, #2aabee 15%, var(--surface)), color-mix(in srgb, #2aabee 4%, var(--surface))) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 8px rgba(0, 0, 0, 0.16) !important;
    overflow: hidden !important;
    position: relative !important;
    text-decoration: none !important;
    transition: border-color 150ms ease, background 150ms ease, transform 120ms cubic-bezier(0.2, 0.9, 0.3, 1) !important;
  }
  .bottom-nav .desktop-telegram:hover {
    border-color: color-mix(in srgb, #2aabee 55%, var(--panel-border)) !important;
    background: linear-gradient(135deg, color-mix(in srgb, #2aabee 22%, var(--surface)), color-mix(in srgb, #2aabee 8%, var(--surface))) !important;
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 14px rgba(42, 171, 238, 0.18) !important;
  }
  .bottom-nav .desktop-telegram:active {
    transform: scale(0.975) !important;
  }
  .bottom-nav .desktop-telegram .nav-pill {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 8px !important;
    background: #2aabee !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 2px 6px rgba(42, 171, 238, 0.35) !important;
  }
  .bottom-nav .desktop-telegram .nav-pill svg {
    width: 16px !important;
    height: 16px !important;
    color: #fff !important;
  }
  .bottom-nav .desktop-telegram .nav-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    line-height: 1.15 !important;
  }
  .bottom-nav .desktop-telegram .nav-copy strong {
    font-size: 13px !important;
    font-weight: 750 !important;
    color: var(--on-surface) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .bottom-nav .desktop-telegram .nav-copy small {
    font-size: 10px !important;
    font-weight: 500 !important;
    color: var(--on-surface-variant) !important;
    opacity: 0.8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .bottom-nav .desktop-telegram-external {
    display: grid !important;
    place-items: center !important;
    color: color-mix(in srgb, #2aabee 76%, var(--on-surface)) !important;
    opacity: 0.85 !important;
  }
  .bottom-nav .desktop-telegram-external svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* Neat settings button */
  .bottom-nav .desktop-settings {
    margin-top: 2px !important;
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
  }
}

/* Home Dashboard, Search, Hero & Continue Geometry Polish */
.home-main-col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.home-search-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 20 !important;
}

.home-search-shell .home-search-form,
.home-search-box {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.continue-section {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 18px 20px !important;
  border: 1px solid var(--panel-border) !important;
  border-radius: 24px !important;
  background: var(--surface) !important;
  min-width: 0;
  box-sizing: border-box !important;
}

.continue-section .section-heading {
  margin-bottom: 12px !important;
  flex-shrink: 0 !important;
}

.continue-section .continue-rail {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
  scrollbar-width: thin !important;
}

.home-continue-card {
  flex-shrink: 0 !important;
  min-height: 86px !important;
}

@media (min-width: 720px) {
  .home-dashboard.has-continue {
    align-items: stretch !important;
  }
  .home-dashboard.has-continue > .home-main-col {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .home-dashboard.has-continue .home-search-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
  .home-dashboard.has-continue .home-hero {
    flex: 1 1 auto !important;
    min-height: 390px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }
  .home-dashboard.has-continue .home-hero > .home-hero-content {
    height: 100% !important;
    min-height: 0 !important;
  }
  .home-dashboard.has-continue > .continue-section {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .home-dashboard.has-continue > .continue-section > .continue-rail {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
  }
}

@media (min-width: 1180px) {
  .screen.page-home {
    padding-top: 14px !important;
  }
  .page-home > .home-topbar {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    position: static !important;
  }
  .page-home > .home-topbar.has-notifications,
  .page-home > .home-topbar:has(.notification-button) {
    display: flex !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    position: static !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .page-home > .home-topbar .notification-button {
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
  }
  .home-project-banner {
    margin: 0 0 12px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .home-dashboard {
    margin-top: 0 !important;
  }
  .home-dashboard.has-continue {
    grid-template-columns: minmax(0, 1.75fr) minmax(330px, .72fr) !important;
    gap: 20px !important;
    align-items: stretch !important;
    margin-top: 0 !important;
  }
  .home-dashboard.has-continue .home-hero {
    min-height: 440px !important;
  }
}

/* ==========================================================================
   Watch Party Room Hub — Chat, Reactions, Floating Overlays & Participants
   ========================================================================== */

/* Layout Grid for Chat & Participants */
.party-control-grid-chat {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.75fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

@media (max-width: 760px) {
  .party-control-grid-chat {
    grid-template-columns: 1fr !important;
  }
}

.party-room-chat-card,
.party-room-members-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 480px !important;
  box-sizing: border-box !important;
}

.party-room-chat-card .party-room-card-title,
.party-room-members-card .party-room-card-title {
  flex-shrink: 0 !important;
  margin-bottom: 14px !important;
}

/* --- Party Chat Container & Feed --- */
.party-chat-view {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

.party-chat-feed {
  flex: 1 1 auto !important;
  min-height: 240px !important;
  max-height: 380px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid color-mix(in srgb, var(--outline) 22%, transparent) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--surface-variant) 36%, transparent) !important;
  scrollbar-width: thin !important;
  overscroll-behavior: contain !important;
  box-sizing: border-box !important;
}

.party-chat-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 180px !important;
  text-align: center !important;
  color: var(--on-surface-variant) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  padding: 24px 16px !important;
}

/* --- Party Chat Messages & Bubbles --- */
.party-chat-msg {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  animation: party-msg-appear 0.16s ease-out !important;
}

@keyframes party-msg-appear {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}

.party-chat-msg.is-self {
  flex-direction: row-reverse !important;
}

.party-chat-msg-avatar {
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 11px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: var(--primary-container) !important;
  color: var(--on-primary-container) !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--outline) 28%, transparent) !important;
  margin-top: 2px !important;
}

.party-chat-msg-avatar img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: inherit !important;
}

.party-chat-msg-avatar span {
  font-size: 12px !important;
  font-weight: 850 !important;
  color: var(--primary) !important;
}

.party-chat-msg-bubble {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  max-width: min(85%, 440px) !important;
  min-width: 0 !important;
  padding: 8px 12px !important;
  border-radius: 14px !important;
  background: var(--surface-variant) !important;
  border: 1px solid color-mix(in srgb, var(--outline) 18%, transparent) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1) !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
}

.party-chat-msg.is-self .party-chat-msg-bubble {
  background: color-mix(in srgb, var(--primary) 18%, var(--surface-variant)) !important;
  border-color: color-mix(in srgb, var(--primary) 38%, transparent) !important;
}

.party-chat-msg-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  font-size: 11px !important;
}

.party-chat-msg.is-self .party-chat-msg-meta {
  justify-content: flex-end !important;
}

.party-chat-author {
  font-size: 12px !important;
  font-weight: 750 !important;
  color: var(--on-surface) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 180px !important;
}

.party-chat-author .decorated-name-text {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.party-host-star {
  color: #f2cf72 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 0 5px rgba(242, 207, 114, 0.5)) !important;
  display: inline-flex !important;
  align-items: center !important;
}

.party-chat-time {
  font-size: 9.5px !important;
  color: var(--on-surface-variant) !important;
  margin-left: auto !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.party-chat-msg.is-self .party-chat-time {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.party-chat-msg-text {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--on-surface) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.party-chat-msg.is-reaction-msg .party-chat-msg-bubble {
  background: color-mix(in srgb, var(--surface-variant) 70%, transparent) !important;
  padding: 6px 10px !important;
}

.party-chat-msg.is-reaction-msg .party-chat-msg-text {
  font-size: 26px !important;
  line-height: 1.15 !important;
  padding: 2px 0 !important;
}

/* --- Party Chat Reactions Bar --- */
.party-chat-reactions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 2px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  flex-shrink: 0 !important;
}

.party-chat-reactions::-webkit-scrollbar {
  display: none !important;
}

.party-reaction-btn {
  display: inline-grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--outline) 22%, transparent) !important;
  border-radius: 11px !important;
  background: var(--surface-variant) !important;
  font-size: 17px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: transform 0.14s cubic-bezier(0.16, 1, 0.3, 1), background 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease !important;
}

.party-reaction-btn:hover {
  transform: translateY(-2px) scale(1.08) !important;
  background: color-mix(in srgb, var(--primary) 14%, var(--surface-variant)) !important;
  border-color: color-mix(in srgb, var(--primary) 42%, transparent) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.party-reaction-btn:active {
  transform: scale(0.92) !important;
}

/* --- Party Chat Compose Input --- */
.party-chat-compose {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 6px !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.party-chat-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid color-mix(in srgb, var(--outline) 28%, transparent) !important;
  border-radius: 12px !important;
  background: var(--surface-variant) !important;
  color: var(--on-surface) !important;
  font: inherit !important;
  font-size: 13px !important;
  outline: none !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease !important;
  box-sizing: border-box !important;
}

.party-chat-input:focus {
  border-color: var(--primary) !important;
  background: color-mix(in srgb, var(--primary) 6%, var(--surface-variant)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent) !important;
}

.party-chat-input::placeholder {
  color: var(--on-surface-variant) !important;
}

.party-chat-send {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  cursor: pointer !important;
  transition: transform 0.14s cubic-bezier(0.16, 1, 0.3, 1), background 0.14s ease, box-shadow 0.14s ease !important;
  flex-shrink: 0 !important;
}

.party-chat-send:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--primary) 34%, transparent) !important;
}

.party-chat-send:active {
  transform: scale(0.92) !important;
}

.party-chat-send:disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.party-chat-send svg {
  width: 17px !important;
  height: 17px !important;
}

/* --- Party Participants (Members List) --- */
.party-room-members-card .party-room-members {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: 420px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  padding-right: 4px !important;
  scrollbar-width: thin !important;
}

.party-room-member {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 54px !important;
  flex-shrink: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid var(--panel-border) !important;
  border-radius: 14px !important;
  background: var(--surface-variant) !important;
  color: var(--on-surface) !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
  box-sizing: border-box !important;
}

.party-room-member:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(in srgb, var(--primary) 40%, var(--panel-border)) !important;
  background: color-mix(in srgb, var(--primary) 8%, var(--surface-variant)) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16) !important;
}

.party-room-member:active {
  transform: scale(0.98) !important;
}

.party-room-member.host {
  border-color: color-mix(in srgb, #f2cf72 38%, var(--panel-border)) !important;
  background: color-mix(in srgb, #f2cf72 6%, var(--surface-variant)) !important;
}

.party-room-member.host:hover {
  border-color: color-mix(in srgb, #f2cf72 60%, var(--panel-border)) !important;
  background: color-mix(in srgb, #f2cf72 10%, var(--surface-variant)) !important;
}

.party-room-member-avatar {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: var(--primary-container) !important;
  color: var(--on-primary-container) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  flex-shrink: 0 !important;
}

.party-room-member-avatar img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: inherit !important;
}

.party-room-member-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.party-room-member-name {
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  color: var(--on-surface) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.party-room-member-copy > span:last-child {
  font-size: 10.5px !important;
  color: var(--on-surface-variant) !important;
  line-height: 1.2 !important;
}

.party-room-member.ready .party-room-member-copy > span:last-child {
  color: #69d8a3 !important;
}

.party-room-member.waiting .party-room-member-copy > span:last-child {
  color: #e8a85a !important;
}

.party-room-member-flags {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

.party-room-ready-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #e8a85a !important;
  box-shadow: 0 0 6px rgba(232, 168, 90, 0.4) !important;
  flex-shrink: 0 !important;
}

.party-room-member.ready .party-room-ready-dot {
  background: #69d8a3 !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, #69d8a3 15%, transparent), 0 0 8px rgba(105, 216, 163, 0.5) !important;
}

.party-room-host-badge {
  color: #f2cf72 !important;
  font-size: 13px !important;
  filter: drop-shadow(0 0 6px rgba(242, 207, 114, 0.5)) !important;
  display: inline-flex !important;
  align-items: center !important;
}

.party-room-members-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;
  gap: 8px !important;
  color: var(--on-surface-variant) !important;
  font-size: 11px !important;
}

/* --- Floating Reactions and In-Player Toasts --- */
.party-floating-chat-container {
  position: absolute !important;
  left: max(16px, env(safe-area-inset-left)) !important;
  bottom: clamp(64px, 16vh, 110px) !important;
  z-index: 28 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  pointer-events: none !important;
  max-width: min(340px, 80vw) !important;
}

.party-floating-chat-bubble {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 6px 12px 6px 8px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--surface) 86%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--outline) 36%, transparent) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  cursor: pointer !important;
  animation: party-bubble-in 0.22s cubic-bezier(0.16, 1, 0.3, 1) both !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

.party-floating-chat-bubble.fade-out {
  opacity: 0 !important;
  transform: translateY(-8px) scale(0.96) !important;
}

.party-floating-avatar {
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: var(--primary-container) !important;
  color: var(--on-primary-container) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

.party-floating-avatar img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.party-floating-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}

.party-floating-author-row {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  color: var(--primary) !important;
}

.party-floating-text {
  margin: 0 !important;
  font-size: 12px !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 240px !important;
}

.party-floating-reactions-slot {
  position: absolute !important;
  right: max(20px, env(safe-area-inset-right)) !important;
  bottom: clamp(70px, 18vh, 140px) !important;
  z-index: 29 !important;
  pointer-events: none !important;
  width: 80px !important;
  height: 260px !important;
  overflow: visible !important;
}

.party-floating-reaction {
  position: absolute !important;
  bottom: 0 !important;
  right: 10px !important;
  font-size: 32px !important;
  animation: party-reaction-float 2.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;
  pointer-events: none !important;
  user-select: none !important;
}

@keyframes party-reaction-float {
  0% { opacity: 0; transform: translateY(0) scale(0.5); }
  15% { opacity: 1; transform: translateY(-20px) scale(1.2); }
  80% { opacity: 0.9; }
  100% { opacity: 0; transform: translateY(-200px) scale(1) translateX(calc(var(--rx, 0px))); }
}

@keyframes party-bubble-in {
  from { opacity: 0; transform: translateY(12px) scale(0.94); }
  to { opacity: 1; transform: none; }
}


/* --- Cross-browser engine parity (Chromium, Firefox, Safari) --- */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scrollbar-gutter: stable;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.32);
}

/* ==========================================================================
   Release 320: Premium Design Engineering & Tactile Ergonomics (Geist/Linear)
   ========================================================================== */

/* Universal Tactile Micro-Interactions (Emil Kowalski) */
.btn:active,
.chip:active,
.tab:active,
.icon-btn:active,
.rail-arrow:active,
.player-tool:active,
.score-button:active {
  transform: scale(0.96) !important;
}

.anime-card:active,
.home-continue-card:active,
.release-row:active {
  transform: scale(0.985) !important;
}

/* Home Page Hero & Search Premium Glow */
.home-hero {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.home-hero-content h1 {
  letter-spacing: -0.04em !important;
  text-wrap: balance;
}

.home-hero .btn.primary {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary) 36%, transparent);
}

.home-search {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.home-search:hover {
  border-color: color-mix(in srgb, var(--primary) 46%, var(--outline)) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24), 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent) !important;
}

/* Continue Watching Section Craft */
.home-dashboard .continue-section {
  border: 1px solid color-mix(in srgb, var(--outline) 18%, transparent) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--surface) 94%, transparent) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.home-continue-card {
  border: 1px solid color-mix(in srgb, var(--outline) 14%, transparent) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--surface-variant) 48%, var(--surface)) !important;
  transition: transform 0.16s cubic-bezier(0.16, 1, 0.3, 1), background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

.home-continue-card:hover {
  transform: translateY(-2px) !important;
  background: var(--surface-variant) !important;
  border-color: color-mix(in srgb, var(--primary) 36%, var(--outline)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24) !important;
}

.home-continue-card:hover .continue-play {
  transform: scale(1.08) !important;
  background: var(--primary) !important;
  color: var(--on-primary) !important;
}

.continue-play {
  transition: transform 0.16s cubic-bezier(0.16, 1, 0.3, 1), background 0.16s ease, color 0.16s ease !important;
}

/* Horizontal Rails — Edge Fading & Cards */
.poster-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.07);
  pointer-events: none;
}

.anime-card {
  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.anime-card:hover {
  transform: translateY(-3px) !important;
}

.anime-card:hover .poster-shell {
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35) !important;
}

/* Title Page — Release Card & Metadata */
.release-card {
  border: 1px solid color-mix(in srgb, var(--outline) 18%, transparent) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.detail-ratings-card,
.detail-info-grid {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

.detail-actions .watch-btn {
  box-shadow: 0 8px 24px color-mix(in srgb, var(--primary) 34%, transparent) !important;
}

.release-row {
  border: 1px solid color-mix(in srgb, var(--outline) 14%, transparent) !important;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease !important;
}

.release-row:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--primary) 38%, transparent) !important;
  background: var(--surface-variant) !important;
}

/* Video Player Polish */
.player-tool {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.player-tool:hover {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: rgba(20, 20, 28, 0.88) !important;
  transform: translateY(-1px) !important;
}

.video-control {
  transition: transform 0.14s cubic-bezier(0.16, 1, 0.3, 1), color 0.14s ease, opacity 0.14s ease !important;
}

.video-control:hover {
  transform: scale(1.08) !important;
}

.video-control:active {
  transform: scale(0.92) !important;
}

/* Settings and Profile Polish */
.profile-card,
.settings-group {
  border: 1px solid color-mix(in srgb, var(--outline) 18%, transparent) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.setting-row {
  transition: background 0.15s ease !important;
}

.setting-row:hover {
  background: color-mix(in srgb, var(--surface-variant) 42%, transparent) !important;
}