/* StodolaPC PC40. Scope ONLY to new frame/rank components; PC38 theme is untouched. */
.pc40-frame{--pc40-a:#67717a;--pc40-b:#c4ced7;--pc40-c:#303d4b;--pc40-size:42px;display:inline-flex!important;position:relative;isolation:isolate;vertical-align:middle;flex:0 0 auto;width:calc(var(--pc40-size) + 12px);height:calc(var(--pc40-size) + 12px);align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 17deg,var(--pc40-c) 0 9%,var(--pc40-a) 10% 24%,var(--pc40-b) 27% 30%,var(--pc40-c) 31% 44%,var(--pc40-a) 46% 64%,var(--pc40-b) 65% 69%,var(--pc40-c) 70% 83%,var(--pc40-a) 85% 100%);box-shadow:inset 0 2px 2px #ffffff38,inset 0 -3px 4px #000a,0 3px 8px #0007;max-width:none!important;line-height:normal}
.pc40-frame::before{content:"";position:absolute;inset:2px;border:1px solid var(--pc40-b);opacity:.7;border-radius:50%;pointer-events:none;z-index:0;box-shadow:0 0 6px var(--pc40-a)}
.pc40-frame::after{content:"";position:absolute;inset:-2px;border:1px solid var(--pc40-a);border-radius:50%;opacity:.45;pointer-events:none}
.pc40-frame-inner{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex:0 0 auto;width:var(--pc40-size);height:var(--pc40-size);border-radius:50%;overflow:hidden;box-shadow:inset 0 2px 4px #000a}
.pc40-frame-inner>.pc27-avatar{margin:0!important;width:100%!important;height:100%!important;max-width:100%!important;flex:1!important;border:0!important;box-shadow:none!important;display:flex!important;object-fit:cover}
.pc40-size-sm{--pc40-size:35px}.pc40-size-lg{--pc40-size:72px}.pc40-size-xl{--pc40-size:100px}
.pc40-frame--league1{--pc40-a:#71808b;--pc40-b:#c8d5de;--pc40-c:#33404a}
.pc40-frame--league2{--pc40-a:#9a5a37;--pc40-b:#e0ae76;--pc40-c:#563d32}
.pc40-frame--league3{--pc40-a:#2866b1;--pc40-b:#84c6ff;--pc40-c:#182f61}
.pc40-frame--league4{--pc40-a:#8556bd;--pc40-b:#db9fff;--pc40-c:#3e245f}
.pc40-frame--league5{--pc40-a:#bd8327;--pc40-b:#ffe29a;--pc40-c:#6e4714}
.pc40-frame--league6{--pc40-a:#47b0c6;--pc40-b:#e5ffff;--pc40-c:#27507c;box-shadow:0 0 10px #73d9e53d,inset 0 2px 2px #fff6,0 3px 8px #0009}
.pc40-frame--founder{--pc40-a:#ffd668;--pc40-b:#fbffff;--pc40-c:#5fa9ff;border-radius:36%;transform:rotate(0deg);background:conic-gradient(from 12deg,#62d8ff,#2847a2,#f5d36e,#fff9de,#815be0,#4cead8,#62d8ff);box-shadow:0 0 12px #f7cd7488,0 0 20px #61a4ff59,inset 0 2px 3px #fff8}
.pc40-frame--founder::before{border-radius:32%;border-width:2px}.pc40-frame--founder::after{border-radius:37%;border:2px solid #e9dca2;opacity:1}
.pc40-frame-notches{position:absolute;inset:0;pointer-events:none;z-index:2}
.pc40-notch{position:absolute;top:-3px;left:calc(50% - 2px);width:4px;height:7px;border-radius:2px;background:#263037;border:1px solid var(--pc40-a);transform-origin:2px calc(var(--pc40-size)/2 + 8px);opacity:.24}
.pc40-notch:nth-child(1){transform:rotate(-64deg)}.pc40-notch:nth-child(2){transform:rotate(-32deg)}.pc40-notch:nth-child(3){transform:rotate(0deg)}.pc40-notch:nth-child(4){transform:rotate(32deg)}.pc40-notch:nth-child(5){transform:rotate(64deg)}
.pc40-notch.is-active{background:var(--pc40-b);opacity:1;box-shadow:0 0 5px var(--pc40-a)}
.pc40-founder-sigil{position:absolute;z-index:4;bottom:-7px;left:50%;transform:translateX(-50%);font:bold 10px/1.25 system-ui,sans-serif;color:#141b26;text-shadow:0 1px #fff8;background:linear-gradient(135deg,#fff0a5,#d8a345);border:1px solid #fff5be;border-radius:5px;padding:0 4px;box-shadow:0 2px 4px #0009}
.pc40-crown{--pc40-metal:#ad754e;--pc40-shine:#eec299;--pc40-band:#663f30;position:absolute;top:-12px;right:-9px;z-index:5;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:0;filter:drop-shadow(0 2px 2px #000a)}
.pc40-crown svg{display:block;width:100%;height:100%;overflow:visible}.pc40-crown-metal{fill:var(--pc40-metal);stroke:var(--pc40-band);stroke-width:1.8;stroke-linejoin:round}.pc40-crown-band{fill:var(--pc40-band)}.pc40-crown-edge{fill:none;stroke:var(--pc40-shine);stroke-width:2}.pc40-crown-stone{fill:var(--pc40-shine)}
.pc40-crown--silver{--pc40-metal:#c7d2e0;--pc40-shine:#f5ffff;--pc40-band:#7a8da2}
.pc40-crown--gold{--pc40-metal:#f0bd50;--pc40-shine:#fff8c3;--pc40-band:#a36f20}
.pc40-crown--platinum{--pc40-metal:#a0d5e3;--pc40-shine:#f7ffff;--pc40-band:#477e9c}
.pc40-crown--diamond{--pc40-metal:#88e0f4;--pc40-shine:#ffffff;--pc40-band:#34769c;filter:drop-shadow(0 0 4px #86e2ff9c) drop-shadow(0 2px 2px #000a)}
.pc2-ranking .pc40-crown{position:relative;top:auto;right:auto;width:28px;height:26px}.pc2-rank-card .pc40-crown svg{height:100%;width:100%}
.pc40-size-xl>.pc40-crown,.pc40-size-lg>.pc40-crown{width:30px;height:30px}
.pc40-online-member{display:inline-flex!important;align-items:center;gap:9px;max-width:100%;min-width:0}.pc40-online-member .pc40-frame{--pc40-size:28px;max-width:40px}.pc40-online-member .pc40-frame-inner{font-size:12px}.pc40-online-member .pc40-crown{width:19px;height:19px;right:-7px;top:-8px}.pc40-online-member strong{font-size:.85rem}.pc40-online-member small{display:block;font-size:.68rem;opacity:.7}.pc40-online-member>span:last-child{min-width:0;overflow-wrap:anywhere}.pc40-online-member>.pc40-online-dot{display:inline-block;width:5px;height:5px;background:#77d8a0;border-radius:50%}
.pc-chat-message>.pc40-frame{grid-column:1;grid-row:1 / 3;justify-self:start}.pc-chat-message>.pc40-frame .pc27-avatar{grid-column:auto;grid-row:auto}
.pc-topic-row>.pc40-frame,.profile-card>.pc40-frame{flex:0 0 auto}
.comments-list .comment>.pc40-frame{align-self:start;flex:0 0 auto}
.topbar .pc27-nav-user .pc40-frame{--pc40-size:27px}.topbar .pc27-nav-user .pc40-frame .pc27-avatar{font-size:12px!important}
.pc40-badge{display:inline-flex;padding:3px 9px;border-radius:12px;border:1px solid #91acba44;background:#14252c;color:#dbe8f0;align-items:center;gap:6px;font-size:.76rem}
.pc40-progress{height:12px;width:100%;border-radius:20px;background:#15232e;overflow:hidden;border:1px solid #ffffff25}.pc40-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--pc40-a,#5ac),var(--pc40-b,#ce8));border-radius:20px}
.pc40-rank-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.pc40-rank-sample{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;padding:17px 9px;border:1px solid #ffffff1e;border-radius:13px;background:#121b22}.pc40-rank-sample small{opacity:.7}
.pc40-rank-sample .pc40-frame{--pc40-size:72px}.pc40-rank-sample .pc40-frame-inner{font-size:30px}
@media(max-width:480px){.pc40-size-sm{--pc40-size:29px}.pc-chat-message{grid-template-columns:41px minmax(0,1fr) auto!important}.pc40-online-member small{display:none}}
@media(prefers-reduced-motion:no-preference){.pc40-frame--league6::before{animation:pc40-shine 5s ease-in-out infinite}.pc40-frame--founder::after{animation:pc40-shine 3.5s ease-in-out infinite}@keyframes pc40-shine{0%,100%{opacity:.4;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}}
@media(prefers-reduced-motion:reduce){.pc40-frame *,.pc40-frame::before,.pc40-frame::after{animation:none!important;transition:none!important}}