/* ============================================================================
   YAZME · ОБЛОЖКА АВТОРА                      persona/assets/profile_studio.css
   ----------------------------------------------------------------------------
   Страница профиля /<username> (profile_studio.php). Подключается ПОСЛЕ tokens.css,
   ui.css, profile.css («Кадр») и author.css: берёт у них кнопки, шторки, поле ввода,
   плитки статистики. Ни одного нового цвета — терракота, тёплый графит, золото (--mark).
   Все правила живут под корнем .ps и не задевают док, шапку и модалки сайта.
   Файл собран из прототипа скриптом (tools/build_css.py); править можно руками.
   ========================================================================== */
.ps{ --psh:100vh; --burst:polygon(50.0% 0.0%,59.6% 8.1%,71.7% 5.0%,76.8% 16.4%,89.1% 18.8%,88.7% 31.3%,98.7% 38.9%,93.0% 50.0%,98.7% 61.1%,88.7% 68.7%,89.1% 81.2%,76.8% 83.6%,71.7% 95.0%,59.6% 91.9%,50.0% 100.0%,40.4% 91.9%,28.3% 95.0%,23.2% 83.6%,10.9% 81.2%,11.3% 68.7%,1.3% 61.1%,7.0% 50.0%,1.3% 38.9%,11.3% 31.3%,10.9% 18.8%,23.2% 16.4%,28.3% 5.0%,40.4% 8.1%); position:relative; max-width:var(--col,660px); margin:0 auto; background:var(--s0); }
@supports (height:100svh){ .ps{ --psh:100svh; } }
.ps-body{ padding-bottom:0; }
@media (max-width:899px){ .ps-body .yzt{ display:none; } }
/* Док (z-index 999999) лежит поверх шторок раздела — уводим его, пока открыта шторка или вручение */
body:has(.ps .pv-sheet.show) #main-bottom-dock,
body:has(.ps .cer:not([hidden])) #main-bottom-dock{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
.ps [hidden]{ display:none !important; }
.ps .c-cover{ container-type:inline-size; }

.ps .pv-sheet .au-week, .ps .pv-sheet .au-live, .ps .pv-sheet .au-funnel, .ps .pv-sheet .au-chart{ margin-left:0; margin-right:0; }
.ps .pv-sheet .ch-sheet-row small{ display:block; margin-top:3px; font-size:12px; font-weight:400; color:var(--t3); line-height:1.35; }
.ps .pv-sheet-grip{ cursor:pointer; }
.ps .au-hint{ font-family:var(--f-ui); text-align:left; }
.ps .au-hint.on{ border-color:var(--hero-line); color:var(--au-accent); background:var(--hero-lo); }
.ps .au-sw{ width:100%; background:none; border-left:0; border-right:0; border-bottom:0; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.ps .px{ position:relative; padding-bottom:calc(128px + env(safe-area-inset-bottom,0px)); }
.ps .px button{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.ps .px button:focus-visible, .ps .pv-sheet button:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.ps .grow{ flex:1; min-width:0; }
.ps .px-top{ position:sticky; top:0; height:0; z-index:46; }
.ps .px-top-in{ position:absolute; left:0; right:0; top:0; display:flex; align-items:center; gap:8px; padding:10px 14px; transition:background var(--d-std) var(--e-effect); }
.ps .px-top.on .px-top-in{ background:var(--yz-glass-strong, rgba(10,9,8,.92)); -webkit-backdrop-filter:blur(24px) saturate(160%); backdrop-filter:blur(24px) saturate(160%); box-shadow:0 1px 0 var(--hair); }
.ps .px-top .pfk-gbtn{ flex:none; cursor:pointer; }
.ps .px-top-r{ display:flex; align-items:center; gap:8px; margin-left:auto; }
.ps .bch i{ display:block; flex:none; width:14px; height:14px; border-radius:999px; background:radial-gradient(circle at 35% 30%, #f7dd9b, #e2b13c 55%, #a9761c); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35), inset 0 0 0 4px rgba(169,118,28,.35); }
.ps .bch{ display:inline-flex; align-items:center; gap:5px; font:600 12px/1 var(--f-display); color:#f0cf7c; white-space:nowrap; font-variant-numeric:tabular-nums; }
.ps .bch.in{ margin-left:8px; color:var(--on-hero); }
.ps .bch.in i{ box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5); }
.ps .bch.got{ color:var(--win); }
.ps .bch.big{ font-size:15px; }
.ps .bch.big i{ width:17px; height:17px; }
.ps .bch.xl{ font-size:24px; color:#faf9f5; }
.ps .bch.xl i{ width:24px; height:24px; }
.ps .px-sheet{ position:relative; z-index:2; margin-top:-26px; border-radius:28px 28px 0 0; background:var(--s0); padding:0 16px 4px; display:flex; flex-direction:column; gap:16px; }
.ps .px-sheet>.pfk-grip{ margin-bottom:30px; }
.ps .px-foot{ margin:6px 0 0; text-align:center; font-size:12.5px; color:var(--t3); }
.ps .own-lock{ display:inline-flex; align-items:center; gap:6px; font:600 10px/1 var(--f-display); letter-spacing:.1em; text-transform:uppercase; color:var(--t3); }
.ps .own-lock .pv-ic{ width:12px; height:12px; }
.ps .goal{ border-radius:24px; border:1px solid var(--hero-line); background:linear-gradient(155deg, var(--hero-lo), transparent 60%), var(--s1); overflow:hidden; }
.ps .goal-main{ display:flex; gap:14px; align-items:center; width:100%; padding:16px; border:0; background:none; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.ps .goal-main b{ display:block; margin:6px 0 3px; font:600 22px/1.05 var(--f-serif); letter-spacing:-.01em; }
.ps .goal-d{ display:block; font-size:12.5px; color:var(--t2); line-height:1.35; margin-bottom:10px; }
.ps .goal-f{ display:flex; justify-content:space-between; align-items:center; margin-top:7px; font-size:12px; color:var(--t3); font-variant-numeric:tabular-nums; }
.ps .goal-rank{ display:block; width:100%; padding:13px 16px 15px; border:0; border-top:1px solid var(--hair); background:none; color:inherit; text-align:left; cursor:pointer; font:inherit; }
.ps .goal-rk{ display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
.ps .goal-rk b{ font:600 13px/1 var(--f-ui); }
.ps .goal-rk em{ color:var(--t3); display:flex; }
.ps .goal-2{ display:flex; flex-direction:column; gap:7px; }
.ps .goal-2>span{ display:grid; grid-template-columns:92px 1fr 64px; align-items:center; gap:10px; font-size:12px; color:var(--t3); }
.ps .goal-2 i{ font-style:normal; }
.ps .goal-2 em{ font-style:normal; text-align:right; color:var(--t2); font-variant-numeric:tabular-nums; }
.ps .goal-2 .pv-bar u{ display:block; height:100%; border-radius:999px; background:var(--hero); text-decoration:none; }
.ps .slots{ display:flex; gap:9px; align-items:flex-start; width:100%; padding:12px 14px; border-radius:16px; border:1px dashed var(--hair2); background:none; color:var(--t2); font:400 12.5px/1.4 var(--f-ui); text-align:left; cursor:pointer; }
.ps .slots .pv-ic{ flex:none; margin-top:1px; color:var(--hero); }
.ps .slots b{ color:var(--t1); font-weight:600; }
.ps .mono-f{ position:absolute; inset:0; display:grid; place-items:center; border-radius:inherit; background:var(--hero-grad); color:color-mix(in srgb, var(--on-hero) 70%, transparent); font:600 64px/1 var(--f-serif); }
.ps .steps{ border-radius:22px; background:var(--s1); border:1px solid var(--hair); padding:16px 16px 6px; }
.ps .steps-h{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
.ps .steps-h b{ font:600 15px/1.2 var(--f-ui); }
.ps .steps-h span{ font:600 12px/1 var(--f-display); color:var(--hero-hi); }
.ps .steps .au-steps{ padding:0 0 8px; }
.ps .steps .au-td:first-of-type{ border-top:0; }
.ps .gmake{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; padding:18px; border-radius:24px; border:1px solid var(--hero-line); background:linear-gradient(155deg, var(--hero-lo), transparent 62%), var(--s1); }
.ps .gmake b{ font:600 24px/1.05 var(--f-serif); letter-spacing:-.015em; }
.ps .gmake span{ font-size:13px; color:var(--t2); line-height:1.4; margin-bottom:8px; }
.ps .md{ --sz:56px; position:relative; flex:none; width:var(--sz); height:var(--sz); border-radius:999px; display:grid; place-items:center; color:var(--md-ink,#2b1811);
  background:radial-gradient(circle at 32% 24%, rgba(255,255,255,.34), transparent 44%), var(--md-fill);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.2), inset 0 -7px 12px rgba(0,0,0,.26), 0 8px 18px -8px rgba(0,0,0,.8); }
.ps .md::before{ content:""; position:absolute; inset:-5px; border-radius:999px; border:1.5px solid var(--md-ring); }
.ps .md.t1{ --md-fill:linear-gradient(140deg,#e88a68,#b05730 58%,#7a3518); --md-ring:rgba(217,119,87,.5); --md-ink:#2b1811; }
.ps .md.t2{ --md-fill:linear-gradient(140deg,#faf9f5,#b9b4a7 55%,#8d8878); --md-ring:rgba(250,249,245,.38); --md-ink:#1b1917; }
.ps .md.t3{ --md-fill:linear-gradient(140deg,#f7dd9b,#e2b13c 52%,#a9761c); --md-ring:rgba(226,177,60,.6); --md-ink:#2a1d05; }
.ps .md.lock, .ps .md.prog{ background:var(--s2); color:var(--t3); box-shadow:inset 0 0 0 1.5px var(--hair2); }
.ps .md.lock::before{ border-style:dashed; border-color:var(--hair2); }
.ps .md.prog{ color:var(--hero-hi); }
.ps .md.prog::before{ border:0; inset:-6px; background:conic-gradient(var(--hero) var(--p), var(--s4) 0);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); mask:radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); }
.ps .md .q{ font:800 1.2em/1 var(--f-display); color:var(--t3); font-size:calc(var(--sz)*.36); }
.ps .md.lg2{ --sz:66px; }
.ps .md.xl{ --sz:128px; }
.ps .aw{ --sz:56px; position:relative; flex:none; display:grid; place-items:center; width:var(--sz); height:var(--sz); }
.ps .aw-s{ display:grid; place-items:center; width:calc(100% - 8px); height:calc(100% - 8px); }
.ps .aw-ic{ width:42%; height:42%; stroke-width:2.1; }
.ps .aw.t1, .ps .aw.t1 .aw-s{ border-radius:999px; }
.ps .aw.t2, .ps .aw.t2 .aw-s{ border-radius:28%; }
.ps .aw.t3, .ps .aw.t3 .aw-s{ clip-path:var(--burst); }
.ps .aw.got{ background:#fff; filter:drop-shadow(0 6px 8px rgba(0,0,0,.5)); }
.ps .aw.got.t1 .aw-s{ background:radial-gradient(circle at 34% 26%, #f3a585, #e88a68 34%, #c4663f 80%); color:var(--on-hero); }
.ps .aw.got.t2 .aw-s{ background:#232019; color:#ebe8e0; }
.ps .aw.got.t3 .aw-s{ background:radial-gradient(circle at 34% 26%, #fff3c9, #f7dd9b 30%, #e2b13c 66%, #a9761c); color:#2a1d05; }
.ps .aw.lock, .ps .aw.prog{ clip-path:none; border-radius:999px; }
.ps .aw.lock .aw-s, .ps .aw.prog .aw-s{ clip-path:none; border-radius:999px; border:1.5px dashed var(--hair2); color:var(--t3); background:var(--s2); }
.ps .aw.prog .aw-s{ border:0; color:var(--hero-hi); }
.ps .aw.prog::before{ content:""; position:absolute; inset:-2px; border-radius:999px; background:conic-gradient(var(--hero) var(--p), var(--s4) 0);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); mask:radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 calc(100% - 3px)); }
.ps .aw .q{ font:800 1em/1 var(--f-display); font-size:calc(var(--sz)*.34); }
.ps .aw.lg2{ --sz:66px; }
.ps .aw.xl{ --sz:132px; }
.ps .aw.xl .aw-s{ width:calc(100% - 12px); height:calc(100% - 12px); }
.ps .aw.paper{ --sz:72px; }
.ps .aw.paper.got{ filter:drop-shadow(0 0 0.5px rgba(35,32,25,.5)) drop-shadow(0 5px 6px rgba(35,32,25,.34)); }
.ps .aw.paper.lock .aw-s, .ps .aw.paper.prog .aw-s{ background:transparent; border:1.5px dashed rgba(35,32,25,.34); color:rgba(35,32,25,.42); }
.ps .aw.paper.prog::before{ background:conic-gradient(#b05730 var(--p), rgba(35,32,25,.14) 0); }
.ps .aw.cer-aw{ --sz:184px; }
.ps .aw.cer-aw .aw-s{ width:calc(100% - 14px); height:calc(100% - 14px); }
.ps .aw.cer-aw .aw-ic{ width:36%; height:36%; stroke-width:1.9; }
.ps .c-cover{ position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:calc(var(--psh) - 60px); padding:60px 16px 32px; color:#faf9f5; background:#0a0908; touch-action:pan-y; }
.ps .c-gap{ position:relative; z-index:1; flex:1 1 auto; min-height:132px; }
.ps .c-art{ position:absolute; inset:150px 0 0 0; overflow:hidden; }
.ps .c-art img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 0%; display:block; transform-origin:50% 30%; animation:pfk-breathe 16s ease-in-out infinite alternate; }
.ps .c-art img.top{ animation:cFade .5s var(--e-out) both, pfk-breathe 16s ease-in-out .5s infinite alternate; }
.ps .c-art.mono{ background:linear-gradient(180deg, color-mix(in srgb, var(--hero-mid) 46%, #0a0908), color-mix(in srgb, var(--hero-mid) 22%, #0a0908)); display:grid; place-items:start center; }
.ps .c-art.mono b{ font:600 300px/1 var(--f-serif); color:rgba(250,249,245,.14); margin-top:10px; }
.ps .c-cover.nopic .c-kick{ color:#faf9f5; }
.ps .c-scrim{ position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg, #0a0908 0, rgba(10,9,8,.97) calc(110px * var(--sk,1)), rgba(10,9,8,.8) calc(215px * var(--sk,1)), rgba(10,9,8,.08) calc(330px * var(--sk,1)), rgba(10,9,8,0) calc(400px * var(--sk,1))), linear-gradient(180deg, #0a0908 0, #0a0908 150px, rgba(10,9,8,.7) 196px, rgba(10,9,8,.28) 262px, rgba(10,9,8,0) 330px); }
.ps .c-cover.is-preview .c-scrim{ background:linear-gradient(0deg, #0a0908 0, rgba(10,9,8,.97) calc(170px * var(--sk,1)), rgba(10,9,8,.82) calc(290px * var(--sk,1)), rgba(10,9,8,.08) calc(420px * var(--sk,1)), rgba(10,9,8,0) calc(480px * var(--sk,1))), linear-gradient(180deg, #0a0908 0, #0a0908 150px, rgba(10,9,8,.7) 196px, rgba(10,9,8,.28) 262px, rgba(10,9,8,0) 330px); }
.ps .c-cover.is-preview .c-art img{ filter:saturate(.8) brightness(.82); }
.ps .c-mast{ position:relative; z-index:1; }
.ps .c-rule{ display:block; width:100%; height:20px; padding:0; border:0; background:none; cursor:pointer; position:relative; }
.ps .c-rule::before, .ps .c-rule i{ content:""; position:absolute; left:0; top:8px; height:3px; border-radius:2px; }
.ps .c-rule::before{ right:0; background:#faf9f5; }
.ps .c-rule i{ display:none; }
.ps .c-rule.prog::before{ background:rgba(250,249,245,.3); }
.ps .c-rule.prog i{ display:block; width:var(--p); background:#faf9f5; animation:cRule 1.1s var(--e-out) .25s both; }
.ps .c-rk{ all:unset; cursor:pointer; color:rgba(250,249,245,.82); white-space:nowrap; min-height:24px; display:inline-flex; align-items:center; }
.ps .c-tagex{ display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; border:1px dashed rgba(250,249,245,.55); color:#faf9f5; letter-spacing:.08em; }
.ps .c-rk.none{ color:rgba(250,249,245,.6); }
.ps .c-name button{ all:unset; cursor:pointer; display:inline; }
.ps .c-name{ margin:0; font:600 clamp(54px,17.8cqw,84px)/.84 var(--f-serif); letter-spacing:-.05em; text-shadow:0 2px 30px rgba(0,0,0,.35); }
.ps .c-soc-b{ flex:1 1 0; min-width:0; display:inline-flex; align-items:center; justify-content:center; gap:7px; height:44px; padding:0 12px; border-radius:999px; cursor:pointer; white-space:nowrap;
  border:1px solid rgba(250,249,245,.22); background:rgba(10,9,8,.5); color:#faf9f5; font:600 13px/1 var(--f-ui); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transition:transform var(--d-micro) var(--e-spring-soft); }
.ps .c-soc-b:active{ transform:scale(.96); }
.ps .c-soc-b.main{ border-color:transparent; background:var(--hero); color:var(--on-hero); box-shadow:var(--sh-hero); }
.ps .c-soc-b.done{ color:#faf9f5; border-color:var(--hero-line); background:color-mix(in srgb, var(--hero) 18%, rgba(10,9,8,.6)); }
.ps .c-soc-b.done .pv-ic{ color:var(--hero-hi); }
.ps .c-soc-b .pv-ic{ flex:none; width:15px; height:15px; }
.ps .c-soc-b:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.ps .c-cover.is-guest .c-art{ inset:118px 0 0 0; }
.ps .c-cover.is-guest .c-scrim{ background:linear-gradient(0deg, #0a0908 0, rgba(10,9,8,.97) calc(130px * var(--sk,1)), rgba(10,9,8,.8) calc(232px * var(--sk,1)), rgba(10,9,8,.06) calc(340px * var(--sk,1)), rgba(10,9,8,0) calc(400px * var(--sk,1))), linear-gradient(180deg, #0a0908 0, #0a0908 118px, rgba(10,9,8,.86) 176px, rgba(10,9,8,.5) 226px, rgba(10,9,8,.14) 272px, rgba(10,9,8,0) 320px); }
.ps .px-auth{ all:unset; box-sizing:border-box; cursor:pointer; flex:0 1 auto; min-width:0; display:flex; align-items:center; gap:7px; height:40px; padding:0 12px 0 5px; border-radius:999px; background:rgba(10,9,8,.42); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 0 0 1px rgba(250,249,245,.16); font:600 9.5px/1 var(--f-display); letter-spacing:.06em; text-transform:uppercase; color:#faf9f5; white-space:nowrap; }
.ps .px-auth img{ flex:none; width:28px; height:28px; border-radius:999px; object-fit:cover; }
.ps .px-auth span{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.ps .px-auth b{ flex:none; font-weight:600; color:var(--hero-hi); padding-left:8px; border-left:1px solid rgba(250,249,245,.22); }
.ps .px-top .px-auth{ display:none; }
.ps .px-top.on .px-auth{ display:flex; }
.ps .px-top.on .px-brand{ display:none; }
.ps .px-brand{ all:unset; cursor:pointer; padding:0 6px; height:40px; display:inline-flex; align-items:center; font:800 16px/1 var(--f-display); letter-spacing:-.02em; color:#faf9f5; }
.ps .px-brand:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; border-radius:8px; }
.ps .px-auth:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.ps .c-cover.is-guest .c-rule{ height:14px; }
.ps .c-cover.is-guest .c-rule::before{ top:2px; }
.ps .c-cover.is-guest .c-name{ margin-top:6px; }
.ps .c-br::before{ content:"\A"; white-space:pre; }
.ps .c-cover.is-guest .c-br::before{ content:" "; white-space:normal; }
.ps .c-cover.is-guest .c-name{ font-size:clamp(40px,13.6cqw,62px); line-height:.96; letter-spacing:-.045em; text-wrap:balance; }
.ps .c-gap .c-faces{ position:absolute; left:-4px; right:92px; bottom:10px; flex:none; filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)); }
.ps .c-cover.is-guest .c-aw{ bottom:4px; }
.ps .c-cover.is-guest .c-quote{ margin-top:2px; }
@container (max-width:379px){ .ps .px-top .g-share{ display:none; } }
@container (max-width:379px){ .ps .c-row2 .c-faces{ gap:6px; } }
@container (max-width:379px){ .ps .c-row2 .c-fc{ width:32px; height:32px; } }
@container (max-width:379px){ .ps .c-row2 .c-fc.is-on{ width:40px; height:40px; } }
@container (max-width:379px){ .ps .c-row2 .c-cta{ padding-left:16px; padding-right:16px; } }
.ps .c-about{ display:flex; flex-direction:column; gap:12px; padding:16px; border-radius:24px; background:var(--s1); border:1px solid var(--hair); }
.ps .c-about-h{ display:flex; align-items:center; gap:12px; }
.ps .c-about-h img{ width:52px; height:52px; border-radius:999px; object-fit:cover; flex:none; border:1px solid var(--hair2); }
.ps .c-about-h b{ display:block; font:600 21px/1.1 var(--f-serif); letter-spacing:-.01em; }
.ps .c-about-h i{ display:block; margin-top:4px; font-style:normal; font-size:12.5px; color:var(--t3); }
.ps .c-about>p{ margin:0; font-size:15px; line-height:1.45; color:var(--t2); }
.ps .c-about-n{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 0; border-block:1px solid var(--hair); }
.ps .c-about-n>*{ all:unset; display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--t3); }
.ps .c-about-n>button{ cursor:pointer; }
.ps .c-about-n b{ font:700 20px/1 var(--f-display); color:var(--t1); font-variant-numeric:tabular-nums; }
.ps .ch-sheet-row.fol{ display:flex; align-items:center; gap:12px; }
.ps .ch-sheet-row.fol img{ width:40px; height:40px; border-radius:999px; object-fit:cover; flex:none; }
.ps .c-low{ position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; }
.ps .c-low::before{ content:""; position:absolute; left:0; right:0; top:-14px; height:1px; background:rgba(250,249,245,.3); }
.ps .c-low.ex::before, .ps .c-low.guest::before{ right:0; }
.ps .c-aw{ position:absolute; z-index:1; right:-4px; bottom:22px; display:flex; align-items:flex-end; filter:drop-shadow(0 10px 14px rgba(0,0,0,.55)); }
.ps .c-cover.is-guest .c-seal-w{ width:84px; height:84px; }
.ps .c-cover.is-guest .c-seal{ width:78px; height:78px; gap:3px; }
.ps .c-cover.is-guest .c-seal span{ font-size:8.5px; max-width:60px; }
.ps .c-cover.is-guest .c-seal i{ display:none; }
.ps .c-seal-w{ all:unset; cursor:pointer; display:grid; place-items:center; width:100px; height:100px; background:#fff; clip-path:var(--burst); transform:rotate(11deg); }
.ps span.c-seal-w{ cursor:default; }
.ps .c-seal{ width:92px; height:92px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; text-align:center; clip-path:var(--burst);
  color:#2a1d05; background:radial-gradient(circle at 34% 26%, #fff3c9, #f7dd9b 30%, #e2b13c 66%, #a9761c); }
.ps .c-seal.t1{ color:var(--on-hero); background:radial-gradient(circle at 34% 26%, #f3a585, #e88a68 34%, #c4663f 78%); }
.ps .c-seal.t2{ color:#ebe8e0; background:#232019; }
.ps .c-seal span{ font:800 10px/1.1 var(--f-display); letter-spacing:.01em; text-transform:uppercase; max-width:70px; }
.ps .c-seal i{ font-style:normal; font:600 10px/1 var(--f-ui); opacity:.78; }
.ps .c-seal.soft{ background:#faf9f5; color:#1b1917; }
.ps .c-lines{ position:relative; }
.ps .c-kick{ display:block; font:600 10px/1 var(--f-display); letter-spacing:.14em; text-transform:uppercase; color:var(--hero-hi); }
.ps .c-big{ all:unset; display:block; cursor:pointer; margin:9px 0 8px; font:600 38px/.95 var(--f-serif); letter-spacing:-.035em; text-wrap:balance; max-width:8.6em; }
.ps .c-low.ex .c-big{ font-size:34px; }
.ps .c-big.as-t{ cursor:default; }
.ps .c-big:focus-visible, .ps .c-rk:focus-visible, .ps .c-name button:focus-visible{ outline:2px solid var(--focus); outline-offset:3px; border-radius:6px; }
.ps .c-sub{ margin:0; max-width:25ch; font-size:14.5px; line-height:1.4; color:rgba(250,249,245,.88); text-wrap:pretty; }
.ps .c-sub b{ font:600 13px/1 var(--f-display); color:#faf9f5; }
.ps .c-low.ex .c-sub, .ps .c-cover.nopic .c-sub{ max-width:32ch; }
.ps .c-quote{ position:relative; margin:4px 0 0; max-width:31ch; padding:11px 14px; border-radius:18px 18px 18px 4px; background:rgba(250,249,245,.13); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 0 0 1px rgba(250,249,245,.16); font-size:15px; line-height:1.4; color:#faf9f5; text-wrap:pretty; }
.ps .c-row2{ display:flex; align-items:center; gap:10px; min-height:48px; }
.ps .c-row2.solo{ justify-content:flex-start; }
.ps .c-faces{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; padding:4px; }
.ps .c-fc{ position:relative; flex:none; width:36px; height:36px; padding:0; border:0; border-radius:999px; background:none; cursor:pointer; transition:width var(--d-spring) var(--e-spring), height var(--d-spring) var(--e-spring); }
.ps .c-fc img, .ps .c-fc .mono-f{ position:absolute; inset:0; width:100%; height:100%; border-radius:999px; object-fit:cover; object-position:50% 20%; font-size:16px; filter:brightness(.78); }
.ps .c-fc .mono-f{ filter:saturate(.5) brightness(.7); }
.ps .c-fc.is-on{ width:44px; height:44px; box-shadow:0 0 0 2px #0a0908, 0 0 0 4px #faf9f5; }
.ps .c-fc.is-on img, .ps .c-fc.is-on .mono-f{ filter:none; }
.ps .c-fc u{ position:absolute; z-index:1; right:-2px; top:-2px; width:9px; height:9px; border-radius:999px; background:var(--lose); border:2px solid #0a0908; }
.ps .c-fc.more{ display:grid; place-items:center; background:rgba(250,249,245,.14); color:#faf9f5; font:600 11px/1 var(--f-display); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.ps .c-fc:focus-visible{ outline:2px solid var(--focus); outline-offset:5px; }
.ps .c-cta{ flex:none; min-height:48px; padding:0 18px; box-shadow:var(--sh-hero); }
.ps .pfk-gbtn.is-on{ color:var(--hero-hi); border-color:var(--hero-line); }
.ps .c-seed{ margin:0; }
.ps .c-hints{ padding:0 0 9px; margin-right:-16px; padding-right:16px; }
.ps .c-hints .pf-q{ flex:none; height:36px; padding:0 14px; border-radius:999px; white-space:nowrap; cursor:pointer; border:1px dashed rgba(250,249,245,.5); background:rgba(10,9,8,.45); color:#faf9f5; font:500 13px/1 var(--f-ui); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:background var(--d-std) var(--e-out), border-color var(--d-std) var(--e-out); }
.ps .c-hints .pf-q.on{ border-style:solid; border-color:var(--hero); background:color-mix(in srgb, var(--hero) 30%, rgba(10,9,8,.6)); }
.ps .c-seed .pfk-in{ background:rgba(32,30,26,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.ps .c-seed .pfk-in input{ font-size:16px; }
.ps .c-note{ margin:8px 0 0; text-align:center; font-size:11.5px; color:rgba(250,249,245,.62); }
.ps .steps-r{ display:flex; align-items:baseline; gap:10px; padding:11px 0; border-top:1px solid var(--hair); font-size:14px; color:var(--t2); }
.ps .steps-r.next{ color:var(--t1); font-weight:600; }
.ps .steps-r em{ font-style:normal; font-size:12px; font-weight:400; color:var(--t3); white-space:nowrap; }
.ps .steps-r.next em{ color:var(--hero-hi); }
.ps .c-btns{ display:flex; justify-content:center; gap:8px; }
.ps .c-btns.l{ justify-content:flex-start; }
.ps .c-h{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:14px; padding-top:14px; position:relative; }
.ps .c-h::before{ content:""; position:absolute; left:0; top:0; width:28px; height:3px; border-radius:2px; background:var(--hero); }
.ps .c-h h2{ margin:0; font:600 30px/1 var(--f-serif); letter-spacing:-.03em; }
.ps .c-h>span{ font-size:12.5px; color:var(--t3); white-space:nowrap; }
.ps .c-run{ display:flex; flex-direction:column; gap:12px; width:100%; padding:14px 16px 14px; border-radius:24px; border:1px solid var(--hero-line); background:linear-gradient(155deg, var(--hero-lo), transparent 60%), var(--s1); color:inherit; text-align:left; font:inherit; cursor:pointer; }
.ps .c-run-top{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.ps .c-run-big{ display:flex; flex-direction:column; gap:6px; font-size:12.5px; color:var(--t3); }
.ps .c-run-big b{ font:700 46px/.9 var(--f-display); letter-spacing:-.05em; color:var(--t1); font-variant-numeric:tabular-nums; }
.ps .c-run-big em{ font-style:normal; }
.ps .c-run-n{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:12px; border-top:1px solid var(--hair); }
.ps .c-run-n>span{ display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--t3); }
.ps .c-run-n>span>span{ white-space:nowrap; }
.ps .c-run-n b{ font:700 20px/1 var(--f-display); letter-spacing:-.04em; color:var(--t1); font-variant-numeric:tabular-nums; }
.ps .c-run-n em{ font-style:normal; font-size:12px; }
.ps .c-run-l{ display:flex; align-items:center; gap:8px; padding-top:11px; border-top:1px solid var(--hair); font-size:13px; color:var(--t2); }
.ps .c-run-go{ margin-left:auto; display:inline-flex; align-items:center; gap:2px; color:var(--hero-hi); font-weight:600; }
.ps .c-toc{ display:flex; flex-direction:column; margin-top:-10px; }
.ps .c-row.cur .c-no{ -webkit-text-stroke-color:var(--hero); }
.ps .c-toc.how .c-row{ cursor:default; align-items:flex-start; }
.ps .c-toc.how .c-no{ padding-top:4px; -webkit-text-stroke-color:var(--hero); }
.ps .c-row{ display:flex; align-items:center; gap:12px; width:100%; padding:14px 0; border:0; border-bottom:1px solid var(--hair); background:none; color:inherit; text-align:left; font:inherit; cursor:pointer; }
.ps .c-row:last-child{ border-bottom:0; }
.ps .c-no{ flex:none; width:60px; font:800 29px/.8 var(--f-display); letter-spacing:-.02em; color:var(--s0); -webkit-text-stroke:1.5px rgba(250,249,245,.32); }
.ps .c-row b{ display:block; margin-bottom:5px; font:600 23px/1.02 var(--f-serif); letter-spacing:-.015em; }
.ps .c-row i{ display:block; font-style:normal; font-size:12.5px; line-height:1.35; color:var(--t3); }
.ps .c-face{ position:relative; flex:none; width:56px; height:56px; border-radius:999px; }
.ps .c-face img{ width:100%; height:100%; border-radius:999px; object-fit:cover; object-position:50% 20%; display:block; border:1px solid var(--hair2); }
.ps .c-face .mono-f{ font-size:24px; border-radius:999px; filter:saturate(.5) brightness(.8); }
.ps .c-face .au-dot{ position:absolute; right:1px; top:1px; width:11px; height:11px; border:2px solid var(--s0); box-sizing:content-box; }
.ps .c-face.plus{ display:grid; place-items:center; border:1.5px dashed var(--hero-line); color:var(--hero); }
.ps .c-row.add b{ color:var(--hero-hi); }
.ps .c-sheet{ border-radius:24px; background:#ebe8e0; color:#232019; padding:20px 12px 8px; position:relative; box-shadow:0 22px 40px -24px #000; }
.ps .c-sheet::before{ content:""; position:absolute; left:14px; right:14px; top:9px; height:0; border-top:2px dotted rgba(35,32,25,.22); }
.ps .c-sheet-in{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px 6px; }
.ps .stk{ display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.ps .stk .aw{ transform:rotate(var(--rot)); transition:transform var(--d-spring) var(--e-spring); }
.ps .stk:active .aw{ transform:rotate(0deg) scale(.94); }
.ps .stk i{ font-style:normal; font:600 10.5px/1.2 var(--f-ui); text-align:center; text-wrap:balance; color:#232019; max-width:96px; min-height:2.4em; }
.ps .stk.no i{ color:rgba(35,32,25,.7); font-weight:500; }
.ps .c-sheet-all{ display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:48px; margin-top:12px; border:0; border-top:2px dotted rgba(35,32,25,.22); background:none; color:#232019; font:600 13px/1 var(--f-ui); cursor:pointer; }
.ps .sh-sub{ margin:4px 0 0; font-size:13px; line-height:1.4; color:var(--t3); }
.ps .sh-note{ margin:14px 0 0; font-size:12.5px; line-height:1.45; color:var(--t3); }
.ps .sh-hero{ position:relative; height:190px; margin-bottom:14px; border-radius:22px; overflow:hidden; background:#1b1917; }
.ps .sh-hero img{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; }
.ps .sh-hero .au-pill{ position:absolute; left:12px; top:12px; z-index:1; }
.ps .sh-hero .mono-f{ font-size:96px; }
.ps .sh-week{ margin-bottom:14px; }
.ps .sh-fn{ margin-bottom:14px; }
.ps .sh-acts{ display:flex; flex-direction:column; gap:8px; margin-top:4px; }
.ps .sh-2{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ps .ach-hero{ position:relative; display:grid; place-items:center; height:188px; margin:-4px 0 6px; isolation:isolate; }
.ps .ach-rays{ position:absolute; z-index:-1; width:260px; height:260px; border-radius:999px; background:repeating-conic-gradient(from 0deg, rgba(247,221,155,.13) 0 8deg, transparent 8deg 20deg);
  -webkit-mask:radial-gradient(closest-side, #000 30%, transparent 78%); mask:radial-gradient(closest-side, #000 30%, transparent 78%); animation:achSpin 40s linear infinite; }
.ps .ach-d{ margin:0 auto 16px; max-width:32ch; text-align:center; font-size:15px; line-height:1.45; color:var(--t2); text-wrap:balance; }
.ps .ach-meta{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px; }
.ps .ach-meta>span{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 6px; border-radius:16px; background:var(--s1); border:1px solid var(--hair); font-size:11.5px; color:var(--t3); text-align:center; line-height:1.25; }
.ps .ach-meta b{ display:inline-flex; align-items:center; gap:5px; height:16px; font:700 13px/1 var(--f-display); color:var(--t1); white-space:nowrap; }
.ps .ach-prog{ margin-bottom:14px; }
.ps .sh-ach .au-sw{ margin-bottom:12px; border-top:1px solid var(--hair); }
.ps .achs-g{ margin:18px 0 12px; font:600 12.5px/1 var(--f-display); letter-spacing:.02em; color:var(--t1); }
.ps .achs-g:first-of-type{ margin-top:6px; }
.ps .achs{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px 8px; }
.ps .achs-i{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:4px 0 0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; min-width:0; }
.ps .achs-i b{ font:600 12px/1.2 var(--f-ui); text-align:center; text-wrap:balance; }
.ps .achs-i:not(.got) b{ color:var(--t2); }
.ps .achs-i i{ font-style:normal; font-size:11px; color:var(--t3); margin-top:-4px; font-variant-numeric:tabular-nums; }
.ps .rk{ display:flex; flex-direction:column; }
.ps .rk-i{ position:relative; display:flex; gap:14px; padding:0 0 18px; }
.ps .rk-i:not(:last-child)::before{ content:""; position:absolute; left:17px; top:36px; bottom:0; width:2px; background:var(--hair2); }
.ps .rk-i.past:not(:last-child)::before{ background:var(--hero); }
.ps .rk-n{ flex:none; width:36px; height:36px; border-radius:999px; display:grid; place-items:center; font:800 14px/1 var(--f-display); background:var(--s1); border:1.5px dashed var(--hair2); color:var(--t3); }
.ps .rk-i.past .rk-n{ background:var(--hero); border:0; color:var(--on-hero); }
.ps .rk-i.cur .rk-n{ background:linear-gradient(140deg,#f7dd9b,#e2b13c 52%,#a9761c); border:0; color:#2a1d05; box-shadow:0 0 0 5px color-mix(in srgb, var(--mark) 18%, transparent); }
.ps .rk-i b{ display:flex; align-items:center; gap:8px; font:600 21px/1.1 var(--f-serif); margin:6px 0 4px; }
.ps .rk-i b em{ font:600 9.5px/1 var(--f-display); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:#f0cf7c; padding:4px 6px; border-radius:6px; border:1px solid color-mix(in srgb, var(--mark) 44%, transparent); }
.ps .rk-i i{ display:block; font-style:normal; font-size:12.5px; color:var(--t3); line-height:1.35; }
.ps .rk-i.past b{ color:var(--t2); }
.ps .rk-i ul{ margin:8px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:5px; }
.ps .rk-i li{ position:relative; padding-left:14px; font-size:13px; line-height:1.4; color:var(--t2); }
.ps .rk-i li::before{ content:""; position:absolute; left:1px; top:.55em; width:5px; height:5px; border-radius:9px; background:var(--hero); }
.ps .lim{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.ps .lim-big{ display:flex; flex-direction:column; gap:8px; padding:16px 14px; border-radius:20px; background:var(--s1); border:1px solid var(--hair); font-size:12.5px; line-height:1.35; color:var(--t2); }
.ps .lim-big b{ font:700 46px/.9 var(--f-display); letter-spacing:-.04em; color:var(--t1); }
.ps .lim-big.hi{ border-color:var(--hero-line); background:linear-gradient(155deg, var(--hero-lo), transparent 62%), var(--s1); }
.ps .lim-big.hi b{ color:var(--hero-hi); }
.ps .more-bal{ display:flex; align-items:center; gap:14px; width:100%; padding:14px 16px; margin-bottom:10px; border-radius:20px; border:1px solid color-mix(in srgb, var(--mark) 34%, transparent); background:color-mix(in srgb, var(--mark) 8%, var(--s1)); color:inherit; text-align:left; font:inherit; cursor:pointer; }
.ps .more-bal b{ display:block; font:600 15px/1.2 var(--f-ui); }
.ps .more-bal i{ font-style:normal; font-size:12px; color:var(--t3); }
.ps .more-bal>.pv-ic{ color:var(--t3); }
.ps .cer{ position:fixed; inset:0; z-index:1000001; display:grid; place-items:center; padding:24px; text-align:center; color:#faf9f5; overflow:hidden; background:rgba(7,6,5,.95); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); animation:cerIn .3s var(--e-out) both; }
.ps .cer-in{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; max-width:320px; }
.ps .cer h2{ margin:22px 0 8px; font:600 40px/1 var(--f-serif); letter-spacing:-.03em; text-wrap:balance; animation:cerUp .5s var(--e-out) .5s both; }
.ps .cer p{ margin:0; max-width:28ch; font-size:15px; line-height:1.45; color:rgba(250,249,245,.78); animation:cerUp .5s var(--e-out) .6s both; }
.ps .cer-o{ color:#f7dd9b; animation:cerUp .5s var(--e-out) .1s both; margin-bottom:26px; }
.ps .cer-medal{ position:relative; animation:cerDrop .7s var(--e-spring) .15s both; }
.ps .cer-sparks{ position:absolute; left:50%; top:50%; }
.ps .cer-sparks i{ position:absolute; width:6px; height:6px; margin:-3px; border-radius:9px; background:#f7dd9b; opacity:0; animation:cerSpark .9s var(--e-out) .62s both; transform:rotate(calc(var(--k)*36deg)) translateY(-70px); }
.ps .cer-sparks i:nth-child(1){ --k:0 }
.ps .cer-sparks i:nth-child(2){ --k:1 }
.ps .cer-sparks i:nth-child(3){ --k:2 }
.ps .cer-sparks i:nth-child(4){ --k:3 }
.ps .cer-sparks i:nth-child(5){ --k:4 }
.ps .cer-sparks i:nth-child(6){ --k:5 }
.ps .cer-sparks i:nth-child(7){ --k:6 }
.ps .cer-sparks i:nth-child(8){ --k:7 }
.ps .cer-sparks i:nth-child(9){ --k:8 }
.ps .cer-sparks i:nth-child(10){ --k:9 }
.ps .cer-sparks i:nth-child(odd){ background:var(--hero-hi); width:5px; height:5px; }
.ps .cer-rank{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:9px 14px; border-radius:999px; border:1px solid color-mix(in srgb, var(--mark) 52%, transparent); background:color-mix(in srgb, var(--mark) 12%, transparent); color:#f0cf7c; font-size:13px; animation:cerUp .5s var(--e-out) .84s both; }
.ps .cer-rank b{ font:600 11px/1 var(--f-display); letter-spacing:.08em; text-transform:uppercase; }
.ps .cer-acts{ display:flex; gap:10px; margin-top:30px; animation:cerUp .5s var(--e-out) .95s both; }
.ps .cer-acts .pv-btn.ghost{ background:rgba(250,249,245,.1); color:#faf9f5; }
.ps .cer-bg{ position:absolute; inset:-6%; width:112%; height:112%; max-width:none; object-fit:cover; object-position:50% 20%; filter:blur(10px) brightness(.36) saturate(1.05); z-index:0; }
.ps .cer.award .cer-medal{ filter:drop-shadow(0 18px 24px rgba(0,0,0,.6)); animation:cerSlap .6s var(--e-spring) .15s both; }
.ps .cer-acts .main{ flex:1.5; }
.ps .cer-acts{ width:100%; }
.ps .cer-acts .pv-btn{ padding:0 22px; }
.ps .cer.build h2{ font-family:var(--f-display); font-size:22px; font-weight:700; letter-spacing:-.01em; margin-top:0; animation:none; }
.ps .cer.build p{ animation:none; min-height:1.5em; }
@media (prefers-reduced-motion: reduce){ .ps .ach-rays, .ps .c-art img, .ps .c-art img.top, .ps .c-rule.prog i, .ps .cer, .ps .cer h2, .ps .cer p, .ps .cer-o, .ps .cer-medal, .ps .cer-rank, .ps .cer-acts, .ps .cer-sparks i{ animation:none !important; } }
@media (prefers-reduced-motion: reduce){ .ps .cer-sparks i{ opacity:0; } }
.ps .c-ava{ all:unset; box-sizing:border-box; position:relative; flex:none; width:40px; height:40px; border-radius:999px; cursor:pointer; display:block; }
.ps .c-ava img{ width:100%; height:100%; border-radius:999px; object-fit:cover; display:block; box-shadow:0 0 0 1.5px rgba(250,249,245,.55); }
.ps .c-ava.framed img{ box-shadow:0 0 0 2px #0a0908, 0 0 0 4px var(--hero-hi); }
.ps .c-ava.lg{ width:56px; height:56px; }
.ps .c-ava.md{ width:52px; height:52px; }
.ps .c-ava .cam{ position:absolute; right:-5px; bottom:-5px; width:19px; height:19px; border-radius:999px; background:#faf9f5; color:#0f0e0d; display:grid; place-items:center; box-shadow:0 0 0 2px #0a0908; }
.ps .c-ava .cam svg{ width:11px; height:11px; }
.ps .c-ava:focus-visible{ outline:2px solid var(--focus); outline-offset:4px; }
.ps .c-idrow{ display:flex; align-items:center; gap:11px; margin:2px 0 10px; }
.ps .c-id-t{ flex:1; min-width:0; display:flex; align-items:center; gap:7px; font:600 10px/1 var(--f-display); letter-spacing:.11em; text-transform:uppercase; color:rgba(250,249,245,.86); white-space:nowrap; overflow:hidden; }
.ps .c-id-t>span:first-child{ overflow:hidden; text-overflow:ellipsis; }
.ps .c-rk{ gap:2px; font:600 10px/1 var(--f-display); letter-spacing:.11em; text-transform:uppercase; color:var(--hero-hi); }
.ps .c-rk .pv-ic{ width:12px; height:12px; }
.ps .c-tar{ flex:none; display:inline-flex; align-items:center; gap:3px; height:17px; padding:0 7px 0 5px; border-radius:999px; background:color-mix(in srgb, var(--mark) 16%, transparent); color:var(--mark); font:600 8.5px/1 var(--f-display); letter-spacing:.06em; text-transform:uppercase; }
.ps .c-tar svg{ width:9px; height:9px; fill:currentColor; stroke:none; }
.ps .c-tar.ic{ width:17px; padding:0; justify-content:center; }
.ps .c-about-h b .c-tar{ margin-left:8px; vertical-align:3px; }
@container (max-width:379px){ .ps .c-auth .c-tar{ display:none; } }
.ps .c-name{ overflow:hidden; padding-bottom:.06em; }
.ps .c-auth{ display:flex; align-items:center; gap:10px; margin-top:12px; }
.ps .c-auth-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.ps .c-auth-t b{ display:flex; align-items:center; gap:6px; min-width:0; font:600 10px/1 var(--f-display); letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.ps .c-auth-t b>span:first-child{ overflow:hidden; text-overflow:ellipsis; }
.ps .c-auth-t i{ font-style:normal; font-size:12.5px; line-height:1.15; color:rgba(250,249,245,.76); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ps .c-auth .c-soc-b{ flex:none; height:40px; padding:0 15px; background:rgba(250,249,245,.1); border:1px solid rgba(250,249,245,.2); color:#faf9f5; font:600 13px/1 var(--f-ui); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); transition:transform var(--d-fast) var(--e-out); }
.ps .c-auth .c-soc-b.main{ border-color:transparent; background:var(--hero); color:var(--on-hero); }
.ps .c-auth .c-soc-b.ico{ width:40px; padding:0; }
@container (max-width:379px){ .ps .c-auth{ gap:8px; } }
@container (max-width:379px){ .ps .c-auth .c-ava.lg{ width:50px; height:50px; } }
@container (max-width:379px){ .ps .c-auth .c-soc-b{ padding:0 12px; } }
.ps .c-cover.is-plain{ min-height:0; padding-bottom:22px; background:var(--s0); }
.ps .c-plain{ position:relative; z-index:1; margin-top:22px; padding-top:18px; border-top:1px solid rgba(250,249,245,.18); display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.ps .c-plain p{ margin:0; max-width:30ch; font:600 22px/1.2 var(--f-serif); letter-spacing:-.015em; color:#faf9f5; text-wrap:balance; }
.ps .c-tagex{ font:600 10px/1 var(--f-display); text-transform:uppercase; }
.ps .c-kick .c-tagex{ height:22px; }
.ps .c-fc.more{ cursor:pointer; }
.ps .c-about-h .c-ava img{ box-shadow:0 0 0 1px var(--hair2); }
.ps .c-about-h .c-ava.framed img{ box-shadow:0 0 0 2px var(--s1), 0 0 0 4px var(--hero-hi); }
.ps .c-about-dm{ margin-top:2px; }
.ps .today{ display:flex; flex-direction:column; border-radius:24px; background:var(--s1); border:1px solid var(--hair); overflow:hidden; }
.ps .today-h{ display:flex; align-items:baseline; justify-content:space-between; padding:16px 16px 8px; }
.ps .today-h b{ font:600 22px/1 var(--f-serif); letter-spacing:-.02em; }
.ps .today-h span{ font-size:12.5px; color:var(--t3); }
.ps .td-r{ all:unset; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; gap:12px; width:100%; padding:12px 16px; border-top:1px solid var(--hair); }
.ps .td-k{ flex:none; width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:var(--hero-lo); color:var(--hero-hi); }
.ps .td-k svg{ width:18px; height:18px; }
.ps .td-r b{ display:block; font:600 14.5px/1.25 var(--f-ui); color:var(--t1); }
.ps .td-r i{ display:block; margin-top:3px; font-style:normal; font-size:12.5px; line-height:1.35; color:var(--t3); }
.ps .td-r em{ flex:none; font-style:normal; font:600 12.5px/1 var(--f-ui); color:var(--hero-hi); }
.ps .td-r:focus-visible, .ps .c-line:focus-visible, .ps .c-h-a:focus-visible{ outline:2px solid var(--focus); outline-offset:-2px; border-radius:12px; }
.ps .c-h-a{ all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:2px; font-size:12.5px; color:var(--t2); white-space:nowrap; }
.ps .c-h-a .pv-ic{ width:13px; height:13px; color:var(--t3); }
.ps .c-line{ all:unset; box-sizing:border-box; cursor:pointer; display:flex; align-items:center; gap:10px; width:100%; padding:14px 2px; border-block:1px solid var(--hair); font:600 15px/1 var(--f-ui); color:var(--t1); }
.ps .c-line span{ flex:1; }
.ps .c-line b{ font:600 12.5px/1 var(--f-ui); color:var(--t3); }
.ps .c-line .pv-ic{ color:var(--t3); }
.ps .c-line .pv-ic:first-child{ color:var(--hero-hi); }
.ps .bk-i{ display:grid; place-items:center; color:var(--hero-hi); }
.ps .bk-i svg{ width:30px; height:30px; stroke-width:1.6; }
.ps .bk-r{ flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:11.5px; color:var(--t3); }
.ps .bk-r b{ font:700 15px/1 var(--f-display); color:var(--t1); }
.ps .aw-no{ display:grid; place-items:center; }
.ps .aw-no .aw{ --aw:40px; }
.ps .c-toc.nx .c-row{ cursor:pointer; }
.ps .c-sheet-in.one{ grid-template-columns:repeat(4,1fr); }
.ps .sh-empty{ margin:6px 0 14px; font-size:14px; line-height:1.45; color:var(--t3); }
.ps .u-mono{ flex:none; width:40px; height:40px; border-radius:999px; display:grid; place-items:center; background:var(--s3); color:var(--t1); font:600 17px/1 var(--f-serif); }
.ps .ava-xl{ width:188px; height:188px; margin:6px auto 20px; border-radius:999px; }
.ps .ava-xl img{ width:100%; height:100%; border-radius:999px; object-fit:cover; display:block; box-shadow:0 0 0 1px var(--hair2); }
.ps .ava-xl.framed img{ box-shadow:0 0 0 4px var(--s1), 0 0 0 7px var(--hero-hi); }
.ps .cer-rank{ max-width:320px; border-radius:16px; text-align:left; }
.ps .cer-rank b{ letter-spacing:.04em; }
.ps .c-about.plain .c-about-h{ display:none; }
.ps .c-about.plain .c-about-n{ grid-template-columns:1fr; }
.ps .c-auth .c-soc-b.done{ padding:0 12px; gap:5px; font-size:12.5px; }

/* ── низкий экран: Safari с панелями, небольшой Android ── */
@media (max-height:739px){
.ps .c-name{ font-size:clamp(46px,15cqw,64px); }
.ps .c-cover.is-guest .c-name{ font-size:clamp(38px,12cqw,52px); }
.ps .c-gap{ min-height:104px; }
.ps .c-note, .ps .c-low.ex .c-sub{ display:none; }
.ps .c-low.ex .c-big{ max-width:none; font-size:29px; }
.ps .c-quote span{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ps .c-scrim{ --sk:.86; }
.ps .c-auth{ margin-top:10px; }
}

/* ── совсем низкий экран ── */
@media (max-height:599px){
.ps .c-scrim{ --sk:.68; }
.ps .c-gap{ min-height:84px; }
.ps .c-name{ font-size:46px; }
.ps .c-cover.is-guest .c-name{ font-size:40px; }
.ps .c-quote, .ps .c-low.ex .c-sub{ display:none; }
.ps .c-sub{ max-width:none; font-size:13.5px; }
.ps .c-big{ margin-bottom:6px; }
.ps .c-idrow{ margin-bottom:6px; }
.ps .c-cover{ padding-top:56px; }
.ps .c-rule{ height:12px; }
.ps .c-rule::before{ top:2px; }
.ps .c-idrow{ margin:0 0 11px; }
.ps .c-idrow .c-ava{ width:32px; height:32px; }
.ps .c-name{ font-size:42px; }
.ps .c-gap{ min-height:64px; }
.ps .c-low{ gap:10px; }
.ps .c-low.ex .c-big{ font-size:27px; margin:7px 0 0; }
}
@keyframes cFade{ from{ opacity:0; transform:scale(1.05); } }
@keyframes cRule{ from{ width:0; } }
@keyframes cSlap{ from{ opacity:0; scale:2.6; rotate:-24deg; } }
@keyframes achSpin{ to{ transform:rotate(360deg); } }
@keyframes cerIn{ from{ opacity:0; } }
@keyframes cerUp{ from{ opacity:0; transform:translateY(14px); } }
@keyframes cerDrop{ from{ opacity:0; transform:translateY(-70px) scale(.5) rotate(-24deg); } }
@keyframes cerSpark{ 0%{ opacity:1; transform:rotate(calc(var(--k)*36deg)) translateY(-56px) scale(1); } 100%{ opacity:0; transform:rotate(calc(var(--k)*36deg)) translateY(-128px) scale(.3); } }
@keyframes cerSlap{ from{ opacity:0; transform:scale(2.6) rotate(-26deg); } }
@keyframes issFlip{ from{ opacity:0; transform:rotateY(-78deg) rotate(-2deg); } to{ opacity:1; transform:rotateY(0) rotate(-2deg); } }

/* ═══ ТОЛЬКО ДЛЯ САЙТА (в прототипе этого не было) ═══════════════════════════ */
.ps.px{ padding-bottom:calc(var(--nav-gap, 112px) + 20px); }
.ps a{ -webkit-tap-highlight-color:transparent; }
.ps a.c-big, .ps a.c-row, .ps a.td-r, .ps a.c-line, .ps a.more-bal, .ps a.c-h-a, .ps a.c-soc-b, .ps a.c-run-go, .ps a.px-brand, .ps a.pfk-gbtn{ text-decoration:none; color:inherit; }
.ps a.c-big{ color:#faf9f5; }
.ps a.c-row{ display:flex; }
.ps span.c-soc-b{ cursor:default; }
.ps .c-run{ cursor:default; }
.ps .c-run .c-run-go{ color:var(--hero-hi); }

/* буква вместо аватара: у человека нет фото (никогда не картинка героя) */
.ps .c-ava-l, .ps .px-auth-l, .ps .ava-xl-l{ display:grid; place-items:center; width:100%; height:100%; border-radius:999px; background:var(--s3); color:var(--t1); font:600 18px/1 var(--f-serif); box-shadow:0 0 0 1.5px rgba(250,249,245,.4); }
.ps .c-ava.lg .c-ava-l{ font-size:24px; } .ps .c-ava.md .c-ava-l{ font-size:22px; }
.ps .c-ava.framed .c-ava-l{ box-shadow:0 0 0 2px #0a0908, 0 0 0 4px var(--hero-hi); }
.ps .px-auth-l{ flex:none; width:28px; height:28px; font-size:13px; box-shadow:none; }
.ps .ava-xl-l{ font-size:84px; box-shadow:0 0 0 1px var(--hair2); }

/* адрес @ник — кнопка: нажал и поменял */
.ps .c-nick{ all:unset; box-sizing:border-box; cursor:pointer; display:inline-flex; align-items:center; gap:6px; min-width:0; min-height:32px; padding:0 8px 0 0; font:600 10px/1 var(--f-display); letter-spacing:.11em; text-transform:uppercase; color:rgba(250,249,245,.9); }
.ps .c-nick>span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ps .c-nick svg{ flex:none; width:12px; height:12px; color:var(--hero-hi); }
.ps .c-nick:focus-visible{ outline:2px solid var(--focus); outline-offset:3px; border-radius:6px; }
.ps .c-id-t{ overflow:visible; }
.ps .nk{ display:flex; flex-direction:column; gap:10px; }
.ps .nk-f{ display:flex; align-items:center; min-height:54px; padding:0 16px; border-radius:16px; background:var(--s1); border:1px solid var(--hair2); cursor:text; }
.ps .nk-f:focus-within{ border-color:var(--hero-line); }
.ps .nk-p{ flex:none; color:var(--t3); font:500 16px/1 var(--f-ui); }
.ps .nk-f input{ flex:1; min-width:0; border:0; outline:0; background:none; color:var(--t1); font:600 16px/1 var(--f-ui); padding:0; }
.ps .nk-m{ margin:0 2px; min-height:18px; font-size:13px; line-height:1.4; color:var(--t3); }
.ps .nk-m.ok{ color:var(--win); } .ps .nk-m.err{ color:var(--lose); }
.ps .c-note.err{ color:var(--lose); }

/* строки шторки: на сайте они объявлены в screens.css и chat.css, которых здесь нет */
.ps .pv-sheet .ch-sheet-row{ display:flex; align-items:center; gap:var(--sp3); width:100%; min-height:var(--ctl); padding:var(--sp3) var(--sp4); margin:0 0 var(--sp2);
  background:var(--s1); border:1px solid var(--hair); border-radius:var(--r-sm); color:var(--t1); font:500 var(--fs-body)/1.3 var(--f-ui); text-align:left; text-decoration:none; cursor:pointer;
  transition:background var(--d-micro) var(--e-effect), border-color var(--d-micro) var(--e-effect); }
.ps .pv-sheet .ch-sheet-row:last-child{ margin-bottom:0; }
.ps .pv-sheet .ch-sheet-row:hover, .ps .pv-sheet .ch-sheet-row:focus-visible{ background:var(--s3); border-color:var(--hair2); }
.ps .pv-sheet .ch-sheet-row .grow{ flex:1; min-width:0; color:inherit; text-decoration:none; }
.ps .pv-sheet .ch-sheet-row.danger{ color:var(--lose); }
.ps .pv-sheet .ch-sheet-row.fol{ cursor:default; }
.ps .pv-sheet .ch-sheet-row.fol .pv-iconbtn{ flex:none; width:40px; height:40px; }
.ps .pv-sheet{ scrollbar-width:none; } .ps .pv-sheet::-webkit-scrollbar{ display:none; }
.ps .ach-note, .ps .cer-note{ margin:10px auto 0; max-width:30ch; text-align:center; font:600 16px/1.35 var(--f-serif); color:var(--t1); }
.ps .cer-note{ color:#faf9f5; }

/* вручение и сборка героя — поверх всего, включая док */
.ps .cer{ position:fixed; inset:0; z-index:1000001; }

/* колокольчик владельца стоит слева — список открываем вправо */
.ps .pn-bellzone .notif-dropdown{ left:0; right:auto; z-index:60; }
.ps .pn-bellzone button.pfk-gbtn{ padding:0; margin:0; font:inherit; cursor:pointer; -webkit-appearance:none; appearance:none; position:relative; }
.ps .pn-bellzone button.pfk-gbtn svg{ width:20px; height:20px; }

/* узкий экран: «поделиться» у гостя уходит в «Ещё» */
@media (max-width:379px){ .ps .px-top .g-share{ display:none; } }

/* широкий экран: страница остаётся телефонной колонкой */
@media (min-width:900px){
  .ps{ max-width:480px; border-inline:1px solid var(--hair); min-height:100vh; }
  .ps .px-top{ top:var(--yzt-h, 56px); }
  .ps .c-cover{ min-height:min(calc(var(--psh) - 120px), 820px); }
}

/* печать: длинное слово в названии награды — кегль меньше */
.ps .c-seal .c-seal-ic{ width:42%; height:42%; stroke-width:2; }

/* строка цифр на обложке: части не рвутся, точка-разделитель уходит на новую строку вместе со словом */
.ps .c-sub.st{ max-width:none; }
.ps .c-sub .nw{ white-space:nowrap; }

/* ═══ ШАПКА: «Приложение» и «Тариф» (21.09.2026) ═══════════════════════════
   Кнопку установки видит только тот, у кого приложения нет: классы на <html>
   ставит includes/yz_boot_client.php — те же, по которым прячет свою кнопку
   шапка сайта (includes/yz_topbar.php). */
.ps .px-top .px-inst{ display:none; }
html:not(.yz-standalone):not(.yz-pwa-installed) .ps .px-top .px-inst{ display:grid; }
.ps .px-tar{
  flex:none; height:40px; padding:0 13px; gap:7px;
  display:inline-flex; align-items:center; border-radius:999px;
  border:1px solid rgba(226,177,60,.34); background:rgba(10,9,8,.42);
  color:#e2b13c; text-decoration:none;
  font:600 13px/1 var(--f-ui); white-space:nowrap;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
.ps .px-tar .pv-ic{ width:17px; height:17px; flex:none; }
.ps .px-tar:active{ transform:scale(.95); }
.ps .px-tar:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
/* Узкий экран: «поделиться» уезжает в «Ещё», иначе тариф не помещается.
   Именно @media, а не @container: .px-top лежит вне .c-cover, контейнера у него нет. */
@media (max-width:359px){ .ps .px-top-r .pfk-gbtn[data-act="share-me"]{ display:none; } }