/* Physics Civilizations Core v3.1.2 compiled frontend stylesheet. */

/* ===== frontend.css ===== */
.pciv-shell{--pciv-navy:#04111d;--pciv-navy2:#0a2235;--pciv-surface:#102c43;--pciv-surface2:#173b57;--pciv-teal:#20d7c5;--pciv-cyan:#5fe5ff;--pciv-gold:#f2c45e;--pciv-text:#eef8fc;--pciv-muted:#a8bfcc;--pciv-danger:#ff7c82;--pciv-success:#55d98b;position:relative;direction:rtl;box-sizing:border-box;max-width:1360px;margin:24px auto;padding:26px;border-radius:28px;background:radial-gradient(circle at 15% 0,rgba(32,215,197,.12),transparent 28%),radial-gradient(circle at 88% 15%,rgba(242,196,94,.11),transparent 24%),linear-gradient(145deg,#03101b,#071a2b 50%,#0b2236);color:var(--pciv-text);font-family:Tahoma,Arial,sans-serif;box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden}.pciv-shell *{box-sizing:border-box}.pciv-shell a{text-decoration:none}.pciv-kicker{display:block;color:var(--pciv-gold);font-size:12px;font-weight:900;letter-spacing:.03em}.pciv-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;border:0;border-radius:13px;background:linear-gradient(100deg,var(--pciv-teal),#348db7);color:#04202c!important;font-weight:900;cursor:pointer}.pciv-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.pciv-button-gold{background:linear-gradient(100deg,var(--pciv-gold),#d99737)}.pciv-button-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff!important}.pciv-back{display:inline-flex;margin-bottom:16px;color:var(--pciv-cyan)!important;font-size:13px}.pciv-section-title{margin:28px 0 15px}.pciv-section-title h2{margin:4px 0 0;color:#fff;font-size:26px}.pciv-landing-hero,.pciv-portal-hero,.pciv-realm-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(130deg,rgba(21,61,81,.92),rgba(5,22,37,.96));overflow:hidden}.pciv-landing-hero:after,.pciv-portal-hero:after,.pciv-realm-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(95,229,255,.16);border-radius:50%;left:-90px;top:-160px;box-shadow:0 0 0 55px rgba(95,229,255,.04),0 0 0 110px rgba(242,196,94,.025)}.pciv-landing-hero h1,.pciv-realm-hero h1,.pciv-portal-hero h1{position:relative;z-index:2;margin:6px 0;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.05}.pciv-landing-hero p,.pciv-realm-hero p{position:relative;z-index:2;max-width:720px;color:var(--pciv-muted);line-height:2}.pciv-orbit{position:relative;width:180px;height:180px;display:grid;place-items:center}.pciv-orbit>span{font-size:72px;filter:drop-shadow(0 0 20px rgba(242,196,94,.25))}.pciv-orbit i{position:absolute;inset:12px;border:1px solid rgba(95,229,255,.3);border-radius:50%;animation:pciv-spin 12s linear infinite}.pciv-orbit i:nth-child(3){inset:34px;animation-duration:8s;animation-direction:reverse}.pciv-orbit i:nth-child(4){inset:56px;animation-duration:5s}@keyframes pciv-spin{to{transform:rotate(360deg)}}.pciv-realm-preview,.pciv-realm-grid,.pciv-stage-grid,.pciv-boss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.pciv-realm-preview article,.pciv-realm-card{position:relative;padding:20px;border:1px solid color-mix(in srgb,var(--realm-accent) 40%,rgba(255,255,255,.12));border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--realm-accent) 13%,#15364d),#091b2c 70%);overflow:hidden}.pciv-realm-preview article:before,.pciv-realm-card:before{content:"";position:absolute;left:-40px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--realm-accent) 16%,transparent)}.pciv-realm-icon,.pciv-realm-card-top>span{display:block;font-size:42px}.pciv-realm-preview h3,.pciv-realm-card h3{margin:12px 0 6px;color:#fff;font-size:22px}.pciv-realm-preview p,.pciv-realm-card p{min-height:54px;color:var(--pciv-muted);line-height:1.8;font-size:13px}.pciv-realm-preview small{color:var(--realm-accent)}.pciv-auth-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-top:26px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(5,21,36,.76)}.pciv-auth-copy h2{font-size:30px;margin:5px 0}.pciv-auth-copy p,.pciv-auth-copy li{color:var(--pciv-muted);line-height:2}.pciv-auth-box{padding:18px;border-radius:18px;background:#0c293e}.pciv-auth-tabs{display:flex;gap:8px;margin-bottom:16px}.pciv-auth-tabs button{flex:1;padding:10px;border:0;border-radius:11px;background:rgba(255,255,255,.06);color:#bdd2dd;cursor:pointer}.pciv-auth-tabs button.is-active{background:var(--pciv-gold);color:#18212a;font-weight:900}.pciv-auth-box form label,.pciv-profile-form label{display:block;color:#dceaf1;font-size:12px;margin:12px 0}.pciv-auth-box input,.pciv-profile-form input,.pciv-city-form input,.pciv-city-form select,.pciv-code-hub input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #2d5874;border-radius:11px;background:#071c2c;color:#fff;outline:none}.pciv-auth-result,.pciv-profile-result,.pciv-city-result,.pciv-live-result,.pciv-escape-result{margin-top:10px;font-size:12px;color:var(--pciv-muted)}.pciv-brand{display:flex;align-items:center;gap:14px}.pciv-brand>span{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,var(--pciv-gold),#8c6225);font-size:34px}.pciv-brand small{color:var(--pciv-gold)}.pciv-player{display:flex;align-items:center;gap:14px;min-width:320px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(4,17,30,.65)}.pciv-player img{display:block;border-radius:16px;border:2px solid var(--pciv-gold)}.pciv-player strong,.pciv-player span{display:block}.pciv-player span{font-size:12px;color:var(--pciv-muted);margin-top:4px}.pciv-levelbar{height:8px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-top:10px}.pciv-levelbar i{display:block;height:100%;background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold))}.pciv-toolbar{display:flex;gap:10px;margin:14px 0}.pciv-toolbar a{padding:9px 13px;border-radius:11px;background:rgba(255,255,255,.06);color:#d8e8ef!important;font-size:12px}.pciv-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.pciv-stat-grid>div{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(180deg,rgba(18,52,76,.92),rgba(10,32,49,.96))}.pciv-stat-grid span,.pciv-stat-grid strong{display:block}.pciv-stat-grid span{color:var(--pciv-muted);font-size:12px}.pciv-stat-grid strong{font-size:22px;margin-top:7px;color:#fff}.pciv-city{margin:20px 0;padding:22px;border:1px solid rgba(242,196,94,.28);border-radius:22px;background:linear-gradient(130deg,rgba(242,196,94,.08),rgba(32,215,197,.07))}.pciv-city-copy h2{font-size:28px;margin:4px 0}.pciv-city-copy p{color:var(--pciv-muted)}.pciv-city-scene{position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;min-height:260px;margin:18px 0;padding:36px 20px 22px;border-radius:19px;background:radial-gradient(circle at 50% 20%,rgba(95,229,255,.22),transparent 28%),linear-gradient(180deg,#081d31,#0a2d3c 70%,#153b36);overflow:hidden}.pciv-city-cosmic .pciv-city-scene{background:radial-gradient(circle at 70% 18%,rgba(154,93,255,.4),transparent 23%),linear-gradient(180deg,#070b25,#161741 68%,#1d2c4a)}.pciv-city-neon .pciv-city-scene{background:linear-gradient(180deg,#06151e,#0b2430 70%,#173a39)}.pciv-city-nature .pciv-city-scene{background:linear-gradient(180deg,#102f3c,#1e4f55 70%,#31563b)}.pciv-building{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:10%;min-width:72px;height:calc(70px + var(--i)*12px);border:1px solid rgba(255,255,255,.18);border-radius:18px 18px 7px 7px;background:linear-gradient(180deg,rgba(242,196,94,.5),rgba(22,72,83,.98));box-shadow:0 10px 25px rgba(0,0,0,.2)}.pciv-building span{font-size:32px}.pciv-building small{font-size:9px;margin:8px;color:#fff}.pciv-building.is-locked{filter:grayscale(1);opacity:.28}.pciv-city-form{display:grid;grid-template-columns:1fr 220px auto;gap:10px;align-items:end}.pciv-city-form input,.pciv-city-form select{margin:0}.pciv-code-hub{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:end;padding:20px;border:1px solid rgba(95,229,255,.2);border-radius:20px;background:rgba(7,28,44,.72)}.pciv-code-hub h2{margin:4px 0}.pciv-code-hub p{color:var(--pciv-muted);font-size:12px}.pciv-code-hub form{display:grid;grid-template-columns:1fr auto;gap:8px}.pciv-code-hub form>div{grid-column:1/-1}.pciv-realm-card-top{display:flex;align-items:center;justify-content:space-between}.pciv-realm-card-top i{font-style:normal;font-size:10px;color:var(--realm-accent);padding:4px 8px;border-radius:99px;background:rgba(255,255,255,.06)}.pciv-realm-progress>span{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.pciv-realm-progress i{display:block;height:100%;background:var(--realm-accent)}.pciv-realm-progress small{display:block;margin:7px 0 12px;color:var(--pciv-muted)}.pciv-table{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:17px}.pciv-table table{width:100%;border-collapse:collapse}.pciv-table th,.pciv-table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.07);text-align:right}.pciv-table th{color:var(--pciv-gold);background:rgba(255,255,255,.04)}.pciv-table td small{display:block;color:var(--pciv-muted)}.pciv-table td>.pciv-rank-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(242,196,94,.14);color:var(--pciv-gold);font-weight:900}.pciv-table tr.is-current{background:rgba(32,215,197,.1)}.pciv-realm-hero>div:first-child{display:flex;align-items:center;gap:18px}.pciv-realm-big-icon{font-size:64px}.pciv-progress-ring{position:relative;z-index:2;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--realm-accent) calc(var(--p)*1%),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 16px #0a2235}.pciv-progress-ring strong,.pciv-progress-ring span{display:block;position:absolute}.pciv-progress-ring strong{font-size:27px}.pciv-progress-ring span{margin-top:45px;color:var(--pciv-muted);font-size:10px}.pciv-chapter{margin:28px 0;padding:20px;border:1px solid color-mix(in srgb,var(--realm-accent) 24%,rgba(255,255,255,.08));border-radius:22px;background:linear-gradient(180deg,rgba(7,23,37,.9),rgba(4,16,28,.94))}.pciv-chapter-title h2{margin:4px 0;color:#fff}.pciv-chapter-title>span{color:var(--realm-accent);font-size:11px;font-weight:900}.pciv-chapter-title p{color:var(--pciv-muted);font-size:12px}.pciv-stage-card{display:flex;flex-direction:column;min-height:245px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:linear-gradient(155deg,rgba(23,65,90,.98),rgba(8,28,45,.98));transition:.2s}.pciv-stage-card.is-open:hover,.pciv-stage-card.is-completed:hover{transform:translateY(-4px);border-color:var(--realm-accent);box-shadow:0 18px 36px rgba(0,0,0,.22)}.pciv-stage-card.is-completed{background:linear-gradient(155deg,rgba(28,85,72,.88),rgba(7,38,42,.96));border-color:rgba(85,217,139,.38)}.pciv-stage-card.is-locked{filter:saturate(.45);opacity:.65}.pciv-stage-top{display:flex;align-items:center;gap:8px}.pciv-stage-top>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.08);color:var(--pciv-gold);font-weight:900}.pciv-stage-top i{font-style:normal;font-size:26px}.pciv-stage-top small{margin-right:auto;color:var(--pciv-muted)}.pciv-stage-card h3{margin:16px 0 6px;color:#fff}.pciv-stage-card p{color:var(--pciv-muted);font-size:12px;line-height:1.8}.pciv-stage-meta{display:flex;gap:10px;margin-top:auto;padding-top:13px;color:#d8e8ef;font-size:10px}.pciv-stage-card>a{display:block;margin-top:12px;padding:10px;border-radius:11px;text-align:center;background:linear-gradient(100deg,var(--realm-accent),#3c8aae);color:#04202c!important;font-weight:900}.pciv-stage-card>b{display:block;margin-top:12px;padding:10px;border-radius:11px;background:rgba(0,0,0,.2);color:#a9bac4;text-align:center;font-size:10px}.pciv-boss-gallery{margin:34px 0}.pciv-boss-grid article{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,#2b1936,#0b1d2e 65%);text-align:center}.pciv-boss-grid article>span{font-size:48px}.pciv-boss-grid h3{color:#fff}.pciv-boss-grid p{color:var(--pciv-muted);font-size:12px}.pciv-boss-grid .is-locked{filter:grayscale(1);opacity:.45}.pciv-boss-grid .is-defeated{border-color:rgba(242,196,94,.45);box-shadow:inset 0 0 30px rgba(242,196,94,.08)}.pciv-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pciv-skill-grid>div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0b263b}.pciv-skill-grid strong{display:block;margin:8px 0}.pciv-skill-grid i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.pciv-skill-grid b{display:block;height:100%;background:linear-gradient(90deg,var(--realm-accent),var(--pciv-gold))}.pciv-skill-grid small{display:block;margin-top:7px;color:var(--pciv-muted)}.pciv-mistake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.pciv-mistake-grid article{padding:17px;border:1px solid rgba(255,124,130,.28);border-radius:17px;background:rgba(64,28,36,.35)}.pciv-mistake-grid article.is-learned{border-color:rgba(85,217,139,.3);background:rgba(21,63,48,.3)}.pciv-mistake-grid article>span{font-size:10px;color:var(--pciv-gold)}.pciv-mistake-grid h3{font-size:14px}.pciv-mistake-grid p,.pciv-mistake-grid small{color:var(--pciv-muted);font-size:11px}.pciv-mistake-grid a{display:inline-block;margin-top:9px;color:var(--pciv-cyan)!important}.pciv-mission-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;border:1px solid color-mix(in srgb,var(--realm-accent) 40%,rgba(255,255,255,.1));border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--realm-accent) 14%,#17364c),#071a2a)}.pciv-mission-icon{font-size:62px}.pciv-mission-header h1{margin:4px 0;color:#fff;font-size:34px}.pciv-mission-header p{color:var(--pciv-muted)}.pciv-reward{padding:14px;border-radius:16px;background:rgba(242,196,94,.12);text-align:center}.pciv-reward strong,.pciv-reward span{display:block}.pciv-reward strong{color:var(--pciv-gold);font-size:20px}.pciv-reward span{font-size:11px;color:#e4d6ac}.pciv-mission-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}.pciv-story,.pciv-content,.pciv-hints,.pciv-quiz,.pciv-side-card,.pciv-boss-question,.pciv-victory,.pciv-scan,.pciv-escape-question{margin-bottom:16px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(180deg,rgba(16,44,67,.95),rgba(7,25,40,.96))}.pciv-story{border-color:rgba(242,196,94,.3);background:linear-gradient(100deg,rgba(242,196,94,.11),rgba(32,215,197,.06))}.pciv-story>span,.pciv-side-card>span{color:var(--pciv-gold);font-size:11px;font-weight:900}.pciv-story p,.pciv-content p,.pciv-content li,.pciv-side-card p{color:#d3e3ea;line-height:2}.pciv-content h2,.pciv-hints h2,.pciv-quiz h2{color:#fff;margin-top:0}.pciv-hints>div:first-of-type{display:flex;gap:8px;flex-wrap:wrap}.pciv-hints button{padding:9px 12px;border:1px solid #2f5a75;border-radius:10px;background:#0b263a;color:#dcebf2;cursor:pointer}.pciv-hints button:disabled{opacity:.45}.pciv-hint-result p{padding:10px;border-radius:10px;background:rgba(95,229,255,.08);color:#cfeaf2}.pciv-quiz-head{display:flex;justify-content:space-between;gap:15px}.pciv-timer{color:var(--pciv-gold);white-space:nowrap}.pciv-options{display:grid;gap:10px;margin:18px 0}.pciv-option{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2a5576;border-radius:14px;background:#13324a;color:#eaf4ff;cursor:pointer;transition:.18s}.pciv-option:hover{background:#183d5a;border-color:#36c7d9;transform:translateY(-1px)}.pciv-option input{position:absolute;opacity:0;pointer-events:none}.pciv-option-key{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#24445d;color:#f7d57b;font-weight:900}.pciv-option.is-selected{background:#1b4b57;border-color:#4de1d1;box-shadow:0 0 0 1px rgba(77,225,209,.3),0 0 18px rgba(77,225,209,.12)}.pciv-option.is-selected .pciv-option-key{background:#f2c45e;color:#0b1c2a}.pciv-option.is-correct{background:#163d2e!important;border-color:#4fd18b!important}.pciv-option.is-wrong{background:#40242a!important;border-color:#ff7c82!important}.pciv-result,.pciv-boss-result{margin-top:14px;padding:0;transition:.2s}.pciv-result.is-success,.pciv-boss-result.is-success{padding:16px;border:1px solid rgba(85,217,139,.4);border-radius:14px;background:rgba(20,70,48,.35)}.pciv-result.is-error,.pciv-boss-result.is-error{padding:16px;border:1px solid rgba(255,124,130,.4);border-radius:14px;background:rgba(78,31,39,.35)}.pciv-result h3,.pciv-boss-result h3{margin-top:0}.pciv-side-card strong,.pciv-side-card small{display:block}.pciv-side-card strong{font-size:18px;margin:7px 0}.pciv-side-card small{color:var(--pciv-muted)}.pciv-boss-screen>header{display:grid;grid-template-columns:auto 1fr 260px;align-items:center;gap:20px;padding:25px;border:1px solid rgba(242,196,94,.3);border-radius:22px;background:radial-gradient(circle at 15% 50%,rgba(159,74,255,.22),transparent 22%),linear-gradient(120deg,#25172f,#0b2032)}.pciv-boss-screen>header>span{font-size:72px}.pciv-boss-screen h1{font-size:38px;margin:4px 0}.pciv-boss-screen header p{color:var(--pciv-muted)}.pciv-boss-health b,.pciv-boss-health strong{display:block}.pciv-boss-health i{display:block;height:14px;margin:8px 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.pciv-boss-health span{display:block;height:100%;background:linear-gradient(90deg,#ff595f,#ffb84d)}.pciv-boss-question{max-width:920px;margin:20px auto}.pciv-victory{text-align:center;padding:50px}.pciv-victory>span{font-size:72px}.pciv-escape-screen>header{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid rgba(95,229,255,.3);border-radius:20px;background:#0b293d}.pciv-escape-screen>header>span{font-size:58px}.pciv-scan{text-align:center;padding:48px}.pciv-scan>span{font-size:64px}.pciv-profile-form{max-width:650px}.pciv-notice,.pciv-locked,.pciv-empty{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0c293d;color:#dceaf1}
@media(max-width:1100px){.pciv-realm-preview,.pciv-realm-grid,.pciv-stage-grid{grid-template-columns:repeat(2,1fr)}.pciv-stat-grid,.pciv-skill-grid{grid-template-columns:repeat(2,1fr)}.pciv-mission-layout{grid-template-columns:1fr}.pciv-code-hub{grid-template-columns:1fr 1fr}.pciv-code-hub>div:first-child{grid-column:1/-1}.pciv-boss-screen>header{grid-template-columns:auto 1fr}.pciv-boss-health{grid-column:1/-1}}
@media(max-width:760px){.pciv-shell{margin:0;padding:14px;border-radius:0}.pciv-landing-hero,.pciv-portal-hero,.pciv-realm-hero,.pciv-auth-panel{display:block;padding:20px}.pciv-orbit{margin:10px auto}.pciv-player{margin-top:15px;min-width:0}.pciv-realm-preview,.pciv-realm-grid,.pciv-stage-grid,.pciv-boss-grid,.pciv-stat-grid,.pciv-skill-grid,.pciv-mistake-grid,.pciv-code-hub{grid-template-columns:1fr}.pciv-city-form{grid-template-columns:1fr}.pciv-city-scene{overflow-x:auto;justify-content:flex-start}.pciv-building{min-width:82px}.pciv-mission-header{grid-template-columns:auto 1fr}.pciv-reward{grid-column:1/-1}.pciv-boss-screen>header{display:block;text-align:center}.pciv-progress-ring{margin:18px auto}.pciv-toolbar{flex-wrap:wrap}}

/* ========================================================================
   Physics Civilizations Core 1.0.1 — Premium portal redesign
   ======================================================================== */
:root{--pciv-font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.pciv-shell,.pciv-shell *,.pciv-custom-header,.pciv-cinema{font-family:var(--pciv-font-family)!important}
.pciv-shell{--pciv-bg:#020b13;--pciv-bg-soft:#061725;--pciv-panel:#0a2437;--pciv-panel-2:#0f3048;--pciv-border:#244b65;--pciv-border-soft:rgba(121,181,211,.18);--pciv-text:#f4fbff;--pciv-muted:#b7ceda;--pciv-subtle:#86a8b9;--pciv-teal:#25e1cd;--pciv-cyan:#64e6ff;--pciv-gold:#f5c85f;max-width:1480px;padding:30px;background:radial-gradient(circle at 13% 1%,rgba(36,218,202,.13),transparent 25%),radial-gradient(circle at 91% 7%,rgba(245,200,95,.12),transparent 22%),linear-gradient(150deg,#020a12 0%,#051522 43%,#082238 100%);border:1px solid rgba(107,164,193,.16);box-shadow:0 34px 110px rgba(0,0,0,.5)}
.pciv-shell h1,.pciv-shell h2,.pciv-shell h3,.pciv-shell h4,.pciv-shell strong{color:var(--pciv-text)}
.pciv-shell p,.pciv-shell small{color:var(--pciv-muted)}
.pciv-portal-v101{overflow:visible}
.pciv-button{gap:8px;min-height:48px;border:1px solid rgba(113,247,231,.3);border-radius:14px;background:linear-gradient(105deg,#28ddc8,#3aa8d3);box-shadow:0 10px 24px rgba(32,215,197,.12);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.pciv-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(32,215,197,.2)}
.pciv-button-ghost{background:#0c2a40!important;color:#dff7ff!important;border-color:#32617d!important;box-shadow:none}

/* Portal hero */
.pciv-portal-hero{min-height:260px;align-items:stretch;padding:34px 38px;border:1px solid rgba(103,188,218,.28);border-radius:26px;background:radial-gradient(circle at 15% 15%,rgba(34,218,202,.23),transparent 28%),radial-gradient(circle at 83% 12%,rgba(245,200,95,.15),transparent 24%),linear-gradient(130deg,#0d3850 0%,#09263b 43%,#061927 100%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 45px rgba(0,0,0,.22)}
.pciv-portal-hero:after{width:430px;height:430px;left:-120px;top:-220px;border-color:rgba(100,230,255,.2);box-shadow:0 0 0 64px rgba(100,230,255,.035),0 0 0 126px rgba(245,200,95,.025)}
.pciv-portal-hero-main{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:25px;min-width:0;flex:1}
.pciv-brand{gap:18px}
.pciv-brand>span.pciv-brand-mark{width:82px;height:82px;border-radius:24px;font-size:39px;border:1px solid rgba(255,230,161,.45);background:linear-gradient(145deg,#ffd977,#b67b24);box-shadow:0 13px 34px rgba(242,196,94,.23)}
.pciv-brand small{display:block;font-size:13px;font-weight:800;letter-spacing:.02em}
.pciv-portal-hero h1{margin:4px 0 8px;font-size:clamp(42px,5vw,72px);letter-spacing:-.025em;text-shadow:0 8px 35px rgba(0,0,0,.35)}
.pciv-brand p{margin:0;font-size:14px;color:#c9dce5;line-height:1.9}
.pciv-hero-pills{display:flex;flex-wrap:wrap;gap:10px}
.pciv-hero-pills span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(111,191,216,.25);border-radius:999px;background:rgba(3,17,28,.4);color:#bed6e2;font-size:12px;backdrop-filter:blur(8px)}
.pciv-hero-pills b{font-size:15px;color:var(--pciv-gold)}
.pciv-player-premium{position:relative;z-index:3;align-self:center;min-width:380px;max-width:430px;padding:22px;border:1px solid rgba(245,200,95,.3);border-radius:23px;background:linear-gradient(145deg,rgba(5,22,35,.94),rgba(12,47,66,.82));box-shadow:0 20px 45px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.pciv-player-avatar{flex:0 0 auto}
.pciv-player-premium img{width:92px;height:92px;object-fit:cover;border-radius:21px;border:3px solid var(--pciv-gold);box-shadow:0 0 0 6px rgba(242,196,94,.08)}
.pciv-player-info{flex:1;min-width:0}
.pciv-player-label{font-size:10px!important;color:var(--pciv-gold)!important;font-weight:800;letter-spacing:.04em}
.pciv-player-info>strong{display:block;margin:5px 0 3px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pciv-player-info>small{display:block;color:#aac5d2;font-size:12px}
.pciv-player-premium .pciv-levelbar{height:10px;margin-top:15px;border:1px solid rgba(255,255,255,.06);background:#061621}
.pciv-player-premium .pciv-levelbar i{border-radius:999px;background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold));box-shadow:0 0 15px rgba(32,215,197,.35)}
.pciv-player-level-copy{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:10px}
.pciv-player-level-copy span{color:#91aebb!important}.pciv-player-level-copy b{color:#fff}

/* Toolbar and stats */
.pciv-toolbar{justify-content:flex-start;gap:10px;margin:15px 0 20px}
.pciv-toolbar a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid rgba(109,164,190,.18);border-radius:12px;background:linear-gradient(180deg,rgba(20,53,73,.88),rgba(9,30,45,.9));color:#e4f3f9!important;font-size:12px;font-weight:700;transition:.18s}
.pciv-toolbar a:hover{border-color:#4b819e;transform:translateY(-1px)}
.pciv-toolbar .pciv-toolbar-logout{margin-right:auto;color:#ffc6c8!important;border-color:rgba(255,124,130,.22);background:rgba(82,28,35,.3)}
.pciv-portal-stats{gap:16px;margin:0 0 22px}
.pciv-portal-stats>div{position:relative;min-height:128px;padding:20px 22px;border:1px solid rgba(103,169,199,.21);border-radius:20px;background:linear-gradient(155deg,#113a53,#09263a 75%);box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.13);overflow:hidden}
.pciv-portal-stats>div:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-45px;bottom:-55px;background:rgba(50,221,204,.07)}
.pciv-portal-stats i{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:rgba(255,255,255,.07);font-style:normal;font-size:19px}
.pciv-portal-stats span{color:#9fc0d0;font-size:12px;font-weight:600}
.pciv-portal-stats strong{font-size:29px;margin-top:11px;color:#fff}
.pciv-portal-stats small{display:block;margin-top:8px;color:#789cab;font-size:10px}

/* City */
.pciv-city{margin:24px 0;padding:25px;border:1px solid rgba(245,200,95,.32);border-radius:25px;background:radial-gradient(circle at 12% 0,rgba(32,215,197,.14),transparent 34%),linear-gradient(145deg,#0a2638,#0b202e 55%,#102c36);box-shadow:0 18px 38px rgba(0,0,0,.18)}
.pciv-city-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.pciv-city-copy h2{margin:5px 0 4px;font-size:28px;color:#fff;text-shadow:none}
.pciv-city-copy p{margin:0;color:#bcd2dc;font-size:13px}
.pciv-city-level{display:grid;place-items:center;min-width:105px;padding:12px 18px;border:1px solid rgba(242,196,94,.3);border-radius:17px;background:rgba(6,23,34,.6)}
.pciv-city-level span{font-size:10px;color:#d6c386}.pciv-city-level strong{font-size:27px;color:var(--pciv-gold)}
.pciv-city-scene{position:relative;display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));align-items:end;gap:13px;min-height:250px;padding:35px 20px 24px;border:1px solid rgba(91,164,190,.2);border-radius:21px;background:radial-gradient(circle at 50% 15%,rgba(49,169,205,.18),transparent 32%),linear-gradient(180deg,#071c2e 0%,#0a2c40 59%,#0d493f 100%);overflow:hidden}
.pciv-city-scene:before{content:"";position:absolute;inset:auto -5% 0;height:32%;background:linear-gradient(180deg,transparent,rgba(14,82,64,.55)),repeating-linear-gradient(90deg,transparent 0 80px,rgba(23,116,91,.14) 81px 82px)}
.pciv-city-horizon{position:absolute;left:0;right:0;bottom:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(95,229,255,.3),transparent)}
.pciv-building{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:145px;padding:16px 8px 13px;border:1px solid #37677d;border-radius:17px 17px 8px 8px;background:linear-gradient(180deg,#31576b,#193a4c);box-shadow:0 12px 20px rgba(0,0,0,.2);transition:.2s}
.pciv-building:nth-of-type(3n){min-height:165px}.pciv-building:nth-of-type(4n){min-height:185px}
.pciv-building span{font-size:34px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.3))}
.pciv-building strong{margin-top:10px;font-size:11px;color:#effaff;text-align:center}
.pciv-building small{margin-top:5px;font-size:9px;color:#b6cfda}
.pciv-building.is-built{border-color:rgba(245,200,95,.63);background:linear-gradient(180deg,#866d36,#2a5360 62%,#245d53);box-shadow:0 0 0 1px rgba(242,196,94,.12),0 14px 30px rgba(0,0,0,.25),0 0 26px rgba(242,196,94,.1)}
.pciv-building.is-built small{color:#e9d797;font-weight:800}
.pciv-building.is-locked{opacity:.62;filter:saturate(.5);border-color:#315466;background:linear-gradient(180deg,#294757,#183240)}
.pciv-building.is-locked span{opacity:.72;filter:grayscale(.55)}
.pciv-city-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,.7fr) auto;align-items:end;gap:13px;margin-top:18px;padding:15px;border:1px solid rgba(93,160,188,.18);border-radius:17px;background:rgba(3,16,26,.38)}
.pciv-city-form label>span{display:block;margin-bottom:7px;font-size:11px;color:#bad1dc;font-weight:700}
.pciv-city-form input,.pciv-city-form select{height:48px;margin:0!important;border:1px solid #35637e!important;background:#061b2b!important;color:#f4fbff!important;font-size:13px!important;box-shadow:inset 0 1px 5px rgba(0,0,0,.25)}
.pciv-city-form select option{background:#071d2d;color:#fff}
.pciv-city-form .pciv-button{height:48px;white-space:nowrap}
.pciv-city-result{grid-column:1/-1;margin:0!important;color:#75eadb!important}

/* Classroom code hub */
.pciv-code-hub{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;align-items:stretch;margin:25px 0;padding:0;background:transparent;border:0}
.pciv-code-intro,.pciv-code-card{padding:22px;border:1px solid rgba(97,161,190,.22);border-radius:21px;background:linear-gradient(145deg,#0c2d43,#081e30)}
.pciv-code-intro{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 15% 20%,rgba(242,196,94,.12),transparent 35%),linear-gradient(145deg,#102d3c,#0a2233)}
.pciv-code-intro h2{margin:5px 0;font-size:25px}.pciv-code-intro p{margin:4px 0 0;font-size:12px;line-height:1.9}
.pciv-code-card{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}
.pciv-code-card-icon{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.06);font-size:25px}
.pciv-code-card strong{font-size:15px}.pciv-code-card small{font-size:10px;color:#8fabb9}
.pciv-code-card input{grid-column:1/-1;height:48px;margin:9px 0 2px!important;border:1px solid #35637e!important;background:#051a29!important;color:#fff!important;font-size:13px;text-align:center;letter-spacing:.08em}
.pciv-code-card .pciv-button{grid-column:1/-1;width:100%}
.pciv-code-card .pciv-live-result,.pciv-code-card .pciv-escape-result{grid-column:1/-1;margin:0}

/* Realm cards */
.pciv-realms{margin-top:35px}
.pciv-section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
.pciv-section-title-row h2{font-size:31px;margin:4px 0}.pciv-section-title-row p{margin:3px 0 0;font-size:12px}
.pciv-section-count{padding:9px 15px;border:1px solid rgba(242,196,94,.25);border-radius:999px;background:rgba(242,196,94,.07);color:#ecd28a;font-size:11px;white-space:nowrap}
.pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.pciv-realm-card{min-height:360px;padding:27px;border:1px solid color-mix(in srgb,var(--realm-accent) 48%,#315069);border-radius:24px;background:radial-gradient(circle at 8% 95%,color-mix(in srgb,var(--realm-accent) 19%,transparent),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--realm-accent) 14%,#12354b),#071d2d 70%);box-shadow:0 18px 38px rgba(0,0,0,.2);transition:.22s}
.pciv-realm-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--realm-accent) 72%,#fff);box-shadow:0 24px 48px rgba(0,0,0,.27)}
.pciv-realm-card:before{width:210px;height:210px;left:-70px;bottom:-90px;background:color-mix(in srgb,var(--realm-accent) 12%,transparent)}
.pciv-realm-watermark{position:absolute;left:22px;top:34px;font-size:130px;opacity:.045;filter:grayscale(1);transform:rotate(-8deg);pointer-events:none}
.pciv-realm-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.pciv-realm-card-icon{display:grid!important;place-items:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--realm-accent) 48%,#557083);border-radius:21px;background:color-mix(in srgb,var(--realm-accent) 16%,#0a2537);font-size:38px!important;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.pciv-realm-card-top i{padding:7px 11px;border:1px solid color-mix(in srgb,var(--realm-accent) 35%,#486075);border-radius:999px;background:color-mix(in srgb,var(--realm-accent) 10%,#0b2535);color:color-mix(in srgb,var(--realm-accent) 75%,#fff);font-size:10px;font-style:normal;font-weight:800}
.pciv-realm-card-copy{position:relative;z-index:2;margin-top:21px}.pciv-realm-card-copy>small{color:color-mix(in srgb,var(--realm-accent) 72%,#fff);font-size:11px;font-weight:700}
.pciv-realm-card h3{margin:5px 0 8px;font-size:29px}.pciv-realm-card p{min-height:50px;margin:0;color:#b7cdd8;font-size:13px;line-height:1.9}
.pciv-realm-progress{position:relative;z-index:2;margin:22px 0 17px;padding:14px;border:1px solid rgba(121,178,202,.16);border-radius:15px;background:rgba(2,14,23,.32)}
.pciv-realm-progress>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pciv-realm-progress strong{font-size:20px;color:var(--realm-accent)}.pciv-realm-progress small{font-size:10px;color:#a6c0cc}
.pciv-realm-progress>span{display:block;height:9px;border-radius:99px;background:#061923;overflow:hidden}.pciv-realm-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--realm-accent),color-mix(in srgb,var(--realm-accent) 35%,#fff));box-shadow:0 0 14px color-mix(in srgb,var(--realm-accent) 25%,transparent)}
.pciv-realm-external-note{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-height:60px;margin:22px 0 17px;padding:14px;border:1px solid rgba(99,159,185,.16);border-radius:15px;background:rgba(2,14,23,.3);color:#9eb9c6;font-size:11px}.pciv-realm-external-note span{color:var(--realm-accent)}
.pciv-realm-enter{position:relative;z-index:2;width:100%;justify-content:space-between;padding-inline:20px;background:linear-gradient(105deg,var(--realm-accent),color-mix(in srgb,var(--realm-accent) 62%,#3b9cc1))!important;color:#041821!important;border-color:color-mix(in srgb,var(--realm-accent) 55%,#fff)!important}
.pciv-realm-enter b{font-size:20px}
.pciv-realm-motion{--realm-accent:#2addc9!important}.pciv-realm-force{--realm-accent:#f0bd54!important;background:radial-gradient(circle at 8% 95%,rgba(240,189,84,.18),transparent 31%),linear-gradient(145deg,#44371e,#101f2b 70%)}

/* Ranking */
.pciv-ranking{margin-top:48px;padding:25px;border:1px solid rgba(242,196,94,.2);border-radius:24px;background:linear-gradient(145deg,rgba(13,43,61,.88),rgba(5,23,36,.95));box-shadow:0 18px 38px rgba(0,0,0,.16)}
.pciv-ranking-crown{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(242,196,94,.28);border-radius:18px;background:rgba(242,196,94,.09);font-size:29px}
.pciv-table{border:1px solid rgba(89,153,181,.2);border-radius:18px;background:#061b2a;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.pciv-table table{min-width:760px}
.pciv-table th,.pciv-table td{padding:16px 18px;border-bottom:1px solid rgba(99,155,179,.11)}
.pciv-table th{background:#0d3046;color:#f1cf75;font-size:11px}
.pciv-table td{color:#dbeaf0;font-size:12px}.pciv-table tbody tr:hover{background:rgba(55,139,165,.08)}
.pciv-table tr.is-current{background:linear-gradient(90deg,rgba(32,215,197,.13),rgba(32,215,197,.045));box-shadow:inset -3px 0 var(--pciv-teal)}
.pciv-table tr.is-top td{background:rgba(242,196,94,.025)}
.pciv-rank-number{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;font-size:17px!important}
.pciv-leader-user{display:flex;align-items:center;gap:11px}.pciv-leader-user img{width:46px;height:46px;border-radius:13px;border:1px solid #3c6980}.pciv-leader-user strong,.pciv-leader-user small{display:block}.pciv-leader-user strong{font-size:13px}.pciv-leader-user small{margin-top:3px;color:#819eac;font-size:9px}
.pciv-table td>b{font-size:15px;color:#7cebdd}

/* Better global input contrast */
.pciv-shell input[type=text],.pciv-shell input[type=email],.pciv-shell input[type=password],.pciv-shell input[type=number],.pciv-shell input[type=url],.pciv-shell select,.pciv-shell textarea{border:1px solid #35637e;background:#061b2b;color:#f5fbff;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.pciv-shell input::placeholder,.pciv-shell textarea::placeholder{color:#7293a3;opacity:1}
.pciv-shell select option{background:#061b2b;color:#fff}

/* Landing refinement */
.pciv-landing-hero{min-height:300px;padding:42px;background:radial-gradient(circle at 17% 12%,rgba(36,218,202,.2),transparent 30%),linear-gradient(130deg,#103c54,#071d2e 65%)}
.pciv-realm-preview{gap:18px}.pciv-realm-preview article{min-height:225px;padding:25px;border-radius:22px}.pciv-realm-preview h3{font-size:26px}.pciv-realm-preview p{color:#b5cbd5}
.pciv-auth-panel{border-color:rgba(97,160,187,.22);background:linear-gradient(145deg,#092638,#061a29)}
.pciv-auth-box{border:1px solid rgba(104,164,190,.2);background:#0a293d}

/* Responsive */
@media(max-width:1180px){.pciv-shell{max-width:100%;margin:12px;padding:22px}.pciv-portal-hero{flex-direction:column;align-items:stretch}.pciv-player-premium{align-self:stretch;max-width:none;min-width:0}.pciv-city-scene{grid-template-columns:repeat(4,1fr)}.pciv-code-hub{grid-template-columns:1fr 1fr}.pciv-code-intro{grid-column:1/-1}.pciv-portal-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.pciv-shell{margin:0;padding:15px;border-radius:0}.pciv-portal-hero{padding:25px}.pciv-brand>span.pciv-brand-mark{width:65px;height:65px}.pciv-portal-hero h1{font-size:38px}.pciv-toolbar{overflow-x:auto;padding-bottom:3px}.pciv-toolbar a{white-space:nowrap}.pciv-toolbar .pciv-toolbar-logout{margin-right:0}.pciv-city-header,.pciv-section-title-row{align-items:flex-start}.pciv-city-scene{grid-template-columns:repeat(2,1fr);min-height:0}.pciv-city-form{grid-template-columns:1fr}.pciv-code-hub,.pciv-realm-grid{grid-template-columns:1fr}.pciv-code-intro{grid-column:auto}.pciv-realm-card{min-height:0}.pciv-section-title-row p{display:none}}
@media(max-width:540px){.pciv-shell{padding:11px}.pciv-portal-hero{padding:20px;border-radius:20px}.pciv-brand{align-items:flex-start}.pciv-brand p,.pciv-hero-pills{display:none}.pciv-player-premium{padding:16px}.pciv-player-premium img{width:68px;height:68px}.pciv-player-info>strong{font-size:16px}.pciv-portal-stats{grid-template-columns:1fr 1fr;gap:9px}.pciv-portal-stats>div{min-height:110px;padding:15px}.pciv-portal-stats strong{font-size:22px}.pciv-portal-stats small{display:none}.pciv-city{padding:15px}.pciv-city-copy h2{font-size:22px}.pciv-city-level{min-width:80px;padding:8px}.pciv-city-scene{gap:8px;padding:24px 8px 13px}.pciv-building{min-height:120px!important;padding:10px 4px}.pciv-building span{font-size:27px}.pciv-building strong{font-size:9px}.pciv-code-intro,.pciv-code-card,.pciv-realm-card,.pciv-ranking{padding:17px}.pciv-realm-card h3{font-size:25px}.pciv-section-title-row h2{font-size:25px}}


/* v1.0.2: headers per realm and robust responsive realm layouts */
.pciv-shell{container-type:inline-size}
.pciv-realm-banner{width:100%;aspect-ratio:6/1;margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--realm-accent,#42d8c8) 48%,transparent);border-radius:20px;overflow:hidden;background:#071a2b;box-shadow:0 15px 38px rgba(0,0,0,.22)}
.pciv-realm-banner img{display:block;width:100%;height:100%;object-fit:cover}
.pciv-realm-hero-side{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:165px}
.pciv-realm-continue{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 16px!important;border-radius:13px!important;background:linear-gradient(100deg,var(--realm-accent,#42d8c8),#f2c45e)!important;color:#041722!important;font-weight:900!important;box-shadow:0 10px 24px color-mix(in srgb,var(--realm-accent,#42d8c8) 25%,transparent)}
.pciv-chapter{height:auto!important;min-height:0!important;overflow:visible!important}
.pciv-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;grid-auto-rows:auto!important}
.pciv-stage-card{height:auto!important;min-height:235px!important;align-self:stretch!important}
.pciv-stage-card.is-locked{opacity:.82!important;filter:saturate(.72)!important;background:linear-gradient(155deg,rgba(27,48,64,.96),rgba(11,29,43,.98))!important}
.pciv-stage-card.is-locked h3{color:#d7e4eb!important}.pciv-stage-card.is-locked p,.pciv-stage-card.is-locked .pciv-stage-meta{color:#aabec9!important}
.pciv-boss-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pciv-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1100px){.pciv-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pciv-boss-grid,.pciv-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.pciv-realm-banner{border-radius:13px;margin:10px 0 13px}.pciv-realm-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important}.pciv-realm-hero-side{width:100%;min-width:0}.pciv-progress-ring{margin:0 auto!important}.pciv-stage-grid,.pciv-boss-grid,.pciv-skill-grid{grid-template-columns:1fr!important}.pciv-stage-card{min-height:0!important;padding:18px!important}.pciv-stage-card h3{font-size:18px!important}.pciv-stage-card p{min-height:0!important;font-size:13px!important;line-height:1.85!important}.pciv-stage-meta{font-size:11px!important}.pciv-chapter{padding:15px!important;margin:18px 0!important}.pciv-chapter-title h2{font-size:22px!important}.pciv-chapter-title p{font-size:12px!important}.pciv-realm-continue{min-height:48px}}
@container(max-width:900px){.pciv-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pciv-boss-grid,.pciv-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container(max-width:620px){.pciv-stage-grid,.pciv-boss-grid,.pciv-skill-grid{grid-template-columns:1fr!important}.pciv-stage-card{min-height:0!important}.pciv-realm-hero{flex-direction:column!important;align-items:stretch!important}.pciv-realm-hero-side{width:100%;min-width:0}}


/* v1.0.3 - scientific + epic realm identity */
.pciv-realm-scientific{display:block;color:color-mix(in srgb,var(--realm-accent,#42d8c8) 78%,#fff)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em}
.pciv-realm-card-copy .pciv-realm-slogan{min-height:0;margin:0 0 9px;color:#d6e7ee;font-size:13px;font-weight:700;line-height:1.9}.pciv-realm-card-copy .pciv-realm-description{position:relative;z-index:2;min-height:43px;color:#91aeba;font-size:11px;line-height:1.85}
.pciv-realm-preview .pciv-realm-scientific{margin-top:13px}.pciv-realm-preview h3{margin-top:5px}.pciv-realm-preview p{min-height:48px}
.pciv-realm-hero .pciv-kicker{color:var(--realm-accent,#f2c45e);font-size:13px}.pciv-realm-hero h1{max-width:900px}
@media(max-width:760px){.pciv-realm-card-copy .pciv-realm-description{min-height:0}.pciv-realm-card-copy .pciv-realm-slogan{font-size:12px}.pciv-realm-hero h1{font-size:32px!important}}


/* v1.0.4 — curriculum filters, compact premium cards and independent headers */
.pciv-core-banner{width:100%;aspect-ratio:6/1;margin:0 0 18px;border:1px solid rgba(242,196,94,.34);border-radius:22px;overflow:hidden;background:#061827;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.pciv-core-banner img{display:block;width:100%;height:100%;object-fit:cover}
.pciv-realm-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px;padding:8px;border:1px solid rgba(91,157,184,.18);border-radius:16px;background:rgba(4,19,30,.48)}
.pciv-realm-filters button{min-height:39px;padding:8px 16px;border:1px solid rgba(99,157,183,.2);border-radius:11px;background:#0b2a3e;color:#bcd2dc;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.18s}
.pciv-realm-filters button:hover{border-color:#4b8aa7;color:#fff}.pciv-realm-filters button.is-active{border-color:rgba(242,196,94,.58);background:linear-gradient(105deg,#f2c45e,#dca345);color:#13212b;box-shadow:0 8px 20px rgba(242,196,94,.15)}
.pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px!important}
.pciv-realm-card{min-height:315px!important;padding:22px!important;border-radius:22px!important;display:flex;flex-direction:column}
.pciv-realm-card[hidden]{display:none!important}
.pciv-realm-card-cover{position:absolute;z-index:0;inset:0 0 auto;height:92px;background-image:linear-gradient(180deg,rgba(3,14,23,.12),rgba(3,14,23,.82)),var(--realm-header,none);background-size:cover;background-position:center;opacity:.42;pointer-events:none}
.pciv-realm-card-top{min-height:62px}.pciv-realm-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pciv-realm-badges i{padding:6px 9px!important;font-size:9px!important}
.pciv-realm-card-icon{width:58px!important;height:58px!important;border-radius:17px!important;font-size:30px!important}
.pciv-realm-card-copy{margin-top:16px!important}.pciv-realm-card h3{margin:0 0 3px!important;font-size:27px!important;line-height:1.25}.pciv-realm-scientific{font-size:12px!important;color:#d3e5ed!important}.pciv-realm-card-copy .pciv-realm-slogan{margin:10px 0 0!important;min-height:49px!important;color:#afc8d4!important;font-size:12px!important;font-weight:600!important;line-height:1.9!important}
.pciv-realm-description,.pciv-realm-external-note{display:none!important}.pciv-realm-progress{margin:15px 0 13px!important;padding:12px 13px!important;background:rgba(2,14,23,.55)!important}.pciv-realm-progress>div{display:flex;align-items:center;justify-content:space-between}.pciv-realm-progress strong{font-size:18px!important;color:var(--realm-accent)!important}.pciv-realm-progress small{font-size:10px!important;color:#b6cbd5!important}
.pciv-realm-enter{margin-top:auto!important;min-height:46px!important}.pciv-filter-empty{padding:24px;border:1px dashed #35637e;border-radius:16px;text-align:center;color:#adc6d1;background:#071e2f}
.pciv-table td,.pciv-table th{color:#dcecf2}.pciv-table td small{color:#9db7c3!important}.pciv-ranking .pciv-section-title p{color:#b3cbd6}
@media(max-width:900px){.pciv-realm-grid{grid-template-columns:1fr!important}.pciv-realm-card{min-height:0!important}.pciv-realm-card-copy .pciv-realm-slogan{min-height:0!important}}
@media(max-width:560px){.pciv-realm-filters{display:grid;grid-template-columns:1fr 1fr}.pciv-realm-filters button:first-child{grid-column:1/-1}.pciv-realm-card{padding:18px!important}.pciv-realm-card h3{font-size:23px!important}.pciv-realm-badges{max-width:180px}.pciv-core-banner{border-radius:13px;margin-bottom:12px}}


/* v1.0.5 — controlled premium palette, clearer hierarchy and accessible contrast */
.pciv-shell{
  --pciv-bg:#04121d;
  --pciv-page:#071b29;
  --pciv-surface:#0b283b;
  --pciv-surface-2:#103348;
  --pciv-surface-deep:#061c2b;
  --pciv-border:#21485c;
  --pciv-border-strong:#347087;
  --pciv-text:#f4f9fc;
  --pciv-muted:#b4c8d2;
  --pciv-subtle:#829daa;
  --pciv-teal:#19c7b8;
  --pciv-cyan:#50dde0;
  --pciv-gold:#e6b94f;
  --pciv-gold-light:#f2d27b;
  --pciv-success:#47d68c;
  --pciv-warning:#e7aa48;
  --pciv-danger:#e36b72;
  background:
    radial-gradient(circle at 14% 0,rgba(25,199,184,.08),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(230,185,79,.055),transparent 22%),
    linear-gradient(145deg,#03101a 0%,var(--pciv-page) 52%,#092132 100%);
  color:var(--pciv-text);
}
.pciv-shell p,.pciv-shell small{color:var(--pciv-muted)}
.pciv-kicker{color:var(--pciv-gold-light)}
.pciv-section-title h2,.pciv-city-copy h2,.pciv-code-intro h2{color:var(--pciv-text)}

/* Buttons: teal for primary actions, gold only for special rewards */
.pciv-button{
  min-height:46px;
  border:1px solid rgba(80,221,224,.38);
  background:linear-gradient(105deg,#19c7b8,#28b8c8);
  color:#031c25!important;
  box-shadow:0 9px 22px rgba(25,199,184,.12);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.pciv-button:hover{filter:brightness(1.08);box-shadow:0 12px 28px rgba(25,199,184,.2)}
.pciv-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(39,200,189,.2),0 12px 28px rgba(25,199,184,.18)}
.pciv-button-gold{border-color:rgba(242,210,123,.48);background:linear-gradient(105deg,var(--pciv-gold-light),var(--pciv-gold));color:#17212a!important;box-shadow:0 9px 22px rgba(230,185,79,.12)}
.pciv-button-ghost{border-color:rgba(80,135,160,.42);background:#0a2a3d;color:#e8f4f8!important;box-shadow:none}
.pciv-button-ghost:hover{border-color:var(--pciv-border-strong);background:#10364b}
.pciv-toolbar a{border:1px solid rgba(52,112,135,.26);background:#0a2638;color:#dcebf1!important}
.pciv-toolbar a:hover{border-color:#397189;background:#103448}
.pciv-toolbar .pciv-toolbar-logout{
  margin-right:auto;
  border-color:rgba(227,107,114,.28);
  background:rgba(227,107,114,.08);
  color:#f19aa0!important;
}
.pciv-toolbar .pciv-toolbar-logout:hover{border-color:rgba(227,107,114,.55);background:rgba(227,107,114,.15)}

/* Forms: remove the bright browser-native white surface */
.pciv-shell input,
.pciv-shell select,
.pciv-auth-box input,
.pciv-profile-form input,
.pciv-city-form input,
.pciv-city-form select,
.pciv-code-hub input{
  color-scheme:dark;
  background:#0b2638!important;
  border:1px solid #275168!important;
  color:#eef8fc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.pciv-shell select{appearance:auto}
.pciv-shell select option{background:#0b2638!important;color:#eef8fc!important}
.pciv-shell input::placeholder{color:#718f9e;opacity:1}
.pciv-shell input:focus,.pciv-shell select:focus{
  border-color:#27c8bd!important;
  box-shadow:0 0 0 3px rgba(39,200,189,.14)!important;
  outline:0;
}
.pciv-city-form label>span,.pciv-code-card strong{color:#e7f1f5}

/* Hero and general surfaces */
.pciv-portal-hero,.pciv-landing-hero,.pciv-realm-hero{
  border-color:rgba(52,112,135,.42);
  background:linear-gradient(132deg,#11384c 0%,#092638 52%,#061a29 100%);
}
.pciv-player-premium,.pciv-player{border-color:rgba(52,112,135,.48);background:rgba(5,24,37,.82)}
.pciv-player-label{color:var(--pciv-gold-light)!important}
.pciv-player-info small,.pciv-player-level-copy{color:var(--pciv-muted)!important}
.pciv-levelbar{background:#061d2b}
.pciv-levelbar i{background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold-light))}
.pciv-core-banner{border-color:rgba(52,112,135,.52)}

/* Stats share one surface; only the icon and main number carry meaning */
.pciv-portal-stats>div,.pciv-stat-grid>div{
  border-color:rgba(52,112,135,.34)!important;
  background:linear-gradient(180deg,#103348,#0a2638)!important;
}
.pciv-portal-stats>div i{background:#0a2232!important;border:1px solid rgba(52,112,135,.3)}
.pciv-portal-stats>div:nth-child(1) i,.pciv-portal-stats>div:nth-child(1) strong{color:#50dde0!important}
.pciv-portal-stats>div:nth-child(2) i,.pciv-portal-stats>div:nth-child(2) strong{color:#f2d27b!important}
.pciv-portal-stats>div:nth-child(3) i,.pciv-portal-stats>div:nth-child(3) strong{color:#b9a2ff!important}
.pciv-portal-stats>div:nth-child(4) i,.pciv-portal-stats>div:nth-child(4) strong{color:#76bfff!important}
.pciv-portal-stats span,.pciv-stat-grid span{color:#b4c8d2!important}
.pciv-portal-stats small{color:#829daa!important}

/* City: dark teal scene, reduced green saturation and clearer locked buildings */
.pciv-city{
  border-color:rgba(52,112,135,.55)!important;
  background:linear-gradient(135deg,rgba(16,51,72,.72),rgba(6,28,43,.92))!important;
}
.pciv-city-copy p{color:#b4c8d2!important}
.pciv-city-level{border-color:rgba(230,185,79,.42)!important;background:#0a2638!important}
.pciv-city-level span{color:#b4c8d2!important}.pciv-city-level strong{color:#f2d27b!important}
.pciv-city-scene,
.pciv-city-royal .pciv-city-scene,
.pciv-city-neon .pciv-city-scene{
  background:
    radial-gradient(circle at 50% 18%,rgba(80,221,224,.13),transparent 27%),
    linear-gradient(180deg,#092537 0%,#0a3541 64%,#0b514a 100%)!important;
}
.pciv-city-cosmic .pciv-city-scene{
  background:radial-gradient(circle at 70% 16%,rgba(135,98,214,.22),transparent 24%),linear-gradient(180deg,#081b31,#142c45 68%,#173d49)!important;
}
.pciv-city-nature .pciv-city-scene{
  background:radial-gradient(circle at 50% 18%,rgba(80,221,224,.1),transparent 25%),linear-gradient(180deg,#0c2a38,#17434a 70%,#245044)!important;
}
.pciv-building{
  border-color:rgba(80,126,145,.55)!important;
  background:linear-gradient(180deg,#29485a,#173745)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.pciv-building.is-built{
  border-color:rgba(242,210,123,.55)!important;
  background:linear-gradient(180deg,rgba(230,185,79,.72),#20535a 76%)!important;
}
.pciv-building.is-locked{filter:saturate(.45)!important;opacity:.55!important}
.pciv-building strong{color:#eef8fc!important}.pciv-building small{color:#b7cbd4!important}

/* Classroom events */
.pciv-code-hub{border-color:rgba(52,112,135,.48)!important;background:linear-gradient(145deg,#0a293d,#061c2b)!important}
.pciv-code-intro p,.pciv-code-card small{color:#9fb7c3!important}
.pciv-code-card{border-color:rgba(52,112,135,.34)!important;background:#0a2638!important}
.pciv-code-card-icon{border:1px solid rgba(52,112,135,.34);background:#103348!important}
.pciv-live-join .pciv-button{background:linear-gradient(105deg,#19c7b8,#28b8c8)!important}
.pciv-escape-join .pciv-button{background:#0a2a3d!important;color:#e8f4f8!important}

/* Realm cards use a shared navy surface; accent is restricted to meaningful details */
.pciv-realm-card,
.pciv-realm-preview article{
  border:1px solid var(--pciv-border)!important;
  background:linear-gradient(160deg,#103348 0%,#0b283b 44%,#071d2c 100%)!important;
  box-shadow:inset 0 3px 0 var(--realm-accent),0 14px 34px rgba(0,0,0,.16)!important;
}
.pciv-realm-card:hover{border-color:var(--pciv-border-strong)!important;box-shadow:inset 0 3px 0 var(--realm-accent),0 18px 42px rgba(0,0,0,.24)!important}
.pciv-realm-card-cover{height:88px!important;opacity:.18!important;filter:saturate(.72)}
.pciv-realm-card:before{background:color-mix(in srgb,var(--realm-accent) 9%,transparent)!important}
.pciv-realm-card-icon{
  border:1px solid color-mix(in srgb,var(--realm-accent) 58%,#42687a)!important;
  background:#0a2638!important;
  color:var(--realm-accent)!important;
}
.pciv-realm-badges i{
  border:1px solid color-mix(in srgb,var(--realm-accent) 38%,#355d70)!important;
  background:#0a2638!important;
  color:color-mix(in srgb,var(--realm-accent) 74%,#fff)!important;
}
.pciv-realm-card h3{color:#f4f9fc!important}
.pciv-realm-scientific{color:#c8dce5!important}
.pciv-realm-card-copy .pciv-realm-slogan{color:#b4c8d2!important}
.pciv-realm-progress{border:1px solid rgba(33,72,92,.72)!important;background:#061c2b!important}
.pciv-realm-progress small{color:#a7bec9!important}
.pciv-realm-progress>span{background:#0c2a3b!important}
.pciv-realm-enter{
  border-color:color-mix(in srgb,var(--realm-accent) 52%,#397189)!important;
  background:linear-gradient(95deg,var(--realm-accent),color-mix(in srgb,var(--realm-accent) 72%,#50dde0))!important;
  color:#041a23!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--realm-accent) 14%,transparent)!important;
}
.pciv-realm-filters{border-color:rgba(52,112,135,.35)!important;background:#061c2b!important}
.pciv-realm-filters button{border-color:#21485c!important;background:#0b283b!important;color:#b4c8d2!important}
.pciv-realm-filters button:hover{border-color:#397189!important;color:#f4f9fc!important}
.pciv-realm-filters button.is-active{border-color:rgba(80,221,224,.5)!important;background:linear-gradient(105deg,#19c7b8,#28b8c8)!important;color:#031c25!important;box-shadow:0 8px 20px rgba(25,199,184,.13)!important}
.pciv-section-count{border-color:rgba(52,112,135,.42)!important;background:#0b283b!important;color:#b4c8d2!important}

/* Ranking and tables */
.pciv-ranking{border-color:rgba(52,112,135,.42)!important;background:linear-gradient(145deg,#092638,#061a29)!important}
.pciv-ranking .pciv-section-title p{color:#b4c8d2!important}
.pciv-table{border-color:#21485c!important;background:#071e2f!important}
.pciv-table th{color:#f2d27b!important;background:#0d3045!important}
.pciv-table td{color:#dcecf2!important;border-bottom-color:rgba(52,112,135,.22)!important}
.pciv-table td small{color:#9fb7c3!important}
.pciv-table tr.is-current{background:rgba(25,199,184,.1)!important;box-shadow:inset -3px 0 0 #19c7b8}
.pciv-table tr.is-top-1{background:rgba(230,185,79,.065)}
.pciv-rank-number{background:#0b283b!important;border:1px solid rgba(230,185,79,.3)}

/* Gold is reserved for value, rank and premium status */
.pciv-ranking-crown,.pciv-city-level strong,.pciv-player-label,.pciv-kicker{filter:none}
.pciv-filter-empty{border-color:#347087!important;background:#071e2f!important;color:#b4c8d2!important}

@media(max-width:760px){
  .pciv-toolbar .pciv-toolbar-logout{margin-right:0}
  .pciv-building.is-locked{opacity:.62!important}
  .pciv-city-scene{background:linear-gradient(180deg,#092537 0%,#0a3541 67%,#0b4846 100%)!important}
}

/* v1.0.6 — commercial access, pricing and laboratory evidence */
.pciv-access-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:18px 20px;border:1px solid rgba(230,185,79,.42);border-radius:18px;background:linear-gradient(110deg,rgba(230,185,79,.12),rgba(25,199,184,.06))}.pciv-access-notice>span{font-size:32px}.pciv-access-notice strong{display:block;color:#f2d27b;font-size:17px}.pciv-access-notice p{margin:5px 0 0}.pciv-stage-card.is-premium{border-color:rgba(230,185,79,.42)!important;background:linear-gradient(155deg,rgba(73,58,28,.48),#0a2638)!important}.pciv-stage-card.is-premium .pciv-stage-top small{color:#f2d27b!important}.pciv-stage-buy{background:linear-gradient(100deg,#f2d27b,#e6b94f)!important;color:#17212a!important}.pciv-paywall{max-width:760px;margin:70px auto;padding:48px;text-align:center;border:1px solid rgba(230,185,79,.44);border-radius:26px;background:radial-gradient(circle at 50% 0,rgba(230,185,79,.14),transparent 36%),linear-gradient(145deg,#0d3045,#061c2b)}.pciv-paywall>span{display:block;font-size:58px}.pciv-paywall small{display:block;margin:14px 0 6px;color:#f2d27b}.pciv-paywall h1{margin:0;color:#fff;font-size:clamp(25px,4vw,42px)}.pciv-paywall p{max-width:600px;margin:14px auto 24px;line-height:2}.pciv-pricing .pciv-section-title{text-align:center;max-width:780px;margin:0 auto 28px}.pciv-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pciv-pricing-grid article{display:flex;flex-direction:column;min-height:280px;padding:24px;border:1px solid #21485c;border-radius:21px;background:linear-gradient(155deg,#103348,#071d2c)}.pciv-pricing-grid article.is-featured{border-color:rgba(230,185,79,.52);box-shadow:inset 0 3px 0 #e6b94f}.pciv-pricing-grid article>span{font-size:34px}.pciv-pricing-grid h2{margin:12px 0 8px;color:#fff}.pciv-pricing-grid p{min-height:62px;line-height:1.9}.pciv-pricing-grid strong{display:block;margin:auto 0 14px;color:#f2d27b;font-size:18px}.pciv-pricing-grid small{margin-top:auto;padding:12px;border-radius:12px;background:#061c2b}.pciv-evidence{margin:20px 0;padding:22px;border:1px solid rgba(80,221,224,.32);border-radius:20px;background:linear-gradient(145deg,#0b2c40,#071f30)}.pciv-evidence form{display:grid;gap:14px}.pciv-evidence label{display:grid;gap:7px;color:#dcecf2;font-weight:700}.pciv-evidence textarea,.pciv-evidence input[type=file]{width:100%;padding:12px;border:1px solid #275168;border-radius:12px;background:#071e2f;color:#eef8fc}.pciv-evidence-status{padding:7px 10px;border-radius:99px;font-size:11px;font-weight:900}.pciv-evidence-status.is-new{background:#0a2638;color:#b4c8d2}.pciv-evidence-status.is-pending{background:rgba(231,170,72,.14);color:#f2d27b}.pciv-evidence-status.is-approved{background:rgba(71,214,140,.14);color:#75e9a6}.pciv-evidence-status.is-rejected{background:rgba(227,107,114,.14);color:#f19aa0}.pciv-evidence-result{min-height:20px;color:#b4c8d2}.pciv-evidence-result.is-success{color:#75e9a6}.pciv-evidence-result.is-error{color:#f19aa0}
@media(max-width:900px){.pciv-pricing-grid{grid-template-columns:1fr 1fr}.pciv-access-notice{grid-template-columns:auto 1fr}.pciv-access-notice .pciv-button{grid-column:1/-1}}
@media(max-width:620px){.pciv-pricing-grid{grid-template-columns:1fr}.pciv-paywall{margin:30px auto;padding:28px 18px}.pciv-access-notice{grid-template-columns:1fr;text-align:center}}

/* v1.0.7 — wallet and scientist avatar shop */
.pciv-scientist-avatar{object-fit:cover;display:block;border-radius:inherit}.pciv-profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px;border:1px solid rgba(95,229,255,.18);border-radius:22px;background:linear-gradient(135deg,#0b2a3d,#071a2a)}.pciv-profile-hero h1{margin:5px 0;color:#fff}.pciv-profile-hero p{margin:0;color:var(--pciv-muted)}.pciv-profile-avatar-large{width:156px;height:156px;border:3px solid var(--pciv-gold);border-radius:50%;overflow:hidden;box-shadow:0 0 0 7px rgba(242,196,94,.08)}.pciv-wallet-badge{min-width:180px;padding:16px;border:1px solid rgba(242,196,94,.3);border-radius:18px;text-align:center;background:rgba(242,196,94,.07)}.pciv-wallet-badge span,.pciv-wallet-badge small{display:block;color:var(--pciv-muted);font-size:12px}.pciv-wallet-badge strong{display:block;margin:6px 0;color:var(--pciv-gold);font-size:30px}.pciv-profile-form-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;margin:18px 0;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#071c2c}.pciv-profile-form-grid label{margin:0}.pciv-profile-form-grid .pciv-profile-result{grid-column:1/-1}.pciv-avatar-shop,.pciv-coin-store,.pciv-wallet-history{margin-top:28px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(6,26,42,.72)}.pciv-shop-balance{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid rgba(242,196,94,.3);border-radius:99px;color:var(--pciv-gold);background:rgba(242,196,94,.07)}.pciv-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.pciv-avatar-card{position:relative;padding:12px;border:1px solid rgba(95,229,255,.14);border-radius:18px;background:linear-gradient(180deg,#12344a,#081b2b);transition:.2s ease}.pciv-avatar-card:hover{transform:translateY(-3px);border-color:rgba(95,229,255,.38)}.pciv-avatar-card.is-selected{border-color:var(--pciv-gold);box-shadow:0 0 0 2px rgba(242,196,94,.12),0 15px 35px rgba(0,0,0,.25)}.pciv-avatar-image{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:#061723}.pciv-avatar-image img{width:100%;height:100%;object-fit:cover}.pciv-avatar-lock,.pciv-avatar-active{position:absolute;top:8px;right:8px;padding:5px 8px;border-radius:99px;background:rgba(3,15,25,.85);font-size:11px}.pciv-avatar-active{background:var(--pciv-gold);color:#14202a;font-weight:900}.pciv-avatar-card h3{margin:11px 2px 6px;color:#fff;font-size:15px}.pciv-avatar-price{min-height:28px;margin-bottom:9px;color:var(--pciv-gold);font-size:12px}.pciv-avatar-price .is-free{color:var(--pciv-success)}.pciv-avatar-price .is-owned{color:var(--pciv-cyan)}.pciv-avatar-card .pciv-button{width:100%;min-height:39px;padding:8px;font-size:12px}.pciv-avatar-result{min-height:18px;margin-top:7px;color:var(--pciv-muted);font-size:10px}.pciv-avatar-result.is-success{color:var(--pciv-success)}.pciv-avatar-result.is-error{color:var(--pciv-danger)}.pciv-coin-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pciv-coin-pack-grid article{padding:20px;border:1px solid rgba(242,196,94,.2);border-radius:18px;text-align:center;background:linear-gradient(160deg,rgba(242,196,94,.09),#0a2235 65%)}.pciv-coin-pack-grid article>span{font-size:38px}.pciv-coin-pack-grid h3{margin:8px 0;color:#fff}.pciv-coin-pack-grid strong{display:block;margin-bottom:10px;color:var(--pciv-gold);font-size:22px}.pciv-coin-pack-grid .pciv-button{margin-top:14px;width:100%}.pciv-wallet-history td.is-credit{color:var(--pciv-success);font-weight:900}.pciv-wallet-history td.is-debit{color:var(--pciv-danger);font-weight:900}
@media(max-width:1100px){.pciv-avatar-grid{grid-template-columns:repeat(3,1fr)}.pciv-coin-pack-grid{grid-template-columns:repeat(2,1fr)}.pciv-profile-form-grid{grid-template-columns:repeat(2,1fr)}.pciv-profile-form-grid button{min-height:46px}}
@media(max-width:680px){.pciv-profile-hero{grid-template-columns:1fr;text-align:center}.pciv-profile-avatar-large{margin:auto}.pciv-wallet-badge{width:100%}.pciv-profile-form-grid{grid-template-columns:1fr}.pciv-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pciv-avatar-shop,.pciv-coin-store,.pciv-wallet-history{padding:14px}.pciv-coin-pack-grid{grid-template-columns:1fr}.pciv-section-title-row{align-items:flex-start;gap:10px}.pciv-shop-balance{font-size:11px}}

/* v1.0.9 — avatar frames */
.pciv-avatar-shell{position:relative;display:inline-block;line-height:0;vertical-align:middle;isolation:isolate;overflow:visible}
.pciv-avatar-shell .pciv-scientist-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.pciv-avatar-shell .pciv-avatar-frame-layer{position:absolute;inset:-7%;width:114%;height:114%;object-fit:contain;display:block;pointer-events:none;z-index:2}
.pciv-profile-avatar-large,.pciv-player-avatar,.pciv-leader-user .pciv-avatar-shell{overflow:visible}
.pciv-profile-avatar-large{display:grid;place-items:center}
.pciv-player .pciv-avatar-shell,.pciv-profile-avatar-large .pciv-avatar-shell,.pciv-leader-user .pciv-avatar-shell{border-radius:50%}
.pciv-avatar-card .pciv-avatar-image .pciv-avatar-shell{width:100%!important;height:100%!important}
.pciv-frame-preview{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:radial-gradient(circle at center,rgba(95,229,255,.18),rgba(6,23,35,.95) 72%)}
.pciv-frame-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pciv-frame-preview .pciv-frame-preview-base{opacity:.28;transform:scale(.78);filter:saturate(.55)}
.pciv-avatar-card .pciv-avatar-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 0;font-size:11px;color:var(--pciv-muted)}
.pciv-avatar-card .pciv-avatar-meta-line b{color:#fff}
.pciv-avatar-shell .pciv-scientist-avatar{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.pciv-avatar-shell .pciv-avatar-frame-layer{width:114%!important;height:114%!important;object-fit:contain!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important}

/* ========================================================================
   Physics Civilizations Core 1.2.0 — Premium cosmetics marketplace
   ======================================================================== */
.pciv-cosmetic-shop{margin-top:30px;padding:24px;border:1px solid rgba(95,229,255,.14);border-radius:24px;background:linear-gradient(160deg,rgba(9,35,54,.96),rgba(4,20,33,.96));box-shadow:0 20px 48px rgba(0,0,0,.2)}
.pciv-cosmetic-tabs{display:flex;gap:9px;overflow-x:auto;padding:3px 0 12px;margin-bottom:16px;scrollbar-width:thin}.pciv-cosmetic-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:9px 14px;border:1px solid rgba(100,176,206,.2);border-radius:13px;background:#0a263a;color:#bcd4df;font-weight:800;cursor:pointer}.pciv-cosmetic-tabs button.is-active{border-color:rgba(242,196,94,.55);background:linear-gradient(110deg,rgba(242,196,94,.2),rgba(32,215,197,.14));color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.18)}
.pciv-cosmetic-panel{animation:pciv-panel-in .25s ease}.pciv-cosmetic-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0 16px;padding:13px 16px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025)}.pciv-cosmetic-panel-head>div{display:flex;align-items:center;gap:10px}.pciv-cosmetic-panel-head>div>span{font-size:25px}.pciv-cosmetic-panel-head strong{font-size:17px}.pciv-cosmetic-panel-head small{color:var(--pciv-muted)}
.pciv-cosmetic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pciv-cosmetic-card{position:relative;padding:12px;border:1px solid rgba(95,229,255,.13);border-radius:18px;background:linear-gradient(180deg,#12344a,#081b2b);transition:.2s ease;overflow:hidden}.pciv-cosmetic-card:hover{transform:translateY(-3px);border-color:rgba(95,229,255,.38)}.pciv-cosmetic-card.is-selected{border-color:var(--pciv-gold);box-shadow:0 0 0 2px rgba(242,196,94,.1),0 16px 35px rgba(0,0,0,.24)}.pciv-cosmetic-card h3{margin:11px 2px 4px;font-size:15px}.pciv-cosmetic-card>small{display:block;min-height:18px;color:#87a8b8;font-size:10px}.pciv-cosmetic-card .pciv-button{width:100%;min-height:39px;padding:8px;font-size:12px}
.pciv-cosmetic-preview{position:relative;display:grid;place-items:center;aspect-ratio:1.45;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#153d57,#071522)}.pciv-cosmetic-preview:before,.pciv-cosmetic-preview:after{content:"";position:absolute;inset:auto;width:100px;height:100px;border-radius:50%;filter:blur(3px);opacity:.36}.pciv-cosmetic-preview:before{top:-45px;right:-30px;background:#5fe5ff}.pciv-cosmetic-preview:after{bottom:-52px;left:-32px;background:#f2c45e}.pciv-cosmetic-preview>span{position:relative;z-index:2;font-size:43px;filter:drop-shadow(0 7px 15px rgba(0,0,0,.42))}.pciv-cosmetic-preview>b{position:absolute;z-index:3;top:8px;right:8px;padding:4px 7px;border-radius:99px;background:rgba(3,15,25,.86);color:#fff;font-size:10px}
.pciv-cosmetic-bundle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pciv-cosmetic-bundle-grid article{position:relative;padding:22px;border:1px solid rgba(242,196,94,.23);border-radius:20px;background:radial-gradient(circle at 15% 0,rgba(242,196,94,.15),transparent 35%),linear-gradient(145deg,#12364b,#071b2b);overflow:hidden}.pciv-cosmetic-bundle-grid article:after{content:"";position:absolute;width:110px;height:110px;left:-45px;bottom:-55px;border-radius:50%;background:rgba(32,215,197,.11)}.pciv-bundle-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.06);font-size:31px}.pciv-cosmetic-bundle-grid h3{margin:13px 0 7px;font-size:19px}.pciv-cosmetic-bundle-grid p{min-height:72px;color:var(--pciv-muted);font-size:11px;line-height:1.9}.pciv-cosmetic-bundle-grid strong{display:block;margin:11px 0;color:var(--pciv-gold);font-size:18px}.pciv-cosmetic-bundle-grid .pciv-button{position:relative;z-index:2;width:100%}
@keyframes pciv-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Cosmetic previews */
.pciv-cosmetic-preview.is-city-royal,.pciv-cosmetic-preview.is-banner-royal{background:radial-gradient(circle at 50% 18%,#ffe298 0,#8f6325 18%,transparent 37%),linear-gradient(145deg,#142f42,#201b16)}
.pciv-cosmetic-preview.is-city-cosmic,.pciv-cosmetic-preview.is-bg-galaxy,.pciv-cosmetic-preview.is-banner-aurora{background:radial-gradient(circle at 70% 25%,#8f5cff,transparent 20%),radial-gradient(circle at 28% 72%,#25d8e9,transparent 24%),linear-gradient(145deg,#09092c,#18144b)}
.pciv-cosmetic-preview.is-city-neon,.pciv-cosmetic-preview.is-bg-circuit,.pciv-cosmetic-preview.is-banner-tesla{background:linear-gradient(135deg,#051721 0 42%,#0e6b7a 43% 45%,#061722 46% 70%,#a02cff 71% 73%,#071622 74%)}
.pciv-cosmetic-preview.is-city-ice,.pciv-cosmetic-preview.is-effect-frost{background:linear-gradient(145deg,#eafaff,#75d7ff 42%,#163c66)}
.pciv-cosmetic-preview.is-city-atlantis{background:radial-gradient(circle at 50% 80%,#32d9c0,transparent 28%),linear-gradient(160deg,#062939,#07536a 58%,#0b1c31)}
.pciv-cosmetic-preview.is-city-steam{background:radial-gradient(circle at 20% 30%,#d69b54,transparent 20%),repeating-radial-gradient(circle at 70% 55%,#6d4322 0 4px,#1d1814 5px 11px)}
.pciv-cosmetic-preview.is-city-volcano{background:radial-gradient(circle at 50% 85%,#ffb52d,#f2471f 18%,transparent 39%),linear-gradient(145deg,#291116,#080b11)}
.pciv-cosmetic-preview.is-city-quantum,.pciv-cosmetic-preview.is-banner-quantum,.pciv-cosmetic-preview.is-effect-atomic{background:radial-gradient(circle at center,#35e5dd 0 7%,transparent 8%),conic-gradient(from 45deg,#111348,#742fc9,#0d8f9c,#111348)}
.pciv-cosmetic-preview.is-bg-navy,.pciv-cosmetic-preview.is-banner-academy{background:linear-gradient(145deg,#0e3850,#061725)}
.pciv-cosmetic-preview.is-bg-formulas,.pciv-cosmetic-preview.is-effect-formulas{background:repeating-linear-gradient(0deg,rgba(95,229,255,.08) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,rgba(95,229,255,.06) 0 1px,transparent 1px 16px),#071c2b}
.pciv-cosmetic-preview.is-bg-magnetic{background:repeating-radial-gradient(ellipse at center,transparent 0 12px,rgba(237,79,113,.33) 13px 15px,transparent 16px 26px),#10243d}
.pciv-cosmetic-preview.is-bg-prism,.pciv-cosmetic-preview.is-banner-optics{background:linear-gradient(125deg,#0c2945 0 30%,#58dfff 31% 35%,#e95bff 36% 40%,#ffd05a 41% 45%,#0d233a 46%)}
.pciv-cosmetic-preview.is-bg-laboratory{background:radial-gradient(circle at 30% 70%,#23e6c8 0 7%,transparent 8%),radial-gradient(circle at 70% 35%,#a655ff 0 8%,transparent 9%),linear-gradient(145deg,#071e2c,#0d3442)}
.pciv-cosmetic-preview.is-bg-celestial,.pciv-cosmetic-preview.is-banner-motion,.pciv-cosmetic-preview.is-effect-stars{background:radial-gradient(circle at 25% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#fff 0 1px,transparent 2px),radial-gradient(circle at 55% 18%,#67deff 0 2px,transparent 3px),linear-gradient(145deg,#080b27,#113254)}
.pciv-cosmetic-preview.is-banner-nuclear{background:radial-gradient(circle at center,#f4ff80 0 8%,#4de0bd 9% 20%,transparent 21%),repeating-radial-gradient(circle at center,transparent 0 18px,rgba(77,224,189,.2) 19px 21px),#092a32}
.pciv-cosmetic-preview.is-effect-particles{background:radial-gradient(circle at 20% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 20%,#6cf6e2 0 3px,transparent 4px),radial-gradient(circle at 55% 75%,#f4c45e 0 3px,transparent 4px),#092338}
.pciv-cosmetic-preview.is-effect-portal{background:repeating-radial-gradient(circle at center,transparent 0 13px,#6c4cff 14px 16px,transparent 17px 28px),#080d2d}
.pciv-cosmetic-preview.is-effect-tesla{background:linear-gradient(118deg,transparent 0 47%,#84f6ff 48% 50%,transparent 51%),linear-gradient(65deg,transparent 0 54%,#b255ff 55% 57%,transparent 58%),#071827}
.pciv-cosmetic-preview.is-effect-none{filter:grayscale(.7);opacity:.8}

/* Applied profile backgrounds */
.pciv-shell.pciv-cosmetic-profile_bg-bg-galaxy{background:radial-gradient(circle at 15% 8%,rgba(137,74,255,.34),transparent 23%),radial-gradient(circle at 82% 16%,rgba(35,221,213,.22),transparent 19%),linear-gradient(150deg,#05071e,#111842 52%,#071725)}
.pciv-shell.pciv-cosmetic-profile_bg-bg-formulas{background:repeating-linear-gradient(0deg,rgba(89,218,246,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(89,218,246,.03) 0 1px,transparent 1px 34px),linear-gradient(145deg,#020b13,#082338)}
.pciv-shell.pciv-cosmetic-profile_bg-bg-magnetic{background:radial-gradient(ellipse at 15% 10%,rgba(230,67,101,.23),transparent 28%),radial-gradient(ellipse at 85% 15%,rgba(54,171,255,.24),transparent 28%),linear-gradient(150deg,#06131e,#0a2538)}
.pciv-shell.pciv-cosmetic-profile_bg-bg-prism{background:linear-gradient(135deg,rgba(73,221,255,.12),transparent 28%),linear-gradient(225deg,rgba(235,86,255,.12),transparent 30%),linear-gradient(150deg,#06111d,#11243b)}
.pciv-shell.pciv-cosmetic-profile_bg-bg-laboratory{background:radial-gradient(circle at 12% 15%,rgba(32,215,197,.18),transparent 24%),radial-gradient(circle at 88% 12%,rgba(129,73,255,.15),transparent 22%),linear-gradient(150deg,#03131a,#082d35)}
.pciv-shell.pciv-cosmetic-profile_bg-bg-circuit{background:linear-gradient(90deg,transparent 47%,rgba(50,221,204,.06) 48% 49%,transparent 50%),linear-gradient(0deg,transparent 47%,rgba(95,229,255,.05) 48% 49%,transparent 50%),linear-gradient(145deg,#030f18,#09263a);background-size:52px 52px,52px 52px,auto}
.pciv-shell.pciv-cosmetic-profile_bg-bg-celestial{background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 75% 30%,rgba(255,255,255,.33) 0 1px,transparent 2px),radial-gradient(circle at 50% 0,rgba(56,158,255,.28),transparent 33%),linear-gradient(150deg,#03071a,#0a1e3b)}

/* Applied profile banners */
.pciv-cosmetic-profile_banner-banner-tesla .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-tesla .pciv-player-premium{background:linear-gradient(125deg,#071925,#0a5f6a 50%,#5f2a92);box-shadow:inset 0 0 45px rgba(85,239,255,.12)}
.pciv-cosmetic-profile_banner-banner-quantum .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-quantum .pciv-player-premium{background:radial-gradient(circle at 20% 50%,rgba(88,231,222,.3),transparent 25%),linear-gradient(125deg,#111247,#4e2881)}
.pciv-cosmetic-profile_banner-banner-optics .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-optics .pciv-player-premium{background:linear-gradient(115deg,#082238,#145b6a 38%,#6d316f 64%,#7c5820)}
.pciv-cosmetic-profile_banner-banner-nuclear .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-nuclear .pciv-player-premium{background:radial-gradient(circle at 15% 50%,rgba(215,255,94,.23),transparent 20%),linear-gradient(125deg,#0c302d,#0a243b)}
.pciv-cosmetic-profile_banner-banner-motion .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-motion .pciv-player-premium{background:linear-gradient(105deg,#07182b,#095474 48%,#11324d);position:relative}
.pciv-cosmetic-profile_banner-banner-royal .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-royal .pciv-player-premium{background:radial-gradient(circle at 18% 40%,rgba(245,200,95,.3),transparent 24%),linear-gradient(125deg,#2b2114,#0a2438);border-color:rgba(245,200,95,.5)}
.pciv-cosmetic-profile_banner-banner-aurora .pciv-profile-hero,.pciv-cosmetic-profile_banner-banner-aurora .pciv-player-premium{background:linear-gradient(120deg,#071d31,#07515a 38%,#3c2d7d 72%,#0c1c35)}

/* Applied city skins */
.pciv-city.pciv-selected-city-cosmic .pciv-city-scene{background:radial-gradient(circle at 70% 18%,rgba(154,93,255,.5),transparent 22%),radial-gradient(circle at 25% 25%,rgba(50,218,255,.28),transparent 18%),linear-gradient(180deg,#070821,#16143f 68%,#142b48)}
.pciv-city.pciv-selected-city-neon .pciv-city-scene{background:linear-gradient(180deg,#03141d,#062a36 70%,#06373b);box-shadow:inset 0 -35px 55px rgba(32,215,197,.13)}.pciv-city.pciv-selected-city-neon .pciv-building{border-color:#34e9d7;box-shadow:0 0 18px rgba(32,215,197,.22)}
.pciv-city.pciv-selected-city-ice .pciv-city-scene{background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.6),transparent 20%),linear-gradient(180deg,#b9edff,#4a8eae 65%,#174765)}.pciv-city.pciv-selected-city-ice .pciv-building{background:linear-gradient(180deg,rgba(230,251,255,.88),rgba(47,111,151,.95))}
.pciv-city.pciv-selected-city-atlantis .pciv-city-scene{background:radial-gradient(circle at 50% 10%,rgba(65,242,226,.25),transparent 25%),linear-gradient(180deg,#073447,#07556a 65%,#063e3b)}
.pciv-city.pciv-selected-city-steam .pciv-city-scene{background:radial-gradient(circle at 50% 20%,rgba(220,153,73,.19),transparent 22%),linear-gradient(180deg,#241b16,#4a3020 65%,#261c17)}.pciv-city.pciv-selected-city-steam .pciv-building{background:linear-gradient(180deg,#b9783d,#3a2720);border-color:#c58a50}
.pciv-city.pciv-selected-city-volcano .pciv-city-scene{background:radial-gradient(circle at 50% 100%,rgba(255,83,31,.75),transparent 35%),linear-gradient(180deg,#160d15,#2b1215 66%,#5a1d13)}.pciv-city.pciv-selected-city-volcano .pciv-building{background:linear-gradient(180deg,#ed7842,#351823)}
.pciv-city.pciv-selected-city-quantum .pciv-city-scene{background:repeating-radial-gradient(circle at 50% 28%,transparent 0 32px,rgba(58,240,218,.13) 33px 35px),linear-gradient(180deg,#121145,#25206b 62%,#0b4a51)}.pciv-city.pciv-selected-city-quantum .pciv-building{box-shadow:0 0 24px rgba(74,239,226,.25)}

/* Companions */
.pciv-player-companion,.pciv-profile-companion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;min-width:62px;padding:8px;border:1px solid rgba(95,229,255,.18);border-radius:17px;background:rgba(4,19,31,.62)}.pciv-player-companion span,.pciv-profile-companion span{font-size:33px;animation:pciv-companion-float 2.8s ease-in-out infinite}.pciv-player-companion small,.pciv-profile-companion small{max-width:75px;color:#9fc0ce;font-size:8px;text-align:center}.pciv-profile-companion{min-width:82px}.pciv-profile-companion span{font-size:43px}@keyframes pciv-companion-float{50%{transform:translateY(-5px) rotate(2deg)}}

/* Entry effects */
.pciv-entry-effect-layer{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden;animation:pciv-effect-fade 1.65s ease forwards}.pciv-entry-effect-layer i{position:absolute;display:block}
.pciv-entry-effect-layer.is-effect-particles i{width:14px;height:14px;border-radius:50%;background:#65f3e0;box-shadow:0 0 22px #65f3e0;animation:pciv-particle 1.5s ease-out forwards}.pciv-entry-effect-layer.is-effect-particles i:nth-child(1){left:10%;top:20%}.pciv-entry-effect-layer.is-effect-particles i:nth-child(2){left:30%;top:70%;animation-delay:.1s}.pciv-entry-effect-layer.is-effect-particles i:nth-child(3){left:50%;top:30%;animation-delay:.2s}.pciv-entry-effect-layer.is-effect-particles i:nth-child(4){left:70%;top:78%;animation-delay:.12s}.pciv-entry-effect-layer.is-effect-particles i:nth-child(5){left:88%;top:22%;animation-delay:.25s}.pciv-entry-effect-layer.is-effect-particles i:nth-child(6){left:45%;top:88%;animation-delay:.18s}
.pciv-entry-effect-layer.is-effect-portal:before,.pciv-entry-effect-layer.is-effect-atomic:before{content:"";position:absolute;left:50%;top:50%;width:80px;height:80px;border:4px solid #8e65ff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #6a48ff;animation:pciv-portal-open 1.35s ease-out forwards}.pciv-entry-effect-layer.is-effect-atomic:after{content:"⚛";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#75f5e5;font-size:75px;animation:pciv-symbol-pop 1.2s ease forwards}
.pciv-entry-effect-layer.is-effect-tesla:before,.pciv-entry-effect-layer.is-effect-tesla:after{content:"";position:absolute;inset:-10%;background:linear-gradient(112deg,transparent 48%,rgba(130,245,255,.9) 49% 50%,transparent 51%),linear-gradient(68deg,transparent 48%,rgba(167,85,255,.7) 49% 50%,transparent 51%);animation:pciv-lightning .25s steps(2) 4}
.pciv-entry-effect-layer.is-effect-stars i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:pciv-star-fall 1.5s linear forwards}.pciv-entry-effect-layer.is-effect-stars i:nth-child(1){left:12%;top:-5%;animation-delay:0}.pciv-entry-effect-layer.is-effect-stars i:nth-child(2){left:28%;top:-8%;animation-delay:.12s}.pciv-entry-effect-layer.is-effect-stars i:nth-child(3){left:48%;top:-12%;animation-delay:.22s}.pciv-entry-effect-layer.is-effect-stars i:nth-child(4){left:66%;top:-6%;animation-delay:.08s}.pciv-entry-effect-layer.is-effect-stars i:nth-child(5){left:82%;top:-10%;animation-delay:.17s}.pciv-entry-effect-layer.is-effect-stars i:nth-child(6){left:94%;top:-4%;animation-delay:.3s}
.pciv-entry-effect-layer.is-effect-frost:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.75),transparent 8%),linear-gradient(135deg,rgba(209,247,255,.78),rgba(91,186,230,.2));backdrop-filter:blur(3px);animation:pciv-frost-clear 1.45s ease forwards}
.pciv-entry-effect-layer.is-effect-formulas:before{content:"E=mc²   F=ma   v=Δx/Δt   P=F/A   W=Fd   Q=mcΔT";position:absolute;inset:0;display:grid;place-items:center;color:rgba(95,229,255,.85);font-size:clamp(20px,4vw,52px);word-spacing:1.2em;transform:rotate(-8deg);animation:pciv-formulas-spin 1.4s ease-out forwards}
@keyframes pciv-effect-fade{0%,72%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes pciv-particle{0%{transform:scale(.2);opacity:0}35%{opacity:1}100%{transform:scale(9);opacity:0}}@keyframes pciv-portal-open{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}50%{opacity:1}100%{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes pciv-symbol-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}55%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(5)}}@keyframes pciv-lightning{50%{filter:brightness(2);opacity:.15}}@keyframes pciv-star-fall{to{transform:translate(-160px,115vh) scale(3);opacity:0}}@keyframes pciv-frost-clear{to{opacity:0;transform:scale(1.1)}}@keyframes pciv-formulas-spin{0%{opacity:0;transform:rotate(-30deg) scale(.2)}50%{opacity:1}100%{opacity:0;transform:rotate(12deg) scale(2)}}

@media(max-width:1100px){.pciv-cosmetic-grid{grid-template-columns:repeat(3,1fr)}.pciv-cosmetic-bundle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pciv-cosmetic-shop{padding:14px}.pciv-cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pciv-cosmetic-bundle-grid{grid-template-columns:1fr}.pciv-cosmetic-panel-head{align-items:flex-start;flex-direction:column}.pciv-player-companion{display:none}.pciv-profile-companion{position:absolute;left:12px;bottom:12px;min-width:58px;padding:5px}.pciv-profile-companion span{font-size:30px}.pciv-cosmetic-card h3{font-size:13px}.pciv-cosmetic-preview>span{font-size:34px}}
.pciv-profile-hero{grid-template-columns:auto minmax(0,1fr) auto auto}.pciv-profile-hero .pciv-wallet-badge{justify-self:end}
@media(max-width:680px){.pciv-profile-hero{grid-template-columns:1fr}.pciv-profile-hero .pciv-wallet-badge{justify-self:stretch}}

/* ========================================================================
   Physics Civilizations Core 1.2.1 — dashboard, city and realm UX refinement
   ======================================================================== */
.pciv-portal-v121{overflow:visible}
.pciv-portal-hero-v121{display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,560px);align-items:center;gap:28px;min-height:285px}
.pciv-commander-card{position:relative;width:100%;max-width:none;min-width:0;padding:22px 24px;gap:18px;border-color:rgba(242,196,94,.38)!important;background:radial-gradient(circle at 90% 5%,rgba(242,196,94,.16),transparent 28%),linear-gradient(145deg,rgba(7,30,44,.98),rgba(12,55,70,.9))!important;box-shadow:0 22px 50px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)!important}
.pciv-commander-card .pciv-player-avatar{width:144px;height:144px;display:grid;place-items:center;overflow:visible}
.pciv-commander-card .pciv-avatar-shell{filter:drop-shadow(0 13px 18px rgba(0,0,0,.35))}
.pciv-commander-card .pciv-player-info>strong{margin:7px 0 4px;font-size:22px}
.pciv-commander-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pciv-commander-eyebrow>span{color:var(--pciv-gold);font-size:10px;font-weight:900}
.pciv-commander-eyebrow>b{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(242,196,94,.3);border-radius:999px;background:rgba(242,196,94,.08);color:#f8d985;font-size:9px}
.pciv-commander-title{min-height:18px;color:#c6dbe4!important}
.pciv-commander-metrics{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 2px}
.pciv-commander-metrics span{display:inline-flex!important;align-items:center;gap:4px;margin:0!important;padding:5px 8px;border:1px solid rgba(74,139,164,.25);border-radius:9px;background:rgba(4,20,31,.48);color:#91adba!important;font-size:9px!important}
.pciv-commander-metrics b{color:#fff;font-size:11px}
.pciv-commander-card .pciv-player-companion{min-width:72px;border-color:rgba(95,229,255,.28);background:rgba(3,20,30,.75)}
.pciv-commander-card .pciv-player-companion span{font-size:40px}

.pciv-customization-hub{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(190px,.45fr);align-items:center;gap:22px;margin:24px 0;padding:25px 27px;border:1px solid rgba(242,196,94,.32);border-radius:24px;background:radial-gradient(circle at 8% 10%,rgba(242,196,94,.15),transparent 25%),radial-gradient(circle at 90% 80%,rgba(32,215,197,.14),transparent 28%),linear-gradient(135deg,#0d3044,#071e2d);box-shadow:0 18px 42px rgba(0,0,0,.18);overflow:hidden}
.pciv-customization-hub:after{content:"✦";position:absolute;left:24px;top:8px;color:rgba(242,196,94,.2);font-size:90px;line-height:1;pointer-events:none}
.pciv-customization-copy{position:relative;z-index:1}
.pciv-customization-copy h2{margin:5px 0 7px;font-size:25px}
.pciv-customization-copy p{max-width:680px;margin:0;color:#adc5d0;line-height:1.9;font-size:12px}
.pciv-customization-active{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.pciv-customization-active span{padding:7px 10px;border:1px solid rgba(78,145,169,.27);border-radius:999px;background:rgba(4,20,31,.55);color:#d8e9ef;font-size:10px}
.pciv-customization-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.pciv-customization-stats div{padding:14px 9px;border:1px solid rgba(72,139,165,.28);border-radius:15px;text-align:center;background:rgba(5,25,38,.6)}
.pciv-customization-stats strong,.pciv-customization-stats span{display:block}
.pciv-customization-stats strong{color:#f4cf71;font-size:23px}
.pciv-customization-stats span{margin-top:5px;color:#a6bec9;font-size:9px;line-height:1.5}
.pciv-customization-actions{position:relative;z-index:1;display:grid;gap:9px}
.pciv-customization-actions .pciv-button{width:100%;font-size:11px}

.pciv-city-header-side{display:flex;align-items:center;gap:12px}
.pciv-city-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:290px}
.pciv-city-actions a{display:inline-flex;align-items:center;min-height:33px;padding:6px 10px;border:1px solid rgba(62,125,149,.32);border-radius:10px;background:#082436;color:#d5e7ee!important;font-size:9px;font-weight:800}
.pciv-city-actions a:hover{border-color:#2dcfc2;background:#0c3448}
.pciv-city-active-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pciv-city-active-items span{padding:5px 9px;border:1px solid rgba(62,125,149,.28);border-radius:999px;background:rgba(4,20,31,.45);color:#bcd1da;font-size:9px}
.pciv-city-scene{min-height:360px!important;padding:72px 28px 28px!important;gap:14px!important;overflow:visible!important}
.pciv-city-horizon{position:absolute;right:5%;left:5%;bottom:28px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(99,231,218,.35),transparent);box-shadow:0 -20px 45px rgba(44,207,192,.13)}
.pciv-building{position:relative!important;width:11.3%!important;min-width:92px!important;height:calc(108px + var(--i)*11px)!important;padding:12px 6px 10px!important;justify-content:flex-end!important;border-radius:22px 22px 9px 9px!important;transition:transform .2s ease,filter .2s ease,opacity .2s ease!important}
.pciv-building:hover{transform:translateY(-6px)}
.pciv-building>span{font-size:39px!important;filter:drop-shadow(0 8px 9px rgba(0,0,0,.25))}
.pciv-building>strong{max-width:94px;margin-top:7px;text-align:center;font-size:10px!important;line-height:1.55}
.pciv-building>small{margin-top:5px!important;font-size:8px!important}
.pciv-building>b{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(2,14,23,.75);font-size:11px}
.pciv-building.is-locked{opacity:.66!important;filter:saturate(.42) brightness(.78)!important}
.pciv-city-decor{position:absolute;right:20px;bottom:22px;z-index:5;display:flex;flex-direction:column;align-items:center;min-width:105px;padding:10px 12px;border:1px solid rgba(242,196,94,.34);border-radius:16px;background:rgba(4,20,29,.68);box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(7px)}
.pciv-city-decor span{font-size:47px;animation:pciv-city-decor-glow 3s ease-in-out infinite}
.pciv-city-decor strong{margin-top:4px;color:#f6d57a;font-size:9px}
.pciv-city-companion{position:absolute;left:24px;bottom:25px;z-index:5;display:flex;flex-direction:column;align-items:center;padding:9px 12px;border:1px solid rgba(95,229,255,.28);border-radius:16px;background:rgba(4,20,29,.68);backdrop-filter:blur(7px)}
.pciv-city-companion span{font-size:44px;animation:pciv-companion-float 2.8s ease-in-out infinite}
.pciv-city-companion small{margin-top:3px;color:#a9c5d0;font-size:8px}
@keyframes pciv-city-decor-glow{50%{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 0 12px rgba(242,196,94,.42))}}

.pciv-continue-realm{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(170px,240px);align-items:center;gap:18px;margin:0 0 16px;padding:19px 22px;border:1px solid color-mix(in srgb,var(--realm-accent) 52%,#335d70);border-radius:20px;background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--realm-accent) 18%,transparent),transparent 30%),linear-gradient(125deg,#10344a,#071e2e);box-shadow:inset 4px 0 0 var(--realm-accent),0 13px 30px rgba(0,0,0,.17);color:#fff!important;transition:.2s ease}
.pciv-continue-realm:hover{transform:translateY(-2px);border-color:var(--realm-accent);box-shadow:inset 4px 0 0 var(--realm-accent),0 18px 38px rgba(0,0,0,.23)}
.pciv-continue-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--realm-accent) 52%,#315a6e);border-radius:20px;background:#082538;font-size:32px}
.pciv-continue-realm small{display:block;color:var(--realm-accent);font-size:9px;font-weight:900}
.pciv-continue-realm strong{display:block;margin:4px 0;font-size:19px}
.pciv-continue-realm p{margin:0;color:#a9c1cc;font-size:10px}
.pciv-continue-progress{text-align:left}
.pciv-continue-progress>b{display:block;color:var(--realm-accent);font-size:20px}
.pciv-continue-progress>span{display:block;height:8px;margin:7px 0;border-radius:999px;background:#061b29;overflow:hidden}
.pciv-continue-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--realm-accent),#4ce1d5)}
.pciv-continue-progress em{color:#dbe9ee;font-size:10px;font-style:normal;font-weight:900}
.pciv-realm-filter-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.pciv-realm-filter-group{padding:11px 12px;border:1px solid rgba(52,112,135,.25);border-radius:15px;background:rgba(5,24,36,.58)}
.pciv-realm-filter-group>span{display:block;margin:0 3px 8px;color:#91afbc;font-size:9px;font-weight:800}
.pciv-realm-filter-group .pciv-realm-filters{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.pciv-status-filters button.is-active{border-color:rgba(242,196,94,.45)!important;background:linear-gradient(105deg,#e8bf5c,#c89535)!important;color:#152029!important;box-shadow:0 8px 20px rgba(216,170,63,.12)!important}
.pciv-realm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.pciv-realm-card{min-height:390px;display:flex;flex-direction:column}
.pciv-realm-card-cover{height:112px!important;margin:-20px -20px 14px!important;background-image:linear-gradient(180deg,transparent,rgba(7,29,44,.86)),var(--realm-header)!important;background-size:cover!important;background-position:center!important}
.pciv-realm-card-copy{flex:1}
.pciv-realm-progress em{display:block;margin-top:7px;color:#8daab7;font-size:8px;font-style:normal}
.pciv-realm-card.is-status-completed{box-shadow:inset 0 3px 0 #5ddd98,0 14px 34px rgba(0,0,0,.16)!important}
.pciv-realm-card.is-status-completed .pciv-realm-status-badge{border-color:rgba(85,217,139,.4)!important;color:#78e7a7!important}
.pciv-realm-card.is-status-in-progress .pciv-realm-status-badge{border-color:rgba(95,229,255,.45)!important;color:#71e5f8!important}
.pciv-realm-card.is-status-locked{filter:saturate(.78)}
.pciv-realm-card.is-status-locked .pciv-realm-status-badge{border-color:rgba(242,196,94,.42)!important;color:#f3d27c!important}
.pciv-realm-card[hidden]{display:none!important}

.pciv-ranking .pciv-table{overflow-x:auto}
.pciv-ranking table{min-width:690px}
.pciv-ranking th,.pciv-ranking td{vertical-align:middle}
.pciv-ranking tbody tr{height:70px}
.pciv-ranking .pciv-leader-user{display:flex;align-items:center;gap:13px;min-width:230px}
.pciv-ranking .pciv-leader-user .pciv-avatar-shell{flex:0 0 auto;width:64px!important;height:64px!important}
.pciv-ranking .pciv-leader-user strong{font-size:12px}
.pciv-ranking .pciv-leader-user small{margin-top:4px;font-size:9px}

/* Distinct previews for the new city decor category. */
.pciv-cosmetic-preview.is-decor-fountain{background:radial-gradient(circle,#56e6ec 0 12%,transparent 13%),linear-gradient(145deg,#0b4160,#071f32)}
.pciv-cosmetic-preview.is-decor-tesla{background:linear-gradient(145deg,#13315a,#4f2574)}
.pciv-cosmetic-preview.is-decor-observatory{background:radial-gradient(circle at 70% 20%,#f2d27b 0 4%,transparent 5%),linear-gradient(145deg,#07172c,#153f58)}
.pciv-cosmetic-preview.is-decor-library{background:linear-gradient(145deg,#4a281b,#142638)}
.pciv-cosmetic-preview.is-decor-reactor{background:radial-gradient(circle,#55f5d8 0 8%,rgba(85,245,216,.18) 9% 25%,transparent 26%),#11194c}
.pciv-cosmetic-preview.is-decor-statue{background:linear-gradient(145deg,#5b5e68,#172a3a)}
.pciv-cosmetic-preview.is-decor-garden{background:linear-gradient(145deg,#164d37,#0b2936)}
.pciv-cosmetic-preview.is-decor-gateway{background:linear-gradient(145deg,#745827,#132b3c)}

@media(max-width:1220px){
  .pciv-portal-hero-v121{grid-template-columns:1fr minmax(390px,470px)}
  .pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pciv-customization-hub{grid-template-columns:1fr 1fr}.pciv-customization-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .pciv-building{min-width:88px!important}
}
@media(max-width:900px){
  .pciv-portal-hero-v121{grid-template-columns:1fr}
  .pciv-commander-card{max-width:620px;margin:auto}
  .pciv-realm-filter-stack{grid-template-columns:1fr}
  .pciv-city-header{align-items:flex-start}.pciv-city-header-side{flex-direction:column;align-items:flex-end}
  .pciv-city-scene{overflow-x:auto!important;justify-content:flex-start!important;padding-right:130px!important;padding-left:130px!important}
  .pciv-building{flex:0 0 100px!important;width:100px!important}
}
@media(max-width:680px){
  .pciv-portal-hero-v121{padding:18px!important}
  .pciv-commander-card{display:grid!important;grid-template-columns:auto 1fr!important;padding:15px!important;gap:12px!important;text-align:right!important}
  .pciv-commander-card .pciv-player-avatar{width:100px;height:100px}.pciv-commander-card .pciv-avatar-shell{width:96px!important;height:96px!important}
  .pciv-commander-card .pciv-player-info>strong{font-size:17px}.pciv-commander-metrics{gap:4px}.pciv-commander-metrics span{padding:4px 6px}
  .pciv-commander-card .pciv-player-companion{display:flex!important;position:absolute;left:10px;bottom:10px;min-width:52px;padding:5px}.pciv-commander-card .pciv-player-companion span{font-size:28px}.pciv-commander-card .pciv-player-companion small{display:none}
  .pciv-customization-hub{grid-template-columns:1fr;padding:18px}.pciv-customization-stats{grid-template-columns:repeat(3,1fr)}.pciv-customization-actions{grid-column:auto;grid-template-columns:1fr}
  .pciv-city-header{display:grid!important;grid-template-columns:1fr!important}.pciv-city-header-side{align-items:stretch}.pciv-city-level{width:100%}.pciv-city-actions{max-width:none;justify-content:flex-start}
  .pciv-city-scene{min-height:315px!important;padding-top:60px!important}.pciv-city-decor{right:10px;bottom:12px;min-width:82px}.pciv-city-decor span{font-size:36px}.pciv-city-companion{left:10px;bottom:12px}.pciv-city-companion span{font-size:34px}
  .pciv-continue-realm{grid-template-columns:auto 1fr;padding:15px}.pciv-continue-progress{grid-column:1/-1;text-align:right}.pciv-continue-icon{width:54px;height:54px;font-size:27px}
  .pciv-realm-grid{grid-template-columns:1fr!important}.pciv-realm-card{min-height:360px}
  .pciv-realm-filter-group{padding:10px}.pciv-realm-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.pciv-realm-filters button{width:100%}
  .pciv-ranking table{min-width:0!important;width:100%}.pciv-ranking th:nth-child(3),.pciv-ranking td:nth-child(3),.pciv-ranking th:nth-child(5),.pciv-ranking td:nth-child(5){display:none}.pciv-ranking th,.pciv-ranking td{padding:10px 7px!important}.pciv-ranking tbody tr{height:66px}.pciv-ranking .pciv-leader-user{min-width:0;gap:9px}.pciv-ranking .pciv-leader-user .pciv-avatar-shell{width:54px!important;height:54px!important}.pciv-ranking .pciv-leader-user strong{font-size:10px}.pciv-ranking .pciv-leader-user small{font-size:8px}.pciv-ranking .pciv-rank-number{width:28px;height:28px}
}

/* ========================================================================
   v1.3.0 — Network of Scientists & One-Minute Arena
   ======================================================================== */
.pciv-social-hub{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr) auto;gap:20px;align-items:center;margin:24px 0;padding:25px;border:1px solid rgba(99,227,255,.24);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(126,90,255,.18),transparent 30%),linear-gradient(135deg,#0c3048,#091d2d 68%);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.pciv-social-hub h2{margin:5px 0 7px;font-size:27px}.pciv-social-hub p{margin:0;color:var(--pciv-muted);line-height:1.9}.pciv-social-handle{display:inline-flex;margin-top:13px;padding:7px 12px;border:1px solid rgba(95,229,255,.25);border-radius:999px;background:rgba(4,17,29,.52);color:var(--pciv-cyan);direction:ltr;font-weight:800}
.pciv-social-hub-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pciv-social-hub-stats div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;text-align:center;background:rgba(4,18,30,.48)}.pciv-social-hub-stats strong,.pciv-social-hub-stats span{display:block}.pciv-social-hub-stats strong{font-size:23px;color:#fff}.pciv-social-hub-stats span{margin-top:4px;color:var(--pciv-muted);font-size:11px}.pciv-social-hub-actions{display:grid;gap:9px;min-width:205px}.pciv-social-hub-actions .pciv-button{width:100%;font-size:12px}
.pciv-social-page-head,.pciv-arena-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(95,229,255,.2);border-radius:23px;background:linear-gradient(135deg,#103a53,#071b2b)}.pciv-social-page-head h1,.pciv-arena-hero h1{margin:5px 0;font-size:36px}.pciv-social-page-head p,.pciv-arena-hero p{margin:0;color:var(--pciv-muted)}.pciv-social-page-head>span{font-size:70px;filter:drop-shadow(0 0 24px rgba(95,229,255,.25))}
.pciv-scientist-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:22px 0;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#071c2c}.pciv-scientist-search input{min-height:48px;padding:12px 14px;border:1px solid #2d5874;border-radius:12px;background:#041522;color:#fff;direction:ltr;text-align:left}.pciv-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pciv-user-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;border:1px solid rgba(95,229,255,.15);border-radius:18px;background:linear-gradient(145deg,#11354c,#081c2c)}.pciv-user-card-avatar{display:grid;place-items:center;width:84px;height:84px}.pciv-user-card h3{margin:0 0 4px}.pciv-user-card b{color:var(--pciv-cyan);direction:ltr;display:inline-block}.pciv-user-card p{margin:6px 0;color:var(--pciv-muted);font-size:12px}.pciv-user-card small{color:var(--pciv-gold)}
.pciv-public-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid rgba(242,196,94,.27);border-radius:25px;background:radial-gradient(circle at 12% 15%,rgba(32,215,197,.15),transparent 28%),linear-gradient(135deg,#0e354c,#081d2e)}.pciv-public-profile-avatar{position:relative;display:grid;place-items:center;width:220px;height:220px}.pciv-public-profile-avatar>span{position:absolute;right:-8px;bottom:8px;display:grid;place-items:center;width:62px;height:62px;border:2px solid var(--pciv-gold);border-radius:50%;background:#071725;font-size:28px}.pciv-public-profile-hero h1{margin:5px 0;font-size:42px;line-height:1.25}.pciv-public-profile-hero h1 em{font-style:normal}.pciv-public-profile-hero>div:nth-child(2)>b{display:inline-block;color:var(--pciv-cyan);direction:ltr}.pciv-public-profile-rating{min-width:210px;padding:17px;border:1px solid rgba(242,196,94,.3);border-radius:18px;text-align:center;background:rgba(242,196,94,.07)}.pciv-public-profile-rating span,.pciv-public-profile-rating strong,.pciv-public-profile-rating small{display:block}.pciv-public-profile-rating strong{margin:5px 0;color:var(--pciv-gold);font-size:32px}.pciv-public-profile-rating small{color:var(--pciv-muted)}
.pciv-public-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.pciv-public-stats div{padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:17px;text-align:center;background:#0a293e}.pciv-public-stats strong,.pciv-public-stats span{display:block}.pciv-public-stats strong{font-size:25px}.pciv-public-stats span{margin-top:5px;color:var(--pciv-muted);font-size:11px}
.pciv-social-actions-panel,.pciv-social-settings{margin-top:19px;padding:22px;border:1px solid rgba(95,229,255,.17);border-radius:21px;background:rgba(7,28,44,.72)}.pciv-social-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.pciv-social-state{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid rgba(85,217,139,.3);border-radius:13px;color:var(--pciv-success);background:rgba(85,217,139,.08)}.pciv-safe-message-form,.pciv-report-form,.pciv-social-settings-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:12px}.pciv-safe-message-form label,.pciv-report-form label,.pciv-social-settings-form label{margin:0;color:#dceaf1;font-size:12px}.pciv-safe-message-form select,.pciv-report-form select,.pciv-social-settings-form input,.pciv-social-settings-form select{display:block;width:100%;min-height:45px;margin-top:6px;padding:10px 12px;border:1px solid #2d5874;border-radius:11px;background:#071c2c;color:#fff}.pciv-social-result{grid-column:1/-1;min-height:18px;color:var(--pciv-muted);font-size:12px}.pciv-social-result.is-success{color:var(--pciv-success)}.pciv-social-result.is-error{color:var(--pciv-danger)}
.pciv-social-settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pciv-username-field{display:flex;align-items:center;margin-top:6px;border:1px solid #2d5874;border-radius:11px;background:#071c2c;direction:ltr}.pciv-username-field span{padding:0 10px;color:var(--pciv-cyan);font-weight:900}.pciv-username-field input{margin:0;border:0!important;background:transparent!important;direction:ltr}.pciv-inline-choice{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035)}.pciv-inline-choice input{width:auto!important;min-height:auto!important;margin:0!important}.pciv-social-settings-actions{display:flex;gap:10px;grid-column:1/-1}
.pciv-social-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.pciv-social-columns>div,.pciv-safe-inbox{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#071d2d}.pciv-social-columns h2,.pciv-safe-inbox h2{margin-top:0}.pciv-social-list-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pciv-social-list-card:last-child{border-bottom:0}.pciv-social-list-card strong,.pciv-social-list-card small{display:block}.pciv-social-list-card small{color:var(--pciv-cyan);direction:ltr}.pciv-social-list-card>div:last-child{display:flex;gap:6px}.pciv-social-list-card button{padding:7px 10px;border:1px solid rgba(95,229,255,.25);border-radius:9px;background:#0c3b53;color:#fff;cursor:pointer}.pciv-social-friends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pciv-social-friends-grid a{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;background:rgba(255,255,255,.035)}.pciv-social-friends-grid a strong,.pciv-social-friends-grid a small{display:block}.pciv-social-friends-grid a small{color:var(--pciv-cyan);direction:ltr}.pciv-safe-inbox{margin-top:18px}.pciv-safe-inbox article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.pciv-safe-inbox article>div{display:flex;align-items:center;gap:10px}.pciv-safe-inbox strong,.pciv-safe-inbox small{display:block}.pciv-safe-inbox small{color:var(--pciv-muted)}.pciv-safe-inbox p{margin:0;padding:9px 13px;border-radius:12px;background:rgba(32,215,197,.09);color:#dffcf8}
.pciv-arena-hero>div:last-child{min-width:230px;padding:18px;border:1px solid rgba(242,196,94,.3);border-radius:18px;text-align:center;background:rgba(242,196,94,.07)}.pciv-arena-hero>div:last-child span,.pciv-arena-hero>div:last-child strong,.pciv-arena-hero>div:last-child small{display:block}.pciv-arena-hero>div:last-child strong{font-size:34px;color:var(--pciv-gold)}.pciv-arena-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.pciv-arena-rules div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;text-align:center;background:#0a293e}.pciv-arena-rules b,.pciv-arena-rules span{display:block}.pciv-arena-rules b{font-size:23px;color:var(--pciv-gold)}.pciv-arena-rules span{font-size:11px;color:var(--pciv-muted)}
.pciv-challenge-create{display:grid;grid-template-columns:290px 1fr;gap:20px;margin:20px 0;padding:21px;border:1px solid rgba(95,229,255,.18);border-radius:20px;background:#071d2d}.pciv-challenge-create h2{margin:0 0 6px}.pciv-challenge-create p{color:var(--pciv-muted)}.pciv-challenge-create-form{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:10px;align-items:end}.pciv-challenge-create-form label{font-size:11px;color:#cfe2eb}.pciv-challenge-create-form input,.pciv-challenge-create-form select{display:block;width:100%;min-height:44px;margin-top:5px;padding:10px 12px;border:1px solid #2d5874;border-radius:10px;background:#051724;color:#fff}.pciv-challenge-list{margin-top:21px}.pciv-challenge-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(260px,1fr) auto;gap:18px;align-items:center;margin:10px 0;padding:15px;border:1px solid rgba(95,229,255,.14);border-radius:17px;background:linear-gradient(145deg,#10334a,#071a29)}.pciv-challenge-card.is-pending{border-color:rgba(242,196,94,.3)}.pciv-challenge-card.is-completed{border-color:rgba(85,217,139,.2)}.pciv-challenge-opponent{display:flex;align-items:center;gap:12px}.pciv-challenge-opponent strong,.pciv-challenge-opponent small,.pciv-challenge-card>div:nth-child(2) b,.pciv-challenge-card>div:nth-child(2) span,.pciv-challenge-card>div:nth-child(2) small{display:block}.pciv-challenge-opponent small{color:var(--pciv-cyan);direction:ltr}.pciv-challenge-card>div:nth-child(2) span,.pciv-challenge-card>div:nth-child(2) small{margin-top:4px;color:var(--pciv-muted);font-size:11px}.pciv-challenge-score{text-align:center}.pciv-challenge-score strong{display:block;margin-bottom:7px;color:var(--pciv-gold);font-size:20px}
.pciv-challenge-header{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;padding:24px;border:1px solid rgba(242,196,94,.25);border-radius:23px;background:radial-gradient(circle at center,rgba(126,90,255,.2),transparent 35%),linear-gradient(135deg,#0d3047,#071a29)}.pciv-challenge-header>div:nth-child(2){text-align:center}.pciv-challenge-header>div:nth-child(2)>span{font-size:44px}.pciv-challenge-header h1{margin:4px 0}.pciv-challenge-header>div:nth-child(2)>b{display:inline-grid;place-items:center;width:48px;height:48px;margin-top:8px;border:1px solid var(--pciv-gold);border-radius:50%;color:var(--pciv-gold)}.pciv-challenge-player{display:flex;align-items:center;gap:13px}.pciv-challenge-player:last-child{justify-content:flex-end}.pciv-challenge-player strong,.pciv-challenge-player small{display:block}.pciv-challenge-player small{color:var(--pciv-muted)}.pciv-challenge-decision,.pciv-game-ready,.pciv-challenge-result{margin-top:20px;padding:35px;border:1px solid rgba(95,229,255,.18);border-radius:22px;text-align:center;background:#071d2d}.pciv-challenge-decision .pciv-button{margin:5px}.pciv-game-ready>span,.pciv-challenge-result>span{font-size:68px}.pciv-minute-game{margin-top:20px}.pciv-game-board{padding:24px;border:1px solid rgba(95,229,255,.2);border-radius:22px;background:linear-gradient(145deg,#0b2a40,#061725)}.pciv-game-top{display:grid;grid-template-columns:auto repeat(3,1fr);gap:10px;align-items:center}.pciv-game-top>strong{display:grid;place-items:center;width:76px;height:76px;border:3px solid var(--pciv-gold);border-radius:50%;font-size:30px;color:var(--pciv-gold);background:#071522}.pciv-game-top>strong.is-ending{border-color:var(--pciv-danger);color:var(--pciv-danger);animation:pciv-pulse .7s infinite}.pciv-game-top>span{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);text-align:center}.pciv-game-progress{height:7px;margin:17px 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.pciv-game-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold));transition:.25s}.pciv-game-board h2{min-height:65px;margin:18px 0;font-size:26px;line-height:1.7}.pciv-game-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pciv-game-option{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px;border:1px solid #2b5872;border-radius:14px;background:#0b3046;color:#fff;text-align:right;cursor:pointer}.pciv-game-option span{display:grid;place-items:center;min-width:31px;height:31px;border-radius:9px;background:rgba(95,229,255,.11);color:var(--pciv-cyan)}.pciv-game-option:hover{border-color:var(--pciv-cyan)}.pciv-game-option.is-correct{border-color:var(--pciv-success);background:rgba(85,217,139,.16)}.pciv-game-option.is-wrong{border-color:var(--pciv-danger);background:rgba(255,124,130,.15)}.pciv-game-feedback{min-height:42px;margin-top:12px;padding:10px;text-align:center}.pciv-game-feedback.is-success{color:var(--pciv-success)}.pciv-game-feedback.is-error{color:var(--pciv-danger)}.pciv-challenge-result.is-win{border-color:rgba(242,196,94,.4)}.pciv-challenge-result.is-loss{border-color:rgba(255,124,130,.3)}.pciv-challenge-result strong{display:block;margin:10px;color:var(--pciv-gold);font-size:20px}.pciv-challenge-result .pciv-button{margin-top:12px}
@keyframes pciv-pulse{50%{transform:scale(1.07)}}
@media(max-width:1100px){.pciv-social-hub{grid-template-columns:1fr 1fr}.pciv-social-hub-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.pciv-challenge-create{grid-template-columns:1fr}.pciv-challenge-create-form{grid-template-columns:1fr 1fr}.pciv-challenge-create-form .pciv-social-result{grid-column:1/-1}.pciv-user-grid{grid-template-columns:1fr}.pciv-challenge-card{grid-template-columns:1fr 1fr}.pciv-challenge-score{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.pciv-public-profile-hero{grid-template-columns:auto 1fr}.pciv-public-profile-rating{grid-column:1/-1}}
@media(max-width:760px){.pciv-social-hub,.pciv-social-columns,.pciv-public-stats,.pciv-arena-rules,.pciv-social-settings-form{grid-template-columns:1fr}.pciv-social-hub-actions{grid-template-columns:1fr}.pciv-social-page-head,.pciv-arena-hero{display:block}.pciv-social-page-head>span{display:block;margin-top:14px;text-align:center}.pciv-scientist-search,.pciv-safe-message-form,.pciv-report-form{grid-template-columns:1fr}.pciv-user-card{grid-template-columns:auto 1fr}.pciv-user-card>.pciv-button{grid-column:1/-1}.pciv-public-profile-hero{grid-template-columns:1fr;text-align:center}.pciv-public-profile-avatar{margin:auto;width:160px;height:160px}.pciv-public-profile-avatar>span{width:52px;height:52px;right:-4px;bottom:4px}.pciv-public-profile-rating{min-width:0}.pciv-social-settings-actions{display:grid}.pciv-social-friends-grid{grid-template-columns:1fr}.pciv-safe-inbox article{display:block}.pciv-safe-inbox p{margin-top:9px}.pciv-challenge-create-form{grid-template-columns:1fr}.pciv-challenge-card{grid-template-columns:1fr}.pciv-challenge-score{grid-column:auto}.pciv-challenge-header{grid-template-columns:1fr;text-align:center}.pciv-challenge-player,.pciv-challenge-player:last-child{justify-content:center}.pciv-game-top{grid-template-columns:1fr 1fr}.pciv-game-top>strong{margin:auto}.pciv-game-options{grid-template-columns:1fr}.pciv-social-actions-row{display:grid}.pciv-social-actions-row>*{width:100%}}
.pciv-user-card-actions{display:grid;gap:7px}.pciv-user-card-actions .pciv-button{width:100%;font-size:11px}
@media(max-width:760px){.pciv-user-card-actions{grid-column:1/-1}}
.pciv-commander-handle{display:inline-block;margin:2px 0 4px;color:var(--pciv-cyan)!important;font-size:11px;font-weight:800;direction:ltr}


/* ========================================================================
   Physics Civilizations Core 1.3.2 — avatar glow and public profile polish
   ======================================================================== */
.pciv-profile-avatar-large,.pciv-public-profile-avatar,.pciv-commander-card .pciv-player-avatar{overflow:visible}
.pciv-profile-avatar-large .pciv-avatar-shell,.pciv-public-profile-avatar .pciv-avatar-shell,.pciv-commander-card .pciv-avatar-shell{
  position:relative;z-index:2;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(242,196,94,.18)) drop-shadow(0 0 26px rgba(32,215,197,.12));
}
.pciv-profile-avatar-large:before,.pciv-public-profile-avatar:before,.pciv-commander-card .pciv-player-avatar:before{
  content:"";position:absolute;inset:10%;border-radius:50%;z-index:1;
  background:radial-gradient(circle,rgba(242,196,94,.18),rgba(32,215,197,.10) 42%,transparent 72%);
  filter:blur(10px);transform:scale(1.08);pointer-events:none;
}
.pciv-public-profile-hero{position:relative;overflow:hidden}
.pciv-public-profile-hero:after{content:"";position:absolute;left:-8%;top:-18%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(242,196,94,.08),transparent 68%);pointer-events:none}
.pciv-public-profile-hero>div:nth-child(2)>b{margin-top:10px;font-size:22px;font-weight:900;letter-spacing:.2px}
.pciv-public-profile-hero>div:nth-child(2)>p{margin-top:10px;font-size:18px;line-height:1.9;color:#d8e8ee}
.pciv-public-profile-hero .pciv-kicker{font-size:13px;letter-spacing:.2px}
.pciv-social-actions-panel{position:relative;overflow:hidden;border-color:rgba(242,196,94,.20);background:radial-gradient(circle at 100% 0,rgba(242,196,94,.08),transparent 24%),linear-gradient(145deg,rgba(10,38,56,.92),rgba(6,25,39,.88))}
.pciv-social-actions-panel:before{content:"تعامل با این دانشمند";display:block;margin-bottom:15px;color:var(--pciv-gold);font-size:13px;font-weight:900}
.pciv-social-actions-row{gap:12px;align-items:center}
.pciv-social-actions-row .pciv-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:12px 18px;border-radius:14px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.pciv-social-actions-row .pciv-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.24)}
.pciv-social-actions-row .pciv-button.pciv-button-gold{background:linear-gradient(135deg,#f4cf71,#e3ae42);border-color:#f4cf71;color:#14202a!important}
.pciv-social-actions-row .pciv-button.pciv-button-ghost{background:rgba(255,124,130,.08);border-color:rgba(255,124,130,.32);color:#ffd5d8!important}
.pciv-social-actions-row .pciv-button[data-social-action="friend_request"]{background:linear-gradient(135deg,#1fd4c3,#158db0);border-color:rgba(95,229,255,.42);color:#fff!important}
.pciv-social-state{padding:12px 16px;border-radius:14px;font-weight:800;background:rgba(85,217,139,.10)}
.pciv-safe-message-form{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding-top:8px}
.pciv-safe-message-form label{font-size:13px}
.pciv-safe-message-form select{min-height:50px;border-radius:14px;background:#082132}
.pciv-safe-message-form .pciv-button{min-height:50px;padding:0 20px;border-radius:14px;font-weight:900}
@media(max-width:760px){
  .pciv-public-profile-hero>div:nth-child(2)>b{font-size:18px}
  .pciv-public-profile-hero>div:nth-child(2)>p{font-size:15px}
  .pciv-social-actions-panel:before{text-align:center}
}


/* ========================================================================
   Physics Civilizations Core 1.3.3 — public profile showcase sections
   ======================================================================== */
.pciv-public-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.pciv-public-card{margin-top:18px;padding:22px;border:1px solid rgba(95,229,255,.14);border-radius:22px;background:linear-gradient(145deg,rgba(9,39,58,.90),rgba(5,24,37,.88));box-shadow:0 14px 32px rgba(0,0,0,.18)}
.pciv-public-card-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}
.pciv-public-card-head h3{margin:0;font-size:28px;color:#fff}
.pciv-public-realms-list,.pciv-achievement-list,.pciv-public-history-list{display:grid;gap:12px}
.pciv-realm-pill{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(242,196,94,.16);border-radius:18px;background:rgba(255,255,255,.03);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.pciv-realm-pill:hover{transform:translateY(-2px);border-color:rgba(242,196,94,.36);background:rgba(242,196,94,.06)}
.pciv-realm-pill-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(32,215,197,.11);font-size:24px}
.pciv-realm-pill-copy strong,.pciv-achievement-pill strong,.pciv-history-main strong{display:block;color:#fff}
.pciv-realm-pill-copy small,.pciv-achievement-pill small,.pciv-history-main small,.pciv-history-meta small{display:block;margin-top:4px;color:#9eb8c8}
.pciv-public-cosmetics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.pciv-public-cosmetics span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(242,196,94,.18);border-radius:999px;background:rgba(242,196,94,.07);color:#f4e6c3}
.pciv-achievement-pill{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border:1px solid rgba(95,229,255,.14);border-radius:18px;background:rgba(255,255,255,.03)}
.pciv-achievement-pill>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(95,229,255,.10);font-size:22px}
.pciv-public-history-list{grid-template-columns:1fr 1fr}
.pciv-history-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(95,229,255,.12);border-radius:18px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit}
.pciv-history-main{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.pciv-history-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(32,215,197,.11);font-size:22px}
.pciv-history-meta{text-align:left}
.pciv-history-meta b{display:block;font-size:16px}
.pciv-history-row.is-win{border-color:rgba(85,217,139,.26);background:rgba(85,217,139,.05)}
.pciv-history-row.is-win .pciv-history-meta b{color:#8ff0b3}
.pciv-history-row.is-loss{border-color:rgba(255,124,130,.22);background:rgba(255,124,130,.05)}
.pciv-history-row.is-loss .pciv-history-meta b{color:#ffb2b8}
.pciv-history-row.is-draw{border-color:rgba(242,196,94,.24);background:rgba(242,196,94,.05)}
.pciv-history-row.is-draw .pciv-history-meta b{color:#f4cf71}
.pciv-history-row.is-neutral .pciv-history-meta b{color:#b9d8e7}
@media(max-width:1100px){.pciv-public-showcase-grid{grid-template-columns:1fr}.pciv-public-history-list{grid-template-columns:1fr}}
@media(max-width:760px){.pciv-public-card{padding:18px}.pciv-public-card-head{display:block}.pciv-public-card-head h3{margin-top:4px;font-size:24px}.pciv-history-row{grid-template-columns:1fr}.pciv-history-meta{text-align:right}}


/* ========================================================================
   Physics Civilizations Core 1.3.4 — medals, filters, full showcase page
   ======================================================================== */
.pciv-public-card-actions{margin-top:14px;display:flex;justify-content:flex-start}
.pciv-history-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.pciv-history-filter{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(95,229,255,.14);background:rgba(255,255,255,.03);color:#dcebf2;text-decoration:none;font-weight:800}
.pciv-history-filter.is-active{background:linear-gradient(135deg,#20d7c5,#1685a7);border-color:rgba(95,229,255,.4);color:#fff}
.pciv-achievement-pill{position:relative;grid-template-columns:auto 1fr auto}
.pciv-achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pciv-tier-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}
.pciv-achievement-pill.is-gold{border-color:rgba(242,196,94,.34);background:linear-gradient(145deg,rgba(242,196,94,.09),rgba(255,255,255,.03))}
.pciv-achievement-pill.is-gold>span{background:rgba(242,196,94,.16)}
.pciv-achievement-pill.is-gold .pciv-tier-label,.pciv-tier-chip.is-gold{background:rgba(242,196,94,.14);border:1px solid rgba(242,196,94,.38);color:#ffe39b}
.pciv-achievement-pill.is-silver{border-color:rgba(206,225,233,.28);background:linear-gradient(145deg,rgba(206,225,233,.08),rgba(255,255,255,.03))}
.pciv-achievement-pill.is-silver>span{background:rgba(206,225,233,.12)}
.pciv-achievement-pill.is-silver .pciv-tier-label,.pciv-tier-chip.is-silver{background:rgba(206,225,233,.10);border:1px solid rgba(206,225,233,.34);color:#e8f5fb}
.pciv-achievement-pill.is-bronze{border-color:rgba(209,145,96,.30);background:linear-gradient(145deg,rgba(209,145,96,.08),rgba(255,255,255,.03))}
.pciv-achievement-pill.is-bronze>span{background:rgba(209,145,96,.12)}
.pciv-achievement-pill.is-bronze .pciv-tier-label,.pciv-tier-chip.is-bronze{background:rgba(209,145,96,.10);border:1px solid rgba(209,145,96,.32);color:#f2cfb0}
.pciv-showcase-note{margin:0;color:#bfd4de;line-height:1.9}
.pciv-public-showcase-page .pciv-public-showcase-grid{grid-template-columns:1.2fr .8fr}
@media(max-width:1100px){.pciv-achievement-grid{grid-template-columns:1fr}.pciv-public-showcase-page .pciv-public-showcase-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pciv-history-filters{gap:8px}.pciv-history-filter{padding:8px 12px;font-size:13px}.pciv-tier-label{margin-top:8px}}


/* ========================================================================
   Physics Civilizations Core 1.3.5 — rankings, Hall of Fame and seasons
   ======================================================================== */
.pciv-public-global-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pciv-public-global-nav a{padding:10px 15px;border:1px solid rgba(95,229,255,.18);border-radius:12px;background:#082638;color:#e8f6fb;text-decoration:none;font-weight:800}.pciv-ranking-hero,.pciv-hall-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(242,196,94,.25);border-radius:24px;background:radial-gradient(circle at 10% 10%,rgba(242,196,94,.13),transparent 28%),linear-gradient(135deg,#0d3148,#071b2b)}.pciv-ranking-hero>span,.pciv-hall-hero>span{font-size:78px}.pciv-ranking-hero h1,.pciv-hall-hero h1{margin:5px 0}.pciv-ranking-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.pciv-ranking-tabs a{padding:10px 15px;border:1px solid rgba(95,229,255,.15);border-radius:999px;background:rgba(255,255,255,.03);color:#dceef5;text-decoration:none}.pciv-ranking-tabs a.is-active{border-color:rgba(242,196,94,.45);background:rgba(242,196,94,.11);color:#ffe199}.pciv-public-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:16px;margin:26px 0}.pciv-podium-player{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 14px;border:1px solid rgba(95,229,255,.15);border-radius:22px;background:linear-gradient(180deg,#0e344a,#071c2b);color:#fff;text-decoration:none}.pciv-podium-player.is-rank-1{min-height:285px;border-color:rgba(242,196,94,.45);background:radial-gradient(circle at 50% 0,rgba(242,196,94,.17),transparent 36%),linear-gradient(180deg,#12384d,#071c2b);transform:translateY(-14px)}.pciv-podium-player strong{margin-top:13px;font-size:18px}.pciv-podium-player small{margin:4px 0 12px;color:var(--pciv-cyan);direction:ltr}.pciv-podium-player>b{color:var(--pciv-gold);font-size:18px}.pciv-podium-medal{position:absolute;top:10px;right:12px;font-size:30px}.pciv-public-ranking-table{overflow:auto;border:1px solid rgba(95,229,255,.14);border-radius:20px;background:#071d2d}.pciv-public-ranking-table table{width:100%;border-collapse:collapse;min-width:720px}.pciv-public-ranking-table th,.pciv-public-ranking-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.07);text-align:right}.pciv-public-ranking-table th{color:#9fc0cf;font-size:12px}.pciv-public-ranking-table .pciv-leader-user{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.pciv-public-ranking-table .pciv-leader-user strong,.pciv-public-ranking-table .pciv-leader-user small{display:block}.pciv-public-ranking-table .pciv-leader-user small{color:var(--pciv-cyan);direction:ltr}.pciv-hall-featured,.pciv-season-hall{margin-top:20px;padding:22px;border:1px solid rgba(242,196,94,.22);border-radius:24px;background:linear-gradient(145deg,#0c3046,#071b2a)}.pciv-hall-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.pciv-hall-categories article{padding:20px;border:1px solid rgba(95,229,255,.13);border-radius:20px;background:#071d2d}.pciv-hall-categories article>span{font-size:38px}.pciv-hall-categories h3{margin:8px 0 15px}.pciv-hall-categories a,.pciv-season-leaders a{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;text-decoration:none}.pciv-hall-categories a>b,.pciv-season-leaders a>b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(242,196,94,.1);color:var(--pciv-gold)}.pciv-hall-categories a strong,.pciv-hall-categories a small,.pciv-season-leaders a strong,.pciv-season-leaders a small{display:block}.pciv-hall-categories a small,.pciv-season-leaders a small{color:#9eb9c7}.pciv-season-hall{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}.pciv-season-copy{display:flex;align-items:center;gap:15px}.pciv-season-copy>span{font-size:62px}.pciv-season-copy small{color:var(--pciv-gold)}.pciv-season-copy h2{margin:4px 0}.pciv-season-copy p{color:#a9c2ce;line-height:1.8}.pciv-social-hub-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pciv-tier-label{box-shadow:inset 0 1px rgba(255,255,255,.08)}
@media(max-width:1000px){.pciv-hall-categories{grid-template-columns:1fr}.pciv-season-hall{grid-template-columns:1fr}.pciv-public-podium{grid-template-columns:1fr}.pciv-podium-player.is-rank-1{transform:none}.pciv-public-podium .is-rank-1{order:-1}}
@media(max-width:680px){.pciv-ranking-hero,.pciv-hall-hero{display:block;text-align:center}.pciv-ranking-hero>span,.pciv-hall-hero>span{font-size:58px}.pciv-ranking-tabs a{flex:1;text-align:center}.pciv-social-hub-actions{grid-template-columns:1fr!important}}


/* ========================================================================
   Physics Civilizations Core 1.4.4 — added 10 premium transparent avatar frames
   ======================================================================== */
.pciv-avatar-shell{position:relative;display:inline-grid;place-items:center;overflow:visible}
.pciv-avatar-shell .pciv-scientist-avatar{z-index:1;inset:0!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.pciv-avatar-shell.has-frame .pciv-scientist-avatar{inset:8%!important;width:84%!important;height:84%!important;box-shadow:0 0 0 2px rgba(242,196,94,.18),0 10px 24px rgba(0,0,0,.28)}
.pciv-avatar-shell .pciv-avatar-frame-layer{z-index:3;inset:-8%!important;width:116%!important;height:116%!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 7px 9px rgba(0,0,0,.38))}
.pciv-frame-preview{display:grid;place-items:center;overflow:visible;padding:8px}
.pciv-frame-preview .pciv-frame-preview-base{inset:12%!important;width:76%!important;height:76%!important;opacity:1!important;transform:none!important;filter:none!important;border-radius:50%;object-fit:cover!important;box-shadow:0 8px 20px rgba(0,0,0,.32)}
.pciv-frame-preview .pciv-avatar-frame-layer{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 11px rgba(0,0,0,.35))}
.pciv-profile-avatar-large,.pciv-public-profile-avatar,.pciv-commander-card .pciv-player-avatar,.pciv-leader-user{overflow:visible!important}
@media(max-width:680px){
  .pciv-avatar-shell.has-frame .pciv-scientist-avatar{inset:9%!important;width:82%!important;height:82%!important}
  .pciv-avatar-shell .pciv-avatar-frame-layer{inset:-9%!important;width:118%!important;height:118%!important}
}


/* Physics Civilizations 2.4.0 — Competitive Commanders League */
.pciv-league-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0a2434;color:#e9f5f8;font-size:10px;font-weight:900;white-space:nowrap}.pciv-league-chip.is-bronze{border-color:#9b6547;color:#e7ad82}.pciv-league-chip.is-silver{border-color:#94aeba;color:#dbe7ec}.pciv-league-chip.is-gold{border-color:#d9ae47;color:#ffe099}.pciv-league-chip.is-platinum{border-color:#62d9e7;color:#9ff5ff}.pciv-league-chip.is-quantum{border-color:#9e78ff;color:#d6c4ff}.pciv-league-chip.is-commander{border-color:#f0c45e;color:#ffe8a4;box-shadow:0 0 16px rgba(242,196,94,.15)}
.pciv-rank-trend{display:inline-flex;margin-top:5px;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900}.pciv-rank-trend.is-up{background:rgba(67,219,143,.12);color:#63e9a9}.pciv-rank-trend.is-down{background:rgba(255,100,112,.12);color:#ff8790}.pciv-rank-trend.is-new{background:rgba(95,229,255,.12);color:#74eaff}.pciv-rank-trend.is-flat{color:#7593a1}
.pciv-mini-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin:18px 0}.pciv-mini-podium>a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px;border:1px solid rgba(95,229,255,.13);border-radius:18px;background:#071d2d;color:#fff;text-decoration:none}.pciv-mini-podium>a.is-rank-1{padding-top:20px;border-color:rgba(242,196,94,.42);transform:translateY(-6px);background:radial-gradient(circle at 50% 0,rgba(242,196,94,.14),transparent 48%),#092538}.pciv-mini-podium>a>span{font-size:24px}.pciv-mini-podium strong{font-size:12px}.pciv-mini-podium small{color:var(--pciv-gold)}
.pciv-dashboard-rank-card,.pciv-my-rank-card{display:grid;grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:18px;margin:18px 0;padding:17px;border:1px solid rgba(242,196,94,.25);border-radius:20px;background:linear-gradient(135deg,rgba(242,196,94,.08),rgba(7,29,45,.96))}.pciv-dashboard-rank-card>div:first-child strong,.pciv-my-rank-card strong{display:block;color:#fff;font-size:18px}.pciv-dashboard-rank-card p{margin:0;color:#a9c1cc}.pciv-league-progress{height:8px;overflow:hidden;border-radius:99px;background:#04131e}.pciv-league-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42dcb3,#5fe5ff,#f2c45e)}
.pciv-my-rank-card>div:first-child{display:flex;align-items:center;gap:12px}.pciv-my-rank-card>div:first-child span>*{display:block}.pciv-my-league{display:grid;gap:8px}.pciv-next-rival{display:grid;gap:5px;text-align:center}.pciv-next-rival span{color:var(--pciv-gold);font-size:11px}.pciv-rival-button{display:inline-grid;place-items:center;min-width:46px;padding:7px 10px;border:1px solid rgba(242,196,94,.28);border-radius:10px;background:rgba(242,196,94,.08);color:#ffe19a;text-decoration:none;font-weight:900}.pciv-rival-button:hover{background:rgba(242,196,94,.18)}
.pciv-ranking-pro .pciv-public-ranking-table tr.is-current td{background:rgba(95,229,255,.065)}.pciv-ranking-pro .pciv-public-ranking-table td:first-child{min-width:72px}.pciv-ranking-pro .pciv-public-ranking-table th:nth-child(3),.pciv-ranking-pro .pciv-public-ranking-table td:nth-child(3){min-width:130px}
.pciv-civ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.pciv-civ-grid article{position:relative;padding:22px;border:1px solid rgba(95,229,255,.14);border-radius:22px;background:linear-gradient(160deg,#0b3045,#061b2a);text-align:center}.pciv-civ-grid article.is-top-1{border-color:rgba(242,196,94,.46);box-shadow:0 18px 40px rgba(0,0,0,.2)}.pciv-civ-rank{position:absolute;top:10px;right:12px;font-size:22px}.pciv-civ-icon{font-size:50px}.pciv-civ-grid h3{margin:8px 0}.pciv-civ-grid>article>strong{color:var(--pciv-gold)}.pciv-civ-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:13px 0}.pciv-civ-stats span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:#b6cdd7;font-size:9px}.pciv-civ-grid small{color:#85a8b7}
.pciv-command-ranking .pciv-ranking-crown{text-decoration:none}.pciv-command-ranking table{min-width:760px}
@media(max-width:760px){.pciv-dashboard-rank-card,.pciv-my-rank-card{grid-template-columns:1fr;text-align:center}.pciv-my-rank-card>div:first-child{justify-content:center}.pciv-civ-grid{grid-template-columns:1fr}.pciv-mini-podium{gap:7px}.pciv-mini-podium>a{padding:10px 5px}.pciv-mini-podium>a .pciv-avatar-shell{width:54px!important;height:54px!important}.pciv-public-ranking-table th:nth-child(5),.pciv-public-ranking-table td:nth-child(5){display:none}}

/* Physics Civilizations Core 2.5.0 — persistent competitive medals */
.pciv-competitive-medal-feed{margin-top:22px;padding:22px;border:1px solid rgba(242,196,94,.22);border-radius:24px;background:linear-gradient(145deg,#0c3046,#071b2a)}
.pciv-medal-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}
.pciv-medal-feed-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:15px;border:1px solid rgba(95,229,255,.14);border-radius:17px;background:rgba(3,18,29,.6);color:#fff;text-decoration:none;transition:.2s ease}
.pciv-medal-feed-card:hover{transform:translateY(-2px);border-color:rgba(242,196,94,.36)}
.pciv-medal-feed-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(95,229,255,.1);font-size:24px}
.pciv-medal-feed-card strong,.pciv-medal-feed-card b,.pciv-medal-feed-card small{display:block}
.pciv-medal-feed-card strong{color:#fff;font-size:14px}
.pciv-medal-feed-card b{margin-top:3px;color:var(--pciv-gold);font-size:12px}
.pciv-medal-feed-card small{margin-top:6px;color:#9eb9c7;line-height:1.7}
.pciv-medal-feed-card.is-gold{border-color:rgba(242,196,94,.32);background:linear-gradient(145deg,rgba(242,196,94,.1),rgba(3,18,29,.68))}
.pciv-medal-feed-card.is-gold>span{background:rgba(242,196,94,.16)}
.pciv-medal-feed-card.is-silver{border-color:rgba(205,225,234,.28)}
.pciv-medal-feed-card.is-bronze{border-color:rgba(209,145,96,.3)}
@media(max-width:960px){.pciv-medal-feed-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pciv-medal-feed-grid{grid-template-columns:1fr}.pciv-competitive-medal-feed{padding:16px}}


.pciv-commander-handle-row,.pciv-profile-presence-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 4px}
.pciv-commander-handle-row .pciv-commander-handle,.pciv-profile-presence-row .pciv-profile-public-handle{margin:0}
.pciv-commander-card .pciv-presence-badge,.pciv-profile-identity .pciv-presence-badge{transform:translateY(-1px)}
@media(max-width:640px){
  .pciv-commander-handle-row,.pciv-profile-presence-row{gap:8px}
  .pciv-commander-card .pciv-presence-badge,.pciv-profile-identity .pciv-presence-badge{padding:5px 8px}
}


/* ===== tokens.css ===== */
/*
 * Physics Civilizations — Visual System 1.5.0
 * Design tokens only. All values are scoped to the plugin shell.
 */
.pciv-shell {
  color-scheme: dark;

  /* Core palette */
  --pciv-bg-primary: #020c16;
  --pciv-bg-secondary: #061827;
  --pciv-bg-tertiary: #0a2235;
  --pciv-surface: rgba(10, 36, 54, 0.88);
  --pciv-surface-soft: rgba(16, 49, 70, 0.70);
  --pciv-surface-raised: rgba(18, 57, 80, 0.94);
  --pciv-surface-hover: rgba(23, 69, 94, 0.94);

  --pciv-border-subtle: rgba(156, 211, 230, 0.11);
  --pciv-border: rgba(122, 203, 229, 0.20);
  --pciv-border-strong: rgba(95, 229, 255, 0.36);

  --pciv-text: #f2f9fc;
  --pciv-text-soft: #d9e9f0;
  --pciv-muted: #9fb8c6;
  --pciv-muted-strong: #bdd1da;

  --pciv-teal: #25d6c3;
  --pciv-teal-deep: #159d9c;
  --pciv-cyan: #69e6ff;
  --pciv-gold: #f0c866;
  --pciv-gold-deep: #c99132;
  --pciv-success: #61d996;
  --pciv-warning: #f2b35f;
  --pciv-danger: #ff858c;
  --pciv-info: #73c9ff;

  /* Gradients */
  --pciv-gradient-shell:
    radial-gradient(circle at 12% -6%, rgba(37, 214, 195, 0.13), transparent 31%),
    radial-gradient(circle at 92% 7%, rgba(240, 200, 102, 0.10), transparent 26%),
    linear-gradient(145deg, #020b14 0%, #061725 51%, #092239 100%);
  --pciv-gradient-surface: linear-gradient(145deg, rgba(15, 49, 70, 0.94), rgba(5, 23, 37, 0.93));
  --pciv-gradient-raised: linear-gradient(145deg, rgba(22, 65, 88, 0.96), rgba(7, 29, 44, 0.96));
  --pciv-gradient-primary: linear-gradient(110deg, var(--pciv-teal), #3b9fc4);
  --pciv-gradient-gold: linear-gradient(110deg, #f6d77f, var(--pciv-gold-deep));

  /* Typography */
  --pciv-font-display: var(--pciv-font-family, Tahoma, Arial, sans-serif);
  --pciv-font-body: var(--pciv-font-family, Tahoma, Arial, sans-serif);
  --pciv-font-size-xs: 11px;
  --pciv-font-size-sm: 13px;
  --pciv-font-size-md: 15px;
  --pciv-font-size-lg: 18px;
  --pciv-font-size-xl: 24px;
  --pciv-font-size-2xl: clamp(28px, 3vw, 40px);
  --pciv-font-size-hero: clamp(36px, 5vw, 62px);
  --pciv-line-height-tight: 1.3;
  --pciv-line-height-body: 1.85;

  /* Spacing */
  --pciv-space-1: 4px;
  --pciv-space-2: 8px;
  --pciv-space-3: 12px;
  --pciv-space-4: 16px;
  --pciv-space-5: 20px;
  --pciv-space-6: 24px;
  --pciv-space-7: 32px;
  --pciv-space-8: 40px;

  /* Radius */
  --pciv-radius-sm: 10px;
  --pciv-radius-md: 14px;
  --pciv-radius-lg: 18px;
  --pciv-radius-xl: 24px;
  --pciv-radius-shell: 30px;
  --pciv-radius-pill: 999px;

  /* Shadows */
  --pciv-shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.16);
  --pciv-shadow-md: 0 16px 38px rgba(0, 0, 0, 0.24);
  --pciv-shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.38);
  --pciv-shadow-focus: 0 0 0 3px rgba(95, 229, 255, 0.18);
  --pciv-shadow-gold: 0 0 0 1px rgba(240, 200, 102, 0.18), 0 14px 36px rgba(0, 0, 0, 0.24);

  /* Motion */
  --pciv-duration-fast: 140ms;
  --pciv-duration-normal: 220ms;
  --pciv-ease: cubic-bezier(.2, .72, .2, 1);
}


/* ===== components.css ===== */
/*
 * Physics Civilizations — Visual System 1.5.0
 * Shared component styling. No business logic or markup changes.
 */

/* Shell and typography ---------------------------------------------------- */
.pciv-shell {
  max-width: 1380px;
  padding: var(--pciv-space-7);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-shell);
  background: var(--pciv-gradient-shell);
  color: var(--pciv-text);
  font-family: var(--pciv-font-body);
  font-size: var(--pciv-font-size-md);
  line-height: var(--pciv-line-height-body);
  box-shadow: var(--pciv-shadow-lg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.pciv-shell :where(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
  color: var(--pciv-text);
  font-family: var(--pciv-font-display);
  line-height: var(--pciv-line-height-tight);
  letter-spacing: -0.015em;
}

.pciv-shell :where(p, li, small) {
  color: var(--pciv-muted);
}

.pciv-shell a {
  transition: color var(--pciv-duration-fast) var(--pciv-ease),
              border-color var(--pciv-duration-fast) var(--pciv-ease),
              background-color var(--pciv-duration-fast) var(--pciv-ease),
              transform var(--pciv-duration-normal) var(--pciv-ease);
}

.pciv-shell :where(a, button, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--pciv-shadow-focus);
}

.pciv-kicker {
  color: var(--pciv-gold);
  font-size: var(--pciv-font-size-xs);
  font-weight: 900;
  letter-spacing: .04em;
}

.pciv-section-title,
.pciv-section-title-row {
  margin-block: var(--pciv-space-7) var(--pciv-space-4);
}

.pciv-section-title h2,
.pciv-section-title-row h2 {
  margin: var(--pciv-space-1) 0 0;
  font-size: var(--pciv-font-size-xl);
}

.pciv-section-title-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--pciv-space-4);
}

/* Shared surfaces -------------------------------------------------------- */
.pciv-shell :where(
  .pciv-profile-hero,
  .pciv-landing-hero,
  .pciv-portal-hero,
  .pciv-realm-hero,
  .pciv-commander-card,
  .pciv-customization-hub,
  .pciv-city,
  .pciv-avatar-shop,
  .pciv-coin-store,
  .pciv-wallet-history,
  .pciv-cosmetic-shop,
  .pciv-cosmetic-panel,
  .pciv-public-card,
  .pciv-social-actions-panel,
  .pciv-social-settings,
  .pciv-safe-inbox,
  .pciv-blocked-users,
  .pciv-challenge-create,
  .pciv-arena-rules,
  .pciv-ranking,
  .pciv-side-card,
  .pciv-story,
  .pciv-skills,
  .pciv-mistakes,
  .pciv-evidence,
  .pciv-code-hub,
  .pciv-paywall,
  .pciv-pricing
) {
  border-color: var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: var(--pciv-gradient-surface);
  box-shadow: var(--pciv-shadow-md);
}

.pciv-shell :where(
  .pciv-realm-card,
  .pciv-stage-card,
  .pciv-avatar-card,
  .pciv-cosmetic-card,
  .pciv-challenge-card,
  .pciv-user-card,
  .pciv-social-list-card,
  .pciv-code-card,
  .pciv-achievement-pill,
  .pciv-realm-pill,
  .pciv-history-row,
  .pciv-coin-pack-grid article,
  .pciv-pricing-grid article,
  .pciv-portal-stats > div,
  .pciv-public-stats > div,
  .pciv-stat-grid > div,
  .pciv-commander-metrics > div,
  .pciv-customization-stats > div
) {
  border-color: var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background-color: var(--pciv-surface-soft);
  box-shadow: var(--pciv-shadow-sm);
}

.pciv-shell :where(
  .pciv-realm-card,
  .pciv-stage-card,
  .pciv-avatar-card,
  .pciv-cosmetic-card,
  .pciv-challenge-card,
  .pciv-user-card,
  .pciv-social-list-card,
  .pciv-code-card,
  .pciv-realm-pill,
  .pciv-history-row
) {
  transition: transform var(--pciv-duration-normal) var(--pciv-ease),
              border-color var(--pciv-duration-normal) var(--pciv-ease),
              background-color var(--pciv-duration-normal) var(--pciv-ease),
              box-shadow var(--pciv-duration-normal) var(--pciv-ease);
}

.pciv-shell :where(
  .pciv-realm-card,
  .pciv-stage-card,
  .pciv-avatar-card,
  .pciv-cosmetic-card,
  .pciv-challenge-card,
  .pciv-user-card,
  .pciv-social-list-card,
  .pciv-code-card,
  .pciv-realm-pill,
  .pciv-history-row
):hover {
  transform: translateY(-2px);
  border-color: var(--pciv-border-strong);
  box-shadow: var(--pciv-shadow-md);
}

.pciv-shell :where(.is-selected, .is-active) {
  border-color: rgba(240, 200, 102, .55);
}

.pciv-shell :where(.pciv-locked, .is-locked) {
  filter: saturate(.72);
  opacity: .78;
}

/* Buttons ---------------------------------------------------------------- */
.pciv-shell .pciv-button {
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: var(--pciv-radius-md);
  background: var(--pciv-gradient-primary);
  color: #04222b !important;
  font-family: var(--pciv-font-display);
  font-size: var(--pciv-font-size-sm);
  font-weight: 900;
  line-height: 1.2;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
  transition: transform var(--pciv-duration-fast) var(--pciv-ease),
              filter var(--pciv-duration-fast) var(--pciv-ease),
              box-shadow var(--pciv-duration-normal) var(--pciv-ease);
}

.pciv-shell .pciv-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}

.pciv-shell .pciv-button:active {
  transform: translateY(0);
}

.pciv-shell .pciv-button-gold {
  background: var(--pciv-gradient-gold);
  color: #211b0d !important;
}

.pciv-shell .pciv-button-ghost {
  border-color: var(--pciv-border);
  background: rgba(255, 255, 255, .045);
  color: var(--pciv-text) !important;
  box-shadow: none;
}

.pciv-shell .pciv-button-ghost:hover {
  border-color: var(--pciv-border-strong);
  background: rgba(95, 229, 255, .075);
}

.pciv-shell :where(button, .pciv-button)[disabled],
.pciv-shell :where(button, .pciv-button).is-disabled {
  cursor: not-allowed;
  opacity: .48;
  transform: none;
  filter: grayscale(.2);
  box-shadow: none;
}

.pciv-back {
  gap: var(--pciv-space-2);
  color: var(--pciv-cyan) !important;
  font-weight: 800;
}

/* Forms ------------------------------------------------------------------ */
.pciv-shell :where(input, select, textarea) {
  min-height: 46px;
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-md);
  background: rgba(2, 17, 28, .82);
  color: var(--pciv-text);
  font: inherit;
  transition: border-color var(--pciv-duration-fast) var(--pciv-ease),
              background-color var(--pciv-duration-fast) var(--pciv-ease),
              box-shadow var(--pciv-duration-fast) var(--pciv-ease);
}

.pciv-shell :where(input, select, textarea):hover {
  border-color: rgba(95, 229, 255, .32);
}

.pciv-shell :where(input, select, textarea):focus {
  border-color: var(--pciv-cyan);
  background: rgba(3, 24, 38, .95);
}

.pciv-shell :where(input, textarea)::placeholder {
  color: rgba(180, 205, 216, .55);
}

.pciv-shell label {
  color: var(--pciv-text-soft);
  font-weight: 700;
}

/* Toolbar and navigation ------------------------------------------------- */
.pciv-toolbar,
.pciv-public-global-nav,
.pciv-ranking-tabs,
.pciv-cosmetic-tabs,
.pciv-status-filters,
.pciv-history-filters {
  gap: var(--pciv-space-2);
  padding: var(--pciv-space-2);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background: rgba(3, 19, 31, .66);
  backdrop-filter: blur(12px);
}

.pciv-toolbar a,
.pciv-public-global-nav a,
.pciv-ranking-tabs a,
.pciv-cosmetic-tabs a,
.pciv-status-filters a,
.pciv-history-filter {
  min-height: 40px;
  padding: 9px 13px;
  border-radius: var(--pciv-radius-md);
  color: var(--pciv-muted-strong) !important;
  font-size: var(--pciv-font-size-sm);
  font-weight: 800;
}

.pciv-toolbar a:hover,
.pciv-public-global-nav a:hover,
.pciv-ranking-tabs a:hover,
.pciv-cosmetic-tabs a:hover,
.pciv-status-filters a:hover,
.pciv-history-filter:hover,
.pciv-history-filter.is-active {
  background: rgba(95, 229, 255, .09);
  color: var(--pciv-text) !important;
}

/* Stats and metrics ------------------------------------------------------ */
.pciv-shell :where(
  .pciv-portal-stats,
  .pciv-public-stats,
  .pciv-stat-grid,
  .pciv-commander-metrics,
  .pciv-customization-stats
) {
  gap: var(--pciv-space-3);
}

.pciv-shell :where(
  .pciv-portal-stats > div,
  .pciv-public-stats > div,
  .pciv-stat-grid > div,
  .pciv-commander-metrics > div,
  .pciv-customization-stats > div
) {
  min-height: 92px;
  padding: var(--pciv-space-4);
  border: 1px solid var(--pciv-border-subtle);
}

.pciv-shell :where(
  .pciv-portal-stats,
  .pciv-public-stats,
  .pciv-stat-grid,
  .pciv-commander-metrics,
  .pciv-customization-stats
) strong {
  color: var(--pciv-text);
  font-size: clamp(21px, 2.2vw, 30px);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.pciv-shell :where(
  .pciv-portal-stats,
  .pciv-public-stats,
  .pciv-stat-grid,
  .pciv-commander-metrics,
  .pciv-customization-stats
) span {
  color: var(--pciv-muted);
  font-size: var(--pciv-font-size-xs);
}

/* Progress --------------------------------------------------------------- */
.pciv-shell :where(
  .pciv-levelbar,
  .pciv-realm-progress,
  .pciv-continue-progress,
  .pciv-game-progress,
  .pciv-boss-health
) {
  min-height: 10px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: var(--pciv-radius-pill);
  background: rgba(0, 8, 14, .66);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, .45);
  overflow: hidden;
}

.pciv-shell :where(
  .pciv-levelbar,
  .pciv-realm-progress,
  .pciv-continue-progress,
  .pciv-game-progress,
  .pciv-boss-health
) :where(i, b, span) {
  border-radius: inherit;
}

/* Cards with domain-specific hierarchy ---------------------------------- */
.pciv-realm-card,
.pciv-stage-card,
.pciv-avatar-card,
.pciv-cosmetic-card,
.pciv-challenge-card,
.pciv-user-card {
  overflow: hidden;
}

.pciv-realm-card h3,
.pciv-stage-card h3,
.pciv-avatar-card h3,
.pciv-cosmetic-card h3,
.pciv-challenge-card h3,
.pciv-user-card h3 {
  margin-bottom: var(--pciv-space-2);
  font-size: var(--pciv-font-size-lg);
}

.pciv-realm-card p,
.pciv-stage-card p,
.pciv-cosmetic-card p,
.pciv-challenge-card p,
.pciv-user-card p {
  font-size: var(--pciv-font-size-sm);
  line-height: 1.8;
}

.pciv-avatar-image,
.pciv-cosmetic-preview,
.pciv-realm-card-cover {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: var(--pciv-radius-md);
  background-color: rgba(1, 13, 22, .72);
}

.pciv-avatar-card.is-selected,
.pciv-cosmetic-card.is-selected {
  border-color: rgba(240, 200, 102, .60);
  box-shadow: var(--pciv-shadow-gold);
}

/* Status chips ----------------------------------------------------------- */
.pciv-shell :where(
  .pciv-realm-status-badge,
  .pciv-avatar-active,
  .pciv-avatar-lock,
  .pciv-tier-label,
  .pciv-tier-chip,
  .pciv-evidence-status,
  .pciv-social-state,
  .pciv-section-count,
  .pciv-shop-balance,
  .pciv-wallet-badge
) {
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-pill);
  backdrop-filter: blur(8px);
}

.pciv-avatar-active,
.pciv-tier-label.is-gold,
.pciv-tier-chip.is-gold {
  border-color: rgba(240, 200, 102, .38);
  background: rgba(240, 200, 102, .14);
  color: #ffe3a2;
}

/* Tables ----------------------------------------------------------------- */
.pciv-shell :where(.pciv-table, .pciv-wallet-history table, .pciv-ranking table, .pciv-public-ranking-table) {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background: rgba(3, 20, 32, .52);
}

.pciv-shell :where(.pciv-table, .pciv-wallet-history table, .pciv-ranking table, .pciv-public-ranking-table) th {
  padding: 13px 14px;
  border-bottom: 1px solid var(--pciv-border-subtle);
  background: rgba(95, 229, 255, .045);
  color: var(--pciv-muted-strong);
  font-size: var(--pciv-font-size-xs);
  font-weight: 900;
}

.pciv-shell :where(.pciv-table, .pciv-wallet-history table, .pciv-ranking table, .pciv-public-ranking-table) td {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .045);
  color: var(--pciv-text-soft);
  font-size: var(--pciv-font-size-sm);
}

.pciv-shell :where(.pciv-table, .pciv-wallet-history table, .pciv-ranking table, .pciv-public-ranking-table) tbody tr:hover td {
  background: rgba(95, 229, 255, .035);
}

/* Notices and empty states ---------------------------------------------- */
.pciv-notice,
.pciv-empty,
.pciv-filter-empty,
.pciv-access-notice {
  padding: var(--pciv-space-5);
  border: 1px dashed var(--pciv-border);
  border-radius: var(--pciv-radius-lg);
  background: rgba(5, 27, 42, .58);
  color: var(--pciv-muted-strong);
}

.pciv-result.is-success,
.pciv-avatar-result.is-success,
.pciv-social-result.is-success,
.pciv-city-result.is-success,
.pciv-profile-result.is-success {
  color: var(--pciv-success);
}

.pciv-result.is-error,
.pciv-avatar-result.is-error,
.pciv-social-result.is-error,
.pciv-city-result.is-error,
.pciv-profile-result.is-error {
  color: var(--pciv-danger);
}

/* Avatar and identity ---------------------------------------------------- */
.pciv-avatar-shell {
  flex: 0 0 auto;
}

.pciv-profile-avatar-large,
.pciv-public-profile-avatar,
.pciv-player-avatar {
  border-color: rgba(240, 200, 102, .50);
  box-shadow: 0 0 0 1px rgba(240, 200, 102, .15), 0 16px 34px rgba(0, 0, 0, .30);
}

.pciv-wallet-badge {
  padding: var(--pciv-space-4);
  background: rgba(240, 200, 102, .07);
}

.pciv-wallet-badge strong,
.pciv-shop-balance {
  color: var(--pciv-gold);
  font-variant-numeric: tabular-nums;
}


/* ===== dashboard.css ===== */
/*
 * Physics Civilizations — Dashboard 1.5.1
 * Visual refinement for the portal dashboard only.
 */

.pciv-portal-v151 {
  --pciv-dashboard-glow: rgba(37, 214, 195, .16);
  --pciv-dashboard-gold-glow: rgba(240, 200, 102, .14);
}

/* Main hero -------------------------------------------------------------- */
.pciv-portal-v151 .pciv-portal-hero-v121 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
  align-items: stretch;
  padding: 28px;
  border: 1px solid rgba(105, 230, 255, .15);
  background:
    radial-gradient(circle at 12% 0, rgba(37, 214, 195, .12), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(240, 200, 102, .10), transparent 30%),
    linear-gradient(135deg, rgba(12, 45, 65, .96), rgba(4, 20, 33, .97));
  box-shadow: 0 22px 58px rgba(0, 0, 0, .28);
}

.pciv-portal-v151 .pciv-portal-hero-v121::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    linear-gradient(rgba(105, 230, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 230, 255, .035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.pciv-portal-v151 .pciv-portal-hero-main,
.pciv-portal-v151 .pciv-commander-card {
  position: relative;
  z-index: 2;
}

.pciv-portal-v151 .pciv-brand {
  align-items: center;
  gap: 18px;
}

.pciv-portal-v151 .pciv-brand-mark {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  flex: 0 0 78px;
  border: 1px solid rgba(105, 230, 255, .26);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(37, 214, 195, .13), rgba(255, 255, 255, .025));
  font-size: 42px;
  box-shadow: inset 0 0 28px rgba(37, 214, 195, .08), 0 16px 34px rgba(0, 0, 0, .23);
}

.pciv-portal-v151 .pciv-brand h1 {
  margin: 3px 0 8px;
  font-size: clamp(34px, 4vw, 56px);
}

.pciv-portal-v151 .pciv-brand p {
  max-width: 670px;
  margin: 0;
  color: var(--pciv-muted-strong);
}

.pciv-portal-v151 .pciv-hero-pills {
  margin-top: 25px;
  gap: 10px;
}

.pciv-portal-v151 .pciv-hero-pills > span {
  padding: 10px 14px;
  border: 1px solid rgba(105, 230, 255, .12);
  border-radius: var(--pciv-radius-pill);
  background: rgba(2, 16, 27, .46);
  backdrop-filter: blur(8px);
}

/* Commander card -------------------------------------------------------- */
.pciv-portal-v151 .pciv-commander-card {
  min-height: 238px;
  padding: 22px;
  border: 1px solid rgba(240, 200, 102, .22);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0, rgba(240, 200, 102, .12), transparent 31%),
    linear-gradient(145deg, rgba(15, 50, 70, .96), rgba(4, 20, 33, .96));
  box-shadow: var(--pciv-shadow-gold);
}

.pciv-portal-v151 .pciv-commander-card::after {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .035);
  border-radius: 19px;
}

.pciv-portal-v151 .pciv-player-avatar {
  display: grid;
  place-items: center;
  width: 146px;
  height: 146px;
  flex: 0 0 146px;
}

.pciv-portal-v151 .pciv-commander-card .pciv-avatar-shell {
  width: 138px !important;
  height: 138px !important;
}

.pciv-portal-v151 .pciv-player-info > strong {
  display: block;
  margin-top: 5px;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.35;
}

.pciv-portal-v151 .pciv-commander-handle {
  display: inline-flex;
  margin-top: 4px;
  color: var(--pciv-cyan) !important;
  font-size: 13px;
  font-weight: 800;
}

.pciv-portal-v151 .pciv-commander-title {
  display: block;
  margin-top: 5px;
  color: var(--pciv-muted-strong);
}

.pciv-portal-v151 .pciv-commander-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 15px 0 12px;
}

.pciv-portal-v151 .pciv-commander-metrics > span {
  padding: 9px 8px;
  border: 1px solid rgba(105, 230, 255, .10);
  border-radius: 13px;
  background: rgba(2, 15, 25, .5);
  color: var(--pciv-muted);
  text-align: center;
  font-size: 11px;
}

.pciv-portal-v151 .pciv-commander-metrics b {
  display: block;
  margin-bottom: 2px;
  color: var(--pciv-text);
  font-size: 16px;
}

.pciv-portal-v151 .pciv-levelbar,
.pciv-portal-v151 .pciv-command-progress > span {
  overflow: hidden;
  height: 8px;
  border: 1px solid rgba(105, 230, 255, .10);
  border-radius: var(--pciv-radius-pill);
  background: rgba(0, 0, 0, .24);
}

.pciv-portal-v151 .pciv-levelbar i,
.pciv-portal-v151 .pciv-command-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pciv-teal), var(--pciv-cyan), var(--pciv-gold));
  box-shadow: 0 0 18px rgba(37, 214, 195, .34);
}

/* Toolbar --------------------------------------------------------------- */
.pciv-portal-v151 .pciv-toolbar {
  position: sticky;
  top: 12px;
  z-index: 30;
  margin-block: 16px;
  padding: 8px;
  border-color: rgba(105, 230, 255, .13);
  background: rgba(3, 18, 30, .88);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .24);
}

.pciv-portal-v151 .pciv-toolbar a {
  gap: 7px;
}

.pciv-portal-v151 .pciv-toolbar a span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: rgba(105, 230, 255, .07);
}

.pciv-portal-v151 .pciv-toolbar .pciv-toolbar-logout {
  margin-inline-start: auto;
  color: #ffc0c4 !important;
}

/* Command overview ------------------------------------------------------ */
.pciv-command-overview {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 1.35fr) minmax(300px, .9fr) auto;
  gap: 18px;
  align-items: center;
  margin: 18px 0;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 255, .14);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 50%, rgba(37, 214, 195, .10), transparent 28%),
    linear-gradient(145deg, rgba(11, 42, 61, .94), rgba(4, 20, 33, .94));
  box-shadow: var(--pciv-shadow-md);
}

.pciv-command-overview::after {
  content: "";
  position: absolute;
  left: -70px;
  top: -92px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(105, 230, 255, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 36px rgba(105, 230, 255, .018), 0 0 0 72px rgba(240, 200, 102, .012);
}

.pciv-command-level,
.pciv-command-paths,
.pciv-command-actions {
  position: relative;
  z-index: 2;
}

.pciv-command-level {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 17px;
  align-items: center;
}

.pciv-level-orbit {
  --pciv-level-progress: 0%;
  position: relative;
  display: grid;
  place-items: center;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: conic-gradient(var(--pciv-teal) var(--pciv-level-progress), rgba(255, 255, 255, .075) 0);
  box-shadow: 0 0 30px rgba(37, 214, 195, .13);
}

.pciv-level-orbit::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(105, 230, 255, .12);
  border-radius: inherit;
  background: linear-gradient(145deg, #0d3047, #061926);
}

.pciv-level-orbit span,
.pciv-level-orbit small {
  position: relative;
  z-index: 2;
}

.pciv-level-orbit span {
  color: var(--pciv-gold);
  font-size: 32px;
  font-weight: 950;
  line-height: 1;
}

.pciv-level-orbit small {
  margin-top: -18px;
  font-size: 10px;
}

.pciv-command-level h2 {
  margin: 3px 0;
  font-size: clamp(22px, 2vw, 30px);
}

.pciv-command-level p {
  margin: 0;
  font-size: 13px;
}

.pciv-command-progress {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  margin-top: 11px;
}

.pciv-command-progress b {
  color: var(--pciv-cyan);
  font-size: 12px;
}

.pciv-command-paths {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.pciv-command-paths > div {
  min-height: 100px;
  padding: 12px 9px;
  border: 1px solid rgba(105, 230, 255, .10);
  border-radius: 16px;
  background: rgba(2, 17, 28, .52);
  text-align: center;
}

.pciv-command-paths span,
.pciv-command-paths strong,
.pciv-command-paths small {
  display: block;
}

.pciv-command-paths span {
  font-size: 20px;
}

.pciv-command-paths strong {
  margin: 3px 0;
  color: var(--pciv-text);
  font-size: 21px;
}

.pciv-command-paths small {
  color: var(--pciv-muted);
  font-size: 10px;
  line-height: 1.5;
}

.pciv-command-actions {
  display: grid;
  gap: 9px;
  min-width: 176px;
}

.pciv-command-actions .pciv-button {
  width: 100%;
}

/* Statistics ------------------------------------------------------------ */
.pciv-portal-v151 .pciv-portal-stats {
  gap: 14px;
  margin-block: 18px;
}

.pciv-portal-v151 .pciv-portal-stats > div {
  position: relative;
  min-height: 142px;
  padding: 19px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 255, .11);
  background:
    linear-gradient(145deg, rgba(16, 50, 70, .88), rgba(4, 20, 32, .88));
}

.pciv-portal-v151 .pciv-portal-stats > div::after {
  content: "";
  position: absolute;
  left: -35px;
  bottom: -45px;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: rgba(105, 230, 255, .035);
}

.pciv-portal-v151 .pciv-portal-stats i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: 13px;
  background: rgba(105, 230, 255, .065);
  font-style: normal;
  font-size: 21px;
}

.pciv-portal-v151 .pciv-portal-stats strong {
  margin-block: 7px 3px;
  color: var(--pciv-text);
  font-size: 28px;
}

/* Customization and social cards --------------------------------------- */
.pciv-portal-v151 .pciv-customization-hub,
.pciv-portal-v151 .pciv-social-hub {
  position: relative;
  overflow: hidden;
  border-color: rgba(105, 230, 255, .13);
}

.pciv-portal-v151 .pciv-customization-hub::before,
.pciv-portal-v151 .pciv-social-hub::before {
  content: "";
  position: absolute;
  inset-inline-end: -90px;
  top: -110px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240, 200, 102, .09), transparent 67%);
  pointer-events: none;
}

.pciv-portal-v151 .pciv-customization-active span,
.pciv-portal-v151 .pciv-social-handle {
  border: 1px solid rgba(105, 230, 255, .11);
  background: rgba(2, 16, 27, .48);
}

/* Continue learning ----------------------------------------------------- */
.pciv-portal-v151 .pciv-continue-realm {
  position: relative;
  min-height: 142px;
  padding: 21px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--realm-accent) 38%, rgba(255,255,255,.12));
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--realm-accent) 14%, transparent), transparent 28%),
    linear-gradient(145deg, color-mix(in srgb, var(--realm-accent) 8%, #12334a), #061a2a);
  box-shadow: var(--pciv-shadow-md);
}

.pciv-portal-v151 .pciv-continue-realm::after {
  content: "ادامه";
  position: absolute;
  inset-inline-start: -14px;
  bottom: -24px;
  color: rgba(255, 255, 255, .025);
  font-size: 84px;
  font-weight: 950;
  pointer-events: none;
}

.pciv-portal-v151 .pciv-continue-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid color-mix(in srgb, var(--realm-accent) 40%, transparent);
  border-radius: 23px;
  background: color-mix(in srgb, var(--realm-accent) 12%, rgba(2, 16, 27, .65));
  font-size: 38px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

.pciv-portal-v151 .pciv-continue-realm strong {
  font-size: 22px;
}

/* City and realm section ------------------------------------------------ */
.pciv-portal-v151 .pciv-city,
.pciv-portal-v151 .pciv-realms,
.pciv-portal-v151 .pciv-ranking {
  scroll-margin-top: 90px;
}

.pciv-portal-v151 .pciv-section-count {
  padding: 8px 13px;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: var(--pciv-radius-pill);
  background: rgba(105, 230, 255, .055);
  color: var(--pciv-cyan);
  font-size: 12px;
  font-weight: 850;
}

/* Responsive dashboard ------------------------------------------------- */
@media (max-width: 1180px) {
  .pciv-portal-v151 .pciv-portal-hero-v121 {
    grid-template-columns: 1fr;
  }

  .pciv-portal-v151 .pciv-commander-card {
    width: 100%;
  }

  .pciv-command-overview {
    grid-template-columns: 1fr 1fr;
  }

  .pciv-command-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pciv-portal-v151 .pciv-toolbar {
    position: relative;
    top: auto;
  }

  .pciv-command-overview {
    grid-template-columns: 1fr;
  }

  .pciv-command-actions {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .pciv-portal-v151 .pciv-portal-hero-v121 {
    padding: 18px;
  }

  .pciv-portal-v151 .pciv-brand {
    align-items: flex-start;
  }

  .pciv-portal-v151 .pciv-brand-mark {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    border-radius: 18px;
    font-size: 31px;
  }

  .pciv-portal-v151 .pciv-brand h1 {
    font-size: 31px;
  }

  .pciv-portal-v151 .pciv-commander-card {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 13px;
    padding: 16px;
  }

  .pciv-portal-v151 .pciv-player-avatar {
    width: 100px;
    height: 100px;
  }

  .pciv-portal-v151 .pciv-commander-card .pciv-avatar-shell {
    width: 96px !important;
    height: 96px !important;
  }

  .pciv-portal-v151 .pciv-player-companion {
    grid-column: 1 / -1;
  }

  .pciv-command-overview {
    padding: 16px;
  }

  .pciv-command-level {
    grid-template-columns: 84px 1fr;
  }

  .pciv-level-orbit {
    width: 84px;
    height: 84px;
  }

  .pciv-level-orbit span {
    font-size: 25px;
  }

  .pciv-command-paths {
    grid-template-columns: 1fr;
  }

  .pciv-command-paths > div {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    text-align: right;
  }

  .pciv-command-paths strong {
    margin: 0;
  }

  .pciv-command-actions {
    grid-template-columns: 1fr;
  }
}


/* ===== profile.css ===== */
/*
 * Physics Civilizations — Profile 1.5.1
 * Private profile, public profile and avatar identity refinements.
 */

/* Private profile hero -------------------------------------------------- */
.pciv-profile-v151 .pciv-profile-hero-v151 {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 22px;
  align-items: center;
  min-height: 218px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 255, .16);
  background:
    radial-gradient(circle at 8% 50%, rgba(37, 214, 195, .13), transparent 27%),
    radial-gradient(circle at 91% 5%, rgba(240, 200, 102, .10), transparent 27%),
    linear-gradient(135deg, rgba(12, 45, 65, .97), rgba(4, 20, 33, .97));
  box-shadow: 0 24px 64px rgba(0, 0, 0, .29);
}

.pciv-profile-v151 .pciv-profile-hero-v151::after {
  content: "";
  position: absolute;
  left: -80px;
  top: -125px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(105, 230, 255, .08);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(105, 230, 255, .018), 0 0 0 92px rgba(240, 200, 102, .012);
  pointer-events: none;
}

.pciv-profile-v151 .pciv-profile-avatar-large,
.pciv-profile-v151 .pciv-profile-identity,
.pciv-profile-v151 .pciv-profile-companion,
.pciv-profile-v151 .pciv-wallet-badge {
  position: relative;
  z-index: 2;
}

.pciv-profile-v151 .pciv-profile-avatar-large {
  display: grid;
  place-items: center;
  width: 180px;
  height: 180px;
  border: 0;
  overflow: visible;
  background: radial-gradient(circle, rgba(37, 214, 195, .08), transparent 67%);
  box-shadow: none;
}

.pciv-profile-v151 .pciv-profile-avatar-large .pciv-avatar-shell {
  width: 166px !important;
  height: 166px !important;
}

.pciv-profile-identity h1 {
  margin: 4px 0 3px;
  font-size: clamp(29px, 3vw, 43px);
}

.pciv-profile-public-handle {
  display: inline-flex;
  padding: 4px 10px;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: var(--pciv-radius-pill);
  background: rgba(105, 230, 255, .055);
  color: var(--pciv-cyan) !important;
  font-size: 12px;
  font-weight: 850;
}

.pciv-profile-identity > p {
  margin: 8px 0 0;
  color: var(--pciv-muted-strong);
}

.pciv-profile-level-line {
  display: grid;
  grid-template-columns: minmax(170px, 320px) auto;
  gap: 11px;
  align-items: center;
  margin-top: 15px;
}

.pciv-profile-level-line > span {
  overflow: hidden;
  height: 8px;
  border: 1px solid rgba(105, 230, 255, .10);
  border-radius: var(--pciv-radius-pill);
  background: rgba(0, 0, 0, .24);
}

.pciv-profile-level-line i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pciv-teal), var(--pciv-cyan), var(--pciv-gold));
  box-shadow: 0 0 16px rgba(37, 214, 195, .30);
}

.pciv-profile-level-line small {
  color: var(--pciv-muted-strong);
  white-space: nowrap;
}

.pciv-profile-v151 .pciv-profile-companion {
  min-width: 86px;
  padding: 12px;
  border: 1px solid rgba(105, 230, 255, .11);
  border-radius: 18px;
  background: rgba(2, 16, 27, .48);
  text-align: center;
}

.pciv-profile-v151 .pciv-profile-companion span {
  display: block;
  font-size: 34px;
}

.pciv-profile-v151 .pciv-profile-companion small {
  display: block;
  margin-top: 4px;
  font-size: 10px;
}

.pciv-profile-v151 .pciv-wallet-badge {
  min-width: 205px;
  padding: 19px;
  border-color: rgba(240, 200, 102, .26);
  background:
    radial-gradient(circle at 80% 0, rgba(240, 200, 102, .13), transparent 36%),
    rgba(2, 16, 27, .58);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .22);
}

.pciv-profile-v151 .pciv-wallet-badge strong {
  font-size: 34px;
}

/* Profile overview ------------------------------------------------------ */
.pciv-profile-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 17px 0;
}

.pciv-profile-overview > div {
  position: relative;
  min-height: 120px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 255, .11);
  border-radius: 19px;
  background: linear-gradient(145deg, rgba(15, 49, 70, .88), rgba(4, 20, 32, .88));
  box-shadow: var(--pciv-shadow-sm);
}

.pciv-profile-overview > div::after {
  content: "";
  position: absolute;
  left: -28px;
  bottom: -38px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(105, 230, 255, .035);
}

.pciv-profile-overview span,
.pciv-profile-overview strong,
.pciv-profile-overview small {
  position: relative;
  z-index: 2;
  display: block;
}

.pciv-profile-overview span {
  font-size: 23px;
}

.pciv-profile-overview strong {
  margin: 8px 0 1px;
  color: var(--pciv-text);
  font-size: 25px;
}

.pciv-profile-overview small {
  font-size: 11px;
}

/* Profile navigation ---------------------------------------------------- */
.pciv-profile-nav {
  position: sticky;
  top: 12px;
  z-index: 28;
  display: flex;
  gap: 8px;
  margin: 16px 0 18px;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: 18px;
  background: rgba(3, 18, 30, .88);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .23);
  backdrop-filter: blur(13px);
  scrollbar-width: thin;
}

.pciv-profile-nav a {
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 13px;
  color: var(--pciv-muted-strong) !important;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.pciv-profile-nav a:hover {
  background: rgba(105, 230, 255, .075);
  color: var(--pciv-text) !important;
}

/* Personal data and social settings ------------------------------------ */
.pciv-profile-v151 #pciv-profile-details,
.pciv-profile-v151 #pciv-social-settings,
.pciv-profile-v151 #pciv-avatar-shop,
.pciv-profile-v151 #pciv-cosmetic-shop,
.pciv-profile-v151 #pciv-frame-shop {
  scroll-margin-top: 86px;
}

.pciv-profile-v151 .pciv-profile-form-grid {
  position: relative;
  padding: 22px;
  border-color: rgba(105, 230, 255, .12);
  background: linear-gradient(145deg, rgba(11, 41, 59, .92), rgba(4, 20, 32, .92));
  box-shadow: var(--pciv-shadow-md);
}

.pciv-profile-v151 .pciv-profile-form-grid::before {
  content: "مشخصات شخصی";
  position: absolute;
  top: -11px;
  inset-inline-start: 18px;
  padding: 3px 11px;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: var(--pciv-radius-pill);
  background: #071e2e;
  color: var(--pciv-cyan);
  font-size: 10px;
  font-weight: 900;
}

.pciv-profile-v151 .pciv-social-settings {
  position: relative;
  padding: 23px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 255, .12);
}

.pciv-profile-v151 .pciv-social-settings::after {
  content: "🛡️";
  position: absolute;
  inset-inline-end: 22px;
  top: 18px;
  opacity: .08;
  font-size: 88px;
  pointer-events: none;
}

.pciv-profile-v151 .pciv-social-settings-form {
  position: relative;
  z-index: 2;
}

.pciv-profile-v151 .pciv-social-settings-actions {
  gap: 10px;
}

/* Shops within profile -------------------------------------------------- */
.pciv-profile-v151 .pciv-avatar-shop,
.pciv-profile-v151 .pciv-cosmetic-shop {
  border-color: rgba(105, 230, 255, .12);
  background:
    radial-gradient(circle at 92% 0, rgba(240, 200, 102, .055), transparent 23%),
    linear-gradient(145deg, rgba(10, 38, 56, .92), rgba(4, 20, 32, .92));
}

.pciv-profile-v151 .pciv-shop-balance {
  min-height: 44px;
  padding: 10px 15px;
  box-shadow: inset 0 0 18px rgba(240, 200, 102, .035);
}

.pciv-profile-v151 .pciv-avatar-card,
.pciv-profile-v151 .pciv-cosmetic-card {
  overflow: hidden;
}

.pciv-profile-v151 .pciv-avatar-card.is-selected,
.pciv-profile-v151 .pciv-cosmetic-card.is-selected {
  border-color: rgba(240, 200, 102, .58);
  background: linear-gradient(165deg, rgba(58, 55, 44, .36), rgba(6, 26, 41, .95));
  box-shadow: 0 0 0 2px rgba(240, 200, 102, .08), 0 18px 38px rgba(0, 0, 0, .26);
}

/* Public profile -------------------------------------------------------- */
.pciv-public-profile-v151 .pciv-public-profile-hero {
  min-height: 245px;
  padding: 27px;
  border-color: rgba(105, 230, 255, .15);
  background:
    radial-gradient(circle at 8% 50%, rgba(37, 214, 195, .13), transparent 28%),
    radial-gradient(circle at 92% 5%, rgba(240, 200, 102, .11), transparent 25%),
    linear-gradient(135deg, rgba(12, 45, 65, .97), rgba(4, 20, 33, .97));
  box-shadow: 0 24px 64px rgba(0, 0, 0, .29);
}

.pciv-public-profile-v151 .pciv-public-profile-avatar {
  width: 230px;
  height: 230px;
}

.pciv-public-profile-v151 .pciv-public-profile-avatar .pciv-avatar-shell {
  width: 205px !important;
  height: 205px !important;
}

.pciv-public-profile-v151 .pciv-public-profile-hero h1 {
  margin: 5px 0 4px;
  font-size: clamp(34px, 4vw, 49px);
}

.pciv-public-profile-v151 .pciv-public-profile-hero > div:nth-child(2) > b {
  display: inline-flex;
  padding: 5px 11px;
  border: 1px solid rgba(105, 230, 255, .13);
  border-radius: var(--pciv-radius-pill);
  background: rgba(105, 230, 255, .055);
  color: var(--pciv-cyan);
  font-size: 13px;
}

.pciv-public-profile-v151 .pciv-public-profile-rating {
  min-width: 225px;
  padding: 21px;
  border: 1px solid rgba(240, 200, 102, .23);
  background: rgba(2, 16, 27, .58);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .20);
}

.pciv-public-profile-v151 .pciv-public-profile-rating strong {
  font-size: 40px;
}

.pciv-public-profile-v151 .pciv-public-stats > div {
  min-height: 112px;
  padding: 17px;
  border-color: rgba(105, 230, 255, .11);
  background: linear-gradient(145deg, rgba(15, 49, 70, .88), rgba(4, 20, 32, .88));
}

.pciv-public-profile-v151 .pciv-public-global-nav {
  margin-block: 15px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .19);
}

/* Responsive profile ---------------------------------------------------- */
@media (max-width: 1120px) {
  .pciv-profile-v151 .pciv-profile-hero-v151 {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .pciv-profile-v151 .pciv-profile-companion {
    grid-column: 1;
    grid-row: 2;
  }

  .pciv-profile-v151 .pciv-wallet-badge {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .pciv-profile-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pciv-profile-nav {
    position: relative;
    top: auto;
  }

  .pciv-profile-v151 .pciv-profile-hero-v151 {
    grid-template-columns: auto 1fr;
  }

  .pciv-profile-v151 .pciv-wallet-badge {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .pciv-profile-v151 .pciv-profile-companion {
    grid-column: auto;
    grid-row: auto;
  }

  .pciv-public-profile-v151 .pciv-public-profile-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pciv-public-profile-v151 .pciv-public-profile-avatar {
    margin: auto;
  }

  .pciv-public-profile-v151 .pciv-public-profile-rating {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .pciv-profile-v151 .pciv-profile-hero-v151 {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 19px;
    text-align: center;
  }

  .pciv-profile-v151 .pciv-profile-avatar-large {
    width: 150px;
    height: 150px;
  }

  .pciv-profile-v151 .pciv-profile-avatar-large .pciv-avatar-shell {
    width: 142px !important;
    height: 142px !important;
  }

  .pciv-profile-level-line {
    grid-template-columns: 1fr;
  }

  .pciv-profile-v151 .pciv-profile-companion {
    width: 100%;
  }

  .pciv-profile-v151 .pciv-wallet-badge {
    width: 100%;
  }

  .pciv-profile-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pciv-profile-overview > div:last-child {
    grid-column: 1 / -1;
  }

  .pciv-public-profile-v151 .pciv-public-profile-avatar {
    width: 180px;
    height: 180px;
  }

  .pciv-public-profile-v151 .pciv-public-profile-avatar .pciv-avatar-shell {
    width: 162px !important;
    height: 162px !important;
  }
}


/* ===== realms.css ===== */
/*
 * Physics Civilizations Core 1.5.2
 * Realm map, chapter, stage-card, boss-gallery and skill visuals.
 * Scoped to .pciv-realm-v152 to avoid changing legacy or external realms.
 */

.pciv-realm-v152 {
  --pciv-realm-glow: color-mix(in srgb, var(--realm-accent, var(--pciv-teal)) 24%, transparent);
  overflow: hidden;
}

.pciv-realm-v152 > .pciv-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .035);
}

.pciv-realm-v152 .pciv-realm-banner {
  position: relative;
  margin: 0 0 var(--pciv-space-5);
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-xl);
  background: #03131f;
  box-shadow: var(--pciv-shadow-md);
  overflow: hidden;
}

.pciv-realm-v152 .pciv-realm-banner::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 44%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(2, 12, 22, .72));
}

.pciv-realm-v152 .pciv-realm-banner img {
  display: block;
  width: 100%;
  max-height: 420px;
  object-fit: cover;
}

.pciv-realm-v152 .pciv-realm-hero {
  position: relative;
  isolation: isolate;
  min-height: 260px;
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 35%, var(--pciv-border-subtle));
  background:
    radial-gradient(circle at 88% 15%, var(--pciv-realm-glow), transparent 30%),
    radial-gradient(circle at 12% 95%, rgba(240, 200, 102, .09), transparent 28%),
    linear-gradient(135deg, rgba(15, 48, 68, .98), rgba(3, 18, 30, .98));
  box-shadow: var(--pciv-shadow-lg);
}

.pciv-realm-v152 .pciv-realm-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .42;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.pciv-realm-v152 .pciv-realm-hero > div:first-child {
  position: relative;
  z-index: 2;
  max-width: 850px;
  gap: var(--pciv-space-5);
}

.pciv-realm-v152 .pciv-realm-big-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: clamp(92px, 10vw, 128px);
  height: clamp(92px, 10vw, 128px);
  border: 1px solid color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 52%, transparent);
  border-radius: 34px;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 22%, transparent), transparent 65%),
    rgba(3, 22, 35, .72);
  font-size: clamp(48px, 6vw, 72px);
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .018), 0 22px 45px rgba(0, 0, 0, .28);
}

.pciv-realm-v152 .pciv-realm-hero .pciv-kicker {
  color: var(--realm-accent, var(--pciv-gold));
  font-size: 13px;
}

.pciv-realm-v152 .pciv-realm-hero h1 {
  max-width: 850px;
  margin: 7px 0 10px;
  font-size: clamp(34px, 5vw, 62px);
  text-wrap: balance;
}

.pciv-realm-v152 .pciv-realm-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--pciv-muted-strong);
  font-size: 15px;
  line-height: 2;
}

.pciv-realm-v152 .pciv-realm-hero-side {
  position: relative;
  z-index: 3;
  min-width: 188px;
  padding: 16px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: rgba(1, 14, 24, .48);
  backdrop-filter: blur(10px);
}

.pciv-realm-v152 .pciv-progress-ring {
  width: 154px;
  height: 154px;
  border: 1px solid rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle closest-side, #081f30 75%, transparent 77% 99%, transparent),
    conic-gradient(var(--realm-accent, var(--pciv-teal)) calc(var(--p) * 1%), rgba(255, 255, 255, .075) 0);
  box-shadow: inset 0 0 28px rgba(0, 0, 0, .36), 0 14px 34px rgba(0, 0, 0, .22);
}

.pciv-realm-v152 .pciv-progress-ring strong {
  color: var(--pciv-text);
  font-size: 27px;
}

.pciv-realm-v152 .pciv-progress-ring span {
  color: var(--pciv-muted);
  font-size: 11px;
}

.pciv-realm-v152 .pciv-realm-continue {
  width: 100%;
  min-height: 48px;
}

.pciv-realm-v152 .pciv-access-notice {
  position: relative;
  overflow: hidden;
  margin: var(--pciv-space-5) 0;
  border-color: rgba(240, 200, 102, .34);
  background:
    radial-gradient(circle at 100% 0, rgba(240, 200, 102, .16), transparent 32%),
    linear-gradient(115deg, rgba(66, 49, 19, .40), rgba(8, 38, 52, .88));
  box-shadow: var(--pciv-shadow-md);
}

.pciv-realm-v152 .pciv-access-notice > span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(240, 200, 102, .10);
}

.pciv-realm-v152 .pciv-stat-grid {
  margin: var(--pciv-space-5) 0 var(--pciv-space-7);
}

.pciv-realm-v152 .pciv-stat-grid > div {
  position: relative;
  min-height: 112px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--pciv-border-subtle);
  background: var(--pciv-gradient-surface);
}

.pciv-realm-v152 .pciv-stat-grid > div::after {
  content: "";
  position: absolute;
  left: -30px;
  bottom: -44px;
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background: var(--pciv-realm-glow);
  filter: blur(2px);
}

.pciv-realm-v152 .pciv-stat-grid span {
  position: relative;
  z-index: 1;
  color: var(--pciv-muted);
}

.pciv-realm-v152 .pciv-stat-grid strong {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  color: var(--pciv-text);
  font-size: 28px;
}

/* Chapters and map ------------------------------------------------------- */
.pciv-realm-v152 .pciv-chapter {
  position: relative;
  margin: var(--pciv-space-7) 0;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background:
    linear-gradient(135deg, rgba(15, 48, 68, .72), rgba(4, 22, 35, .80));
  box-shadow: var(--pciv-shadow-md);
  overflow: hidden;
}

.pciv-realm-v152 .pciv-chapter::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--realm-accent, var(--pciv-teal)), transparent 82%);
}

.pciv-realm-v152 .pciv-chapter-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--pciv-space-6);
  margin-bottom: var(--pciv-space-5);
  padding-bottom: var(--pciv-space-5);
  border-bottom: 1px solid var(--pciv-border-subtle);
}

.pciv-realm-v152 .pciv-chapter-heading > span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: var(--pciv-radius-pill);
  background: color-mix(in srgb, var(--realm-accent, var(--pciv-teal)) 11%, transparent);
  color: var(--realm-accent, var(--pciv-cyan));
  font-size: 11px;
  font-weight: 900;
}

.pciv-realm-v152 .pciv-chapter-title h2 {
  margin: 9px 0 7px;
  font-size: clamp(23px, 3vw, 32px);
}

.pciv-realm-v152 .pciv-chapter-title p {
  max-width: 820px;
  margin: 0;
  color: var(--pciv-muted);
  line-height: 1.9;
}

.pciv-realm-v152 .pciv-chapter-progress {
  min-width: 168px;
  padding: 14px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background: rgba(2, 18, 29, .56);
  text-align: center;
}

.pciv-realm-v152 .pciv-chapter-progress strong,
.pciv-realm-v152 .pciv-chapter-progress small {
  display: block;
}

.pciv-realm-v152 .pciv-chapter-progress strong {
  color: var(--pciv-text);
  font-size: 22px;
}

.pciv-realm-v152 .pciv-chapter-progress small {
  margin-top: 3px;
  color: var(--pciv-muted);
  font-size: 10px;
}

.pciv-realm-v152 .pciv-chapter-progress i {
  display: block;
  height: 7px;
  margin-top: 10px;
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .07);
  overflow: hidden;
}

.pciv-realm-v152 .pciv-chapter-progress b {
  display: block;
  width: var(--chapter-progress);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--realm-accent, var(--pciv-teal)), var(--pciv-gold));
}

.pciv-realm-v152 .pciv-stage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
}

.pciv-realm-v152 .pciv-stage-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 276px !important;
  padding: 18px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background:
    radial-gradient(circle at 100% 0, rgba(95, 229, 255, .055), transparent 32%),
    linear-gradient(155deg, rgba(18, 56, 77, .95), rgba(5, 25, 39, .97));
  box-shadow: var(--pciv-shadow-sm);
  overflow: hidden;
}

.pciv-realm-v152 .pciv-stage-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  transform-origin: right;
  transform: scaleX(calc(var(--stage-difficulty) / 10));
  background: linear-gradient(90deg, var(--realm-accent, var(--pciv-teal)), var(--pciv-gold));
}

.pciv-realm-v152 .pciv-stage-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 48%, var(--pciv-border));
  box-shadow: 0 20px 42px rgba(0, 0, 0, .28);
}

.pciv-realm-v152 .pciv-stage-card.is-current {
  border-color: color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 70%, white 10%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 18%, transparent), 0 22px 46px rgba(0, 0, 0, .28);
}

.pciv-realm-v152 .pciv-stage-card.is-current::before {
  content: "مرحله فعال";
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 4;
  padding: 4px 9px;
  border-radius: var(--pciv-radius-pill);
  background: var(--realm-accent, var(--pciv-teal));
  color: #03202a;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .24);
}

.pciv-realm-v152 .pciv-stage-card.is-completed {
  border-color: rgba(97, 217, 150, .40);
  background:
    radial-gradient(circle at 100% 0, rgba(97, 217, 150, .13), transparent 34%),
    linear-gradient(155deg, rgba(17, 61, 54, .92), rgba(5, 28, 37, .98));
}

.pciv-realm-v152 .pciv-stage-card.is-premium {
  border-color: rgba(240, 200, 102, .42) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(240, 200, 102, .14), transparent 34%),
    linear-gradient(155deg, rgba(65, 52, 26, .72), rgba(5, 27, 40, .98)) !important;
}

.pciv-realm-v152 .pciv-stage-card.is-locked {
  opacity: .67 !important;
  filter: saturate(.55) !important;
}

.pciv-realm-v152 .pciv-stage-top {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.pciv-realm-v152 .pciv-stage-top > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--pciv-border);
  border-radius: 14px;
  background: rgba(2, 17, 28, .70);
  color: var(--pciv-gold);
  font-size: 16px;
  font-weight: 900;
}

.pciv-realm-v152 .pciv-stage-top > i {
  justify-self: start;
  font-style: normal;
  font-size: 31px;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .25));
}

.pciv-realm-v152 .pciv-stage-top > small {
  padding: 5px 9px;
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .055);
  color: var(--pciv-muted-strong);
  font-size: 10px;
  font-weight: 900;
}

.pciv-realm-v152 .pciv-stage-card.is-completed .pciv-stage-top > small {
  background: rgba(97, 217, 150, .12);
  color: var(--pciv-success);
}

.pciv-realm-v152 .pciv-stage-card h3 {
  margin: 0 0 8px;
  font-size: 19px;
  line-height: 1.55;
}

.pciv-realm-v152 .pciv-stage-card > p {
  min-height: 54px;
  margin: 0 0 14px;
  color: var(--pciv-muted);
  font-size: 12px;
  line-height: 1.9;
}

.pciv-realm-v152 .pciv-stage-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: auto 0 14px;
}

.pciv-realm-v152 .pciv-stage-meta span {
  padding: 5px 9px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .035);
  color: var(--pciv-muted-strong);
  font-size: 10px;
}

.pciv-realm-v152 .pciv-stage-card > a,
.pciv-realm-v152 .pciv-stage-card > b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: auto;
  padding: 9px 12px;
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-md);
  background: rgba(95, 229, 255, .075);
  color: var(--pciv-cyan) !important;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.pciv-realm-v152 .pciv-stage-card > a:hover {
  border-color: color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 54%, transparent);
  background: color-mix(in srgb, var(--realm-accent, var(--pciv-cyan)) 11%, transparent);
}

.pciv-realm-v152 .pciv-stage-card.is-completed > a {
  border-color: rgba(97, 217, 150, .25);
  background: rgba(97, 217, 150, .07);
  color: var(--pciv-success) !important;
}

.pciv-realm-v152 .pciv-stage-card > b {
  border-color: transparent;
  background: rgba(255, 255, 255, .025);
  color: var(--pciv-muted) !important;
  font-weight: 700;
}

/* Bosses, skills and mistakes ------------------------------------------- */
.pciv-realm-v152 .pciv-boss-gallery,
.pciv-realm-v152 .pciv-skills,
.pciv-realm-v152 .pciv-mistakes {
  margin-top: var(--pciv-space-7);
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: linear-gradient(145deg, rgba(14, 45, 65, .72), rgba(4, 21, 34, .82));
  box-shadow: var(--pciv-shadow-md);
}

.pciv-realm-v152 .pciv-boss-grid {
  gap: 18px;
}

.pciv-realm-v152 .pciv-boss-grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 255px;
  padding: 22px;
  border: 1px solid rgba(240, 200, 102, .20);
  border-radius: var(--pciv-radius-xl);
  background:
    radial-gradient(circle at 50% -10%, rgba(159, 88, 255, .15), transparent 42%),
    linear-gradient(150deg, rgba(42, 26, 54, .84), rgba(5, 25, 39, .98));
  text-align: center;
  overflow: hidden;
}

.pciv-realm-v152 .pciv-boss-grid article > span {
  display: block;
  margin-bottom: 8px;
  font-size: 56px;
  filter: drop-shadow(0 14px 16px rgba(0, 0, 0, .35));
}

.pciv-realm-v152 .pciv-boss-grid article h3 {
  margin: 5px 0;
  font-size: 21px;
}

.pciv-realm-v152 .pciv-boss-grid article p {
  min-height: 50px;
  margin: 0 0 16px;
  line-height: 1.9;
}

.pciv-realm-v152 .pciv-boss-grid article .pciv-button,
.pciv-realm-v152 .pciv-boss-grid article > small {
  margin-top: auto;
}

.pciv-realm-v152 .pciv-boss-grid article.is-ready {
  border-color: rgba(240, 200, 102, .52);
  box-shadow: 0 0 0 2px rgba(240, 200, 102, .08), var(--pciv-shadow-md);
}

.pciv-realm-v152 .pciv-boss-grid article.is-defeated {
  border-color: rgba(97, 217, 150, .38);
  background:
    radial-gradient(circle at 50% -10%, rgba(97, 217, 150, .13), transparent 42%),
    linear-gradient(150deg, rgba(22, 61, 48, .88), rgba(5, 25, 38, .98));
}

.pciv-realm-v152 .pciv-skill-grid > div,
.pciv-realm-v152 .pciv-mistake-grid article {
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background: rgba(3, 22, 34, .62);
}

.pciv-realm-v152 .pciv-skill-grid > div {
  padding: 18px;
}

.pciv-realm-v152 .pciv-skill-grid i {
  height: 8px;
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .07);
}

.pciv-realm-v152 .pciv-skill-grid i b {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--realm-accent, var(--pciv-teal)), var(--pciv-gold));
}

@media (max-width: 1120px) {
  .pciv-realm-v152 .pciv-stage-grid,
  .pciv-realm-v152 .pciv-boss-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .pciv-realm-v152 .pciv-realm-banner img {
    max-height: 280px;
  }

  .pciv-realm-v152 .pciv-realm-hero {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 22px !important;
  }

  .pciv-realm-v152 .pciv-realm-hero > div:first-child {
    flex-direction: column;
    align-items: flex-start;
  }

  .pciv-realm-v152 .pciv-realm-big-icon {
    width: 88px;
    height: 88px;
    border-radius: 26px;
    font-size: 48px;
  }

  .pciv-realm-v152 .pciv-realm-hero-side {
    width: 100%;
    min-width: 0;
  }

  .pciv-realm-v152 .pciv-chapter-title {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v152 .pciv-chapter-progress {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 12px;
    min-width: 0;
    text-align: right;
  }

  .pciv-realm-v152 .pciv-chapter-progress i {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 560px) {
  .pciv-realm-v152 .pciv-stage-grid,
  .pciv-realm-v152 .pciv-boss-grid {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v152 .pciv-stage-card {
    min-height: 0 !important;
  }

  .pciv-realm-v152 .pciv-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pciv-realm-v152 .pciv-stat-grid > div {
    min-height: 96px;
    padding: 15px;
  }

  .pciv-realm-v152 .pciv-stat-grid strong {
    font-size: 23px;
  }
}


/* ===== stages.css ===== */
/*
 * Physics Civilizations Core 1.5.2
 * Mission, lesson, quiz, evidence and boss-battle visuals.
 */

.pciv-stage-v152,
.pciv-boss-v152 {
  --pciv-mission-accent: var(--realm-accent, var(--pciv-teal));
}

.pciv-stage-v152 > .pciv-back,
.pciv-boss-v152 > .pciv-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .035);
}

.pciv-stage-v152 .pciv-realm-banner,
.pciv-boss-v152 .pciv-realm-banner {
  max-height: 310px;
  margin-bottom: var(--pciv-space-5);
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-xl);
  box-shadow: var(--pciv-shadow-md);
  overflow: hidden;
}

.pciv-stage-v152 .pciv-realm-banner img,
.pciv-boss-v152 .pciv-realm-banner img {
  display: block;
  width: 100%;
  max-height: 310px;
  object-fit: cover;
}

.pciv-stage-v152 .pciv-mission-header {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--pciv-space-5);
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid color-mix(in srgb, var(--pciv-mission-accent) 38%, var(--pciv-border-subtle));
  border-radius: var(--pciv-radius-xl);
  background:
    radial-gradient(circle at 95% 0, color-mix(in srgb, var(--pciv-mission-accent) 20%, transparent), transparent 34%),
    linear-gradient(135deg, rgba(17, 54, 75, .98), rgba(4, 21, 34, .98));
  box-shadow: var(--pciv-shadow-lg);
  overflow: hidden;
}

.pciv-stage-v152 .pciv-mission-header::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .40;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .18) 0 1px, transparent 1.5px),
    radial-gradient(circle at 70% 65%, rgba(255, 255, 255, .13) 0 1px, transparent 1.5px);
  background-size: 66px 66px, 92px 92px;
}

.pciv-stage-v152 .pciv-mission-icon {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border: 1px solid color-mix(in srgb, var(--pciv-mission-accent) 50%, transparent);
  border-radius: 30px;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--pciv-mission-accent) 20%, transparent), transparent 68%),
    rgba(2, 17, 28, .68);
  font-size: 55px;
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .018), 0 18px 40px rgba(0, 0, 0, .30);
}

.pciv-stage-v152 .pciv-mission-header .pciv-kicker {
  color: var(--pciv-mission-accent);
  font-size: 12px;
}

.pciv-stage-v152 .pciv-mission-header h1 {
  margin: 7px 0 8px;
  font-size: clamp(30px, 4.5vw, 50px);
  text-wrap: balance;
}

.pciv-stage-v152 .pciv-mission-header p {
  max-width: 760px;
  margin: 0;
  color: var(--pciv-muted-strong);
  line-height: 1.95;
}

.pciv-stage-v152 .pciv-reward {
  min-width: 150px;
  padding: 16px;
  border: 1px solid rgba(240, 200, 102, .28);
  border-radius: var(--pciv-radius-xl);
  background: rgba(240, 200, 102, .075);
  box-shadow: inset 0 0 28px rgba(240, 200, 102, .035);
  text-align: center;
}

.pciv-stage-v152 .pciv-reward strong,
.pciv-stage-v152 .pciv-reward span {
  display: block;
}

.pciv-stage-v152 .pciv-reward strong {
  color: var(--pciv-gold);
  font-size: 22px;
}

.pciv-stage-v152 .pciv-reward span {
  margin-top: 5px;
  color: var(--pciv-muted-strong);
  font-size: 12px;
}

.pciv-stage-v152 .pciv-stage-context {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  gap: var(--pciv-space-4);
  margin: 14px 0 var(--pciv-space-5);
  padding: 13px 16px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-lg);
  background: rgba(3, 22, 35, .72);
  box-shadow: var(--pciv-shadow-sm);
}

.pciv-stage-v152 .pciv-stage-context > div:first-child span,
.pciv-stage-v152 .pciv-stage-context > div:first-child strong {
  display: block;
}

.pciv-stage-v152 .pciv-stage-context > div:first-child span {
  color: var(--pciv-muted);
  font-size: 10px;
}

.pciv-stage-v152 .pciv-stage-context > div:first-child strong {
  margin-top: 2px;
  color: var(--pciv-text);
  font-size: 13px;
}

.pciv-stage-v152 .pciv-stage-context-bar {
  height: 8px;
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .07);
  overflow: hidden;
}

.pciv-stage-v152 .pciv-stage-context-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pciv-mission-accent), var(--pciv-gold));
  box-shadow: 0 0 18px color-mix(in srgb, var(--pciv-mission-accent) 35%, transparent);
}

.pciv-stage-v152 .pciv-stage-context-meta {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pciv-stage-v152 .pciv-stage-context-meta span {
  padding: 5px 9px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-pill);
  background: rgba(255, 255, 255, .035);
  color: var(--pciv-muted-strong);
  font-size: 10px;
}

/* Mission body ----------------------------------------------------------- */
.pciv-stage-v152 .pciv-mission-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: var(--pciv-space-5);
}

.pciv-stage-v152 .pciv-mission-layout > main {
  min-width: 0;
}

.pciv-stage-v152 .pciv-mission-layout > aside {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 13px;
}

.pciv-stage-v152 .pciv-story,
.pciv-stage-v152 .pciv-content,
.pciv-stage-v152 .pciv-hints,
.pciv-stage-v152 .pciv-evidence,
.pciv-stage-v152 .pciv-quiz {
  position: relative;
  margin: 0 0 var(--pciv-space-5);
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: linear-gradient(145deg, rgba(14, 46, 66, .86), rgba(4, 21, 34, .92));
  box-shadow: var(--pciv-shadow-md);
  overflow: hidden;
}

.pciv-stage-v152 .pciv-story {
  border-color: color-mix(in srgb, var(--pciv-mission-accent) 28%, var(--pciv-border-subtle));
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--pciv-mission-accent) 10%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(14, 46, 66, .90), rgba(4, 21, 34, .94));
}

.pciv-stage-v152 .pciv-story > span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 11px;
  border-radius: var(--pciv-radius-pill);
  background: color-mix(in srgb, var(--pciv-mission-accent) 11%, transparent);
  color: var(--pciv-mission-accent);
  font-size: 11px;
  font-weight: 900;
}

.pciv-stage-v152 .pciv-story p {
  margin: 13px 0 0;
  color: var(--pciv-text-soft);
  font-size: 15px;
  line-height: 2.15;
}

.pciv-stage-v152 .pciv-content h2,
.pciv-stage-v152 .pciv-hints h2,
.pciv-stage-v152 .pciv-quiz h2 {
  margin: 0 0 16px;
  font-size: clamp(21px, 2.7vw, 28px);
}

.pciv-stage-v152 .pciv-content :where(p, li) {
  color: var(--pciv-text-soft);
  line-height: 2.05;
}

.pciv-stage-v152 .pciv-content ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pciv-stage-v152 .pciv-content li {
  position: relative;
  padding: 12px 45px 12px 14px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-md);
  background: rgba(2, 18, 29, .52);
}

.pciv-stage-v152 .pciv-content li::before {
  content: "✓";
  position: absolute;
  top: 12px;
  right: 13px;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 8px;
  background: rgba(97, 217, 150, .12);
  color: var(--pciv-success);
  font-size: 12px;
  font-weight: 900;
}

.pciv-stage-v152 .pciv-hints > div:first-of-type {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pciv-stage-v152 .pciv-hints button {
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-md);
  background: rgba(95, 229, 255, .055);
  color: var(--pciv-text-soft);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: transform var(--pciv-duration-fast) var(--pciv-ease), border-color var(--pciv-duration-fast) var(--pciv-ease), background var(--pciv-duration-fast) var(--pciv-ease);
}

.pciv-stage-v152 .pciv-hints button:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: var(--pciv-border-strong);
  background: rgba(95, 229, 255, .10);
}

.pciv-stage-v152 .pciv-hints button:disabled {
  opacity: .44;
}

.pciv-stage-v152 .pciv-hint-result p {
  margin: 12px 0 0;
  border: 1px solid rgba(95, 229, 255, .14);
  background: rgba(95, 229, 255, .06);
}

/* Quiz focus ------------------------------------------------------------- */
.pciv-stage-v152 .pciv-quiz {
  border-color: color-mix(in srgb, var(--pciv-mission-accent) 38%, var(--pciv-border-subtle));
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--pciv-mission-accent) 12%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(15, 50, 71, .96), rgba(3, 20, 33, .98));
}

.pciv-stage-v152 .pciv-quiz::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--pciv-mission-accent), var(--pciv-gold));
}

.pciv-stage-v152 .pciv-quiz-head {
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--pciv-border-subtle);
}

.pciv-stage-v152 .pciv-quiz-head h2 {
  max-width: 820px;
  margin-bottom: 0;
  line-height: 1.75;
}

.pciv-stage-v152 .pciv-timer {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid rgba(240, 200, 102, .20);
  border-radius: var(--pciv-radius-pill);
  background: rgba(240, 200, 102, .065);
  color: var(--pciv-gold);
  font-weight: 900;
}

.pciv-stage-v152 .pciv-options {
  gap: 12px;
  margin: 20px 0;
}

.pciv-stage-v152 .pciv-option {
  grid-template-columns: 42px minmax(0, 1fr);
  min-height: 64px;
  padding: 11px 14px;
  border: 1px solid var(--pciv-border);
  border-radius: var(--pciv-radius-lg);
  background: rgba(14, 49, 70, .86);
  color: var(--pciv-text-soft);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.pciv-stage-v152 .pciv-option:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--pciv-mission-accent) 58%, white 6%);
  background: rgba(20, 63, 86, .94);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .20);
}

.pciv-stage-v152 .pciv-option-key {
  width: 40px;
  height: 40px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: 13px;
  background: rgba(2, 19, 31, .68);
  color: var(--pciv-gold);
}

.pciv-stage-v152 .pciv-option.is-selected {
  border-color: var(--pciv-mission-accent);
  background: color-mix(in srgb, var(--pciv-mission-accent) 12%, #12344a);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--pciv-mission-accent) 15%, transparent), 0 16px 32px rgba(0, 0, 0, .22);
}

.pciv-stage-v152 .pciv-stage-form > .pciv-button {
  min-width: min(100%, 260px);
}

.pciv-stage-v152 .pciv-result.is-success,
.pciv-stage-v152 .pciv-result.is-error {
  border-radius: var(--pciv-radius-lg);
}

/* Side information ------------------------------------------------------- */
.pciv-stage-v152 .pciv-side-card {
  position: relative;
  padding: 18px;
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: linear-gradient(145deg, rgba(14, 46, 66, .92), rgba(4, 21, 34, .95));
  box-shadow: var(--pciv-shadow-sm);
  overflow: hidden;
}

.pciv-stage-v152 .pciv-side-card::after {
  content: "";
  position: absolute;
  left: -34px;
  bottom: -42px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--pciv-mission-accent) 10%, transparent);
}

.pciv-stage-v152 .pciv-side-card > span {
  position: relative;
  z-index: 1;
  color: var(--pciv-mission-accent);
  font-size: 10px;
  font-weight: 900;
}

.pciv-stage-v152 .pciv-side-card strong,
.pciv-stage-v152 .pciv-side-card p,
.pciv-stage-v152 .pciv-side-card small {
  position: relative;
  z-index: 1;
}

.pciv-stage-v152 .pciv-side-card p {
  margin: 7px 0 0;
  color: var(--pciv-muted-strong);
  font-size: 12px;
  line-height: 1.95;
}

.pciv-stage-v152 .pciv-side-card strong {
  color: var(--pciv-text);
}

/* Evidence --------------------------------------------------------------- */
.pciv-stage-v152 .pciv-evidence {
  border-color: rgba(105, 230, 255, .24);
}

.pciv-stage-v152 .pciv-evidence textarea,
.pciv-stage-v152 .pciv-evidence input[type="file"] {
  min-height: 48px;
  border-color: var(--pciv-border);
  border-radius: var(--pciv-radius-md);
  background: rgba(2, 17, 28, .72);
}

/* Boss battle ------------------------------------------------------------ */
.pciv-boss-v152 > header {
  position: relative;
  isolation: isolate;
  grid-template-columns: auto minmax(0, 1fr) 280px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(240, 200, 102, .32);
  border-radius: var(--pciv-radius-xl);
  background:
    radial-gradient(circle at 12% 50%, rgba(170, 77, 255, .22), transparent 24%),
    radial-gradient(circle at 100% 0, rgba(240, 200, 102, .12), transparent 32%),
    linear-gradient(120deg, #26172f, #071f32 72%);
  box-shadow: var(--pciv-shadow-lg);
  overflow: hidden;
}

.pciv-boss-v152 > header::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .35;
  background-image: radial-gradient(circle, rgba(255, 255, 255, .20) 0 1px, transparent 1.5px);
  background-size: 54px 54px;
}

.pciv-boss-v152 > header > span {
  display: grid;
  place-items: center;
  width: 118px;
  height: 118px;
  border: 1px solid rgba(240, 200, 102, .25);
  border-radius: 34px;
  background: rgba(8, 15, 28, .55);
  font-size: 67px;
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .018), 0 18px 42px rgba(0, 0, 0, .34);
}

.pciv-boss-v152 h1 {
  font-size: clamp(32px, 5vw, 52px);
}

.pciv-boss-v152 .pciv-boss-health {
  padding: 16px;
  border: 1px solid rgba(255, 133, 140, .22);
  border-radius: var(--pciv-radius-xl);
  background: rgba(52, 18, 28, .32);
}

.pciv-boss-v152 .pciv-boss-health i {
  height: 13px;
  border: 1px solid rgba(255, 255, 255, .05);
  background: rgba(255, 255, 255, .06);
}

.pciv-boss-v152 .pciv-boss-health span {
  border-radius: inherit;
  background: linear-gradient(90deg, #ff7279, #f4bc5f);
  box-shadow: 0 0 18px rgba(255, 114, 121, .28);
}

.pciv-boss-v152 .pciv-boss-question {
  max-width: 960px;
  margin: var(--pciv-space-5) auto 0;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid var(--pciv-border-subtle);
  border-radius: var(--pciv-radius-xl);
  background: linear-gradient(145deg, rgba(37, 27, 50, .86), rgba(4, 21, 34, .96));
  box-shadow: var(--pciv-shadow-md);
}

.pciv-boss-v152 .pciv-boss-question > span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: var(--pciv-radius-pill);
  background: rgba(240, 200, 102, .08);
  color: var(--pciv-gold);
  font-size: 11px;
  font-weight: 900;
}

.pciv-boss-v152 .pciv-boss-question h2 {
  margin: 14px 0 18px;
  font-size: clamp(22px, 3.5vw, 34px);
  line-height: 1.75;
}

.pciv-boss-v152 .pciv-option {
  min-height: 62px;
  border-radius: var(--pciv-radius-lg);
  background: rgba(20, 43, 61, .86);
}

@media (max-width: 1050px) {
  .pciv-stage-v152 .pciv-mission-layout {
    grid-template-columns: 1fr;
  }

  .pciv-stage-v152 .pciv-mission-layout > aside {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pciv-boss-v152 > header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pciv-boss-v152 .pciv-boss-health {
    grid-column: 1 / -1;
  }
}

@media (max-width: 780px) {
  .pciv-stage-v152 .pciv-mission-header {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 22px;
  }

  .pciv-stage-v152 .pciv-mission-icon {
    width: 78px;
    height: 78px;
    border-radius: 23px;
    font-size: 42px;
  }

  .pciv-stage-v152 .pciv-reward {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 0;
  }

  .pciv-stage-v152 .pciv-reward span {
    margin-top: 0;
  }

  .pciv-stage-v152 .pciv-stage-context {
    grid-template-columns: 1fr;
  }

  .pciv-stage-v152 .pciv-stage-context-meta {
    justify-content: flex-start;
  }

  .pciv-stage-v152 .pciv-mission-layout > aside {
    grid-template-columns: 1fr;
  }

  .pciv-stage-v152 .pciv-hints > div:first-of-type {
    grid-template-columns: 1fr;
  }

  .pciv-boss-v152 > header {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pciv-boss-v152 > header > span {
    margin: 0 auto;
  }
}

@media (max-width: 520px) {
  .pciv-stage-v152 .pciv-mission-header {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pciv-stage-v152 .pciv-mission-icon {
    margin: 0 auto;
  }

  .pciv-stage-v152 .pciv-quiz-head {
    flex-direction: column;
  }

  .pciv-stage-v152 .pciv-option {
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 58px;
    padding: 9px 11px;
  }

  .pciv-stage-v152 .pciv-option-key {
    width: 36px;
    height: 36px;
  }

  .pciv-stage-v152 .pciv-stage-form > .pciv-button {
    width: 100%;
  }
}


/* ===== shop.css ===== */
/*
 * Physics Civilizations Core 1.5.3
 * Shop, cosmetics and wallet visual system.
 */
.pciv-profile-v153 .pciv-shop-command{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(180px,.55fr);
  gap:var(--pciv-space-5);
  margin:var(--pciv-space-6) 0;
  padding:var(--pciv-space-6);
  border:1px solid rgba(240,200,102,.24);
  border-radius:var(--pciv-radius-xl);
  background:
    radial-gradient(circle at 86% 12%,rgba(240,200,102,.14),transparent 28%),
    radial-gradient(circle at 9% 90%,rgba(37,214,195,.12),transparent 31%),
    linear-gradient(140deg,rgba(12,43,61,.98),rgba(4,18,31,.98));
  box-shadow:var(--pciv-shadow-md);
  overflow:hidden;
}
.pciv-profile-v153 .pciv-shop-command:after{
  content:"";
  position:absolute;
  inset:auto -75px -95px auto;
  width:240px;
  height:240px;
  border:1px solid rgba(240,200,102,.11);
  border-radius:50%;
  box-shadow:0 0 0 32px rgba(240,200,102,.025),0 0 0 66px rgba(37,214,195,.02);
  pointer-events:none;
}
.pciv-shop-command-copy{position:relative;z-index:1}
.pciv-shop-command-copy h2{margin:5px 0 7px;color:var(--pciv-text);font-size:clamp(23px,2.4vw,32px)}
.pciv-shop-command-copy p{max-width:700px;margin:0;color:var(--pciv-muted);line-height:1.9}
.pciv-shop-command-wallet{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  align-content:center;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(240,200,102,.28);
  border-radius:20px;
  background:rgba(240,200,102,.07);
  text-align:center;
}
.pciv-shop-command-wallet span,.pciv-shop-command-wallet small{color:var(--pciv-muted);font-size:12px}
.pciv-shop-command-wallet strong{margin:5px 0;color:var(--pciv-gold);font-size:34px;line-height:1.1}
.pciv-shop-command-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;grid-column:1/-1}
.pciv-shop-command-stats>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--pciv-border-subtle);border-radius:14px;background:rgba(255,255,255,.035)}
.pciv-shop-command-stats b{color:var(--pciv-cyan);font-size:20px}
.pciv-shop-command-stats span{color:var(--pciv-muted-strong);font-size:12px}
.pciv-shop-command-links{position:relative;z-index:1;display:flex;gap:8px;grid-column:1/-1;flex-wrap:wrap}
.pciv-shop-command-links a{padding:9px 13px;border:1px solid var(--pciv-border);border-radius:var(--pciv-radius-pill);background:rgba(255,255,255,.035);color:var(--pciv-text-soft)!important;font-size:12px;font-weight:800;transition:var(--pciv-duration-normal) var(--pciv-ease)}
.pciv-shop-command-links a:hover{border-color:var(--pciv-border-strong);background:rgba(37,214,195,.08);color:#fff!important;transform:translateY(-1px)}

.pciv-shop-section{
  position:relative;
  margin-top:30px;
  padding:24px;
  border:1px solid var(--pciv-border-subtle);
  border-radius:var(--pciv-radius-xl);
  background:linear-gradient(155deg,rgba(10,35,53,.95),rgba(4,18,30,.95));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  overflow:hidden;
}
.pciv-shop-section:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(105,230,255,.34),rgba(240,200,102,.24),transparent);
  pointer-events:none;
}
.pciv-shop-section .pciv-section-title{position:relative;z-index:1}
.pciv-shop-balance{display:grid!important;min-width:126px;gap:1px!important;padding:10px 16px!important;text-align:center}
.pciv-shop-balance b{font-size:19px}
.pciv-shop-balance small{color:var(--pciv-muted);font-size:9px}
.pciv-shop-guide{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:10px 12px;border:1px solid var(--pciv-border-subtle);border-radius:14px;background:rgba(255,255,255,.025)}
.pciv-shop-guide span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--pciv-text-soft);font-size:10px;font-weight:800}
.pciv-shop-guide small{margin-inline-start:auto;color:var(--pciv-muted);font-size:10px}

.pciv-shop-product-grid{align-items:stretch}
.pciv-shop-product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:11px!important;
  border-color:var(--pciv-border-subtle)!important;
  background:linear-gradient(180deg,rgba(18,54,76,.93),rgba(5,22,36,.97))!important;
  isolation:isolate;
}
.pciv-shop-product-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid transparent;
  pointer-events:none;
  opacity:.75;
}
.pciv-shop-product-card.is-rarity-common:before{border-color:rgba(176,199,211,.14)}
.pciv-shop-product-card.is-rarity-rare:before{border-color:rgba(105,230,255,.24)}
.pciv-shop-product-card.is-rarity-epic:before{border-color:rgba(178,130,255,.29)}
.pciv-shop-product-card.is-rarity-legendary:before{border-color:rgba(240,200,102,.34)}
.pciv-shop-product-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(0,0,0,.26)}
.pciv-shop-product-card.is-selected{border-color:rgba(240,200,102,.64)!important;box-shadow:0 0 0 2px rgba(240,200,102,.11),0 18px 40px rgba(0,0,0,.28)!important}
.pciv-shop-product-card.is-locked .pciv-avatar-image img,.pciv-shop-product-card.is-locked .pciv-frame-preview-base{filter:saturate(.78) brightness(.83)}
.pciv-product-copy{min-height:55px;padding:10px 3px 2px}
.pciv-product-copy h3{margin:0 0 4px!important;color:#fff;font-size:15px!important;line-height:1.5}
.pciv-product-copy small{color:var(--pciv-muted);font-size:10px}
.pciv-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin-bottom:9px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(1,10,18,.25)}
.pciv-product-meta>span{color:var(--pciv-muted);font-size:9px}
.pciv-product-meta .pciv-avatar-price{min-height:0;margin:0;text-align:left;font-weight:800;white-space:nowrap}
.pciv-rarity-badge{
  position:absolute;
  left:8px;
  top:8px;
  z-index:7;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(2,12,21,.83);
  color:var(--pciv-text-soft);
  backdrop-filter:blur(7px);
  font-style:normal;
  font-size:9px;
  font-weight:900;
  line-height:1;
}
.is-rarity-rare .pciv-rarity-badge{color:var(--pciv-cyan);border-color:rgba(105,230,255,.27)}
.is-rarity-epic .pciv-rarity-badge{color:#d7bbff;border-color:rgba(188,143,255,.31)}
.is-rarity-legendary .pciv-rarity-badge{color:var(--pciv-gold);border-color:rgba(240,200,102,.34)}
.pciv-avatar-active,.pciv-avatar-lock{z-index:8}
.pciv-shop-section-frames .pciv-frame-preview{border:1px solid rgba(105,230,255,.09);background:radial-gradient(circle,rgba(24,74,95,.42),rgba(3,15,26,.96) 70%)}
.pciv-shop-section-frames .pciv-frame-preview-base{inset:13%!important;width:74%!important;height:74%!important}
.pciv-shop-product-card .pciv-button{margin-top:auto}

.pciv-cosmetic-tabs{position:sticky;top:10px;z-index:12;padding:8px;border:1px solid var(--pciv-border-subtle);border-radius:16px;background:rgba(3,16,27,.91);backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(0,0,0,.19)}
.pciv-cosmetic-tabs button{min-height:44px}
.pciv-cosmetic-tabs button.is-active{box-shadow:0 8px 21px rgba(0,0,0,.18)}
.pciv-cosmetic-panel{padding-top:12px}
.pciv-cosmetic-panel-head{padding:12px 14px!important;border:1px solid var(--pciv-border-subtle);border-radius:14px;background:rgba(255,255,255,.025)}
.pciv-cosmetic-preview{position:relative;border:1px solid rgba(255,255,255,.06)}
.pciv-cosmetic-preview .pciv-rarity-badge{left:7px;top:7px;width:auto;height:auto;min-height:0;padding:5px 7px;border-radius:999px;background:rgba(2,12,21,.78);font-size:8px}
.pciv-cosmetic-bundle-grid{gap:14px}
.pciv-cosmetic-bundle-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px!important;border:1px solid rgba(240,200,102,.16)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(22,56,75,.9),rgba(5,21,35,.97))!important;text-align:right!important}
.pciv-cosmetic-bundle-grid article.is-owned{opacity:.82;border-color:rgba(97,217,150,.26)!important}
.pciv-bundle-icon{grid-row:1/3;display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(240,200,102,.22);border-radius:16px;background:rgba(240,200,102,.07);font-size:27px!important}
.pciv-bundle-copy h3{margin:0 0 5px;color:#fff}
.pciv-bundle-copy p{margin:0!important;color:var(--pciv-muted)!important;font-size:10px!important;line-height:1.7!important}
.pciv-bundle-price{text-align:left}
.pciv-bundle-price strong{display:block!important;margin:0!important;color:var(--pciv-gold)}
.pciv-bundle-price small{display:block;margin-top:3px;color:var(--pciv-success);font-size:9px}
.pciv-cosmetic-bundle-grid .pciv-button{grid-column:2/4;margin:0!important}
.pciv-cosmetic-bundle-grid .pciv-avatar-result{grid-column:2/4;margin:0}

.pciv-coin-pack-grid{align-items:stretch}
.pciv-coin-pack-grid article{position:relative;display:flex;flex-direction:column;align-items:center;min-height:265px;padding:24px 18px 18px!important;border-color:rgba(240,200,102,.16)!important;background:radial-gradient(circle at 50% 0,rgba(240,200,102,.13),transparent 37%),linear-gradient(160deg,rgba(19,54,73,.92),rgba(5,21,34,.98))!important;overflow:hidden}
.pciv-coin-pack-grid article.is-featured{border-color:rgba(240,200,102,.48)!important;box-shadow:0 0 0 2px rgba(240,200,102,.08),0 18px 40px rgba(0,0,0,.25)}
.pciv-pack-badge{position:absolute;top:9px;right:9px;padding:5px 8px;border:1px solid rgba(240,200,102,.24);border-radius:999px;background:rgba(240,200,102,.08);color:var(--pciv-gold);font-size:9px!important;font-weight:900}
.pciv-pack-coin{display:grid;place-items:center;width:64px;height:64px;margin-top:10px;border:1px solid rgba(240,200,102,.24);border-radius:50%;background:rgba(240,200,102,.08);font-size:34px;box-shadow:inset 0 0 0 7px rgba(240,200,102,.025)}
.pciv-coin-pack-grid h3{margin:12px 0 5px!important}
.pciv-coin-pack-grid strong{font-size:24px!important}
.pciv-pack-price{min-height:35px;color:var(--pciv-text-soft)}
.pciv-coin-pack-grid .pciv-button{margin-top:auto!important}
.pciv-pack-unavailable{margin-top:auto;padding:9px 10px;border:1px dashed var(--pciv-border);border-radius:11px;color:var(--pciv-muted);font-size:9px}

.pciv-wallet-mini-summary{display:flex;gap:9px;flex-wrap:wrap}
.pciv-wallet-mini-summary>span{min-width:122px;padding:10px 13px;border:1px solid var(--pciv-border-subtle);border-radius:13px;background:rgba(255,255,255,.03);text-align:center}
.pciv-wallet-mini-summary small{display:block;color:var(--pciv-muted);font-size:9px}
.pciv-wallet-mini-summary b{display:block;margin-top:2px;color:var(--pciv-text);font-size:17px}
.pciv-wallet-mini-summary>span:first-child b{color:var(--pciv-success)}
.pciv-wallet-mini-summary>span:last-child b{color:var(--pciv-danger)}
.pciv-wallet-ledger{display:grid;gap:8px}
.pciv-wallet-ledger article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--pciv-border-subtle);border-radius:14px;background:rgba(255,255,255,.026)}
.pciv-wallet-ledger article.is-credit{border-inline-start:3px solid rgba(97,217,150,.7)}
.pciv-wallet-ledger article.is-debit{border-inline-start:3px solid rgba(255,133,140,.68)}
.pciv-ledger-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.05);font-size:18px}
.pciv-wallet-ledger strong{display:block;color:var(--pciv-text-soft);font-size:12px}
.pciv-wallet-ledger small{display:block;margin-top:2px;color:var(--pciv-muted);font-size:9px}
.pciv-wallet-ledger article>b{font-size:15px}
.pciv-wallet-ledger article.is-credit>b{color:var(--pciv-success)}
.pciv-wallet-ledger article.is-debit>b{color:var(--pciv-danger)}
.pciv-wallet-ledger em{color:var(--pciv-muted);font-size:9px;font-style:normal;white-space:nowrap}

@media(max-width:1100px){
  .pciv-shop-command{grid-template-columns:1fr 200px!important}
  .pciv-wallet-ledger article{grid-template-columns:auto minmax(0,1fr) auto}
  .pciv-wallet-ledger em{grid-column:2/4}
}
@media(max-width:760px){
  .pciv-profile-v153 .pciv-shop-command{grid-template-columns:1fr;padding:17px}
  .pciv-shop-command-wallet{min-height:102px}
  .pciv-shop-command-stats{grid-template-columns:1fr 1fr 1fr}
  .pciv-shop-section{padding:15px}
  .pciv-shop-guide small{width:100%;margin:3px 0 0}
  .pciv-cosmetic-tabs{position:relative;top:auto;display:flex;overflow:auto;flex-wrap:nowrap}
  .pciv-cosmetic-tabs button{flex:0 0 auto;white-space:nowrap}
  .pciv-cosmetic-bundle-grid article{grid-template-columns:auto 1fr}
  .pciv-bundle-price{grid-column:2;text-align:right}
  .pciv-cosmetic-bundle-grid .pciv-button,.pciv-cosmetic-bundle-grid .pciv-avatar-result{grid-column:1/-1}
  .pciv-wallet-ledger article{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:11px}
  .pciv-wallet-ledger em{grid-column:2/4}
}
@media(max-width:520px){
  .pciv-shop-command-stats{gap:6px}
  .pciv-shop-command-stats>div{display:grid;gap:1px;padding:9px;text-align:center}
  .pciv-shop-command-stats b{font-size:17px}
  .pciv-shop-command-links a{flex:1;text-align:center}
  .pciv-shop-product-grid{grid-template-columns:1fr 1fr!important}
  .pciv-product-copy{min-height:61px}
  .pciv-product-meta{display:grid;gap:3px}
  .pciv-product-meta .pciv-avatar-price{text-align:right}
  .pciv-rarity-badge{font-size:7px;padding:4px 6px}
  .pciv-wallet-mini-summary{width:100%}
  .pciv-wallet-mini-summary>span{flex:1;min-width:0}
  .pciv-wallet-ledger article>b{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .pciv-shop-product-card,.pciv-shop-command-links a{transition:none!important}
}


/* ===== responsive.css ===== */
/* Physics Civilizations — Visual System 1.5.0 responsive rules */

@media (max-width: 1100px) {
  .pciv-shell {
    padding: var(--pciv-space-6);
    border-radius: 26px;
  }

  .pciv-avatar-grid,
  .pciv-cosmetic-grid,
  .pciv-user-grid,
  .pciv-realm-grid,
  .pciv-stage-grid,
  .pciv-boss-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pciv-coin-pack-grid,
  .pciv-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .pciv-shell {
    margin: 12px auto;
    padding: var(--pciv-space-4);
    border-radius: var(--pciv-radius-xl);
  }

  .pciv-section-title-row {
    align-items: stretch;
    flex-direction: column;
  }

  .pciv-toolbar,
  .pciv-public-global-nav,
  .pciv-ranking-tabs,
  .pciv-cosmetic-tabs,
  .pciv-status-filters,
  .pciv-history-filters {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
  }

  .pciv-toolbar a,
  .pciv-public-global-nav a,
  .pciv-ranking-tabs a,
  .pciv-cosmetic-tabs a,
  .pciv-status-filters a,
  .pciv-history-filter {
    white-space: nowrap;
  }

  .pciv-avatar-grid,
  .pciv-cosmetic-grid,
  .pciv-user-grid,
  .pciv-realm-grid,
  .pciv-stage-grid,
  .pciv-boss-grid,
  .pciv-coin-pack-grid,
  .pciv-pricing-grid,
  .pciv-achievement-grid,
  .pciv-public-history-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pciv-shell :where(
    .pciv-profile-hero,
    .pciv-landing-hero,
    .pciv-portal-hero,
    .pciv-realm-hero,
    .pciv-commander-card
  ) {
    padding: var(--pciv-space-5);
  }

  .pciv-shell :where(.pciv-table, .pciv-wallet-history, .pciv-ranking, .pciv-public-ranking-table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 520px) {
  .pciv-shell {
    padding: 14px;
    border-radius: 20px;
  }

  .pciv-avatar-grid,
  .pciv-cosmetic-grid,
  .pciv-user-grid,
  .pciv-realm-grid,
  .pciv-stage-grid,
  .pciv-boss-grid,
  .pciv-coin-pack-grid,
  .pciv-pricing-grid,
  .pciv-achievement-grid,
  .pciv-public-history-list {
    grid-template-columns: 1fr;
  }

  .pciv-shell .pciv-button {
    min-height: 44px;
  }

  .pciv-section-title h2,
  .pciv-section-title-row h2 {
    font-size: 22px;
  }

  .pciv-shell :where(
    .pciv-portal-stats,
    .pciv-public-stats,
    .pciv-stat-grid,
    .pciv-commander-metrics,
    .pciv-customization-stats
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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


/* ===== social.css ===== */
/* ========================================================================
   Physics Civilizations Core 1.5.4
   Social network, public rankings and one-minute arena visual system.
   This layer intentionally changes presentation only; existing PHP/JS
   behavior and database contracts remain untouched.
   ======================================================================== */

.pciv-social-page,
.pciv-arena-page,
.pciv-challenge-page,
.pciv-public-ranking-page,
.pciv-hall-page,
.pciv-public-profile{
  --pciv-social-blue:#55dff5;
  --pciv-social-teal:#23d7c5;
  --pciv-social-gold:#f2c45e;
  --pciv-social-violet:#9f8cff;
  --pciv-social-panel:rgba(7,27,43,.9);
  --pciv-social-panel-strong:#0a2b40;
  --pciv-social-border:rgba(104,223,244,.16);
}

/* Shared page hero ------------------------------------------------------ */
.pciv-social-page-head,
.pciv-arena-hero,
.pciv-ranking-hero,
.pciv-hall-hero{
  position:relative;
  isolation:isolate;
  min-height:190px;
  padding:clamp(24px,4vw,38px);
  border:1px solid rgba(95,229,255,.2);
  border-radius:var(--pciv-radius-xl,26px);
  background:
    radial-gradient(circle at 8% 8%,rgba(35,215,197,.17),transparent 31%),
    radial-gradient(circle at 90% 18%,rgba(242,196,94,.13),transparent 26%),
    linear-gradient(135deg,#10364d,#071a2a 70%);
  box-shadow:var(--pciv-shadow-lg,0 24px 60px rgba(0,0,0,.28));
  overflow:hidden;
}
.pciv-social-page-head:before,
.pciv-arena-hero:before,
.pciv-ranking-hero:before,
.pciv-hall-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:280px;
  height:280px;
  left:-85px;
  bottom:-170px;
  border:1px solid rgba(95,229,255,.15);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(95,229,255,.035),0 0 0 78px rgba(242,196,94,.018);
}
.pciv-social-page-head h1,
.pciv-arena-hero h1,
.pciv-ranking-hero h1,
.pciv-hall-hero h1{
  margin:6px 0 10px;
  color:#fff;
  font-size:clamp(30px,4vw,46px);
  line-height:1.25;
  letter-spacing:-.025em;
}
.pciv-social-page-head p,
.pciv-arena-hero p,
.pciv-ranking-hero p,
.pciv-hall-hero p{
  max-width:760px;
  margin:0;
  color:#b4cbd6;
  line-height:2;
}
.pciv-social-page-head>span,
.pciv-ranking-hero>span,
.pciv-hall-hero>span{
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  flex:0 0 auto;
  border:1px solid rgba(242,196,94,.22);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(242,196,94,.11),rgba(95,229,255,.05));
  font-size:58px;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.25));
}

/* Dashboard social hub -------------------------------------------------- */
.pciv-social-hub{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr) minmax(220px,.55fr);
  gap:22px;
  padding:28px;
  border-color:rgba(95,229,255,.2);
  background:
    radial-gradient(circle at 0 0,rgba(35,215,197,.14),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(159,140,255,.12),transparent 31%),
    linear-gradient(145deg,#0d334a,#071b2b 72%);
  box-shadow:0 22px 55px rgba(0,0,0,.23);
  overflow:hidden;
}
.pciv-social-hub:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:210px;
  height:210px;
  left:-115px;
  top:-95px;
  border:1px solid rgba(95,229,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(95,229,255,.025),0 0 0 68px rgba(242,196,94,.015);
}
.pciv-social-hub-copy h2{font-size:clamp(24px,2.5vw,32px);line-height:1.45}
.pciv-social-handle{
  gap:6px;
  padding:8px 14px;
  border-color:rgba(95,229,255,.32);
  background:rgba(3,18,29,.65);
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.pciv-social-hub-stats{gap:11px}
.pciv-social-hub-stats div{
  min-height:92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.pciv-social-hub-stats strong{font-size:27px;color:#fff;font-variant-numeric:tabular-nums}
.pciv-social-hub-stats span{font-size:11px;letter-spacing:.01em}
.pciv-social-hub-actions{gap:10px!important}
.pciv-social-hub-actions .pciv-button{
  min-height:46px;
  justify-content:flex-start;
  padding-inline:15px;
  border:1px solid rgba(95,229,255,.13);
  background:rgba(255,255,255,.045);
  color:#ecfbff!important;
  box-shadow:none;
}
.pciv-social-hub-actions .pciv-button:hover{border-color:rgba(95,229,255,.36);background:rgba(95,229,255,.09)}
.pciv-social-hub-actions .pciv-button-gold{border-color:rgba(242,196,94,.28);background:rgba(242,196,94,.1);color:#ffe5a3!important}

/* Scientist search ------------------------------------------------------ */
.pciv-scientist-search{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  margin:22px 0;
  padding:18px;
  border-color:var(--pciv-social-border);
  background:linear-gradient(145deg,rgba(10,42,62,.96),rgba(5,22,35,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.pciv-scientist-search input{
  min-height:52px;
  padding-inline:17px;
  border-color:rgba(95,229,255,.2);
  border-radius:14px;
  background:#041522;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.pciv-scientist-search input:focus{
  border-color:rgba(95,229,255,.62);
  box-shadow:0 0 0 4px rgba(95,229,255,.09);
}
.pciv-scientist-search .pciv-button{min-width:130px}
.pciv-user-grid{gap:16px}
.pciv-user-card{
  position:relative;
  grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);
  gap:16px;
  min-height:132px;
  padding:18px;
  border-color:rgba(95,229,255,.13);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(95,229,255,.07),transparent 34%),
    linear-gradient(145deg,#103349,#071b2a);
  box-shadow:0 16px 35px rgba(0,0,0,.16);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  overflow:hidden;
}
.pciv-user-card:hover{
  transform:translateY(-3px);
  border-color:rgba(95,229,255,.35);
  box-shadow:0 22px 44px rgba(0,0,0,.24);
}
.pciv-user-card-avatar{
  width:92px;
  height:92px;
  padding:4px;
  border:1px solid rgba(242,196,94,.2);
  border-radius:50%;
  background:rgba(242,196,94,.05);
}
.pciv-user-card h3{font-size:18px;line-height:1.5}
.pciv-user-card b{font-size:12px}
.pciv-user-card p{margin-top:9px;line-height:1.8}
.pciv-user-card small{
  display:inline-flex;
  margin-top:3px;
  padding:5px 9px;
  border:1px solid rgba(242,196,94,.18);
  border-radius:999px;
  background:rgba(242,196,94,.07);
}
.pciv-user-card-actions{display:grid;gap:8px;align-content:center}
.pciv-user-card-actions .pciv-button{width:100%;min-height:40px;padding:8px 12px;font-size:11px}

/* Friends and safe messages -------------------------------------------- */
.pciv-social-columns{gap:18px}
.pciv-social-columns>div,
.pciv-safe-inbox{
  border-color:var(--pciv-social-border);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(11,43,63,.96),rgba(5,23,36,.96));
  box-shadow:0 16px 36px rgba(0,0,0,.17);
}
.pciv-social-columns h2,
.pciv-safe-inbox h2{
  position:relative;
  padding-bottom:13px;
  margin-bottom:13px;
  font-size:20px;
}
.pciv-social-columns h2:after,
.pciv-safe-inbox h2:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:52px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pciv-social-teal),var(--pciv-social-gold));
}
.pciv-social-list-card{
  min-height:74px;
  padding:12px 0;
}
.pciv-social-list-card .pciv-avatar-shell,
.pciv-social-friends-grid .pciv-avatar-shell,
.pciv-safe-inbox .pciv-avatar-shell{filter:drop-shadow(0 7px 10px rgba(0,0,0,.27))}
.pciv-social-list-card button{
  min-height:36px;
  padding:7px 12px;
  border-color:rgba(95,229,255,.22);
  background:rgba(95,229,255,.08);
  font-weight:800;
}
.pciv-social-list-card button:hover{border-color:rgba(95,229,255,.46);background:rgba(95,229,255,.14)}
.pciv-social-friends-grid{gap:10px}
.pciv-social-friends-grid a{
  min-height:78px;
  padding:11px;
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.pciv-social-friends-grid a:hover{transform:translateY(-2px);border-color:rgba(95,229,255,.28);background:rgba(95,229,255,.07)}
.pciv-safe-inbox article{
  gap:18px;
  min-height:76px;
  padding:13px 0;
  border-bottom-color:rgba(255,255,255,.07);
}
.pciv-safe-inbox article>div{min-width:210px}
.pciv-safe-inbox article p{
  flex:1;
  margin:0;
  padding:11px 14px;
  border:1px solid rgba(95,229,255,.1);
  border-radius:14px;
  background:rgba(95,229,255,.045);
  color:#e7f6fb;
  line-height:1.8;
}
.pciv-blocked-users article{border-bottom-color:rgba(255,124,130,.11)}
.pciv-blocked-users .pciv-button{border-color:rgba(255,124,130,.24);color:#ffd5d8!important}

/* Public profile and interaction panel --------------------------------- */
.pciv-public-profile-hero{
  position:relative;
  padding:32px;
  border-color:rgba(242,196,94,.24);
  background:
    radial-gradient(circle at 8% 10%,rgba(35,215,197,.17),transparent 29%),
    radial-gradient(circle at 92% 0,rgba(242,196,94,.12),transparent 26%),
    linear-gradient(135deg,#0f354c,#071b2c 72%);
  box-shadow:0 24px 55px rgba(0,0,0,.23);
  overflow:hidden;
}
.pciv-public-profile-avatar{
  width:210px;
  height:210px;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.34));
}
.pciv-public-profile-hero h1{font-size:clamp(32px,4vw,46px)}
.pciv-public-profile-rating{
  border-color:rgba(242,196,94,.28);
  background:linear-gradient(145deg,rgba(242,196,94,.1),rgba(242,196,94,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.pciv-public-stats{gap:13px}
.pciv-public-stats div{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:rgba(95,229,255,.11);
  background:linear-gradient(145deg,#0c2f45,#071b2b);
  box-shadow:0 12px 28px rgba(0,0,0,.13);
}
.pciv-public-stats strong{color:#fff;font-size:27px;font-variant-numeric:tabular-nums}
.pciv-public-global-nav{gap:10px}
.pciv-public-global-nav a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  border-color:rgba(95,229,255,.15);
  background:linear-gradient(145deg,rgba(95,229,255,.07),rgba(255,255,255,.025));
  transition:transform .18s ease,border-color .18s ease;
}
.pciv-public-global-nav a:hover{transform:translateY(-2px);border-color:rgba(95,229,255,.35)}
.pciv-social-actions-panel{
  padding:24px;
  border-color:rgba(242,196,94,.18);
  background:
    radial-gradient(circle at 100% 0,rgba(242,196,94,.08),transparent 25%),
    linear-gradient(145deg,rgba(10,40,59,.96),rgba(5,23,36,.96));
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.pciv-social-actions-panel:before{font-size:14px;letter-spacing:.01em}
.pciv-safe-message-form,
.pciv-report-form{
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}

/* Arena overview -------------------------------------------------------- */
.pciv-arena-hero>div:last-child{
  min-width:230px;
  padding:20px;
  border:1px solid rgba(242,196,94,.25);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(242,196,94,.11),rgba(242,196,94,.035));
  text-align:center;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.pciv-arena-hero>div:last-child span,
.pciv-arena-hero>div:last-child strong,
.pciv-arena-hero>div:last-child small{display:block}
.pciv-arena-hero>div:last-child span{color:#c7d9e2;font-size:12px}
.pciv-arena-hero>div:last-child strong{margin:8px 0;color:var(--pciv-social-gold);font-size:36px;font-variant-numeric:tabular-nums}
.pciv-arena-hero>div:last-child small{color:#afc5d0}
.pciv-arena-rules{
  gap:12px;
  margin:18px 0;
}
.pciv-arena-rules div{
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:rgba(95,229,255,.12);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,47,68,.96),rgba(6,24,37,.96));
  box-shadow:0 12px 25px rgba(0,0,0,.13);
}
.pciv-arena-rules b{font-size:24px;color:var(--pciv-social-gold);font-variant-numeric:tabular-nums}
.pciv-arena-rules span{margin-top:5px;color:#afc5d0;font-size:11px}
.pciv-challenge-create{
  gap:22px;
  margin-top:20px;
  padding:24px;
  border-color:rgba(242,196,94,.18);
  border-radius:23px;
  background:
    radial-gradient(circle at 0 0,rgba(242,196,94,.09),transparent 27%),
    linear-gradient(145deg,#0b3047,#061b2b);
  box-shadow:0 18px 40px rgba(0,0,0,.17);
}
.pciv-challenge-create>div h2{margin:0 0 7px;font-size:24px}
.pciv-challenge-create>div p{max-width:320px;margin:0;color:#abc1cc;line-height:1.9}
.pciv-challenge-create-form{gap:11px}
.pciv-challenge-create-form label{font-weight:800}
.pciv-challenge-create-form input,
.pciv-challenge-create-form select{
  min-height:48px;
  border-color:rgba(95,229,255,.17);
  border-radius:13px;
  background:#041522;
}
.pciv-challenge-create-form input:focus,
.pciv-challenge-create-form select:focus{border-color:rgba(95,229,255,.55);box-shadow:0 0 0 4px rgba(95,229,255,.08)}
.pciv-challenge-list{
  margin-top:18px;
  padding:21px;
  border:1px solid var(--pciv-social-border);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(9,36,54,.95),rgba(5,22,35,.95));
  box-shadow:0 15px 34px rgba(0,0,0,.15);
}
.pciv-challenge-list>h2{
  position:relative;
  margin:0 0 14px;
  padding:0 0 12px;
  font-size:21px;
}
.pciv-challenge-list>h2:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:56px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pciv-social-teal),var(--pciv-social-gold));
}
.pciv-challenge-card{
  position:relative;
  gap:18px;
  min-height:96px;
  margin-top:10px;
  padding:15px;
  border-color:rgba(95,229,255,.12);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(16,52,72,.92),rgba(7,27,42,.92));
  box-shadow:0 10px 24px rgba(0,0,0,.13);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.pciv-challenge-card:hover{transform:translateY(-2px);border-color:rgba(95,229,255,.3)}
.pciv-challenge-card:before{
  content:"";
  position:absolute;
  right:0;
  top:13px;
  bottom:13px;
  width:3px;
  border-radius:99px;
  background:rgba(95,229,255,.4);
}
.pciv-challenge-card.is-pending:before{background:var(--pciv-social-gold)}
.pciv-challenge-card.is-accepted:before{background:var(--pciv-social-teal);box-shadow:0 0 12px rgba(35,215,197,.48)}
.pciv-challenge-card.is-completed:before{background:var(--pciv-social-violet)}
.pciv-challenge-opponent{gap:11px}
.pciv-challenge-opponent strong,.pciv-challenge-opponent small{display:block}
.pciv-challenge-opponent small{margin-top:3px;color:var(--pciv-social-blue);direction:ltr}
.pciv-challenge-card>div:nth-child(2)>b,
.pciv-challenge-card>div:nth-child(2)>span,
.pciv-challenge-card>div:nth-child(2)>small{display:block}
.pciv-challenge-card>div:nth-child(2)>b{font-size:14px}
.pciv-challenge-card>div:nth-child(2)>span{margin:5px 0;color:#a9c0cb;font-size:11px}
.pciv-challenge-card>div:nth-child(2)>small{
  width:max-content;
  padding:4px 8px;
  border:1px solid rgba(95,229,255,.13);
  border-radius:999px;
  background:rgba(95,229,255,.055);
  color:#d8ecf4;
  font-size:10px;
}
.pciv-challenge-card.is-pending>div:nth-child(2)>small{border-color:rgba(242,196,94,.2);background:rgba(242,196,94,.07);color:#ffe09b}
.pciv-challenge-card.is-accepted>div:nth-child(2)>small{border-color:rgba(35,215,197,.22);background:rgba(35,215,197,.08);color:#a9fff4}
.pciv-challenge-score strong{font-size:21px;color:#fff;font-variant-numeric:tabular-nums}
.pciv-challenge-score .pciv-button{min-height:38px;padding:8px 13px}

/* Single challenge ------------------------------------------------------ */
.pciv-challenge-header{
  position:relative;
  padding:28px;
  border-color:rgba(242,196,94,.2);
  border-radius:25px;
  background:
    radial-gradient(circle at 50% 0,rgba(242,196,94,.12),transparent 29%),
    radial-gradient(circle at 12% 15%,rgba(35,215,197,.12),transparent 25%),
    linear-gradient(145deg,#0d334b,#061a29 74%);
  box-shadow:0 22px 50px rgba(0,0,0,.23);
}
.pciv-challenge-header>div:nth-child(2)>span{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:0 auto 8px;
  border:1px solid rgba(242,196,94,.25);
  border-radius:20px;
  background:rgba(242,196,94,.07);
  font-size:31px;
}
.pciv-challenge-header h1{margin:5px 0;font-size:clamp(28px,3.5vw,42px)}
.pciv-challenge-header>div:nth-child(2)>b{
  display:inline-grid;
  place-items:center;
  min-width:54px;
  min-height:34px;
  margin-top:10px;
  border:1px solid rgba(242,196,94,.28);
  border-radius:999px;
  background:rgba(242,196,94,.08);
  color:var(--pciv-social-gold);
  letter-spacing:.12em;
}
.pciv-challenge-player{
  min-width:180px;
  padding:15px;
  border:1px solid rgba(95,229,255,.1);
  border-radius:19px;
  background:rgba(255,255,255,.025);
}
.pciv-challenge-player strong{font-size:15px}
.pciv-challenge-player small{color:#afc6d1}
.pciv-challenge-decision,
.pciv-minute-game,
.pciv-challenge-result{
  margin-top:20px;
  padding:26px;
  border-radius:23px;
  border-color:var(--pciv-social-border);
  background:linear-gradient(145deg,#0b3047,#061a29);
  box-shadow:0 17px 38px rgba(0,0,0,.17);
}
.pciv-game-ready>span{filter:drop-shadow(0 9px 16px rgba(0,0,0,.25))}
.pciv-game-board{
  padding:24px;
  border:1px solid rgba(95,229,255,.12);
  border-radius:20px;
  background:rgba(3,17,27,.46);
}
.pciv-game-top{gap:10px}
.pciv-game-top>strong{
  width:74px;
  height:74px;
  border-width:2px;
  background:radial-gradient(circle,rgba(242,196,94,.12),rgba(3,17,27,.8));
  box-shadow:0 0 0 7px rgba(242,196,94,.035),0 12px 25px rgba(0,0,0,.23);
  font-size:27px;
}
.pciv-game-top>span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  border-color:rgba(95,229,255,.09);
  background:rgba(255,255,255,.025);
}
.pciv-game-progress{height:9px;background:rgba(255,255,255,.07)}
.pciv-game-progress i{box-shadow:0 0 14px rgba(35,215,197,.28)}
.pciv-game-board h2{font-size:clamp(21px,2.4vw,29px)}
.pciv-game-options{gap:11px}
.pciv-game-option{
  min-height:64px;
  padding:14px;
  border-color:rgba(95,229,255,.18);
  background:linear-gradient(145deg,#0d354d,#082538);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.pciv-game-option:hover{transform:translateY(-2px);background:linear-gradient(145deg,#104059,#092a3e)}
.pciv-game-option span{background:rgba(95,229,255,.09);font-weight:900}
.pciv-challenge-result{
  text-align:center;
  background:
    radial-gradient(circle at 50% 0,rgba(242,196,94,.12),transparent 34%),
    linear-gradient(145deg,#0c3148,#061a29);
}
.pciv-challenge-result>span{display:block;font-size:72px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))}
.pciv-challenge-result h2{font-size:32px}
.pciv-challenge-result.is-win{border-color:rgba(242,196,94,.42);box-shadow:0 18px 45px rgba(242,196,94,.08)}
.pciv-challenge-result.is-loss{border-color:rgba(255,124,130,.27)}
.pciv-challenge-result.is-draw{border-color:rgba(159,140,255,.3)}

/* Ranking and Hall of Fame --------------------------------------------- */
.pciv-ranking-tabs{gap:9px}
.pciv-ranking-tabs a{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:9px 15px;
  border-color:rgba(95,229,255,.14);
  background:rgba(255,255,255,.025);
  font-weight:800;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.pciv-ranking-tabs a:hover{transform:translateY(-2px);border-color:rgba(95,229,255,.32);background:rgba(95,229,255,.06)}
.pciv-ranking-tabs a.is-active{box-shadow:0 8px 18px rgba(242,196,94,.08)}
.pciv-public-podium{gap:18px;margin:30px 0 26px}
.pciv-podium-player{
  min-height:252px;
  justify-content:center;
  border-color:rgba(95,229,255,.13);
  background:
    radial-gradient(circle at 50% 0,rgba(95,229,255,.07),transparent 34%),
    linear-gradient(180deg,#0e344a,#061a29);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease;
}
.pciv-podium-player:hover{transform:translateY(-4px);border-color:rgba(95,229,255,.33)}
.pciv-podium-player.is-rank-1{
  min-height:300px;
  border-color:rgba(242,196,94,.42);
  box-shadow:0 22px 50px rgba(242,196,94,.09);
}
.pciv-podium-player.is-rank-1:hover{transform:translateY(-18px)}
.pciv-podium-medal{font-size:34px}
.pciv-public-ranking-table{
  border-color:rgba(95,229,255,.13);
  border-radius:22px;
  background:linear-gradient(145deg,#092b40,#061a29);
  box-shadow:0 17px 38px rgba(0,0,0,.17);
}
.pciv-public-ranking-table th{padding-block:16px;background:rgba(255,255,255,.025);color:#a8c3cf}
.pciv-public-ranking-table td{padding-block:13px}
.pciv-public-ranking-table tbody tr{transition:background .16s ease}
.pciv-public-ranking-table tbody tr:hover{background:rgba(95,229,255,.035)}
.pciv-hall-featured,
.pciv-season-hall,
.pciv-hall-categories article{
  border-color:rgba(95,229,255,.12);
  background:linear-gradient(145deg,#0b3046,#061a29);
  box-shadow:0 17px 38px rgba(0,0,0,.16);
}
.pciv-hall-featured{border-color:rgba(242,196,94,.2)}
.pciv-hall-categories{gap:18px}
.pciv-hall-categories article{border-radius:22px}
.pciv-hall-categories a,
.pciv-season-leaders a{
  border-bottom-color:rgba(255,255,255,.065);
  transition:background .16s ease,padding .16s ease;
}
.pciv-hall-categories a:hover,
.pciv-season-leaders a:hover{padding-inline:8px;border-radius:12px;background:rgba(95,229,255,.045)}

/* Empty states ---------------------------------------------------------- */
.pciv-social-page .pciv-empty,
.pciv-arena-page .pciv-empty,
.pciv-public-ranking-page .pciv-empty,
.pciv-hall-page .pciv-empty{
  min-height:82px;
  display:grid;
  place-items:center;
  padding:18px;
  border:1px dashed rgba(95,229,255,.17);
  border-radius:16px;
  background:rgba(95,229,255,.025);
  color:#9fb8c5;
  text-align:center;
}

/* Responsive ------------------------------------------------------------ */
@media (max-width:1120px){
  .pciv-social-hub{grid-template-columns:1fr 1fr}
  .pciv-social-hub-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pciv-user-card{grid-template-columns:auto minmax(0,1fr)}
  .pciv-user-card-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-challenge-card{grid-template-columns:1fr 1fr}
  .pciv-challenge-score{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
}
@media (max-width:820px){
  .pciv-social-page-head,
  .pciv-arena-hero,
  .pciv-ranking-hero,
  .pciv-hall-hero{display:grid;grid-template-columns:1fr;text-align:center}
  .pciv-social-page-head>span,
  .pciv-ranking-hero>span,
  .pciv-hall-hero>span{margin:auto}
  .pciv-arena-hero>div:last-child{min-width:0;width:100%}
  .pciv-public-profile-hero{grid-template-columns:1fr;text-align:center}
  .pciv-public-profile-avatar{margin:auto}
  .pciv-public-profile-rating{min-width:0}
  .pciv-public-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-challenge-header{grid-template-columns:1fr;text-align:center}
  .pciv-challenge-player{justify-content:center;min-width:0}
  .pciv-game-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-game-top>strong{grid-column:1/-1;margin:auto}
}
@media (max-width:680px){
  .pciv-social-hub{grid-template-columns:1fr;padding:20px}
  .pciv-social-hub-actions{grid-column:auto;grid-template-columns:1fr!important}
  .pciv-social-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-scientist-search{grid-template-columns:1fr}
  .pciv-scientist-search .pciv-button{width:100%}
  .pciv-user-card{grid-template-columns:1fr;text-align:center}
  .pciv-user-card-avatar{margin:auto}
  .pciv-user-card-actions{grid-column:auto;grid-template-columns:1fr}
  .pciv-social-columns{grid-template-columns:1fr}
  .pciv-social-list-card{grid-template-columns:auto 1fr}
  .pciv-social-list-card>div:last-child{grid-column:1/-1;justify-content:stretch}
  .pciv-social-list-card>div:last-child button{flex:1}
  .pciv-social-friends-grid{grid-template-columns:1fr}
  .pciv-safe-inbox article{display:block}
  .pciv-safe-inbox article>div{min-width:0}
  .pciv-safe-inbox article p{margin-top:10px}
  .pciv-public-stats{grid-template-columns:1fr 1fr}
  .pciv-public-global-nav{display:grid;grid-template-columns:1fr}
  .pciv-social-actions-row{display:grid}
  .pciv-social-actions-row>*{width:100%}
  .pciv-safe-message-form,
  .pciv-report-form{grid-template-columns:1fr}
  .pciv-arena-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-challenge-create{padding:19px}
  .pciv-challenge-create-form{grid-template-columns:1fr}
  .pciv-challenge-card{grid-template-columns:1fr;text-align:right}
  .pciv-challenge-score{grid-column:auto}
  .pciv-game-board{padding:17px}
  .pciv-game-options{grid-template-columns:1fr}
  .pciv-public-podium{grid-template-columns:1fr}
  .pciv-podium-player.is-rank-1,
  .pciv-podium-player.is-rank-1:hover{transform:none}
  .pciv-season-hall{grid-template-columns:1fr}
}
@media (max-width:430px){
  .pciv-social-hub-stats,
  .pciv-public-stats,
  .pciv-arena-rules,
  .pciv-game-top{grid-template-columns:1fr}
  .pciv-game-top>strong{grid-column:auto}
  .pciv-public-profile-avatar{width:165px;height:165px}
  .pciv-social-page-head>span,
  .pciv-ranking-hero>span,
  .pciv-hall-hero>span{width:88px;height:88px;font-size:45px}
}
@media (prefers-reduced-motion:reduce){
  .pciv-user-card,
  .pciv-social-friends-grid a,
  .pciv-challenge-card,
  .pciv-game-option,
  .pciv-ranking-tabs a,
  .pciv-podium-player,
  .pciv-public-global-nav a{transition:none!important}
  .pciv-user-card:hover,
  .pciv-social-friends-grid a:hover,
  .pciv-challenge-card:hover,
  .pciv-game-option:hover,
  .pciv-ranking-tabs a:hover,
  .pciv-podium-player:hover,
  .pciv-public-global-nav a:hover{transform:none!important}
}


.pciv-presence-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(8,27,41,.6);color:#dff8ff;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.pciv-presence-badge i{width:10px;height:10px;border-radius:50%;background:#718492;box-shadow:0 0 0 3px rgba(113,132,146,.18)}
.pciv-presence-badge small{margin:0;padding:0;border:0;background:none;color:#9eb8c9;font-size:10px;font-weight:600}
.pciv-presence-badge.is-online{border-color:rgba(66,230,149,.34);background:rgba(66,230,149,.08);color:#eafff3}
.pciv-presence-badge.is-online i{background:#42e695;box-shadow:0 0 0 4px rgba(66,230,149,.18),0 0 14px rgba(66,230,149,.42)}
.pciv-presence-badge.is-offline{border-color:rgba(113,132,146,.25);color:#d3dee6}
.pciv-presence-badge.is-compact{padding:5px 9px;gap:6px}
.pciv-presence-badge.is-compact small{display:none}
.pciv-user-card-head,.pciv-public-presence-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pciv-user-card-head h3{margin:0}


/* ===== animations.css ===== */
/*
 * Physics Civilizations — Motion & Polish 1.5.5
 * Progressive visual enhancement only; no layout or business-logic changes.
 */

.pciv-shell {
  --pciv-motion-fast: 150ms;
  --pciv-motion-base: 280ms;
  --pciv-motion-slow: 620ms;
  --pciv-motion-ease: cubic-bezier(.22, .78, .24, 1);
  --pciv-motion-ease-out: cubic-bezier(.16, 1, .3, 1);
}

/* One-time reveal -------------------------------------------------------- */
.pciv-motion-enabled .pciv-reveal-item {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition:
    opacity var(--pciv-motion-slow) var(--pciv-motion-ease-out),
    transform var(--pciv-motion-slow) var(--pciv-motion-ease-out);
  transition-delay: var(--pciv-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.pciv-motion-enabled .pciv-reveal-item.is-pciv-visible {
  opacity: 1;
  transform: none;
  will-change: auto;
}

/* Progress indicators animate once when they enter the viewport ---------- */
.pciv-motion-enabled .pciv-progress-motion {
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 820ms var(--pciv-motion-ease-out);
}

.pciv-motion-enabled .pciv-progress-motion.is-pciv-progress-visible {
  transform: scaleX(1);
}

.pciv-motion-enabled .pciv-progress-ring {
  transition: transform var(--pciv-motion-base) var(--pciv-motion-ease),
              filter var(--pciv-motion-base) var(--pciv-motion-ease);
}

.pciv-motion-enabled .pciv-progress-ring:hover {
  transform: translateY(-2px) scale(1.015);
  filter: drop-shadow(0 13px 22px rgba(0, 0, 0, .28));
}

/* Buttons ---------------------------------------------------------------- */
.pciv-shell .pciv-button,
.pciv-shell button.pciv-social-action,
.pciv-shell button.pciv-challenge-action,
.pciv-shell button.pciv-game-option {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

.pciv-shell .pciv-button::after,
.pciv-shell button.pciv-social-action::after,
.pciv-shell button.pciv-challenge-action::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -45% auto -45% -38%;
  width: 28%;
  transform: skewX(-18deg) translateX(0);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  opacity: 0;
  pointer-events: none;
}

.pciv-shell .pciv-button:hover::after,
.pciv-shell button.pciv-social-action:hover::after,
.pciv-shell button.pciv-challenge-action:hover::after {
  opacity: 1;
  transform: skewX(-18deg) translateX(530%);
  transition: transform 620ms var(--pciv-motion-ease-out), opacity 120ms ease;
}

.pciv-shell :where(.pciv-button, button.pciv-social-action, button.pciv-challenge-action).pciv-pressing {
  transform: translateY(0) scale(.985) !important;
  transition-duration: 80ms !important;
}

.pciv-shell :where(.pciv-button, button.pciv-social-action, button.pciv-challenge-action):focus-visible {
  box-shadow: 0 0 0 3px rgba(2, 12, 22, .92), 0 0 0 6px rgba(105, 230, 255, .32), 0 14px 30px rgba(0, 0, 0, .24);
}

/* Cards and interactive surfaces ---------------------------------------- */
.pciv-shell :where(
  .pciv-realm-card,
  .pciv-stage-card,
  .pciv-avatar-card,
  .pciv-cosmetic-card,
  .pciv-shop-product-card,
  .pciv-challenge-card,
  .pciv-user-card,
  .pciv-social-list-card,
  .pciv-achievement-pill,
  .pciv-history-row,
  .pciv-realm-pill
) {
  backface-visibility: hidden;
}

.pciv-shell :where(
  .pciv-realm-card,
  .pciv-stage-card,
  .pciv-avatar-card,
  .pciv-cosmetic-card,
  .pciv-shop-product-card,
  .pciv-challenge-card,
  .pciv-user-card,
  .pciv-social-list-card
):hover {
  box-shadow:
    0 22px 46px rgba(0, 0, 0, .26),
    inset 0 1px rgba(255, 255, 255, .035);
}

.pciv-shell :where(.is-selected, .is-active, .is-current):not(.pciv-button) {
  box-shadow:
    0 0 0 1px rgba(240, 200, 102, .18),
    0 16px 38px rgba(0, 0, 0, .23);
}

.pciv-shell .pciv-option,
.pciv-shell .pciv-game-option {
  transition:
    transform var(--pciv-motion-fast) var(--pciv-motion-ease),
    border-color var(--pciv-motion-fast) var(--pciv-motion-ease),
    background-color var(--pciv-motion-fast) var(--pciv-motion-ease),
    box-shadow var(--pciv-motion-base) var(--pciv-motion-ease);
}

.pciv-shell .pciv-option:active,
.pciv-shell .pciv-game-option:active {
  transform: scale(.992);
}

.pciv-shell .pciv-option.is-selected,
.pciv-shell .pciv-game-option:focus-visible {
  box-shadow: 0 0 0 2px rgba(77,225,209,.16), 0 12px 26px rgba(0,0,0,.20);
}

/* Feedback --------------------------------------------------------------- */
.pciv-shell .pciv-feedback-pop {
  animation: pciv155-feedback-pop 420ms var(--pciv-motion-ease-out) both;
}

.pciv-shell :where(
  .pciv-result,
  .pciv-boss-result,
  .pciv-avatar-result,
  .pciv-social-result,
  .pciv-profile-result,
  .pciv-city-result,
  .pciv-live-result,
  .pciv-escape-result,
  .pciv-evidence-result,
  .pciv-game-feedback
).is-success {
  box-shadow: 0 0 0 1px rgba(97,217,150,.10), 0 12px 28px rgba(18,72,50,.16);
}

.pciv-shell :where(
  .pciv-result,
  .pciv-boss-result,
  .pciv-avatar-result,
  .pciv-social-result,
  .pciv-profile-result,
  .pciv-city-result,
  .pciv-live-result,
  .pciv-escape-result,
  .pciv-evidence-result,
  .pciv-game-feedback
).is-error {
  box-shadow: 0 0 0 1px rgba(255,133,140,.10), 0 12px 28px rgba(94,31,40,.16);
}

.pciv-shell .pciv-reward,
.pciv-shell .pciv-rarity-badge,
.pciv-shell .pciv-tier-chip {
  transition: transform var(--pciv-motion-base) var(--pciv-motion-ease),
              filter var(--pciv-motion-base) var(--pciv-motion-ease);
}

.pciv-shell .pciv-reward:hover,
.pciv-shell .pciv-rarity-badge:hover,
.pciv-shell .pciv-tier-chip:hover {
  transform: translateY(-2px);
  filter: brightness(1.07);
}

.pciv-shell .pciv-timer.is-ending,
.pciv-shell [data-challenge-timer].is-ending {
  animation: pciv155-timer-alert 760ms ease-in-out 4;
}

/* Tables and navigation -------------------------------------------------- */
.pciv-shell .pciv-table tbody tr,
.pciv-shell .pciv-public-ranking-table tbody tr,
.pciv-shell .pciv-wallet-ledger > * {
  transition: background-color var(--pciv-motion-fast) ease,
              transform var(--pciv-motion-fast) var(--pciv-motion-ease);
}

.pciv-shell .pciv-table tbody tr:hover,
.pciv-shell .pciv-public-ranking-table tbody tr:hover {
  background: rgba(105, 230, 255, .045);
}

.pciv-shell :where(
  .pciv-toolbar a,
  .pciv-profile-nav a,
  .pciv-public-global-nav a,
  .pciv-ranking-tabs a,
  .pciv-cosmetic-tabs a,
  .pciv-history-filter,
  .pciv-status-filters a
) {
  position: relative;
}

.pciv-shell :where(
  .pciv-toolbar a,
  .pciv-profile-nav a,
  .pciv-public-global-nav a,
  .pciv-ranking-tabs a,
  .pciv-cosmetic-tabs a,
  .pciv-history-filter,
  .pciv-status-filters a
)::before {
  content: "";
  position: absolute;
  right: 15%;
  bottom: 4px;
  left: 15%;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, var(--pciv-cyan), transparent);
  transform: scaleX(0);
  transition: transform var(--pciv-motion-base) var(--pciv-motion-ease-out);
}

.pciv-shell :where(
  .pciv-toolbar a,
  .pciv-profile-nav a,
  .pciv-public-global-nav a,
  .pciv-ranking-tabs a,
  .pciv-cosmetic-tabs a,
  .pciv-history-filter,
  .pciv-status-filters a
):hover::before,
.pciv-shell :where(
  .pciv-toolbar a,
  .pciv-profile-nav a,
  .pciv-public-global-nav a,
  .pciv-ranking-tabs a,
  .pciv-cosmetic-tabs a,
  .pciv-history-filter,
  .pciv-status-filters a
).is-active::before {
  transform: scaleX(1);
}

/* Replace permanent decorative loops with controlled motion ------------- */
.pciv-motion-enabled .pciv-orbit i {
  animation-iteration-count: 1 !important;
  animation-duration: 1.3s !important;
  animation-timing-function: var(--pciv-motion-ease-out) !important;
}

.pciv-motion-enabled :where(.pciv-player-companion, .pciv-profile-companion) span {
  animation: pciv155-companion-enter 620ms var(--pciv-motion-ease-out) both !important;
}

.pciv-motion-enabled :where(.pciv-player-companion, .pciv-profile-companion):hover span {
  animation: pciv155-companion-hover 720ms ease-in-out 1 !important;
}

.pciv-motion-enabled .pciv-city-decor {
  animation: none !important;
}

.pciv-motion-enabled .pciv-city-decor:hover {
  transform: translateY(-3px) scale(1.025);
  filter: drop-shadow(0 0 12px rgba(242,196,94,.30));
  transition: transform var(--pciv-motion-base) var(--pciv-motion-ease), filter var(--pciv-motion-base) var(--pciv-motion-ease);
}

/* Keyframes -------------------------------------------------------------- */
@keyframes pciv155-feedback-pop {
  0% { opacity: .35; transform: translateY(6px) scale(.985); }
  60% { opacity: 1; transform: translateY(-1px) scale(1.004); }
  100% { opacity: 1; transform: none; }
}

@keyframes pciv155-timer-alert {
  0%, 100% { transform: scale(1); filter: none; }
  50% { transform: scale(1.055); filter: drop-shadow(0 0 10px rgba(255,133,140,.42)); }
}

@keyframes pciv155-companion-enter {
  from { opacity: 0; transform: translateY(8px) scale(.9); }
  to { opacity: 1; transform: none; }
}

@keyframes pciv155-companion-hover {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-5px) rotate(2deg); }
}

/* Touch devices: avoid sticky hover effects ------------------------------ */
@media (hover: none), (pointer: coarse) {
  .pciv-shell :where(
    .pciv-realm-card,
    .pciv-stage-card,
    .pciv-avatar-card,
    .pciv-cosmetic-card,
    .pciv-shop-product-card,
    .pciv-challenge-card,
    .pciv-user-card,
    .pciv-social-list-card
  ):hover,
  .pciv-shell .pciv-button:hover {
    transform: none;
  }

  .pciv-shell .pciv-button::after,
  .pciv-shell button.pciv-social-action::after,
  .pciv-shell button.pciv-challenge-action::after {
    display: none;
  }
}

/* Accessibility: fully respect the operating-system preference ----------- */
@media (prefers-reduced-motion: reduce) {
  .pciv-shell *,
  .pciv-shell *::before,
  .pciv-shell *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    transition-delay: 0ms !important;
  }

  .pciv-motion-enabled .pciv-reveal-item,
  .pciv-motion-enabled .pciv-progress-motion {
    opacity: 1 !important;
    transform: none !important;
  }
}


/* ===== themes.css ===== */
/*
 * Physics Civilizations Core 1.6.0
 * Premium theme layer. Variable overrides only; no structural layout changes.
 */

/* Shared theme integration */
body[class*="pciv-theme-"] .pciv-shell{
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body[class*="pciv-theme-"] .pciv-custom-header{
}
body[class*="pciv-theme-"] .pciv-shell::selection,
body[class*="pciv-theme-"] .pciv-shell *::selection{
  background:color-mix(in srgb,var(--pciv-teal) 42%,transparent);
  color:var(--pciv-text);
}

/* 1. Royal Academy — baseline, refined */
body.pciv-theme-royal-academy .pciv-shell{
  --pciv-bg-primary:#020c16;
  --pciv-bg-secondary:#061827;
  --pciv-bg-tertiary:#0a2235;
  --pciv-surface:rgba(10,36,54,.88);
  --pciv-surface-soft:rgba(16,49,70,.70);
  --pciv-surface-raised:rgba(18,57,80,.94);
  --pciv-surface-hover:rgba(23,69,94,.94);
  --pciv-border-subtle:rgba(156,211,230,.11);
  --pciv-border:rgba(122,203,229,.20);
  --pciv-border-strong:rgba(95,229,255,.36);
  --pciv-text:#f2f9fc;
  --pciv-text-soft:#d9e9f0;
  --pciv-muted:#9fb8c6;
  --pciv-muted-strong:#bdd1da;
  --pciv-teal:#25d6c3;
  --pciv-teal-deep:#159d9c;
  --pciv-cyan:#69e6ff;
  --pciv-gold:#f0c866;
  --pciv-gold-deep:#c99132;
  --pciv-gradient-shell:radial-gradient(circle at 12% -6%,rgba(37,214,195,.13),transparent 31%),radial-gradient(circle at 92% 7%,rgba(240,200,102,.10),transparent 26%),linear-gradient(145deg,#020b14 0%,#061725 51%,#092239 100%);
  --pciv-gradient-surface:linear-gradient(145deg,rgba(15,49,70,.94),rgba(5,23,37,.93));
  --pciv-gradient-raised:linear-gradient(145deg,rgba(22,65,88,.96),rgba(7,29,44,.96));
  --pciv-gradient-primary:linear-gradient(110deg,#25d6c3,#3b9fc4);
  --pciv-gradient-gold:linear-gradient(110deg,#f6d77f,#c99132);
}

/* 2. Future Lab */
body.pciv-theme-future-lab .pciv-shell{
  --pciv-bg-primary:#030914;
  --pciv-bg-secondary:#06111f;
  --pciv-bg-tertiary:#0a2136;
  --pciv-surface:rgba(7,31,49,.91);
  --pciv-surface-soft:rgba(14,47,70,.75);
  --pciv-surface-raised:rgba(14,55,82,.96);
  --pciv-surface-hover:rgba(21,72,103,.96);
  --pciv-border-subtle:rgba(185,210,227,.12);
  --pciv-border:rgba(86,217,255,.23);
  --pciv-border-strong:rgba(86,217,255,.48);
  --pciv-text:#f4fbff;
  --pciv-text-soft:#dcecf5;
  --pciv-muted:#a1bccd;
  --pciv-muted-strong:#c3d6e1;
  --pciv-teal:#56d9ff;
  --pciv-teal-deep:#2299c2;
  --pciv-cyan:#7ce8ff;
  --pciv-gold:#b9d2e3;
  --pciv-gold-deep:#7696ad;
  --pciv-info:#56d9ff;
  --pciv-gradient-shell:radial-gradient(circle at 86% -8%,rgba(86,217,255,.17),transparent 31%),radial-gradient(circle at 4% 85%,rgba(109,147,255,.10),transparent 29%),linear-gradient(145deg,#020813 0%,#06111f 50%,#0a2943 100%);
  --pciv-gradient-surface:linear-gradient(145deg,rgba(12,43,65,.96),rgba(4,17,31,.94));
  --pciv-gradient-raised:linear-gradient(145deg,rgba(17,63,91,.97),rgba(6,28,46,.97));
  --pciv-gradient-primary:linear-gradient(110deg,#56d9ff,#5799e8);
  --pciv-gradient-gold:linear-gradient(110deg,#e2eff7,#88a8bc);
  --pciv-shadow-focus:0 0 0 3px rgba(86,217,255,.20);
}
body.pciv-theme-future-lab .pciv-shell .pciv-kicker,
body.pciv-theme-future-lab .pciv-shell .pciv-avatar-price{letter-spacing:.02em}

/* 3. Ancient Civilization */
body.pciv-theme-ancient-civilization .pciv-shell{
  --pciv-bg-primary:#110b07;
  --pciv-bg-secondary:#1a100b;
  --pciv-bg-tertiary:#2b1b10;
  --pciv-surface:rgba(44,28,17,.91);
  --pciv-surface-soft:rgba(64,40,23,.76);
  --pciv-surface-raised:rgba(78,47,25,.95);
  --pciv-surface-hover:rgba(96,57,29,.96);
  --pciv-border-subtle:rgba(240,202,121,.12);
  --pciv-border:rgba(214,154,78,.24);
  --pciv-border-strong:rgba(240,202,121,.43);
  --pciv-text:#fff5df;
  --pciv-text-soft:#f3e2c2;
  --pciv-muted:#c3a985;
  --pciv-muted-strong:#dcc29b;
  --pciv-teal:#d69a4e;
  --pciv-teal-deep:#a9662f;
  --pciv-cyan:#efba69;
  --pciv-gold:#f0ca79;
  --pciv-gold-deep:#b6762f;
  --pciv-success:#9dcd75;
  --pciv-warning:#eea852;
  --pciv-danger:#e77d6c;
  --pciv-info:#ddb27b;
  --pciv-gradient-shell:radial-gradient(circle at 10% -5%,rgba(214,154,78,.16),transparent 33%),radial-gradient(circle at 92% 8%,rgba(240,202,121,.10),transparent 25%),linear-gradient(145deg,#100a06 0%,#21140c 52%,#3a2414 100%);
  --pciv-gradient-surface:linear-gradient(145deg,rgba(66,40,22,.96),rgba(24,14,9,.95));
  --pciv-gradient-raised:linear-gradient(145deg,rgba(87,51,25,.97),rgba(35,20,11,.97));
  --pciv-gradient-primary:linear-gradient(110deg,#d69a4e,#b66a35);
  --pciv-gradient-gold:linear-gradient(110deg,#f6dc9a,#b6762f);
  --pciv-shadow-focus:0 0 0 3px rgba(240,202,121,.18);
  --pciv-shadow-gold:0 0 0 1px rgba(240,202,121,.20),0 14px 36px rgba(11,6,3,.34);
}
body.pciv-theme-ancient-civilization .pciv-shell{background-image:var(--pciv-gradient-shell)}
body.pciv-theme-ancient-civilization .pciv-shell .pciv-button:not(.pciv-button-ghost){color:#29170c!important}

/* 4. Cosmic */
body.pciv-theme-cosmic .pciv-shell{
  --pciv-bg-primary:#09071c;
  --pciv-bg-secondary:#0d0b27;
  --pciv-bg-tertiary:#191242;
  --pciv-surface:rgba(24,18,62,.89);
  --pciv-surface-soft:rgba(40,29,88,.72);
  --pciv-surface-raised:rgba(51,36,108,.94);
  --pciv-surface-hover:rgba(66,46,132,.96);
  --pciv-border-subtle:rgba(190,173,255,.12);
  --pciv-border:rgba(155,124,255,.23);
  --pciv-border-strong:rgba(95,229,255,.40);
  --pciv-text:#f8f5ff;
  --pciv-text-soft:#e8e0ff;
  --pciv-muted:#b6acd5;
  --pciv-muted-strong:#d0c5ed;
  --pciv-teal:#9b7cff;
  --pciv-teal-deep:#6f4ed6;
  --pciv-cyan:#5fe5ff;
  --pciv-gold:#e1bdff;
  --pciv-gold-deep:#9c69c8;
  --pciv-success:#63e5b0;
  --pciv-warning:#f0bc70;
  --pciv-danger:#ff86a4;
  --pciv-info:#76d9ff;
  --pciv-gradient-shell:radial-gradient(circle at 85% -8%,rgba(155,124,255,.22),transparent 33%),radial-gradient(circle at 7% 86%,rgba(95,229,255,.14),transparent 29%),linear-gradient(145deg,#08061a 0%,#100b2b 48%,#241552 100%);
  --pciv-gradient-surface:linear-gradient(145deg,rgba(43,31,94,.95),rgba(12,9,35,.94));
  --pciv-gradient-raised:linear-gradient(145deg,rgba(61,42,126,.97),rgba(23,15,62,.97));
  --pciv-gradient-primary:linear-gradient(110deg,#9b7cff,#5ecdec);
  --pciv-gradient-gold:linear-gradient(110deg,#ecd6ff,#9c69c8);
  --pciv-shadow-focus:0 0 0 3px rgba(155,124,255,.20);
  --pciv-shadow-gold:0 0 0 1px rgba(225,189,255,.17),0 14px 40px rgba(5,3,18,.36);
}

/* Fullscreen page canvas follows the selected theme. */
body.pciv-fullscreen.pciv-theme-royal-academy{background:#020a12!important}
body.pciv-fullscreen.pciv-theme-future-lab{background:#020711!important}
body.pciv-fullscreen.pciv-theme-ancient-civilization{background:#0d0805!important}
body.pciv-fullscreen.pciv-theme-cosmic{background:#070519!important}

@media (prefers-reduced-motion: reduce){
  body[class*="pciv-theme-"] .pciv-shell{transition:none!important}
}

/* Neutralize legacy hard-coded control colors so every theme stays coherent. */
body[class*="pciv-theme-"] .pciv-shell :where(input,select,textarea){
  background:color-mix(in srgb,var(--pciv-bg-primary) 82%,var(--pciv-surface) 18%);
  border-color:var(--pciv-border);
}
body[class*="pciv-theme-"] .pciv-shell :where(input,select,textarea):hover{border-color:var(--pciv-border-strong)}
body[class*="pciv-theme-"] .pciv-shell :where(input,select,textarea):focus{background:color-mix(in srgb,var(--pciv-bg-secondary) 78%,var(--pciv-surface-raised) 22%)}
body[class*="pciv-theme-"] .pciv-shell :where(.is-selected,.is-active){border-color:color-mix(in srgb,var(--pciv-gold) 58%,transparent)}
body[class*="pciv-theme-"] .pciv-shell .pciv-button-ghost:hover{background:color-mix(in srgb,var(--pciv-cyan) 8%,transparent)}
body.pciv-theme-royal-academy .pciv-custom-header{background:#061827!important;border-bottom-color:rgba(240,200,102,.42)!important}
body.pciv-theme-future-lab .pciv-custom-header{background:#06111f!important;border-bottom-color:rgba(86,217,255,.44)!important}
body.pciv-theme-ancient-civilization .pciv-custom-header{background:#1a100b!important;border-bottom-color:rgba(240,202,121,.43)!important}
body.pciv-theme-cosmic .pciv-custom-header{background:#0d0b27!important;border-bottom-color:rgba(155,124,255,.45)!important}


/* ===== refinement.css ===== */
/*
 * Physics Civilizations Core 1.6.1
 * Layout stability, avatar/frame harmony, city scene repair,
 * realm-card readability, and dashboard compaction.
 */

/* --- Toolbar stability ------------------------------------------------- */
.pciv-portal-v151 .pciv-toolbar{
  position:relative !important;
  top:auto !important;
  z-index:8 !important;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:16px 0 18px;
  padding:10px;
  border-radius:20px;
  overflow:visible;
}

.pciv-portal-v151 .pciv-toolbar a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border:1px solid rgba(105,230,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  font-size:12px;
  font-weight:800;
}

.pciv-portal-v151 .pciv-toolbar .pciv-toolbar-logout{
  margin-inline-start:auto;
}

/* --- Consistent section rhythm ---------------------------------------- */
.pciv-portal-v151 .pciv-command-overview,
.pciv-portal-v151 .pciv-customization-hub,
.pciv-portal-v151 .pciv-social-hub,
.pciv-portal-v151 .pciv-code-hub,
.pciv-portal-v151 .pciv-city,
.pciv-portal-v151 .pciv-ranking,
.pciv-portal-v151 .pciv-realms{
  margin-top:18px;
}

.pciv-portal-v151 .pciv-command-overview,
.pciv-portal-v151 .pciv-customization-hub,
.pciv-portal-v151 .pciv-social-hub,
.pciv-portal-v151 .pciv-code-hub,
.pciv-portal-v151 .pciv-city,
.pciv-portal-v151 .pciv-ranking{
  padding:18px;
}

.pciv-shell .pciv-button{
  min-height:42px;
  border-radius:12px;
}

.pciv-shell .pciv-button-ghost{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.14);
}

/* --- Commander / overview / ranking readability ----------------------- */
.pciv-portal-v151 .pciv-commander-metrics > span{
  font-size:12px;
}

.pciv-portal-v151 .pciv-commander-metrics b{
  font-size:17px;
}

.pciv-portal-v151 .pciv-command-overview{
  grid-template-columns:minmax(300px,1.25fr) minmax(260px,.9fr) auto;
  gap:16px;
}

.pciv-portal-v151 .pciv-command-paths > div,
.pciv-portal-v151 .pciv-customization-stats > div,
.pciv-portal-v151 .pciv-social-hub-stats div{
  min-height:92px;
}

.pciv-portal-v151 .pciv-command-level h2,
.pciv-portal-v151 .pciv-customization-copy h2,
.pciv-portal-v151 .pciv-social-hub-copy h2,
.pciv-portal-v151 .pciv-code-intro h2,
.pciv-portal-v151 .pciv-section-title h2,
.pciv-portal-v151 .pciv-city-copy h2{
  margin-top:6px;
  margin-bottom:8px;
  line-height:1.45;
}

.pciv-portal-v151 .pciv-command-level p,
.pciv-portal-v151 .pciv-customization-copy p,
.pciv-portal-v151 .pciv-social-hub-copy p,
.pciv-portal-v151 .pciv-code-intro p,
.pciv-portal-v151 .pciv-section-title p,
.pciv-portal-v151 .pciv-city-copy p{
  color:#b7cad4;
  font-size:13px;
  line-height:1.9;
}

.pciv-portal-v151 .pciv-ranking .pciv-table{
  border-radius:18px;
}

.pciv-portal-v151 .pciv-ranking .pciv-section-title{
  margin:0 0 12px;
}

.pciv-portal-v151 .pciv-ranking table{
  min-width:620px;
}

.pciv-portal-v151 .pciv-ranking th,
.pciv-portal-v151 .pciv-ranking td{
  padding:11px 12px !important;
}

.pciv-portal-v151 .pciv-ranking tbody tr{
  height:auto !important;
}

.pciv-portal-v151 .pciv-ranking .pciv-leader-user{
  min-width:0;
  gap:10px;
}

.pciv-portal-v151 .pciv-ranking .pciv-leader-user strong{
  font-size:12px;
}

.pciv-portal-v151 .pciv-ranking .pciv-leader-user small{
  font-size:10px;
}

/* --- Realm filters and cards ------------------------------------------ */
.pciv-portal-v151 .pciv-realm-filter-stack{
  display:grid;
  gap:12px;
  margin:16px 0 10px;
}

.pciv-portal-v151 .pciv-realm-filter-group{
  padding:12px 14px;
  border:1px solid rgba(105,230,255,.10);
  border-radius:18px;
  background:rgba(3,18,30,.46);
}

.pciv-portal-v151 .pciv-realm-filter-group > span{
  display:block;
  margin-bottom:9px;
  color:#dceef6;
  font-size:12px;
  font-weight:900;
}

.pciv-portal-v151 .pciv-realm-filters{
  gap:8px;
}

.pciv-portal-v151 .pciv-realm-filters button{
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.pciv-portal-v151 .pciv-realm-grid{
  gap:14px;
}

.pciv-portal-v151 .pciv-realm-card{
  padding:16px 16px 14px;
  border-color:rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(19,55,78,.92), rgba(6,24,38,.97));
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

.pciv-portal-v151 .pciv-realm-card::before{
  width:132px;
  height:132px;
  opacity:.55;
  background:color-mix(in srgb, var(--realm-accent) 11%, transparent);
}

.pciv-portal-v151 .pciv-realm-card::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--realm-accent),transparent 82%);
}

.pciv-portal-v151 .pciv-realm-card-top{
  align-items:flex-start;
  gap:10px;
}

.pciv-portal-v151 .pciv-realm-card-icon{
  font-size:30px;
}

.pciv-portal-v151 .pciv-realm-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}

.pciv-portal-v151 .pciv-realm-badges i,
.pciv-portal-v151 .pciv-realm-status-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d7e7ee;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}

.pciv-portal-v151 .pciv-realm-card-copy h3{
  margin:12px 0 4px;
  font-size:23px;
  line-height:1.5;
}

.pciv-portal-v151 .pciv-realm-scientific{
  display:block;
  margin-bottom:6px;
  color:#9ec8d5;
  font-size:12px;
}

.pciv-portal-v151 .pciv-realm-slogan{
  min-height:42px;
  margin:0;
  color:#c0d0d8;
  font-size:13px;
  line-height:1.8;
}

.pciv-portal-v151 .pciv-realm-progress{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(2,15,25,.36);
}

.pciv-portal-v151 .pciv-realm-progress > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}

.pciv-portal-v151 .pciv-realm-progress strong{
  color:#fff;
  font-size:15px;
}

.pciv-portal-v151 .pciv-realm-progress small{
  margin:0 0 9px;
  color:#b7cad4;
  font-size:12px;
  line-height:1.7;
}

.pciv-portal-v151 .pciv-realm-progress > span{
  height:7px;
  background:rgba(255,255,255,.06);
}

.pciv-portal-v151 .pciv-realm-progress em{
  display:block;
  margin-top:8px;
  color:#9eb5c1;
  font-size:10px;
  font-style:normal;
}

.pciv-portal-v151 .pciv-realm-enter{
  width:100%;
  margin-top:12px;
  background:linear-gradient(100deg,var(--pciv-teal),#3a98ba) !important;
  color:#06202d !important;
  border:none !important;
}

.pciv-portal-v151 .pciv-realm-enter span,
.pciv-portal-v151 .pciv-realm-enter b{
  color:inherit !important;
}

/* --- City scene repair ------------------------------------------------- */
.pciv-portal-v151 .pciv-city-header{
  gap:16px;
}

.pciv-portal-v151 .pciv-city-active-items span,
.pciv-portal-v151 .pciv-customization-active span{
  min-height:30px;
  padding:6px 10px;
  font-size:10px;
}

.pciv-portal-v151 .pciv-city-scene{
  display:grid !important;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  align-items:end;
  gap:12px !important;
  min-height:300px !important;
  margin:16px 0 !important;
  padding:72px 18px 22px !important;
  overflow:hidden !important;
}

.pciv-portal-v151 .pciv-building{
  width:auto !important;
  min-width:0 !important;
  height:calc(92px + var(--i) * 8px) !important;
  padding:12px 8px 10px !important;
  border-radius:20px 20px 10px 10px !important;
}

.pciv-portal-v151 .pciv-building span{
  font-size:28px;
}

.pciv-portal-v151 .pciv-building strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:11px;
  line-height:1.45;
  text-align:center;
}

.pciv-portal-v151 .pciv-building small{
  margin:6px 0 0 !important;
  color:#d8e8ef;
  font-size:10px !important;
  line-height:1.4;
  text-align:center;
}

.pciv-portal-v151 .pciv-building b{
  margin-top:5px;
  font-size:12px;
}

.pciv-portal-v151 .pciv-city-decor,
.pciv-portal-v151 .pciv-city-companion{
  bottom:14px;
  min-width:82px;
  padding:8px 10px;
}

.pciv-portal-v151 .pciv-city-decor{
  right:14px;
}

.pciv-portal-v151 .pciv-city-companion{
  left:14px;
}

.pciv-portal-v151 .pciv-city-decor span,
.pciv-portal-v151 .pciv-city-companion span{
  font-size:34px;
}

.pciv-portal-v151 .pciv-city-decor strong,
.pciv-portal-v151 .pciv-city-companion small{
  font-size:9px;
}

.pciv-portal-v151 .pciv-city-form{
  grid-template-columns:minmax(0,1fr) 210px auto;
  gap:12px;
}

.pciv-shell .pciv-city-form input,
.pciv-shell .pciv-city-form select,
.pciv-shell .pciv-code-hub input{
  min-height:44px;
  border-color:rgba(95,229,255,.18) !important;
  background:#082235 !important;
  color:#eef8fc !important;
}

.pciv-shell .pciv-city-form input:focus,
.pciv-shell .pciv-city-form select:focus,
.pciv-shell .pciv-code-hub input:focus,
.pciv-shell .pciv-profile-form input:focus,
.pciv-shell .pciv-auth-box input:focus{
  border-color:rgba(95,229,255,.44) !important;
  box-shadow:0 0 0 3px rgba(95,229,255,.10);
}

/* --- Avatar and frame harmony ----------------------------------------- */
.pciv-player img,
.pciv-profile-hero img,
.pciv-public-profile-hero img,
.pciv-leader-user img,
.pciv-frame-preview img{
  border:none !important;
  border-radius:0 !important;
}

.pciv-avatar-shell{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  overflow:visible !important;
  line-height:0;
}

.pciv-avatar-shell .pciv-scientist-avatar{
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  background:#061826;
  box-shadow:0 10px 22px rgba(0,0,0,.26);
}

.pciv-avatar-shell.no-frame .pciv-scientist-avatar{
  box-shadow:0 0 0 2px rgba(242,196,94,.15),0 10px 22px rgba(0,0,0,.26);
}

.pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:12% !important;
  width:76% !important;
  height:76% !important;
  box-shadow:0 0 0 2px rgba(242,196,94,.18),0 10px 24px rgba(0,0,0,.28) !important;
}

.pciv-avatar-shell .pciv-avatar-frame-layer{
  position:absolute !important;
  z-index:2 !important;
  inset:-3% !important;
  width:106% !important;
  height:106% !important;
  object-fit:contain !important;
  border:none !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  pointer-events:none !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.32));
}

.pciv-frame-preview{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1;
  border-radius:18px;
  overflow:hidden;
  background:#061723;
}

.pciv-frame-preview .pciv-frame-preview-base{
  position:absolute !important;
  z-index:1 !important;
  inset:14% !important;
  width:72% !important;
  height:72% !important;
  object-fit:cover !important;
  border-radius:50% !important;
  box-shadow:0 8px 20px rgba(0,0,0,.32);
}

.pciv-frame-preview .pciv-avatar-frame-layer{
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* --- Responsive -------------------------------------------------------- */
@media (max-width: 1100px){
  .pciv-portal-v151 .pciv-command-overview{
    grid-template-columns:1fr 1fr;
  }

  .pciv-portal-v151 .pciv-command-actions{
    grid-column:1 / -1;
  }

  .pciv-portal-v151 .pciv-realm-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    min-height:auto !important;
    padding-top:62px !important;
  }
}

@media (max-width: 780px){
  .pciv-portal-v151 .pciv-toolbar{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:12px;
  }

  .pciv-portal-v151 .pciv-command-overview,
  .pciv-portal-v151 .pciv-code-hub{
    grid-template-columns:1fr;
  }

  .pciv-portal-v151 .pciv-city-form{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .pciv-portal-v151 .pciv-realm-grid{
    grid-template-columns:1fr;
  }

  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px !important;
    padding-inline:14px !important;
  }

  .pciv-portal-v151 .pciv-city-decor,
  .pciv-portal-v151 .pciv-city-companion{
    position:static;
    justify-self:center;
    margin-top:8px;
  }

  .pciv-avatar-shell.has-frame .pciv-scientist-avatar{
    inset:13% !important;
    width:74% !important;
    height:74% !important;
  }
}


/* ===== responsive-polish.css ===== */
/*
 * Physics Civilizations Core 1.6.2
 * Responsive polish for tablet, mobile, narrow desktop and touch devices.
 * Loaded last so it can safely normalize layouts without changing data logic.
 */

/* Global viewport safety ------------------------------------------------ */
.pciv-shell,
.pciv-shell *{
  min-width:0;
}

.pciv-shell{
  width:min(1360px, calc(100% - 24px));
  max-width:1360px;
}

.pciv-shell :where(h1,h2,h3,h4,p,strong,small,span,a,button,label,td,th){
  overflow-wrap:anywhere;
}

.pciv-shell img,
.pciv-shell video,
.pciv-shell iframe{
  max-width:100%;
}

.pciv-shell :where(input,select,textarea,button){
  max-width:100%;
  font:inherit;
}

.pciv-shell :where(.pciv-toolbar,.pciv-profile-nav,.pciv-public-global-nav,.pciv-ranking-tabs,.pciv-cosmetic-tabs,.pciv-realm-filters,.pciv-history-filters){
  scrollbar-width:thin;
  scrollbar-color:rgba(95,229,255,.25) transparent;
}

.pciv-shell :where(.pciv-toolbar,.pciv-profile-nav,.pciv-public-global-nav,.pciv-ranking-tabs,.pciv-cosmetic-tabs,.pciv-realm-filters,.pciv-history-filters)::-webkit-scrollbar{
  height:5px;
}

.pciv-shell :where(.pciv-toolbar,.pciv-profile-nav,.pciv-public-global-nav,.pciv-ranking-tabs,.pciv-cosmetic-tabs,.pciv-realm-filters,.pciv-history-filters)::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(95,229,255,.24);
}

/* Tablet and narrow desktop -------------------------------------------- */
@media (max-width:1180px){
  .pciv-shell{
    width:min(100% - 20px, 1120px);
    padding:22px;
  }

  .pciv-portal-v151 .pciv-portal-hero-v121,
  .pciv-profile-v151 .pciv-profile-hero-v151,
  .pciv-public-profile-v151 .pciv-public-profile-hero,
  .pciv-realm-v152 .pciv-realm-hero{
    gap:20px;
  }

  .pciv-portal-v151 .pciv-portal-hero-v121{
    grid-template-columns:minmax(0,1fr);
  }

  .pciv-portal-v151 .pciv-commander-card{
    width:100%;
  }

  .pciv-portal-v151 .pciv-realm-grid,
  .pciv-profile-v153 .pciv-shop-product-grid,
  .pciv-profile-v151 .pciv-avatar-grid,
  .pciv-profile-v151 .pciv-cosmetic-grid,
  .pciv-user-grid,
  .pciv-realm-v152 .pciv-stage-grid,
  .pciv-realm-v152 .pciv-boss-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pciv-shop-command{
    grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  }

  .pciv-shop-command-links{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .pciv-profile-v151 .pciv-profile-form-grid,
  .pciv-social-settings-form{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pciv-profile-v151 .pciv-profile-form-grid .pciv-button,
  .pciv-profile-v151 .pciv-profile-form-grid .pciv-profile-result,
  .pciv-social-settings-actions,
  .pciv-social-result{
    grid-column:1/-1;
  }
}

/* Tablet portrait ------------------------------------------------------- */
@media (max-width:900px){
  .pciv-shell{
    width:calc(100% - 16px);
    margin:8px auto;
    padding:18px;
    border-radius:24px;
  }

  .pciv-shell .pciv-section-title-row{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .pciv-shell .pciv-section-count,
  .pciv-shell .pciv-shop-balance{
    align-self:flex-start;
  }

  .pciv-portal-v151 .pciv-toolbar,
  .pciv-profile-v151 .pciv-profile-nav,
  .pciv-public-global-nav,
  .pciv-ranking-tabs,
  .pciv-cosmetic-tabs,
  .pciv-realm-filters{
    display:flex;
    flex-wrap:nowrap !important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  .pciv-portal-v151 .pciv-toolbar > *,
  .pciv-profile-v151 .pciv-profile-nav > *,
  .pciv-public-global-nav > *,
  .pciv-ranking-tabs > *,
  .pciv-cosmetic-tabs > *,
  .pciv-realm-filters > *{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
  }

  .pciv-portal-v151 .pciv-toolbar .pciv-toolbar-logout{
    margin-inline-start:0;
  }

  .pciv-portal-v151 .pciv-command-overview,
  .pciv-shop-command,
  .pciv-realm-v152 .pciv-realm-hero,
  .pciv-stage-v152 .pciv-mission-layout,
  .pciv-boss-v152 .pciv-mission-layout,
  .pciv-code-hub,
  .pciv-season-hall{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-command-actions,
  .pciv-shop-command-links{
    grid-column:auto;
  }

  .pciv-portal-v151 .pciv-command-actions,
  .pciv-shop-command-links,
  .pciv-social-hub-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .pciv-portal-v151 .pciv-portal-stats,
  .pciv-profile-overview,
  .pciv-public-stats,
  .pciv-shop-command-stats,
  .pciv-wallet-mini-summary,
  .pciv-arena-rules{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .pciv-portal-v151 .pciv-city-header,
  .pciv-realm-v152 .pciv-chapter-title,
  .pciv-stage-v152 .pciv-mission-header,
  .pciv-boss-v152 .pciv-mission-header{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start;
  }

  .pciv-portal-v151 .pciv-city-header-side{
    width:100%;
    align-items:stretch;
  }

  .pciv-portal-v151 .pciv-city-actions{
    max-width:none;
    justify-content:flex-start;
  }

  .pciv-realm-v152 .pciv-realm-hero-side,
  .pciv-realm-v152 .pciv-chapter-progress{
    width:100%;
    min-width:0;
  }

  .pciv-realm-v152 .pciv-progress-ring{
    margin:auto;
  }

  .pciv-stage-v152 .pciv-stage-context-bar{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .pciv-stage-v152 .pciv-stage-context-meta{
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .pciv-stage-v152 .pciv-quiz-head,
  .pciv-boss-v152 .pciv-quiz-head{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .pciv-stage-v152 .pciv-options,
  .pciv-boss-v152 .pciv-options,
  .pciv-game-options{
    grid-template-columns:1fr !important;
  }

  .pciv-public-podium{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  .pciv-podium-player{
    min-height:220px;
    padding:18px 10px;
  }

  .pciv-podium-player.is-rank-1{
    min-height:250px;
  }
}

/* Mobile --------------------------------------------------------------- */
@media (max-width:680px){
  .pciv-shell{
    width:100%;
    margin:0;
    padding:14px;
    border-radius:0;
    box-shadow:none;
  }

  .pciv-shell :where(.pciv-portal-hero,.pciv-profile-hero,.pciv-public-profile-hero,.pciv-realm-hero,.pciv-social-page-head,.pciv-arena-hero,.pciv-ranking-hero,.pciv-hall-hero){
    border-radius:20px;
  }

  .pciv-shell .pciv-kicker{
    font-size:11px;
  }

  .pciv-shell :where(.pciv-section-title h2,.pciv-section-title-row h2,.pciv-city-copy h2){
    font-size:23px;
  }

  .pciv-shell :where(.pciv-section-title p,.pciv-section-title-row p,.pciv-city-copy p){
    font-size:12px;
    line-height:1.85;
  }

  .pciv-portal-v151 .pciv-portal-hero-v121,
  .pciv-profile-v151 .pciv-profile-hero-v151,
  .pciv-public-profile-v151 .pciv-public-profile-hero,
  .pciv-realm-v152 .pciv-realm-hero,
  .pciv-social-page-head,
  .pciv-arena-hero,
  .pciv-ranking-hero,
  .pciv-hall-hero{
    padding:18px !important;
  }

  .pciv-portal-v151 .pciv-brand{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:12px;
  }

  .pciv-portal-v151 .pciv-brand-mark{
    width:54px;
    height:54px;
    flex-basis:54px;
    border-radius:17px;
    font-size:29px;
  }

  .pciv-portal-v151 .pciv-brand h1{
    font-size:30px;
    line-height:1.35;
  }

  .pciv-portal-v151 .pciv-hero-pills{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    gap:7px;
  }

  .pciv-portal-v151 .pciv-hero-pills > span{
    min-width:0;
    padding:8px 5px;
    text-align:center;
    font-size:10px;
  }

  .pciv-portal-v151 .pciv-commander-card{
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    align-items:center;
    min-height:0;
    padding:15px;
    gap:12px;
  }

  .pciv-portal-v151 .pciv-player-avatar{
    width:104px;
    height:104px;
  }

  .pciv-portal-v151 .pciv-commander-card .pciv-avatar-shell{
    width:98px !important;
    height:98px !important;
  }

  .pciv-portal-v151 .pciv-player-info > strong{
    font-size:20px;
  }

  .pciv-portal-v151 .pciv-commander-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin:10px 0;
  }

  .pciv-portal-v151 .pciv-commander-metrics > span{
    padding:7px 4px;
    font-size:9px;
  }

  .pciv-portal-v151 .pciv-commander-metrics b{
    font-size:13px;
  }

  .pciv-portal-v151 .pciv-player-companion{
    grid-column:1/-1;
    width:100%;
  }

  .pciv-portal-v151 .pciv-command-level{
    grid-template-columns:74px minmax(0,1fr);
    gap:12px;
  }

  .pciv-level-orbit{
    width:74px;
    height:74px;
  }

  .pciv-level-orbit span{
    font-size:23px;
  }

  .pciv-portal-v151 .pciv-command-paths,
  .pciv-portal-v151 .pciv-customization-stats,
  .pciv-social-hub-stats{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-command-paths > div,
  .pciv-portal-v151 .pciv-customization-stats > div,
  .pciv-social-hub-stats > div{
    min-height:58px;
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    text-align:right;
  }

  .pciv-portal-v151 .pciv-command-paths strong,
  .pciv-portal-v151 .pciv-customization-stats strong,
  .pciv-social-hub-stats strong{
    margin:0;
  }

  .pciv-portal-v151 .pciv-command-actions,
  .pciv-shop-command-links,
  .pciv-social-hub-actions{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-realm-grid,
  .pciv-profile-v153 .pciv-shop-product-grid,
  .pciv-profile-v151 .pciv-avatar-grid,
  .pciv-profile-v151 .pciv-cosmetic-grid,
  .pciv-user-grid,
  .pciv-realm-v152 .pciv-stage-grid,
  .pciv-realm-v152 .pciv-boss-grid,
  .pciv-hall-categories,
  .pciv-cosmetic-bundle-grid,
  .pciv-coin-pack-grid{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-realm-card{
    min-height:0;
  }

  .pciv-portal-v151 .pciv-realm-card-copy h3{
    font-size:21px;
  }

  .pciv-portal-v151 .pciv-continue-realm{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:12px;
    min-height:0;
    padding:15px;
  }

  .pciv-portal-v151 .pciv-continue-icon{
    width:62px;
    height:62px;
    border-radius:18px;
    font-size:31px;
  }

  .pciv-portal-v151 .pciv-continue-progress{
    grid-column:1/-1;
    width:100%;
  }

  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    padding:56px 12px 16px !important;
    gap:9px !important;
  }

  .pciv-portal-v151 .pciv-building{
    height:128px !important;
  }

  .pciv-portal-v151 .pciv-city-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .pciv-portal-v151 .pciv-city-actions a{
    justify-content:center;
    min-height:40px;
  }

  .pciv-profile-v151 .pciv-profile-hero-v151,
  .pciv-public-profile-v151 .pciv-public-profile-hero{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
  }

  .pciv-profile-v151 .pciv-profile-form-grid,
  .pciv-social-settings-form,
  .pciv-safe-message-form,
  .pciv-report-form,
  .pciv-challenge-create-form{
    grid-template-columns:1fr !important;
  }

  .pciv-profile-v151 .pciv-profile-form-grid > *,
  .pciv-social-settings-form > *{
    grid-column:auto !important;
  }

  .pciv-profile-v151 .pciv-profile-overview,
  .pciv-public-stats,
  .pciv-shop-command-stats,
  .pciv-wallet-mini-summary,
  .pciv-arena-rules{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .pciv-profile-v151 .pciv-profile-nav{
    margin-inline:-4px;
    padding-bottom:8px;
  }

  .pciv-profile-v153 .pciv-shop-command-wallet{
    width:100%;
  }

  .pciv-shop-product-card{
    grid-template-columns:108px minmax(0,1fr);
    align-items:center;
  }

  .pciv-shop-product-card .pciv-avatar-image,
  .pciv-shop-product-card .pciv-frame-preview,
  .pciv-shop-product-card .pciv-cosmetic-preview{
    width:108px;
  }

  .pciv-shop-product-card .pciv-button,
  .pciv-shop-product-card .pciv-avatar-result{
    grid-column:1/-1;
  }

  .pciv-realm-v152 .pciv-realm-hero > div:first-child{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }

  .pciv-realm-v152 .pciv-realm-big-icon{
    width:88px;
    height:88px;
    border-radius:26px;
    font-size:46px;
  }

  .pciv-realm-v152 .pciv-realm-hero h1{
    font-size:32px;
  }

  .pciv-realm-v152 .pciv-chapter{
    padding:16px;
  }

  .pciv-realm-v152 .pciv-chapter-title{
    gap:12px;
  }

  .pciv-stage-v152 .pciv-mission-header,
  .pciv-boss-v152 .pciv-mission-header,
  .pciv-stage-v152 .pciv-content,
  .pciv-stage-v152 .pciv-quiz,
  .pciv-boss-v152 .pciv-quiz{
    padding:16px;
  }

  .pciv-stage-v152 .pciv-mission-icon{
    width:64px;
    height:64px;
    font-size:34px;
  }

  .pciv-stage-v152 .pciv-option,
  .pciv-boss-v152 .pciv-option,
  .pciv-game-option{
    min-height:58px;
    padding:12px;
  }

  .pciv-social-hub,
  .pciv-user-card,
  .pciv-challenge-card,
  .pciv-game-board{
    padding:16px;
  }

  .pciv-user-card,
  .pciv-challenge-card,
  .pciv-social-columns,
  .pciv-challenge-header{
    grid-template-columns:1fr !important;
  }

  .pciv-user-card{
    text-align:center;
  }

  .pciv-user-card-avatar{
    margin:auto;
  }

  .pciv-user-card-actions,
  .pciv-social-actions-row,
  .pciv-challenge-decision{
    grid-template-columns:1fr !important;
    width:100%;
  }

  .pciv-public-podium{
    grid-template-columns:1fr !important;
  }

  .pciv-podium-player,
  .pciv-podium-player.is-rank-1,
  .pciv-podium-player.is-rank-1:hover{
    min-height:0;
    transform:none;
  }

  .pciv-shell :where(.pciv-table,.pciv-wallet-ledger,.pciv-wallet-history,.pciv-ranking,.pciv-public-ranking-table){
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .pciv-shell :where(.pciv-table table,.pciv-wallet-ledger table,.pciv-wallet-history table,.pciv-ranking table,.pciv-public-ranking-table table){
    min-width:620px;
  }
}

/* Small phones ---------------------------------------------------------- */
@media (max-width:430px){
  .pciv-shell{
    padding:11px;
  }

  .pciv-portal-v151 .pciv-brand{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }

  .pciv-portal-v151 .pciv-brand h1{
    font-size:27px;
  }

  .pciv-portal-v151 .pciv-hero-pills{
    grid-template-columns:1fr;
  }

  .pciv-portal-v151 .pciv-commander-card{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }

  .pciv-portal-v151 .pciv-player-info{
    width:100%;
  }

  .pciv-portal-v151 .pciv-command-level{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }

  .pciv-portal-v151 .pciv-portal-stats,
  .pciv-profile-overview,
  .pciv-public-stats,
  .pciv-shop-command-stats,
  .pciv-wallet-mini-summary,
  .pciv-arena-rules,
  .pciv-game-top{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 .pciv-building{
    height:116px !important;
  }

  .pciv-shop-product-card{
    grid-template-columns:1fr;
    text-align:center;
  }

  .pciv-shop-product-card .pciv-avatar-image,
  .pciv-shop-product-card .pciv-frame-preview,
  .pciv-shop-product-card .pciv-cosmetic-preview{
    width:min(210px,100%);
    margin:auto;
  }

  .pciv-frame-preview .pciv-frame-preview-base{
    inset:15% !important;
    width:70% !important;
    height:70% !important;
  }

  .pciv-profile-avatar-large,
  .pciv-public-profile-avatar{
    transform:scale(.93);
  }

  .pciv-realm-v152 .pciv-progress-ring{
    width:132px;
    height:132px;
  }
}

/* Short landscape displays --------------------------------------------- */
@media (max-height:560px) and (orientation:landscape){
  .pciv-shell{
    margin:0 auto;
    padding-block:10px;
  }

  .pciv-portal-v151 .pciv-toolbar,
  .pciv-profile-v151 .pciv-profile-nav,
  .pciv-cosmetic-tabs{
    position:relative !important;
    top:auto !important;
  }

  .pciv-portal-v151 .pciv-portal-hero-v121,
  .pciv-profile-v151 .pciv-profile-hero-v151,
  .pciv-realm-v152 .pciv-realm-hero{
    min-height:0;
  }
}

/* Touch devices: stable interactions ----------------------------------- */
@media (hover:none), (pointer:coarse){
  .pciv-shell :where(a,button,input,select,textarea){
    touch-action:manipulation;
  }

  .pciv-shell :where(.pciv-button,.pciv-toolbar a,.pciv-profile-nav a,.pciv-ranking-tabs a,.pciv-cosmetic-tabs a,.pciv-realm-filters button){
    min-height:44px;
  }

  .pciv-shell :where(.pciv-realm-card,.pciv-stage-card,.pciv-shop-product-card,.pciv-user-card,.pciv-challenge-card,.pciv-game-option):hover{
    transform:none !important;
  }
}


/* ===== ui-fixes.css ===== */
/* Physics Civilizations Core 1.6.3 - targeted UI fixes */

/* 1) Avatar + frame separation */
.pciv-shell .pciv-avatar-shell{
  isolation:isolate;
}

.pciv-shell .pciv-avatar-shell .pciv-scientist-avatar{
  position:absolute !important;
}

.pciv-shell .pciv-avatar-shell.has-frame{
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));
}

.pciv-shell .pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:16% !important;
  width:68% !important;
  height:68% !important;
  z-index:1 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  box-shadow:0 0 0 3px rgba(7,23,36,.85),0 0 0 5px rgba(242,196,94,.16),0 10px 22px rgba(0,0,0,.28) !important;
}

.pciv-shell .pciv-avatar-shell.has-frame .pciv-avatar-frame-layer{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:3 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.32));
}

.pciv-shell .pciv-profile-avatar-large .pciv-avatar-shell.has-frame .pciv-scientist-avatar,
.pciv-shell .pciv-public-profile-avatar .pciv-avatar-shell.has-frame .pciv-scientist-avatar,
.pciv-shell .pciv-commander-card .pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:17% !important;
  width:66% !important;
  height:66% !important;
}

.pciv-shell .pciv-frame-preview .pciv-frame-preview-base{
  inset:18% !important;
  width:64% !important;
  height:64% !important;
  border-radius:50% !important;
  box-shadow:0 0 0 3px rgba(7,23,36,.82),0 0 0 5px rgba(242,196,94,.15),0 10px 22px rgba(0,0,0,.3) !important;
}

.pciv-shell .pciv-frame-preview .pciv-avatar-frame-layer{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}

/* 2) Continue learning widget */
.pciv-portal-v151 .pciv-continue-realm{
  grid-template-columns:72px minmax(0,1fr) minmax(170px,220px);
  gap:16px;
  align-items:center;
  min-height:120px;
}

.pciv-portal-v151 .pciv-continue-realm small{
  margin-bottom:4px;
  color:color-mix(in srgb, var(--realm-accent) 82%, white 18%);
  font-size:10px;
}

.pciv-portal-v151 .pciv-continue-realm strong{
  font-size:20px;
  line-height:1.45;
}

.pciv-portal-v151 .pciv-continue-realm p{
  min-height:auto;
  margin:2px 0 0;
  color:#b7ccd5;
  font-size:11px;
  line-height:1.8;
}

.pciv-portal-v151 .pciv-continue-progress{
  display:flex;
  flex-direction:column;
  gap:7px;
  text-align:right !important;
  align-self:stretch;
  justify-content:center;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(2,17,28,.78), rgba(6,27,40,.9));
}

.pciv-portal-v151 .pciv-continue-progress b{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
  color:#e6f6fa;
  font-size:20px;
  line-height:1;
}

.pciv-portal-v151 .pciv-continue-progress b::after{
  content:"پیشرفت";
  color:#93b6c2;
  font-size:10px;
  font-weight:800;
}

.pciv-portal-v151 .pciv-continue-progress > span{
  display:block;
  height:8px;
  margin:0;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}

.pciv-portal-v151 .pciv-continue-progress i{
  border-radius:inherit;
  background:linear-gradient(90deg, var(--realm-accent), #49e0d5);
  box-shadow:0 0 14px color-mix(in srgb, var(--realm-accent) 35%, transparent);
}

.pciv-portal-v151 .pciv-continue-progress em{
  color:#dcecf1;
  font-size:10px;
  font-style:normal;
  font-weight:850;
}

/* 3) City theme select and form polish */
.pciv-portal-v151 .pciv-city-form{
  grid-template-columns:minmax(0,1fr) 250px auto;
  gap:12px;
  align-items:end;
}

.pciv-portal-v151 .pciv-city-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0;
}

.pciv-portal-v151 .pciv-city-form label > span{
  color:#d7e9ef;
  font-size:11px;
  font-weight:800;
}

.pciv-shell .pciv-city-form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-inline-start:16px;
  padding-inline-end:42px !important;
  min-height:46px;
  border:1px solid rgba(95,229,255,.18) !important;
  border-radius:14px !important;
  background-color:#0a2235 !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #94c6d1 50%),
    linear-gradient(135deg, #94c6d1 50%, transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  background-position:
    calc(18px) calc(50% - 2px),
    calc(12px) calc(50% - 2px),
    0 0;
  background-size:6px 6px, 6px 6px, 100% 100%;
  background-repeat:no-repeat;
  color:#eef8fc !important;
  font-size:13px;
  font-weight:700;
}

.pciv-shell .pciv-city-form select option{
  background:#0a2235;
  color:#eef8fc;
}

.pciv-shell .pciv-city-form .pciv-button{
  min-height:46px;
  white-space:nowrap;
}

/* Responsive */
@media (max-width: 900px){
  .pciv-portal-v151 .pciv-continue-realm{
    grid-template-columns:64px minmax(0,1fr);
  }

  .pciv-portal-v151 .pciv-continue-progress{
    grid-column:1 / -1;
  }

  .pciv-portal-v151 .pciv-city-form{
    grid-template-columns:1fr;
  }
}

/* ----------------------------------------------------------------------
 * Physics Civilizations Core 1.6.4 — final targeted dashboard/shop fixes
 * -------------------------------------------------------------------- */

/* City: stable, symmetrical building grid. */
.pciv-portal-v151 .pciv-city-scene{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-rows:minmax(118px,auto) !important;
  align-items:end !important;
  justify-content:stretch !important;
  gap:12px !important;
  min-height:270px !important;
  padding:68px 18px 22px !important;
  overflow:hidden !important;
}

.pciv-portal-v151 .pciv-city-scene > .pciv-building{
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:clamp(118px,10vw,158px) !important;
  margin:0 !important;
  transform:none;
}

.pciv-portal-v151 .pciv-city-scene > .pciv-building:nth-of-type(3n),
.pciv-portal-v151 .pciv-city-scene > .pciv-building:nth-of-type(4n){
  min-height:0 !important;
}

.pciv-portal-v151 .pciv-building.is-built{
  align-self:end;
}

.pciv-portal-v151 .pciv-building.is-locked{
  align-self:end;
}

/* Continue-learning card: balanced copy and compact progress panel. */
.pciv-portal-v151 .pciv-continue-realm{
  grid-template-columns:72px minmax(0,1fr) minmax(190px,238px) !important;
  align-items:center !important;
  gap:18px !important;
  min-height:126px !important;
  padding:18px 20px !important;
}

.pciv-portal-v151 .pciv-continue-copy{
  min-width:0;
}

.pciv-portal-v151 .pciv-continue-copy small{
  margin:0 0 3px;
  font-size:10px;
}

.pciv-portal-v151 .pciv-continue-copy strong{
  margin:0 0 4px;
  font-size:21px;
  line-height:1.5;
}

.pciv-portal-v151 .pciv-continue-copy p{
  margin:0;
  color:#b8ccd5;
  font-size:11px;
  line-height:1.8;
}

.pciv-portal-v151 .pciv-continue-progress{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:center;
  align-self:stretch;
  gap:9px !important;
  width:100% !important;
  padding:13px 15px !important;
  border:1px solid rgba(95,229,255,.12);
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(3,20,32,.84),rgba(7,33,47,.9));
  text-align:right !important;
}

.pciv-portal-v151 .pciv-continue-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.pciv-portal-v151 .pciv-continue-progress-head > span{
  color:#9fbac5;
  font-size:10px;
  font-weight:850;
}

.pciv-portal-v151 .pciv-continue-progress-head > b{
  color:color-mix(in srgb,var(--realm-accent) 80%,white 20%);
  font-size:20px;
  line-height:1;
}

.pciv-portal-v151 .pciv-continue-progress-track{
  display:block !important;
  height:8px !important;
  margin:0 !important;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08) !important;
}

.pciv-portal-v151 .pciv-continue-progress-track > i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--realm-accent),#49e0d5);
  box-shadow:0 0 14px color-mix(in srgb,var(--realm-accent) 34%,transparent);
}

.pciv-portal-v151 .pciv-continue-progress > em{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#e2f0f4;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}

.pciv-portal-v151 .pciv-continue-progress > em b{
  color:var(--realm-accent);
  font-size:14px;
}

/* City form: force a dark native select and render our own arrow. */
.pciv-portal-v151 .pciv-city-form{
  grid-template-columns:minmax(0,1fr) minmax(220px,260px) auto !important;
  gap:12px !important;
  align-items:end !important;
}

.pciv-portal-v151 .pciv-city-form label{
  min-width:0;
}

.pciv-portal-v151 .pciv-city-select-wrap{
  position:relative;
  display:block;
}

.pciv-portal-v151 .pciv-city-select-wrap select{
  display:block !important;
  width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:10px 42px 10px 14px !important;
  border:1px solid rgba(95,229,255,.2) !important;
  border-radius:14px !important;
  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  color-scheme:dark !important;
  background:#0a2235 !important;
  background-image:none !important;
  color:#eef8fc !important;
  -webkit-text-fill-color:#eef8fc !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:750 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.pciv-portal-v151 .pciv-city-select-wrap select:hover{
  border-color:rgba(95,229,255,.34) !important;
}

.pciv-portal-v151 .pciv-city-select-wrap select:focus{
  border-color:rgba(95,229,255,.52) !important;
  box-shadow:0 0 0 3px rgba(95,229,255,.10) !important;
}

.pciv-portal-v151 .pciv-city-select-wrap select option{
  background:#0a2235 !important;
  color:#eef8fc !important;
}

.pciv-portal-v151 .pciv-city-select-wrap > i{
  position:absolute;
  z-index:2;
  top:50%;
  right:16px;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:2px solid #8fc6d2;
  border-bottom:2px solid #8fc6d2;
  transform:rotate(45deg);
  pointer-events:none;
}

/* Shop interaction states. */
.pciv-shop-product-card.is-saving{
  border-color:rgba(95,229,255,.42) !important;
  box-shadow:0 0 0 2px rgba(95,229,255,.08),0 16px 36px rgba(0,0,0,.25) !important;
}

.pciv-shop-product-card.is-saving .pciv-button{
  cursor:wait;
  opacity:.82;
}

.pciv-shop-product-card.is-selected{
  border-color:rgba(242,196,94,.7) !important;
}

.pciv-shop-product-card .pciv-avatar-result.is-success{
  min-height:18px;
  color:#72e4aa;
}

.pciv-shop-product-card .pciv-avatar-result.is-error{
  min-height:18px;
  color:#ff9298;
}

@media (max-width:1100px){
  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(118px,auto) !important;
    min-height:auto !important;
  }
}

@media (max-width:900px){
  .pciv-portal-v151 .pciv-continue-realm{
    grid-template-columns:64px minmax(0,1fr) !important;
  }

  .pciv-portal-v151 .pciv-continue-progress{
    grid-column:1/-1 !important;
    align-self:auto;
  }

  .pciv-portal-v151 .pciv-city-form{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  .pciv-portal-v151 .pciv-city-scene{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(118px,auto) !important;
  }
}


/* v2.3.1 frame alignment refinement */
.pciv-frame-preview{display:grid!important;place-items:center!important;overflow:hidden!important;padding:10px!important}
.pciv-frame-preview .pciv-frame-preview-base{inset:13.5%!important;width:73%!important;height:73%!important;opacity:1!important;transform:none!important;filter:none!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 8px 20px rgba(0,0,0,.32)!important}
.pciv-frame-preview .pciv-avatar-frame-layer{inset:-1.5%!important;width:103%!important;height:103%!important;object-fit:contain!important;transform:translateZ(0)!important;filter:drop-shadow(0 8px 11px rgba(0,0,0,.35))!important}
.pciv-avatar-shell.has-frame .pciv-scientist-avatar{inset:9%!important;width:82%!important;height:82%!important;box-shadow:0 0 0 2px rgba(242,196,94,.18),0 10px 24px rgba(0,0,0,.28)!important}
.pciv-avatar-shell .pciv-avatar-frame-layer{inset:-2%!important;width:104%!important;height:104%!important;object-fit:contain!important;transform:translateZ(0)!important;filter:drop-shadow(0 7px 9px rgba(0,0,0,.38))!important}
@media (max-width: 767px){
  .pciv-frame-preview .pciv-frame-preview-base{inset:14%!important;width:72%!important;height:72%!important}
  .pciv-frame-preview .pciv-avatar-frame-layer{inset:-2%!important;width:104%!important;height:104%!important}
  .pciv-avatar-shell.has-frame .pciv-scientist-avatar{inset:10%!important;width:80%!important;height:80%!important}
  .pciv-avatar-shell .pciv-avatar-frame-layer{inset:-3%!important;width:106%!important;height:106%!important}
}


/* v2.3.3 frame-by-frame optical alignment */
.pciv-frame-preview,
.pciv-avatar-shell.has-frame{
  --pciv-frame-avatar-inset:14.2%;
  --pciv-frame-avatar-size:71.6%;
  --pciv-frame-layer-inset:-0.8%;
  --pciv-frame-layer-size:101.6%;
}
.pciv-frame-preview{display:grid!important;place-items:center!important;overflow:hidden!important;padding:10px!important}
.pciv-frame-preview .pciv-frame-preview-base{
  inset:var(--pciv-frame-avatar-inset)!important;
  width:var(--pciv-frame-avatar-size)!important;
  height:var(--pciv-frame-avatar-size)!important;
  opacity:1!important;transform:none!important;filter:none!important;
  border-radius:50%!important;object-fit:cover!important;
  box-shadow:0 8px 20px rgba(0,0,0,.32)!important;
}
.pciv-frame-preview .pciv-avatar-frame-layer{
  inset:var(--pciv-frame-layer-inset)!important;
  width:var(--pciv-frame-layer-size)!important;
  height:var(--pciv-frame-layer-size)!important;
  object-fit:contain!important;transform:translateZ(0)!important;
  filter:drop-shadow(0 8px 11px rgba(0,0,0,.35))!important;
}
.pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:calc(var(--pciv-frame-avatar-inset) - 1.4%)!important;
  width:calc(var(--pciv-frame-avatar-size) - 2.8%)!important;
  height:calc(var(--pciv-frame-avatar-size) - 2.8%)!important;
  border-radius:50%!important;object-fit:cover!important;
  box-shadow:0 0 0 2px rgba(242,196,94,.18),0 10px 24px rgba(0,0,0,.28)!important;
}
.pciv-avatar-shell.has-frame .pciv-avatar-frame-layer{
  inset:var(--pciv-frame-layer-inset)!important;
  width:var(--pciv-frame-layer-size)!important;
  height:var(--pciv-frame-layer-size)!important;
  object-fit:contain!important;transform:translateZ(0)!important;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.38))!important;
}
/* product-specific alignment */
.pciv-avatar-card[data-frame-card="storm-crown"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-storm-crown{--pciv-frame-avatar-inset:15.4%;--pciv-frame-avatar-size:69.2%;--pciv-frame-layer-inset:-0.8%;--pciv-frame-layer-size:101.8%;}
.pciv-avatar-card[data-frame-card="dragon-gate"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-dragon-gate{--pciv-frame-avatar-inset:15.6%;--pciv-frame-avatar-size:69%;--pciv-frame-layer-inset:-0.9%;--pciv-frame-layer-size:102%;}
.pciv-avatar-card[data-frame-card="celestial-compass"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-celestial-compass{--pciv-frame-avatar-inset:14.3%;--pciv-frame-avatar-size:71.2%;--pciv-frame-layer-inset:-0.5%;--pciv-frame-layer-size:101.4%;}
.pciv-avatar-card[data-frame-card="royal-dawn"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-royal-dawn{--pciv-frame-avatar-inset:14.7%;--pciv-frame-avatar-size:70.4%;--pciv-frame-layer-inset:-0.8%;--pciv-frame-layer-size:101.8%;}
.pciv-avatar-card[data-frame-card="quantum-aegis"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-quantum-aegis{--pciv-frame-avatar-inset:14.5%;--pciv-frame-avatar-size:70.8%;--pciv-frame-layer-inset:-0.8%;--pciv-frame-layer-size:101.8%;}
.pciv-avatar-card[data-frame-card="eternal-sun"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-eternal-sun{--pciv-frame-avatar-inset:14.5%;--pciv-frame-avatar-size:70.8%;--pciv-frame-layer-inset:-0.8%;--pciv-frame-layer-size:101.8%;}
.pciv-avatar-card[data-frame-card="silver-moon"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-silver-moon{--pciv-frame-avatar-inset:14.9%;--pciv-frame-avatar-size:70.1%;--pciv-frame-layer-inset:-0.7%;--pciv-frame-layer-size:101.5%;}
.pciv-avatar-card[data-frame-card="emerald-throne"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-emerald-throne{--pciv-frame-avatar-inset:14.9%;--pciv-frame-avatar-size:70.1%;--pciv-frame-layer-inset:-0.7%;--pciv-frame-layer-size:101.5%;}
.pciv-avatar-card[data-frame-card="ancient-runes"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-ancient-runes{--pciv-frame-avatar-inset:15.2%;--pciv-frame-avatar-size:69.6%;--pciv-frame-layer-inset:-0.8%;--pciv-frame-layer-size:101.7%;}
.pciv-avatar-card[data-frame-card="imperial-laurel"] .pciv-frame-preview,
.pciv-avatar-shell.frame-key-imperial-laurel{--pciv-frame-avatar-inset:14.8%;--pciv-frame-avatar-size:70.3%;--pciv-frame-layer-inset:-0.7%;--pciv-frame-layer-size:101.5%;}
@media (max-width:767px){
  .pciv-frame-preview,
  .pciv-avatar-shell.has-frame{--pciv-frame-avatar-inset:14.8%;--pciv-frame-avatar-size:70.4%;--pciv-frame-layer-inset:-1%;--pciv-frame-layer-size:102%;}
}


/* v2.5.1 profile avatar/frame alignment refinement */
.pciv-shell .pciv-profile-avatar-large,
.pciv-shell .pciv-public-profile-avatar,
.pciv-shell .pciv-commander-card .pciv-public-profile-avatar,
.pciv-shell .pciv-commander-card .pciv-profile-avatar-large{
  overflow:visible !important;
  border-color:transparent !important;
  box-shadow:none !important;
  background:transparent !important;
}
.pciv-shell .pciv-profile-avatar-large .pciv-avatar-shell.has-frame,
.pciv-shell .pciv-public-profile-avatar .pciv-avatar-shell.has-frame,
.pciv-shell .pciv-commander-card .pciv-avatar-shell.has-frame{
  width:100% !important;
  height:100% !important;
  display:block !important;
  position:relative !important;
}
.pciv-shell .pciv-profile-avatar-large .pciv-avatar-shell.has-frame .pciv-scientist-avatar,
.pciv-shell .pciv-public-profile-avatar .pciv-avatar-shell.has-frame .pciv-scientist-avatar,
.pciv-shell .pciv-commander-card .pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:var(--pciv-frame-avatar-inset) !important;
  width:var(--pciv-frame-avatar-size) !important;
  height:var(--pciv-frame-avatar-size) !important;
  border-radius:50% !important;
  object-fit:cover !important;
}
.pciv-shell .pciv-profile-avatar-large .pciv-avatar-shell.has-frame .pciv-avatar-frame-layer,
.pciv-shell .pciv-public-profile-avatar .pciv-avatar-shell.has-frame .pciv-avatar-frame-layer,
.pciv-shell .pciv-commander-card .pciv-avatar-shell.has-frame .pciv-avatar-frame-layer{
  inset:var(--pciv-frame-layer-inset) !important;
  width:var(--pciv-frame-layer-size) !important;
  height:var(--pciv-frame-layer-size) !important;
  object-fit:contain !important;
}


/* ===== platform.css ===== */
/* Physics Civilizations 2.0 intelligent learning platform */
.pciv-platform-shell{overflow:visible}.pciv-platform-hero{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid rgba(95,229,255,.18);border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(32,215,197,.15),transparent 28%),linear-gradient(135deg,#0c3147,#061b2c);box-shadow:0 20px 50px rgba(0,0,0,.25)}.pciv-platform-hero>span{display:grid;place-items:center;width:92px;height:92px;flex:0 0 92px;border:1px solid rgba(242,196,94,.35);border-radius:28px;background:rgba(242,196,94,.08);font-size:48px}.pciv-platform-hero small{color:var(--pciv-gold);font-weight:900}.pciv-platform-hero h1{margin:5px 0;color:#fff;font-size:clamp(30px,4vw,48px)}.pciv-platform-hero p{margin:0;color:#b5cad4;line-height:1.9}.pciv-platform-nav{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 20px;padding:10px;border:1px solid rgba(95,229,255,.12);border-radius:18px;background:rgba(3,18,30,.76)}.pciv-platform-nav a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#dceef5!important;font-size:12px;font-weight:850}.pciv-platform-nav a:hover{border-color:rgba(95,229,255,.3);background:rgba(95,229,255,.07)}.pciv-platform-nav a span{font-size:17px}.pciv-intelligence-widget{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;gap:16px;align-items:center;margin:18px 0;padding:20px;border:1px solid rgba(242,196,94,.22);border-radius:22px;background:radial-gradient(circle at 0 50%,rgba(242,196,94,.10),transparent 28%),linear-gradient(145deg,#0d3147,#061b2b);box-shadow:0 18px 42px rgba(0,0,0,.2)}.pciv-intelligence-widget h2{margin:5px 0;color:#fff}.pciv-intelligence-widget p{margin:0;color:#b5cad4;line-height:1.8}.pciv-intelligence-metrics{display:flex;gap:10px}.pciv-intelligence-metrics span{min-width:115px;padding:13px;border:1px solid rgba(95,229,255,.13);border-radius:15px;background:rgba(2,16,27,.5);color:#a9c2ce;text-align:center;font-size:11px}.pciv-intelligence-metrics b{display:block;margin-bottom:4px;color:#fff;font-size:23px}.pciv-intelligence-actions{display:grid;gap:8px}.pciv-mastery-overview{display:grid;gap:18px}.pciv-mastery-realm{padding:20px;border:1px solid color-mix(in srgb,var(--realm-accent) 30%,rgba(255,255,255,.1));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--realm-accent) 8%,#0c2d42),#061a2a)}.pciv-mastery-realm>header{display:flex;align-items:center;gap:13px;margin-bottom:16px}.pciv-mastery-realm>header>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:color-mix(in srgb,var(--realm-accent) 14%,#061b2a);font-size:28px}.pciv-mastery-realm h2{margin:0 0 3px}.pciv-mastery-realm header small{color:#a7bfca}.pciv-mastery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pciv-mastery-node{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(90deg,var(--node-color) var(--m),rgba(4,20,32,.72) 0);overflow:hidden}.pciv-mastery-node.is-good{--node-color:rgba(64,211,137,.18)}.pciv-mastery-node.is-medium{--node-color:rgba(242,196,94,.17)}.pciv-mastery-node.is-weak{--node-color:rgba(255,102,112,.15)}.pciv-mastery-node>span{font-size:24px}.pciv-mastery-node strong{font-size:12px}.pciv-mastery-node b{color:#fff}.pciv-mastery-node small{grid-column:2/4;color:#9fb8c3;font-size:9px}.pciv-review-list{display:grid;gap:12px}.pciv-review-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid rgba(95,229,255,.13);border-radius:18px;background:linear-gradient(145deg,#0c3045,#071b2b)}.pciv-review-list article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(95,229,255,.08);font-size:28px}.pciv-review-list small{color:var(--pciv-gold)}.pciv-review-list h3{margin:4px 0}.pciv-review-list p{margin:0;color:#a9c2ce}.pciv-mission-grid,.pciv-project-grid,.pciv-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pciv-mission-grid article,.pciv-project-grid article{position:relative;padding:20px;border:1px solid rgba(95,229,255,.14);border-radius:20px;background:linear-gradient(160deg,#10344a,#071b2b);overflow:hidden}.pciv-mission-grid article:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--realm-accent),transparent)}.pciv-mission-grid article>span,.pciv-project-grid article>span{font-size:38px}.pciv-mission-grid small{color:var(--realm-accent)}.pciv-mission-grid h2,.pciv-project-grid h2{margin:8px 0}.pciv-mission-grid p,.pciv-project-grid p{min-height:55px;color:#a9c2ce;line-height:1.8}.pciv-mission-grid article>div{display:flex;gap:8px;margin:12px 0}.pciv-mission-grid article>div b{padding:6px 9px;border-radius:999px;background:rgba(242,196,94,.09);color:#f4d27a;font-size:10px}.pciv-project-progress b{display:block;margin-bottom:7px;color:#fff;font-size:20px}.pciv-project-progress>span{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.pciv-project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold))}.pciv-project-progress small{display:block;margin-top:8px;color:#a9c2ce}.pciv-season-hero{display:flex;gap:22px;align-items:center;padding:26px;border:1px solid rgba(242,196,94,.3);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(242,196,94,.15),transparent 30%),linear-gradient(145deg,#11364a,#071b2b)}.pciv-season-hero>span{font-size:74px}.pciv-season-hero small{color:var(--pciv-gold)}.pciv-season-hero h2{margin:5px 0;font-size:32px}.pciv-season-hero p{max-width:760px;color:#abc3ce;line-height:1.9}.pciv-season-hero b,.pciv-season-hero em{display:inline-flex;margin-left:9px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.05);font-style:normal}.pciv-season-ranking{margin-top:18px;padding:20px;border:1px solid rgba(95,229,255,.12);border-radius:20px;background:#071d2d}.pciv-season-ranking>div{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}.pciv-season-ranking>div>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(242,196,94,.1);color:var(--pciv-gold)}.pciv-lab-card{padding:20px;border:1px solid rgba(95,229,255,.14);border-radius:21px;background:linear-gradient(160deg,#0f3348,#071b2b)}.pciv-lab-card header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.pciv-lab-card header>span{font-size:42px}.pciv-lab-card h2{margin:0 0 5px;font-size:20px}.pciv-lab-card code{color:#77e5dc}.pciv-lab-card label{display:block;margin:12px 0;color:#dcecf2;font-size:11px;font-weight:800}.pciv-lab-card textarea{width:100%;min-height:75px;margin-top:6px;padding:10px;border:1px solid rgba(95,229,255,.18);border-radius:12px;background:#071c2c;color:#fff}.pciv-lab-controls{display:grid;gap:8px}.pciv-lab-controls label{display:grid;grid-template-columns:1fr 1.4fr 35px;gap:8px;align-items:center;margin:0;padding:9px;border-radius:12px;background:rgba(255,255,255,.035)}.pciv-lab-controls input{width:100%}.pciv-lab-controls b{text-align:center}.pciv-lab-result{display:flex;align-items:center;justify-content:space-between;margin:12px 0;padding:14px;border:1px solid rgba(242,196,94,.2);border-radius:15px;background:rgba(242,196,94,.07)}.pciv-lab-result strong{color:var(--pciv-gold);font-size:24px}.pciv-platform-result{min-height:22px;margin-top:8px;color:#a9c2ce}.pciv-platform-result.is-success{color:#55d98b}.pciv-platform-result.is-error{color:#ff8b91}.pciv-tutor-picker,.pciv-tutor-session{padding:20px;border:1px solid rgba(95,229,255,.13);border-radius:20px;background:#071d2d}.pciv-tutor-picker form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end}.pciv-tutor-picker label{color:#dcecf2;font-size:11px}.pciv-tutor-picker select,.pciv-tutor-picker input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid rgba(95,229,255,.18);border-radius:12px;background:#082235;color:#fff}.pciv-tutor-session{margin-top:15px}.pciv-tutor-session>header{display:flex;gap:14px}.pciv-tutor-session>header>span{font-size:48px}.pciv-tutor-session h2{margin:4px 0}.pciv-tutor-session header p{color:#b4cad4}.pciv-tutor-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.pciv-tutor-steps article{position:relative;padding:16px;border:1px solid rgba(95,229,255,.12);border-radius:16px;background:rgba(255,255,255,.035);transition:.2s}.pciv-tutor-steps article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(95,229,255,.08);color:var(--pciv-cyan)}.pciv-tutor-steps h3{font-size:14px}.pciv-tutor-steps p{color:#b2c8d2;line-height:1.8;font-size:11px}.pciv-tutor-steps article.is-locked{filter:blur(4px);opacity:.28;user-select:none}.pciv-tutor-steps article.is-open{animation:pciv-platform-pop .35s ease}@keyframes pciv-platform-pop{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.pciv-portfolio-head{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid rgba(242,196,94,.22);border-radius:22px;background:linear-gradient(145deg,#0f3449,#071b2b)}.pciv-portfolio-head small{color:var(--pciv-gold)}.pciv-portfolio-head h2{margin:4px 0;font-size:30px}.pciv-portfolio-head p{color:#a9c2ce}.pciv-portfolio-head>div>div{display:flex;gap:8px}.pciv-portfolio-head>div>div b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);font-size:10px}.pciv-portfolio-section{margin-top:16px;padding:20px;border:1px solid rgba(95,229,255,.12);border-radius:20px;background:#071d2d}.pciv-portfolio-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pciv-portfolio-skills>span{position:relative;padding:13px;border-radius:14px;background:#0a2a3d;overflow:hidden}.pciv-portfolio-skills i{position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--pciv-teal),var(--pciv-gold))}.pciv-portfolio-skills small{display:block;margin-top:5px;color:#a8c0ca}.pciv-certificate-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pciv-certificate-mini-grid a{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:13px;border:1px solid rgba(242,196,94,.16);border-radius:14px;background:rgba(242,196,94,.05);color:#fff!important}.pciv-certificate-mini-grid a>span{font-size:28px}.pciv-certificate-mini-grid small{grid-column:2;color:#a9c2ce}.pciv-lab-report-row{display:grid;grid-template-columns:200px 1fr auto;gap:12px;padding:11px;border-bottom:1px solid rgba(255,255,255,.07)}.pciv-lab-report-row span,.pciv-lab-report-row small{color:#a9c2ce}.pciv-certificate{position:relative;max-width:960px;margin:0 auto;padding:60px;border:8px double rgba(242,196,94,.7);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(242,196,94,.11),transparent 32%),linear-gradient(145deg,#0d3147,#071b2b);text-align:center}.pciv-certificate-seal{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 14px;border:2px solid var(--pciv-gold);border-radius:50%;font-size:45px}.pciv-certificate>small{color:var(--pciv-gold);letter-spacing:.12em}.pciv-certificate h1{margin:12px 0;font-size:42px}.pciv-certificate h2{font-size:34px;color:#fff}.pciv-certificate p{color:#c4d5dc;font-size:16px}.pciv-certificate-evidence{max-width:680px;margin:20px auto;padding:14px;border-radius:14px;background:rgba(255,255,255,.045)}.pciv-certificate-evidence strong,.pciv-certificate-evidence span{display:block}.pciv-certificate-evidence span{margin-top:6px;color:#b5cad4}.pciv-certificate footer{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(242,196,94,.2);text-align:right}.pciv-certificate footer b,.pciv-certificate footer span{display:block}.pciv-certificate footer span,.pciv-certificate footer code{color:#b8ccd5}.pciv-certificate footer img{width:110px;height:110px;background:#fff;padding:5px}.pciv-print-actions{display:flex;justify-content:center;gap:10px}.pciv-verify{max-width:700px;margin:40px auto;padding:40px;border:1px solid rgba(95,229,255,.15);border-radius:24px;background:#071d2d;text-align:center}.pciv-verify>span{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 15px;border-radius:50%;font-size:42px}.pciv-verify.is-valid>span{background:rgba(85,217,139,.12);color:#55d98b}.pciv-verify.is-invalid>span{background:rgba(255,124,130,.12);color:#ff7c82}.pciv-verify small{color:var(--pciv-gold)}.pciv-verify h1{margin:8px 0}.pciv-verify p{color:#b4cad4}.pciv-verify code,.pciv-verify b{display:block;margin-top:12px}.pciv-empty{grid-column:1/-1;padding:35px;border:1px dashed rgba(95,229,255,.18);border-radius:18px;background:rgba(255,255,255,.025);color:#a9c2ce;text-align:center}.pciv-empty>span{font-size:42px}.pciv-accessibility-toolbar{position:fixed;left:14px;bottom:14px;z-index:99999;display:flex;gap:5px;padding:7px;border:1px solid rgba(95,229,255,.2);border-radius:15px;background:rgba(3,18,30,.92);box-shadow:0 14px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.pciv-accessibility-toolbar button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.pciv-accessibility-toolbar button.is-active{border-color:var(--pciv-gold);background:rgba(242,196,94,.12);color:var(--pciv-gold)}html.pciv-a11y-font .pciv-shell{font-size:118%}html.pciv-a11y-contrast .pciv-shell{--pciv-muted:#d7e8ef;--pciv-text:#fff;filter:contrast(1.14)}html.pciv-a11y-focus .pciv-shell *:focus{outline:3px solid #ffdf70!important;outline-offset:3px!important}html.pciv-a11y-focus .pciv-shell :not(.pciv-quiz):not(.pciv-stage-screen):not(.pciv-platform-shell){opacity:.88}html.pciv-a11y-motion *,html.pciv-a11y-motion *:before,html.pciv-a11y-motion *:after{animation:none!important;transition:none!important}@media(max-width:1100px){.pciv-intelligence-widget{grid-template-columns:1fr 1fr}.pciv-intelligence-actions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.pciv-mastery-grid{grid-template-columns:repeat(2,1fr)}.pciv-mission-grid,.pciv-project-grid,.pciv-lab-grid{grid-template-columns:repeat(2,1fr)}.pciv-tutor-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.pciv-platform-hero{display:block;padding:20px;text-align:center}.pciv-platform-hero>span{margin:0 auto 12px;width:70px;height:70px;font-size:36px}.pciv-platform-nav{overflow-x:auto;flex-wrap:nowrap}.pciv-platform-nav a{white-space:nowrap}.pciv-intelligence-widget,.pciv-mastery-grid,.pciv-mission-grid,.pciv-project-grid,.pciv-lab-grid,.pciv-portfolio-skills,.pciv-certificate-mini-grid,.pciv-tutor-steps{grid-template-columns:1fr}.pciv-intelligence-metrics{display:grid;grid-template-columns:1fr 1fr}.pciv-intelligence-actions{grid-template-columns:1fr}.pciv-review-list article{grid-template-columns:auto 1fr}.pciv-review-list article .pciv-button{grid-column:1/-1}.pciv-tutor-picker form{grid-template-columns:1fr}.pciv-season-hero,.pciv-portfolio-head{display:block;text-align:center}.pciv-season-hero>span{font-size:55px}.pciv-portfolio-head .pciv-avatar-shell{margin-bottom:12px}.pciv-portfolio-head>div>div{justify-content:center;flex-wrap:wrap}.pciv-lab-report-row{grid-template-columns:1fr}.pciv-certificate{padding:28px 18px}.pciv-certificate h1{font-size:30px}.pciv-certificate h2{font-size:25px}.pciv-certificate footer{grid-template-columns:1fr;text-align:center}.pciv-certificate footer img{margin:auto}.pciv-accessibility-toolbar{left:7px;right:7px;bottom:7px;justify-content:center}}
@media print{body *{visibility:hidden!important}.pciv-certificate,.pciv-certificate *{visibility:visible!important}.pciv-certificate{position:absolute;inset:0;width:100%;max-width:none;border-color:#a57b1f;color:#000;background:#fff}.pciv-certificate *{color:#000!important}.pciv-print-actions,.pciv-accessibility-toolbar{display:none!important}}


/* ===== stability.css ===== */
/* Physics Civilizations Core 2.0.1 — stability and dashboard repair */

/* ------------------------------------------------------------------
 * City: remove decorative grid items and lock the eight buildings.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 #pciv-city .pciv-city-scene{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  grid-template-rows:minmax(122px,auto) !important;
  grid-auto-flow:row !important;
  align-items:end !important;
  gap:10px !important;
  min-height:224px !important;
  padding:58px 14px 18px !important;
  overflow:hidden !important;
}

.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-stars,
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-city-horizon,
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-city-decor,
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-city-companion{
  position:absolute !important;
  grid-column:auto !important;
  grid-row:auto !important;
  pointer-events:none !important;
}

.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-stars{
  inset:0 !important;
  z-index:0 !important;
  background-image:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.34) 0 1px,transparent 1.5px),
    radial-gradient(circle at 34% 12%,rgba(95,229,255,.42) 0 1px,transparent 1.5px),
    radial-gradient(circle at 68% 25%,rgba(255,255,255,.25) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 15%,rgba(242,196,94,.32) 0 1px,transparent 1.5px);
  background-size:150px 110px,190px 140px,210px 135px,170px 120px;
  opacity:.48;
}

.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-city-horizon{
  right:4% !important;
  left:4% !important;
  bottom:16px !important;
  z-index:1 !important;
}

.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building{
  position:relative !important;
  z-index:2 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:clamp(116px,9vw,148px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:10px 5px 9px !important;
  transform:none !important;
}

.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="1"]{grid-column:1 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="2"]{grid-column:2 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="3"]{grid-column:3 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="4"]{grid-column:4 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="5"]{grid-column:5 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="6"]{grid-column:6 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="7"]{grid-column:7 !important}
.pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building[data-pciv-city-slot="8"]{grid-column:8 !important}

.pciv-portal-v151 #pciv-city .pciv-building > span{font-size:30px !important}
.pciv-portal-v151 #pciv-city .pciv-building > strong{font-size:10px !important;line-height:1.45 !important}
.pciv-portal-v151 #pciv-city .pciv-building > small{font-size:9px !important;line-height:1.4 !important}

/* ------------------------------------------------------------------
 * City form: high-specificity native and Select2 coverage.
 * ------------------------------------------------------------------ */
html body .pciv-portal-v151 #pciv-city-editor .pciv-city-select-wrap,
html body .pciv-portal-v151 #pciv-city-editor .pciv-city-theme-field{
  min-width:0 !important;
}

html body .pciv-portal-v151 #pciv-city-editor select[name="city_theme"]{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:9px 42px 9px 14px !important;
  border:1px solid rgba(95,229,255,.24) !important;
  border-radius:13px !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  color-scheme:dark !important;
  background-color:#092237 !important;
  background-image:none !important;
  color:#f1f9fc !important;
  -webkit-text-fill-color:#f1f9fc !important;
  font:700 13px/1.4 inherit !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body .pciv-portal-v151 #pciv-city-editor select[name="city_theme"] option{
  background:#092237 !important;
  color:#f1f9fc !important;
}

html body .pciv-portal-v151 #pciv-city-editor .select2-container{
  width:100% !important;
}

html body .pciv-portal-v151 #pciv-city-editor .select2-container .select2-selection--single{
  height:46px !important;
  border:1px solid rgba(95,229,255,.24) !important;
  border-radius:13px !important;
  background:#092237 !important;
  color:#f1f9fc !important;
}

html body .pciv-portal-v151 #pciv-city-editor .select2-selection__rendered{
  padding:8px 14px !important;
  color:#f1f9fc !important;
  line-height:28px !important;
}

/* ------------------------------------------------------------------
 * Reliable one-tap avatar/frame controls.
 * ------------------------------------------------------------------ */
.pciv-shop-product-card,
.pciv-avatar-card{
  position:relative !important;
}

.pciv-shop-product-card::before,
.pciv-shop-product-card::after,
.pciv-avatar-card::before,
.pciv-avatar-card::after,
.pciv-avatar-card .pciv-avatar-image,
.pciv-avatar-card .pciv-frame-preview,
.pciv-avatar-card .pciv-rarity-badge{
  pointer-events:none !important;
}

.pciv-avatar-card .pciv-button,
.pciv-shop-product-card .pciv-button{
  position:relative !important;
  z-index:30 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent;
}

.pciv-avatar-card.is-pending-selection{
  border-color:rgba(95,229,255,.7) !important;
  box-shadow:0 0 0 3px rgba(95,229,255,.12),0 18px 42px rgba(0,0,0,.28) !important;
}

.pciv-avatar-card.is-pending-selection::after{
  content:"در حال فعال‌سازی…";
  position:absolute;
  inset:10px 10px auto;
  z-index:25;
  padding:7px 10px;
  border:1px solid rgba(95,229,255,.28);
  border-radius:10px;
  background:rgba(3,18,30,.92);
  color:#9ff6ee;
  font-size:10px;
  font-weight:900;
  text-align:center;
  pointer-events:none;
}

.pciv-avatar-card.is-selected{
  border-color:rgba(242,196,94,.78) !important;
  box-shadow:0 0 0 3px rgba(242,196,94,.10),0 18px 42px rgba(0,0,0,.28) !important;
}

/* ------------------------------------------------------------------
 * Intelligence widget and dashboard readability.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-intelligence-widget{
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:23px !important;
  border-color:rgba(95,229,255,.34) !important;
  background:
    radial-gradient(circle at 92% 10%,rgba(95,229,255,.16),transparent 29%),
    radial-gradient(circle at 5% 100%,rgba(242,196,94,.12),transparent 30%),
    linear-gradient(140deg,#103b52,#061b2c) !important;
  box-shadow:0 0 0 1px rgba(95,229,255,.06),0 22px 52px rgba(0,0,0,.27) !important;
}

.pciv-portal-v151 .pciv-intelligence-widget::before{
  content:"هوش یادگیری";
  position:absolute;
  left:20px;
  top:14px;
  color:rgba(255,255,255,.035);
  font-size:42px;
  font-weight:950;
  pointer-events:none;
}

.pciv-portal-v151 .pciv-intelligence-widget h2{font-size:25px !important}
.pciv-portal-v151 .pciv-intelligence-widget p{font-size:12px !important;line-height:1.9 !important}
.pciv-portal-v151 .pciv-intelligence-metrics span{font-size:12px !important}
.pciv-portal-v151 .pciv-intelligence-metrics b{font-size:26px !important;color:#7ef1e6 !important}

.pciv-portal-v151 .pciv-command-overview p,
.pciv-portal-v151 .pciv-customization-hub p,
.pciv-portal-v151 .pciv-social-hub p,
.pciv-portal-v151 .pciv-city-copy p,
.pciv-portal-v151 .pciv-code-intro p,
.pciv-portal-v151 .pciv-realm-card p{
  font-size:11px !important;
  line-height:1.9 !important;
}

.pciv-portal-v151 .pciv-stat-grid small,
.pciv-portal-v151 .pciv-realm-card small,
.pciv-portal-v151 .pciv-building small{
  font-size:9px !important;
}

/* ------------------------------------------------------------------
 * Collapsible secondary dashboard panels.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-secondary-collapsible{
  position:relative !important;
  transition:min-height .2s ease,border-color .2s ease,background .2s ease !important;
}

.pciv-portal-v151 .pciv-panel-toggle{
  position:absolute;
  top:13px;
  left:13px;
  z-index:50;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid rgba(95,229,255,.17);
  border-radius:10px;
  background:rgba(3,18,30,.78);
  color:#dcecf2;
  font:800 10px/1 inherit;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed{
  min-height:78px !important;
  padding:18px 20px !important;
  border-color:rgba(95,229,255,.13) !important;
  background:linear-gradient(145deg,rgba(10,42,60,.82),rgba(4,20,32,.92)) !important;
  overflow:hidden !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed > :not(.pciv-panel-toggle){
  display:none !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed::before{
  content:attr(data-pciv-title);
  display:block;
  padding-left:110px;
  color:#eef8fc;
  font-size:16px;
  font-weight:900;
  line-height:42px;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed::after{
  content:"برای نمایش جزئیات باز کنید";
  position:absolute;
  right:20px;
  bottom:10px;
  color:#8faeba;
  font-size:9px;
}

/* ------------------------------------------------------------------
 * Responsive city reset.
 * ------------------------------------------------------------------ */
@media (max-width:1100px){
  .pciv-portal-v151 #pciv-city .pciv-city-scene{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,minmax(118px,auto)) !important;
    min-height:340px !important;
  }
  .pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building{
    grid-column:auto !important;
    grid-row:auto !important;
    height:132px !important;
  }
}

@media (max-width:680px){
  .pciv-portal-v151 #pciv-city .pciv-city-scene{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(4,minmax(112px,auto)) !important;
    min-height:auto !important;
    padding:48px 10px 16px !important;
  }
  .pciv-portal-v151 #pciv-city .pciv-city-scene > .pciv-building{
    height:122px !important;
  }
  .pciv-portal-v151 .pciv-panel-toggle{
    top:10px;
    left:10px;
  }
}


/* ===== dashboard-focus.css ===== */
/* Physics Civilizations 2.0.3 — Dashboard Focus & Readability */

/* ------------------------------------------------------------------
 * Global dashboard rhythm and readable Persian typography.
 * ------------------------------------------------------------------ */
.pciv-portal-v151{
  --pciv-focus-text:#eef8fc;
  --pciv-focus-muted:#a9c4cf;
  --pciv-focus-line:rgba(100,205,220,.15);
}

.pciv-portal-v151 :where(p,small,.pciv-kicker,.pciv-realm-badges i,.pciv-toolbar a,.pciv-toolbar summary){
  text-rendering:optimizeLegibility;
}

.pciv-portal-v151 :where(.pciv-command-overview p,.pciv-customization-hub p,.pciv-social-hub p,.pciv-city-copy p,.pciv-code-intro p,.pciv-realm-card p,.pciv-section-title p){
  font-size:12px !important;
  line-height:1.95 !important;
}

.pciv-portal-v151 :where(.pciv-stat-grid small,.pciv-realm-card small,.pciv-building small,.pciv-command-paths small,.pciv-customization-stats span){
  font-size:11px !important;
  line-height:1.65 !important;
}

.pciv-portal-v151 .pciv-kicker{
  font-size:11px !important;
  letter-spacing:0 !important;
}

.pciv-portal-v151 > section,
.pciv-portal-v151 > header,
.pciv-portal-v151 > nav{
  margin-block-end:14px !important;
}

/* ------------------------------------------------------------------
 * Compact top area: one strong identity block and one action summary.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-portal-hero-v121{
  min-height:0 !important;
  padding:22px 24px !important;
  gap:20px !important;
}

.pciv-portal-v151 .pciv-brand h1{
  font-size:clamp(31px,4.4vw,48px) !important;
}

.pciv-portal-v151 .pciv-brand p{
  max-width:560px;
  margin-top:7px !important;
  font-size:12px !important;
}

.pciv-portal-v151 .pciv-hero-pills{
  margin-top:12px !important;
}

.pciv-portal-v151 .pciv-commander-card{
  min-height:0 !important;
  padding:13px 15px !important;
}

.pciv-portal-v151 .pciv-command-overview{
  min-height:0 !important;
  padding:17px 19px !important;
  gap:15px !important;
}

.pciv-portal-v151 .pciv-command-level h2{
  margin:3px 0 !important;
  font-size:22px !important;
}

.pciv-portal-v151 .pciv-command-paths > div{
  min-height:82px !important;
  padding:12px !important;
}

/* ------------------------------------------------------------------
 * Main navigation: four primary actions + a real overflow menu.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-toolbar-focused{
  position:relative !important;
  z-index:80;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(118px,.68fr);
  gap:8px !important;
  padding:8px !important;
  overflow:visible !important;
  border:1px solid var(--pciv-focus-line);
  border-radius:17px;
  background:rgba(3,17,28,.82);
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.pciv-portal-v151 .pciv-toolbar-focused > a,
.pciv-portal-v151 .pciv-toolbar-more > summary{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:43px;
  margin:0 !important;
  padding:9px 12px !important;
  border:1px solid rgba(89,168,191,.13);
  border-radius:12px;
  background:#092437 !important;
  color:#d9eaf0 !important;
  font-size:12px !important;
  font-weight:850;
  cursor:pointer;
  list-style:none;
}

.pciv-portal-v151 .pciv-toolbar-focused > a:hover,
.pciv-portal-v151 .pciv-toolbar-more[open] > summary{
  border-color:rgba(45,218,205,.42);
  background:#0d3045 !important;
  color:#fff !important;
}

.pciv-portal-v151 .pciv-toolbar-more{
  position:relative;
  min-width:0;
}

.pciv-portal-v151 .pciv-toolbar-more > summary::-webkit-details-marker{display:none}

.pciv-portal-v151 .pciv-toolbar-more-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:120;
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:7px;
  min-width:350px;
  padding:10px;
  border:1px solid rgba(95,229,255,.18);
  border-radius:15px;
  background:rgba(3,19,31,.98);
  box-shadow:0 22px 55px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
}

.pciv-portal-v151 .pciv-toolbar-more-menu a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  color:#d7e8ee !important;
  font-size:11px;
  font-weight:800;
}

.pciv-portal-v151 .pciv-toolbar-more-menu a:hover{
  border-color:rgba(95,229,255,.28);
  background:rgba(95,229,255,.07);
}

/* ------------------------------------------------------------------
 * Today's recommended action — the dominant learning decision.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-today-focus{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr) auto !important;
  align-items:center !important;
  gap:22px !important;
  min-height:156px !important;
  padding:24px 26px !important;
  border:1px solid rgba(56,224,211,.42) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 8% 15%,rgba(65,223,211,.16),transparent 30%),
    radial-gradient(circle at 92% 100%,rgba(242,196,94,.13),transparent 35%),
    linear-gradient(135deg,#103c53,#061b2c 72%) !important;
  box-shadow:0 0 0 1px rgba(95,229,255,.05),0 24px 58px rgba(0,0,0,.27) !important;
}

.pciv-portal-v151 .pciv-today-focus::before{
  content:"امروز" !important;
  left:22px !important;
  top:8px !important;
  font-size:66px !important;
  opacity:.7;
}

.pciv-portal-v151 .pciv-today-copy h2{
  margin:5px 0 7px;
  color:#fff;
  font-size:26px !important;
  line-height:1.45;
}

.pciv-portal-v151 .pciv-today-copy p{
  max-width:670px;
  margin:0;
  color:#bdd1d9;
  font-size:12px !important;
}

.pciv-portal-v151 .pciv-today-reward{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}

.pciv-portal-v151 .pciv-today-reward span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(2,17,28,.43);
  color:#dcebf0;
  font-size:10px;
  font-weight:800;
}

.pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px !important;
}

.pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:84px;
  padding:10px 7px;
  border:1px solid rgba(95,229,255,.13);
  border-radius:15px;
  background:rgba(2,17,28,.48);
  color:#a9c4cf;
  font-size:10px !important;
  text-align:center;
}

.pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics b{
  display:block;
  margin-bottom:5px;
  color:#72eee2 !important;
  font-size:24px !important;
  line-height:1;
}

.pciv-portal-v151 .pciv-today-focus .pciv-intelligence-actions{
  display:grid !important;
  gap:8px !important;
  min-width:170px;
}

.pciv-portal-v151 .pciv-today-focus .pciv-button{
  min-height:45px;
  white-space:nowrap;
}

/* ------------------------------------------------------------------
 * Statistics: compact enough to scan, large enough to read.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-portal-stats{
  gap:10px !important;
  margin-block:10px 14px !important;
}

.pciv-portal-v151 .pciv-portal-stats > div{
  min-height:102px !important;
  padding:14px 15px !important;
}

.pciv-portal-v151 .pciv-portal-stats strong{
  font-size:24px !important;
}

/* ------------------------------------------------------------------
 * Secondary modules: useful summaries instead of empty black bars.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-secondary-collapsible{
  min-height:0 !important;
  border-radius:18px !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-height:84px !important;
  padding:14px 16px !important;
  border:1px solid rgba(95,229,255,.15) !important;
  background:linear-gradient(135deg,rgba(10,45,63,.84),rgba(4,21,33,.96)) !important;
  overflow:visible !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed::before,
.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed::after{
  content:none !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed > :not(.pciv-panel-toggle):not(.pciv-panel-summary){
  display:none !important;
}

.pciv-portal-v151 .pciv-panel-summary{
  display:none;
  align-items:center;
  gap:12px;
  min-width:0;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed > .pciv-panel-summary{
  display:flex !important;
}

.pciv-portal-v151 .pciv-panel-summary-icon{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border:1px solid rgba(95,229,255,.18);
  border-radius:14px;
  background:rgba(95,229,255,.07);
  font-size:23px;
}

.pciv-portal-v151 .pciv-panel-summary-copy{
  min-width:0;
}

.pciv-portal-v151 .pciv-panel-summary-copy strong{
  display:block;
  color:#eef8fc;
  font-size:15px;
  line-height:1.55;
}

.pciv-portal-v151 .pciv-panel-summary-copy small{
  display:block;
  margin-top:2px;
  color:#97b5c1;
  font-size:10px !important;
  line-height:1.65 !important;
}

.pciv-portal-v151 .pciv-panel-summary-meta{
  display:inline-flex;
  margin-top:6px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(242,196,94,.09);
  color:#eed07b;
  font-size:9px;
  font-weight:850;
}

.pciv-portal-v151 .pciv-panel-toggle{
  position:static !important;
  align-self:center;
  justify-self:end;
  min-width:108px;
  min-height:39px;
  border-radius:11px;
  font-size:10px !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible:not(.is-collapsed) > .pciv-panel-toggle{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
}

/* ------------------------------------------------------------------
 * City: compact when open, more depth and a visible central landmark.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 #pciv-city:not(.is-collapsed){
  padding:18px !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-scene{
  min-height:210px !important;
  padding:50px 14px 17px !important;
  gap:7px !important;
  perspective:900px;
  background:
    radial-gradient(circle at 50% 25%,rgba(95,229,255,.18),transparent 29%),
    linear-gradient(180deg,#081d31,#0a2d3c 68%,#16423b) !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building{
  height:128px !important;
  border-color:rgba(255,255,255,.13) !important;
  background:linear-gradient(180deg,rgba(34,95,109,.96),rgba(11,45,58,.98)) !important;
  transform:translateZ(0) !important;
  box-shadow:0 14px 24px rgba(0,0,0,.18) !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building.is-built{
  border-color:rgba(242,196,94,.35) !important;
  background:linear-gradient(180deg,rgba(214,172,73,.65),rgba(19,70,78,.98)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.23),0 0 24px rgba(242,196,94,.08) !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building[data-pciv-city-slot="1"]{
  height:148px !important;
  margin-top:-20px !important;
  border-color:rgba(242,196,94,.55) !important;
  background:linear-gradient(180deg,rgba(242,196,94,.75),rgba(20,75,82,.98)) !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-form{
  margin-top:12px !important;
}

/* ------------------------------------------------------------------
 * Realm discovery: compact filters and progressive disclosure.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 .pciv-realms{
  scroll-margin-top:18px;
}

.pciv-portal-v151 .pciv-realm-filter-focus{
  display:grid !important;
  grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr) !important;
  align-items:end;
  gap:12px !important;
  margin:14px 0 !important;
}

.pciv-portal-v151 .pciv-filter-select,
.pciv-portal-v151 .pciv-filter-status-wrap{
  display:grid;
  gap:7px;
  margin:0;
}

.pciv-portal-v151 .pciv-filter-select > span,
.pciv-portal-v151 .pciv-filter-status-wrap > span{
  color:#a9c0ca;
  font-size:10px;
  font-weight:850;
}

.pciv-portal-v151 .pciv-filter-select select{
  width:100%;
  min-height:43px;
  padding:8px 13px;
  border:1px solid rgba(95,229,255,.18);
  border-radius:12px;
  color-scheme:dark;
  background:#09263a;
  color:#eaf5f8;
  font:800 12px/1.4 inherit;
  outline:none;
}

.pciv-portal-v151 .pciv-filter-select select:focus{
  border-color:rgba(44,218,205,.62);
  box-shadow:0 0 0 3px rgba(44,218,205,.10);
}

.pciv-portal-v151 .pciv-filter-status-wrap .pciv-realm-filters{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  min-height:43px;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.pciv-portal-v151 .pciv-filter-status-wrap .pciv-realm-filters > button,
.pciv-portal-v151 .pciv-filter-more > summary,
.pciv-portal-v151 .pciv-filter-more > button{
  min-height:43px !important;
  padding:8px 12px !important;
  border:1px solid rgba(67,132,154,.26) !important;
  border-radius:11px !important;
  background:#09263a !important;
  color:#b9cfd8 !important;
  font:800 11px/1 inherit !important;
  white-space:nowrap;
  cursor:pointer;
}

.pciv-portal-v151 .pciv-filter-status-wrap button.is-active{
  border-color:rgba(44,218,205,.5) !important;
  background:linear-gradient(105deg,#20cbbb,#2bb6c8) !important;
  color:#04202a !important;
}

.pciv-portal-v151 .pciv-filter-more{
  position:relative;
}

.pciv-portal-v151 .pciv-filter-more > summary{
  display:flex;
  align-items:center;
  list-style:none;
}
.pciv-portal-v151 .pciv-filter-more > summary::-webkit-details-marker{display:none}
.pciv-portal-v151 .pciv-filter-more > button{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:45;
  min-width:130px;
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}

.pciv-portal-v151 .pciv-realm-grid{
  gap:13px !important;
}

.pciv-portal-v151 .pciv-realm-card{
  min-height:340px !important;
  padding:18px !important;
}

.pciv-portal-v151 .pciv-realm-card-copy{
  margin-top:12px !important;
}

.pciv-portal-v151 .pciv-realm-card h3{
  font-size:24px !important;
}

.pciv-portal-v151 .pciv-realm-card-copy .pciv-realm-slogan{
  min-height:45px !important;
  font-size:12px !important;
}

.pciv-portal-v151 .pciv-realm-badges i{
  font-size:10px !important;
}

.pciv-portal-v151 .pciv-realm-enter{
  min-height:43px !important;
  border:1px solid rgba(95,229,255,.23) !important;
  background:rgba(13,54,72,.72) !important;
  color:#dff4f7 !important;
  box-shadow:none !important;
}

.pciv-portal-v151 .pciv-realm-card.is-recommended{
  border-color:rgba(44,218,205,.55) !important;
  box-shadow:inset 0 3px 0 #29d6c7,0 18px 40px rgba(0,0,0,.22) !important;
}

.pciv-portal-v151 .pciv-realm-card.is-recommended::after{
  content:"پیشنهاد امروز";
  position:absolute;
  top:12px;
  left:12px;
  z-index:8;
  padding:6px 9px;
  border-radius:999px;
  background:#2ad4c5;
  color:#04212a;
  font-size:9px;
  font-weight:950;
}

.pciv-portal-v151 .pciv-realm-card.is-recommended .pciv-realm-enter,
.pciv-portal-v151 .pciv-realm-action-in-progress{
  border-color:transparent !important;
  background:linear-gradient(100deg,#21d2c1,#35b8cc) !important;
  color:#04202a !important;
  font-weight:950 !important;
}

.pciv-portal-v151 .pciv-realm-action-completed{
  border-color:rgba(85,217,139,.32) !important;
  background:rgba(85,217,139,.08) !important;
  color:#8be9b0 !important;
}

.pciv-portal-v151 .pciv-realm-action-new{
  border-color:rgba(95,229,255,.22) !important;
  background:transparent !important;
  color:#bcdce5 !important;
}

.pciv-portal-v151 .pciv-realm-action-locked{
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.035) !important;
  color:#879faa !important;
}

.pciv-portal-v151 .pciv-focus-hidden{
  display:none !important;
}

.pciv-portal-v151 .pciv-realm-show-more{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:min(100%,420px);
  min-height:47px;
  margin:16px auto 0;
  padding:10px 18px;
  border:1px solid rgba(95,229,255,.18);
  border-radius:13px;
  background:#09263a;
  color:#dcecf1;
  font:900 12px/1 inherit;
  cursor:pointer;
}

.pciv-portal-v151 .pciv-realm-show-more:hover{
  border-color:rgba(44,218,205,.45);
  background:#0d3045;
}

/* ------------------------------------------------------------------
 * Small quality details.
 * ------------------------------------------------------------------ */
.pciv-portal-v151 :where(a,button,summary,select):focus-visible{
  outline:2px solid #5fe5ff !important;
  outline-offset:3px !important;
}

@media (max-width:1100px){
  .pciv-portal-v151 .pciv-today-focus{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v151 .pciv-today-focus .pciv-intelligence-actions{
    grid-template-columns:1fr 1fr;
    min-width:0;
  }
  .pciv-portal-v151 .pciv-toolbar-focused{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pciv-portal-v151 .pciv-toolbar-more-menu{
    right:0;
    left:auto;
  }
}

@media (max-width:760px){
  .pciv-portal-v151 .pciv-toolbar-focused{
    display:flex !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
  }
  .pciv-portal-v151 .pciv-toolbar-focused > a,
  .pciv-portal-v151 .pciv-toolbar-more{
    flex:0 0 auto;
    min-width:118px;
  }
  .pciv-portal-v151 .pciv-toolbar-more-menu{
    position:fixed;
    top:auto;
    right:12px;
    bottom:12px;
    left:12px;
    grid-template-columns:1fr 1fr;
    min-width:0;
    max-height:70vh;
    overflow:auto;
  }
  .pciv-portal-v151 .pciv-today-focus{
    padding:19px !important;
  }
  .pciv-portal-v151 .pciv-today-copy h2{
    font-size:22px !important;
  }
  .pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics span{
    min-height:74px;
    padding:8px 4px;
    font-size:9px !important;
  }
  .pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics b{
    font-size:20px !important;
  }
  .pciv-portal-v151 .pciv-realm-filter-focus{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v151 .pciv-filter-status-wrap .pciv-realm-filters{
    overflow-x:auto;
    padding-bottom:4px !important;
  }
  .pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed{
    grid-template-columns:1fr;
    gap:10px;
  }
  .pciv-portal-v151 .pciv-panel-toggle{
    justify-self:stretch;
    width:100%;
  }
  .pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-scene{
    min-height:auto !important;
  }
}

@media (max-width:520px){
  .pciv-portal-v151 .pciv-today-focus .pciv-intelligence-actions{
    grid-template-columns:1fr;
  }
  .pciv-portal-v151 .pciv-panel-summary-icon{
    flex-basis:42px;
    width:42px;
    height:42px;
  }
  .pciv-portal-v151 .pciv-realm-card{
    min-height:0 !important;
  }
}


/* ===== shop-reliability.css ===== */
/* Physics Civilizations Core 2.0.4 — reliable shop and owned products */
.pciv-owned-products{
  border:1px solid rgba(242,196,94,.22);
  background:
    radial-gradient(circle at 8% 12%,rgba(242,196,94,.09),transparent 28%),
    linear-gradient(145deg,rgba(9,35,52,.96),rgba(4,20,32,.98));
}
.pciv-owned-assurance{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.pciv-owned-assurance span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(95,229,255,.12);
  border-radius:999px;
  background:rgba(5,25,39,.72);
  color:#bdd5dd;
  font-size:11px;
  font-weight:800;
}
.pciv-owned-empty{padding:28px!important;text-align:center}
.pciv-owned-groups{display:grid;gap:18px}
.pciv-owned-groups>section{
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(2,16,27,.48);
}
.pciv-owned-groups>section>header{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:13px;
}
.pciv-owned-groups>section>header>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(242,196,94,.2);
  border-radius:13px;
  background:rgba(242,196,94,.08);
  font-size:21px;
}
.pciv-owned-groups header strong,.pciv-owned-groups header small{display:block}
.pciv-owned-groups header strong{color:#f3fbfd;font-size:15px}
.pciv-owned-groups header small{margin-top:3px;color:#8fb0bc;font-size:11px}
.pciv-owned-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.pciv-owned-card{
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
  padding:10px;
  border:1px solid rgba(95,229,255,.1);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(13,48,67,.9),rgba(5,25,39,.96));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.pciv-owned-card.is-selected{
  border-color:rgba(242,196,94,.58);
  box-shadow:0 0 0 2px rgba(242,196,94,.08),0 12px 26px rgba(0,0,0,.2);
}
.pciv-owned-card.is-saving,.pciv-shop-product-card.is-saving,[data-bundle-card].is-saving{
  pointer-events:none;
  opacity:.76;
  filter:saturate(.78);
}
.pciv-owned-card>div:nth-child(2){min-width:0}
.pciv-owned-card>div:nth-child(2)>strong,.pciv-owned-card>div:nth-child(2)>small{display:block}
.pciv-owned-card>div:nth-child(2)>strong{overflow:hidden;color:#f2f9fb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.pciv-owned-card>div:nth-child(2)>small{margin-top:4px;color:#8faeb9;font-size:9px;line-height:1.7}
.pciv-owned-preview{
  position:relative;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:radial-gradient(circle,rgba(36,104,123,.35),rgba(4,20,31,.92));
}
.pciv-owned-preview>img:not(.pciv-avatar-frame-layer){width:48px;height:48px;border-radius:50%;object-fit:cover}
.pciv-owned-preview.pciv-frame-preview{padding:0!important}
.pciv-owned-preview.pciv-cosmetic-preview>span{font-size:29px}
.pciv-owned-card>.pciv-button{
  grid-column:1/-1;
  min-height:36px;
  padding:7px 10px;
  font-size:10px;
}
.pciv-owned-card>.pciv-avatar-result{grid-column:1/-1;margin:0;min-height:0}
.pciv-owned-card .pciv-avatar-active,.pciv-owned-card .pciv-cosmetic-active{
  position:absolute;
  inset-inline-end:-5px;
  top:-6px;
  z-index:6;
  padding:3px 6px;
  border-radius:999px;
  background:#f2c45e;
  color:#12202b;
  font-size:8px;
  font-style:normal;
  font-weight:950;
}
.pciv-shop-command-links .is-primary{
  border-color:rgba(242,196,94,.34)!important;
  background:rgba(242,196,94,.1)!important;
  color:#f5d982!important;
}
.pciv-shop-product-card.is-saving::after,[data-bundle-card].is-saving::after{
  content:"در حال تأیید…";
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  border-radius:inherit;
  background:rgba(2,14,24,.74);
  color:#f3d77d;
  font-size:12px;
  font-weight:900;
  backdrop-filter:blur(3px);
}
.pciv-avatar-result.is-success{color:#67e7ad!important}
.pciv-avatar-result.is-error{color:#ff9b9f!important}
.pciv-avatar-result:empty{display:none}
.pciv-avatar-result:not(:empty){display:block;min-height:28px;padding-top:8px;font-size:10px;line-height:1.7}
.pciv-shop-product-card.is-owned:not(.is-selected)>.pciv-button:not(.pciv-button-gold){
  border:1px solid rgba(95,229,255,.2);
  background:rgba(32,215,197,.1);
  color:#9ef3e8!important;
}
@media(max-width:1100px){.pciv-owned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .pciv-owned-grid{grid-template-columns:1fr}
  .pciv-owned-assurance{display:grid;grid-template-columns:1fr}
  .pciv-owned-assurance span{justify-content:center}
}


/* ===== public-profile-showcase.css ===== */
/* Physics Civilizations 2.1.1 — Public Profile Showcase */
.pciv-public-profile-v211{
  --pciv-profile-card:linear-gradient(145deg,rgba(11,43,62,.96),rgba(4,20,32,.96));
  --pciv-profile-border:rgba(105,230,255,.13);
}

.pciv-public-profile-v211 .pciv-public-profile-hero-v211{
  grid-template-columns:190px minmax(0,1fr) minmax(220px,250px) !important;
  min-height:0 !important;
  padding:24px 28px !important;
  gap:28px !important;
  overflow:visible !important;
}

.pciv-public-profile-v211 .pciv-public-profile-avatar-v211{
  width:190px !important;
  height:190px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.pciv-public-profile-v211 .pciv-public-profile-avatar-v211::before,
.pciv-public-profile-v211 .pciv-public-profile-avatar-v211::after{
  display:none !important;
}

.pciv-public-profile-v211 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{
  width:184px !important;
  height:184px !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pciv-public-profile-v211 .pciv-public-profile-avatar-v211 .pciv-avatar-shell > img{
  border-color:transparent !important;
}

.pciv-public-profile-v211 .pciv-public-profile-avatar-v211 > span{
  right:2px !important;
  bottom:5px !important;
  width:48px !important;
  height:48px !important;
  font-size:23px !important;
}

.pciv-public-profile-v211 .pciv-public-identity h1{
  margin:5px 0 8px !important;
  font-size:clamp(34px,4vw,48px) !important;
  line-height:1.35 !important;
}

.pciv-public-profile-v211 .pciv-public-identity > b{
  display:inline-flex;
  direction:ltr;
  padding:6px 12px;
  border:1px solid rgba(105,230,255,.16);
  border-radius:999px;
  background:rgba(105,230,255,.06);
  color:#76ecf5;
  font-size:13px;
}

.pciv-public-profile-v211 .pciv-public-identity > p{
  margin:12px 0 13px !important;
  color:#d3e4ea !important;
  font-size:16px !important;
}

.pciv-public-level-progress{
  max-width:520px;
  padding:12px 14px;
  border:1px solid rgba(105,230,255,.11);
  border-radius:15px;
  background:rgba(2,16,27,.38);
}
.pciv-public-level-progress > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.pciv-public-level-progress span{color:#fff;font-size:12px;font-weight:900}
.pciv-public-level-progress small{color:#9fbac5;font-size:11px}
.pciv-public-level-progress > i{
  display:block;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.pciv-public-level-progress > i > b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#25d6c3,#f0c866);
  box-shadow:0 0 15px rgba(37,214,195,.25);
}

.pciv-public-profile-v211 .pciv-public-rating-v211{
  min-width:0 !important;
  padding:20px 18px !important;
}
.pciv-public-profile-v211 .pciv-public-rating-v211 span{font-size:12px;color:#dce9ee}
.pciv-public-profile-v211 .pciv-public-rating-v211 strong{font-size:36px !important}
.pciv-public-profile-v211 .pciv-public-rating-v211 small{font-size:11px;line-height:1.8}

.pciv-public-profile-v211 .pciv-public-actions-v211{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px;
  margin:14px 0 !important;
  border:1px solid var(--pciv-profile-border);
  border-radius:17px;
  background:rgba(3,18,29,.76);
}
.pciv-public-profile-v211 .pciv-public-actions-v211 a,
.pciv-public-profile-v211 .pciv-public-actions-v211 button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(105,230,255,.12);
  border-radius:11px;
  background:rgba(105,230,255,.045);
  color:#dcebf0 !important;
  font-family:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.pciv-public-profile-v211 .pciv-public-actions-v211 a:hover,
.pciv-public-profile-v211 .pciv-public-actions-v211 button:hover{
  border-color:rgba(105,230,255,.35);
  background:rgba(105,230,255,.09);
  transform:translateY(-1px);
}

.pciv-public-profile-v211 .pciv-public-stats-v211{
  display:grid;
  grid-template-columns:1.15fr 1.15fr .85fr .85fr;
  gap:12px;
  margin:13px 0 16px;
}
.pciv-public-profile-v211 .pciv-public-stats-v211 > div{
  position:relative;
  min-height:104px !important;
  padding:16px 17px !important;
  overflow:hidden;
}
.pciv-public-profile-v211 .pciv-public-stats-v211 > div.is-primary{
  border-color:rgba(105,230,255,.18);
  background:linear-gradient(145deg,rgba(16,60,82,.98),rgba(5,24,38,.98));
}
.pciv-public-profile-v211 .pciv-public-stats-v211 > div.is-status{
  min-height:94px !important;
  background:linear-gradient(145deg,rgba(9,38,56,.92),rgba(4,19,31,.92));
}
.pciv-public-profile-v211 .pciv-public-stats-v211 strong{font-size:28px !important}
.pciv-public-profile-v211 .pciv-public-stats-v211 span{margin-top:5px;color:#d9e8ed;font-size:12px;font-weight:850}
.pciv-public-profile-v211 .pciv-public-stats-v211 small{margin-top:5px;color:#91adb9;font-size:10px;line-height:1.7}
.pciv-public-profile-v211 .pciv-public-stats-v211 a{
  display:inline-flex;
  margin-top:7px;
  color:#62e5ef !important;
  font-size:10px;
  font-weight:850;
}

.pciv-public-focus-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
  margin:0 0 14px;
}
.pciv-public-profile-v211 .pciv-public-card{
  border-color:var(--pciv-profile-border);
  background:var(--pciv-profile-card);
}
.pciv-public-profile-v211 .pciv-public-card-head{
  margin-bottom:14px;
}
.pciv-public-profile-v211 .pciv-public-card-head h3{
  margin:4px 0 0;
  font-size:22px;
}

.pciv-goal-main{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:14px;
  border:1px solid rgba(240,200,102,.14);
  border-radius:17px;
  background:rgba(240,200,102,.045);
}
.pciv-goal-main > span{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(240,200,102,.22);
  border-radius:17px;
  background:rgba(2,16,27,.55);
  font-size:29px;
}
.pciv-goal-main strong{display:block;color:#fff;font-size:16px}
.pciv-goal-main small{display:block;margin-top:5px;color:#a9c0ca;font-size:11px}
.pciv-goal-main > b{color:#f0c866;font-size:24px}
.pciv-goal-progress{
  display:block;
  height:9px;
  margin:12px 0 13px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.pciv-goal-progress > b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#25d6c3,#f0c866);
}
.pciv-public-goal-card > .pciv-button{width:100%}

.pciv-public-skill-list{display:grid;gap:10px}
.pciv-public-skill-list > div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(105,230,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.pciv-public-skill-list > div > span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(105,230,255,.07);
  font-size:20px;
}
.pciv-public-skill-list strong{display:block;color:#fff;font-size:13px}
.pciv-public-skill-list small{display:block;margin-top:3px;color:#8faab6;font-size:9px}
.pciv-public-skill-list i{
  display:block;
  height:6px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.pciv-public-skill-list i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25d6c3,#5fe5ff)}
.pciv-public-skill-list em{color:#63e7ef;font-size:13px;font-style:normal;font-weight:900}

.pciv-public-profile-v211 .pciv-public-showcase-grid-v211{
  gap:14px;
}

.pciv-smart-empty{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:116px;
  padding:17px;
  border:1px dashed rgba(105,230,255,.18);
  border-radius:17px;
  background:rgba(2,16,27,.32);
}
.pciv-smart-empty > span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:16px;
  background:rgba(105,230,255,.07);
  font-size:25px;
}
.pciv-smart-empty strong{display:block;color:#fff;font-size:14px}
.pciv-smart-empty p{margin:5px 0 0;color:#9eb7c2;font-size:11px;line-height:1.9}
.pciv-smart-empty a:not(.pciv-button){display:inline-flex;margin-top:8px;color:#64e8f0 !important;font-size:11px;font-weight:900}
.pciv-smart-empty i{
  display:block;
  width:100%;
  height:7px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.pciv-smart-empty i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#25d6c3,#f0c866)}
.pciv-smart-empty.is-success{border-color:rgba(85,217,139,.24)}
.pciv-challenge-empty{min-height:145px}

.pciv-public-activity-card{margin-top:14px}
.pciv-public-activity-list{display:grid;gap:0}
.pciv-public-activity-list > div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:12px 4px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.pciv-public-activity-list > div:last-child{border-bottom:0}
.pciv-public-activity-list > div > span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  background:rgba(105,230,255,.065);
  font-size:19px;
}
.pciv-public-activity-list strong{display:block;color:#fff;font-size:13px}
.pciv-public-activity-list small{display:block;margin-top:4px;color:#91adb9;font-size:10px}
.pciv-public-activity-list time{color:#809ca8;font-size:9px;white-space:nowrap}

.pciv-public-profile-v211 .pciv-public-history-card{
  margin-top:14px;
}
.pciv-public-profile-v211 .pciv-history-filters{
  margin-bottom:12px;
}

.pciv-showcase-editor{
  margin-top:14px;
  padding:0 !important;
  overflow:hidden;
}
.pciv-showcase-editor > summary{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
}
.pciv-showcase-editor > summary::-webkit-details-marker{display:none}
.pciv-showcase-editor > summary > span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(240,200,102,.09);
  font-size:21px;
}
.pciv-showcase-editor > summary strong{display:block;color:#fff;font-size:15px}
.pciv-showcase-editor > summary small{display:block;margin-top:4px;color:#91adb9;font-size:10px}
.pciv-showcase-editor > summary > b{color:#62e5ef;font-size:10px}
.pciv-showcase-editor[open] > summary{border-bottom:1px solid rgba(105,230,255,.1)}
.pciv-public-showcase-form{padding:20px}
.pciv-showcase-editor-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.pciv-public-showcase-form label{color:#d7e7ec;font-size:11px;font-weight:850}
.pciv-public-showcase-form select{
  display:block;
  width:100%;
  min-height:45px;
  margin-top:7px;
  padding:9px 12px;
  border:1px solid rgba(105,230,255,.16);
  border-radius:12px;
  background:#061a2a;
  color:#fff;
  font-family:inherit;
}
.pciv-public-showcase-form fieldset{
  margin:18px 0 0;
  padding:16px;
  border:1px solid rgba(105,230,255,.1);
  border-radius:15px;
}
.pciv-public-showcase-form legend{padding:0 8px;color:#f0c866;font-size:11px;font-weight:900}
.pciv-showcase-achievement-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.pciv-showcase-achievement-options label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  cursor:pointer;
}
.pciv-showcase-achievement-options input{accent-color:#25d6c3}
.pciv-showcase-achievement-options span{font-size:18px}
.pciv-showcase-achievement-options b{font-size:10px;line-height:1.6}
.pciv-showcase-form-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:16px;
}
.pciv-showcase-form-actions .pciv-social-result{flex:1 1 220px;margin:0}

.pciv-profile-share-toast{
  position:fixed;
  z-index:99999;
  right:50%;
  bottom:28px;
  transform:translate(50%,20px);
  max-width:min(420px,calc(100vw - 28px));
  padding:11px 16px;
  border:1px solid rgba(105,230,255,.24);
  border-radius:13px;
  background:#062033;
  color:#fff;
  font-size:12px;
  box-shadow:0 16px 42px rgba(0,0,0,.38);
  opacity:0;
  pointer-events:none;
  transition:.22s ease;
}
.pciv-profile-share-toast.is-visible{opacity:1;transform:translate(50%,0)}
.pciv-profile-share-toast.is-error{border-color:rgba(255,124,130,.35);color:#ffd7da}

@media (max-width:1100px){
  .pciv-public-profile-v211 .pciv-public-profile-hero-v211{
    grid-template-columns:170px minmax(0,1fr) !important;
  }
  .pciv-public-profile-v211 .pciv-public-profile-avatar-v211{width:170px !important;height:170px !important}
  .pciv-public-profile-v211 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{width:166px !important;height:166px !important}
  .pciv-public-profile-v211 .pciv-public-rating-v211{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:right !important}
  .pciv-public-profile-v211 .pciv-public-rating-v211 strong{grid-row:1/3;grid-column:2}
  .pciv-public-profile-v211 .pciv-public-stats-v211{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:820px){
  .pciv-public-profile-v211 .pciv-public-profile-hero-v211{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
  }
  .pciv-public-profile-v211 .pciv-public-identity{width:100%}
  .pciv-public-level-progress{max-width:none}
  .pciv-public-profile-v211 .pciv-public-rating-v211{width:100%;text-align:center !important}
  .pciv-public-focus-grid{grid-template-columns:1fr}
  .pciv-showcase-editor-grid,.pciv-showcase-achievement-options{grid-template-columns:1fr 1fr}
}

@media (max-width:600px){
  .pciv-public-profile-v211{padding:14px !important}
  .pciv-public-profile-v211 .pciv-public-profile-hero-v211{padding:20px 15px !important}
  .pciv-public-profile-v211 .pciv-public-profile-avatar-v211{width:156px !important;height:156px !important}
  .pciv-public-profile-v211 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{width:152px !important;height:152px !important}
  .pciv-public-profile-v211 .pciv-public-identity h1{font-size:30px !important}
  .pciv-public-profile-v211 .pciv-public-actions-v211{display:grid;grid-template-columns:1fr 1fr}
  .pciv-public-profile-v211 .pciv-public-actions-v211 a,.pciv-public-profile-v211 .pciv-public-actions-v211 button{width:100%}
  .pciv-public-profile-v211 .pciv-public-stats-v211{grid-template-columns:1fr 1fr}
  .pciv-public-profile-v211 .pciv-public-stats-v211 > div{min-height:100px !important}
  .pciv-public-profile-v211 .pciv-public-stats-v211 > div.is-status{grid-column:span 1}
  .pciv-goal-main{grid-template-columns:48px minmax(0,1fr)}
  .pciv-goal-main > span{width:48px;height:48px}
  .pciv-goal-main > b{grid-column:1/-1;text-align:left}
  .pciv-public-activity-list > div{grid-template-columns:38px minmax(0,1fr)}
  .pciv-public-activity-list time{grid-column:2;text-align:right}
  .pciv-showcase-editor > summary{grid-template-columns:42px minmax(0,1fr)}
  .pciv-showcase-editor > summary > b{grid-column:2}
  .pciv-showcase-editor-grid,.pciv-showcase-achievement-options{grid-template-columns:1fr}
  .pciv-smart-empty{align-items:flex-start}
}


/* ===== profile-onboarding.css ===== */
/* Physics Civilizations 2.1.2 — Profile Onboarding & Final Polish */
.pciv-public-profile-v212{
  --pciv-profile-soft:rgba(105,230,255,.08);
  --pciv-profile-gold:rgba(240,200,102,.16);
}

.pciv-public-profile-v212 > .pciv-back{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:8px 12px;
  margin-bottom:12px;
  border:1px solid rgba(105,230,255,.12);
  border-radius:12px;
  background:rgba(3,18,29,.58);
  color:#78eaf3!important;
  font-size:12px;
  font-weight:850;
}

.pciv-public-profile-v212 .pciv-public-profile-hero-v211{
  grid-template-columns:208px minmax(0,1fr) minmax(210px,240px)!important;
  padding:22px 28px!important;
}

.pciv-public-profile-v212 .pciv-public-profile-avatar-v211,
.pciv-public-profile-v212 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{
  width:208px!important;
  height:208px!important;
}

.pciv-public-profile-v212 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.34)) drop-shadow(0 0 22px rgba(240,200,102,.08));
}

.pciv-public-profile-v212 .pciv-public-level-progress{
  max-width:570px;
}
.pciv-public-profile-v212 .pciv-public-level-progress span{
  font-size:12px;
  line-height:1.7;
}
.pciv-public-profile-v212 .pciv-public-level-progress small{
  color:#bdd0d8;
  font-size:12px;
  line-height:1.7;
}

.pciv-public-profile-v212 .pciv-public-actions-v212{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:8px;
  overflow:visible;
}
.pciv-public-profile-v212 .pciv-public-actions-v212 > .is-primary-action{
  min-height:42px;
  font-size:12px;
}
.pciv-profile-more-menu{
  position:relative;
  margin:0;
}
.pciv-profile-more-menu > summary{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 13px;
  border:1px solid rgba(105,230,255,.12);
  border-radius:11px;
  background:rgba(105,230,255,.045);
  color:#dcebf0;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  list-style:none;
  white-space:nowrap;
}
.pciv-profile-more-menu > summary::-webkit-details-marker{display:none}
.pciv-profile-more-menu[open] > summary{
  border-color:rgba(240,200,102,.35);
  background:rgba(240,200,102,.09);
  color:#f3d67c;
}
.pciv-profile-more-menu > div{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  left:0;
  display:grid;
  min-width:220px;
  padding:8px;
  border:1px solid rgba(105,230,255,.18);
  border-radius:14px;
  background:#071c2c;
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
.pciv-profile-more-menu > div a,
.pciv-profile-more-menu > div button{
  width:100%;
  justify-content:flex-start!important;
  min-height:40px!important;
  border-color:transparent!important;
  background:transparent!important;
  text-align:right;
}
.pciv-profile-more-menu > div a:hover,
.pciv-profile-more-menu > div button:hover{
  background:rgba(105,230,255,.08)!important;
}

.pciv-profile-onboarding{
  margin:14px 0;
  padding:18px;
  border:1px solid rgba(240,200,102,.22);
  border-radius:20px;
  background:
    radial-gradient(circle at 8% 10%,rgba(240,200,102,.10),transparent 28%),
    linear-gradient(145deg,rgba(14,52,70,.96),rgba(4,20,32,.97));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.pciv-onboarding-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.pciv-onboarding-head h2{
  margin:4px 0 3px;
  color:#fff;
  font-size:22px;
}
.pciv-onboarding-head p{
  margin:0;
  color:#a9c0ca;
  font-size:12px;
  line-height:1.9;
}
.pciv-onboarding-score{
  display:grid;
  min-width:125px;
  padding:10px 14px;
  border:1px solid rgba(240,200,102,.20);
  border-radius:15px;
  background:rgba(240,200,102,.06);
  text-align:center;
}
.pciv-onboarding-score strong{color:#f3d476;font-size:18px}
.pciv-onboarding-score span{margin-top:3px;color:#bdd0d8;font-size:10px}
.pciv-onboarding-progress{
  display:block;
  height:8px;
  margin:14px 0;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.pciv-onboarding-progress b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#25d6c3,#f0c866);
  box-shadow:0 0 14px rgba(37,214,195,.25);
}
.pciv-onboarding-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.pciv-onboarding-list a{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:9px 10px;
  border:1px solid rgba(105,230,255,.10);
  border-radius:13px;
  background:rgba(255,255,255,.025);
  color:#dcebf0!important;
}
.pciv-onboarding-list a > span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(105,230,255,.07);
  color:#67e5ee;
  font-weight:900;
}
.pciv-onboarding-list a b{font-size:11px;line-height:1.7}
.pciv-onboarding-list a small{color:#91adb8;font-size:10px}
.pciv-onboarding-list a.is-done{
  opacity:.72;
  border-color:rgba(85,217,139,.15);
}
.pciv-onboarding-list a.is-done > span{
  background:rgba(85,217,139,.12);
  color:#72e5a1;
}
.pciv-onboarding-list a.is-pending:hover{
  border-color:rgba(240,200,102,.28);
  background:rgba(240,200,102,.055);
  transform:translateY(-1px);
}

.pciv-public-profile-v212 .pciv-public-stats-v212 > div.is-status.is-empty{
  min-height:82px!important;
  padding:13px 15px!important;
}
.pciv-public-profile-v212 .pciv-public-stats-v212 > div.is-status.is-empty strong{
  font-size:22px!important;
  opacity:.75;
}
.pciv-public-profile-v212 .pciv-public-stats-v212 > div.is-status.is-empty small{
  font-size:11px;
}
.pciv-public-profile-v212 .pciv-public-stats-v212 > div.is-status.is-empty a{
  font-size:11px;
}

.pciv-goal-reason{
  display:inline-flex;
  margin:-4px 0 10px;
  padding:5px 9px;
  border:1px solid rgba(240,200,102,.17);
  border-radius:999px;
  background:rgba(240,200,102,.055);
  color:#ebcd76;
  font-size:10px;
  font-weight:850;
}
.pciv-goal-rewards{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
  padding:9px 11px;
  border:1px solid rgba(105,230,255,.10);
  border-radius:13px;
  background:rgba(2,16,27,.32);
}
.pciv-goal-rewards span{margin-left:auto;color:#9fb8c2;font-size:10px}
.pciv-goal-rewards b{
  padding:4px 8px;
  border-radius:999px;
  background:rgba(105,230,255,.07);
  color:#dcecf1;
  font-size:10px;
}
.pciv-skill-empty small{
  display:block;
  margin-top:6px;
  color:#bdd0d8;
  font-size:10px;
}

.pciv-public-profile-v212 .pciv-public-card.is-empty-state{
  padding:16px 18px;
}
.pciv-public-profile-v212 .pciv-public-card.is-empty-state .pciv-public-card-head{
  margin-bottom:9px;
}
.pciv-public-profile-v212 .pciv-public-card.is-empty-state .pciv-smart-empty{
  min-height:82px;
  padding:13px 14px;
}
.pciv-public-profile-v212 .pciv-public-card.is-empty-state .pciv-smart-empty > span{
  width:44px;
  height:44px;
  font-size:21px;
}
.pciv-public-profile-v212 .pciv-public-activity-card.is-empty-state,
.pciv-public-profile-v212 .pciv-public-history-card.is-empty-state{
  margin-top:12px;
}
.pciv-public-profile-v212 .pciv-public-history-card.is-empty-state .pciv-challenge-empty{
  min-height:92px;
}

.pciv-public-profile-v212 .pciv-showcase-editor.is-top-editor{
  margin:0 0 14px;
  border-color:rgba(240,200,102,.18);
  background:linear-gradient(145deg,rgba(12,46,63,.98),rgba(4,20,32,.98));
}
.pciv-public-profile-v212 .pciv-showcase-editor.is-top-editor > summary{
  min-height:54px;
}
.pciv-public-profile-v212 .pciv-showcase-editor.is-top-editor > summary > b{
  color:#f0ca69;
}

@media (max-width:1100px){
  .pciv-public-profile-v212 .pciv-public-profile-hero-v211{
    grid-template-columns:185px minmax(0,1fr)!important;
  }
  .pciv-public-profile-v212 .pciv-public-profile-avatar-v211,
  .pciv-public-profile-v212 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{
    width:185px!important;
    height:185px!important;
  }
  .pciv-public-profile-v212 .pciv-public-rating-v211{grid-column:1/-1}
  .pciv-public-profile-v212 .pciv-public-actions-v212{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
  .pciv-onboarding-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  .pciv-public-profile-v212 .pciv-public-profile-hero-v211{
    grid-template-columns:1fr!important;
    padding:20px 16px!important;
    text-align:center;
  }
  .pciv-public-profile-v212 .pciv-public-profile-avatar-v211,
  .pciv-public-profile-v212 .pciv-public-profile-avatar-v211 .pciv-avatar-shell{
    width:178px!important;
    height:178px!important;
    margin:auto;
  }
  .pciv-public-profile-v212 .pciv-public-level-progress{margin-inline:auto;text-align:right}
  .pciv-public-profile-v212 .pciv-public-level-progress > div{display:grid;gap:3px}
  .pciv-public-profile-v212 .pciv-public-actions-v212{grid-template-columns:1fr 1fr}
  .pciv-profile-more-menu{grid-column:1/-1}
  .pciv-profile-more-menu > div{position:static;margin-top:8px;min-width:0}
  .pciv-onboarding-head{display:grid}
  .pciv-onboarding-score{min-width:0;width:100%}
  .pciv-onboarding-list{grid-template-columns:1fr}
  .pciv-public-profile-v212 .pciv-public-stats-v212{grid-template-columns:1fr 1fr!important}
  .pciv-goal-main{grid-template-columns:52px minmax(0,1fr);}
  .pciv-goal-main > b{grid-column:1/-1;text-align:left}
  .pciv-goal-rewards span{width:100%;margin:0}
}

@media (max-width:480px){
  .pciv-public-profile-v212 .pciv-public-actions-v212{grid-template-columns:1fr}
  .pciv-profile-more-menu{grid-column:auto}
  .pciv-public-profile-v212 .pciv-public-stats-v212{grid-template-columns:1fr!important}
}

/* Physics Civilizations 2.6.0 — Competitive Commander Profile */
.pciv-public-profile-v212{
  --pciv-command-cyan:#36d8de;
  --pciv-command-gold:#f0c866;
  --pciv-command-panel:rgba(5,28,43,.86);
}

.pciv-public-profile-v212 .pciv-public-profile-hero-v211{
  background:
    radial-gradient(circle at 82% 18%,rgba(240,200,102,.18),transparent 24%),
    radial-gradient(circle at 18% 12%,rgba(54,216,222,.16),transparent 28%),
    linear-gradient(135deg,#0a3348 0%,#16334b 42%,#41274e 72%,#7e5522 120%)!important;
}

.pciv-command-identity-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:10px 0 12px;
}
.pciv-command-identity-row>span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(3,18,29,.42);
  color:#dcebf0;
  font-size:10px;
  font-weight:850;
}
.pciv-command-identity-row .pciv-league-chip{font-size:10px!important}

.pciv-command-power-card{
  display:grid!important;
  align-content:center;
  gap:5px;
  min-height:154px;
}
.pciv-command-power-card strong{font-size:36px!important}
.pciv-command-power-card i,
.pciv-season-league-line i{
  display:block;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.pciv-command-power-card i b,
.pciv-season-league-line i b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2dd5ce,#f0c866);
  box-shadow:0 0 15px rgba(45,213,206,.3);
}
.pciv-command-power-card em{
  color:#f0d482;
  font-size:10px;
  font-style:normal;
}

.pciv-public-profile-v212 .pciv-public-actions-v212>.is-command-cta{
  border-color:rgba(240,200,102,.48)!important;
  background:linear-gradient(135deg,#f4d77d,#d8a841)!important;
  color:#18232d!important;
  box-shadow:0 10px 25px rgba(216,168,65,.18);
}
.pciv-public-profile-v212 .pciv-public-actions-v212>.is-command-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(216,168,65,.26);
}

.pciv-profile-onboarding-compact{
  padding:14px 16px;
}
.pciv-profile-onboarding-compact .pciv-onboarding-head h2{font-size:18px}
.pciv-profile-onboarding-compact .pciv-onboarding-head p{font-size:11px}
.pciv-profile-onboarding-compact .pciv-onboarding-score{min-width:105px;padding:8px 12px}
.pciv-profile-onboarding-compact .pciv-onboarding-list a{min-height:42px}

.pciv-command-stats>div{
  position:relative;
  overflow:hidden;
  min-height:104px!important;
  padding:16px!important;
  background:linear-gradient(145deg,rgba(10,45,63,.98),rgba(4,22,34,.98))!important;
}
.pciv-command-stats>div:after{
  content:"";
  position:absolute;
  inset:auto -22px -34px auto;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(54,216,222,.12),transparent 65%);
}
.pciv-command-stats strong{font-size:28px!important;color:#fff!important}
.pciv-command-stats span{color:#b8ced7!important}
.pciv-command-stats small{color:#87a6b2!important}

.pciv-season-command-center{
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:14px;
  margin:14px 0;
}
.pciv-season-command-main,
.pciv-season-rival-card{
  border:1px solid rgba(105,230,255,.14);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 8%,rgba(54,216,222,.09),transparent 28%),
    linear-gradient(145deg,rgba(8,39,56,.96),rgba(3,19,31,.98));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.pciv-season-command-main{padding:18px}
.pciv-season-command-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.pciv-season-command-grid>div{
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  text-align:center;
}
.pciv-season-command-grid span,
.pciv-season-command-grid strong{display:block}
.pciv-season-command-grid span{color:#91adb8;font-size:10px}
.pciv-season-command-grid strong{margin-top:5px;color:#fff;font-size:18px}
.pciv-season-league-line{
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:10px;
  margin:10px 0 14px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(2,16,27,.34);
}
.pciv-season-league-line small{color:#a9c0ca;font-size:10px}
.pciv-season-command-main>.pciv-button{width:100%}

.pciv-season-rival-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:17px;
  text-align:center;
}
.pciv-rival-avatar .pciv-avatar-shell{filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.pciv-season-rival-card>strong{color:#fff;font-size:16px}
.pciv-season-rival-card>small{color:#9fb8c2;font-size:10px}
.pciv-season-rival-card>.pciv-button{width:100%;margin-top:4px}

.pciv-public-profile-v212 .pciv-public-goal-card{
  background:
    radial-gradient(circle at 90% 8%,rgba(240,200,102,.11),transparent 27%),
    linear-gradient(145deg,rgba(7,39,55,.98),rgba(4,22,34,.98));
}
.pciv-public-profile-v212 .pciv-goal-main>span{
  box-shadow:0 0 0 7px rgba(54,216,222,.05),0 10px 24px rgba(0,0,0,.22);
}
.pciv-goal-rewards b:last-child{
  background:rgba(240,200,102,.09);
  color:#f1d67d;
}

.pciv-skill-placeholder-list{display:grid;gap:9px}
.pciv-skill-placeholder-list>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(105,230,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.pciv-skill-placeholder-list>div>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(105,230,255,.07);
  font-size:19px;
}
.pciv-skill-placeholder-list section{display:grid;gap:3px}
.pciv-skill-placeholder-list strong{color:#fff;font-size:11px}
.pciv-skill-placeholder-list small{color:#8faab5;font-size:9px}
.pciv-skill-placeholder-list i{
  display:block;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.pciv-skill-placeholder-list i b{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#28cfc6,#58a8e7);
}
.pciv-skill-placeholder-list em{color:#82aab5;font-size:11px;font-style:normal}
.pciv-skill-start-link{
  display:inline-flex;
  margin-top:10px;
  color:#66e4eb!important;
  font-size:10px;
  font-weight:850;
}

.pciv-profile-content-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:16px 0 10px;
  padding:6px;
  border:1px solid rgba(105,230,255,.11);
  border-radius:16px;
  background:rgba(3,19,31,.72);
}
.pciv-profile-content-tabs button{
  min-height:43px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#9eb6c0;
  font:inherit;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.pciv-profile-content-tabs button:hover{background:rgba(105,230,255,.05);color:#e7f6fa}
.pciv-profile-content-tabs button.is-active{
  border-color:rgba(54,216,222,.25);
  background:linear-gradient(135deg,rgba(54,216,222,.13),rgba(240,200,102,.08));
  color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.pciv-public-profile-v212 [data-profile-panel][hidden]{display:none!important}
.pciv-public-profile-v212 [data-profile-panel]{animation:pcivProfilePanelIn .24s ease both}
@keyframes pcivProfilePanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.pciv-public-profile-v212 .pciv-achievement-pill{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.pciv-public-profile-v212 .pciv-achievement-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(0,0,0,.2);
}
.pciv-public-profile-v212 .pciv-achievement-pill.is-gold{border-color:rgba(240,200,102,.34)!important;background:linear-gradient(135deg,rgba(240,200,102,.13),rgba(18,45,58,.72))!important}
.pciv-public-profile-v212 .pciv-achievement-pill.is-silver{border-color:rgba(180,210,225,.26)!important;background:linear-gradient(135deg,rgba(180,210,225,.09),rgba(18,45,58,.72))!important}
.pciv-public-profile-v212 .pciv-achievement-pill.is-bronze{border-color:rgba(195,133,86,.26)!important;background:linear-gradient(135deg,rgba(195,133,86,.09),rgba(18,45,58,.72))!important}

.pciv-public-profile-v212 .pciv-public-activity-list>div{
  border-bottom:1px solid rgba(255,255,255,.055);
}
.pciv-public-profile-v212 .pciv-public-activity-list>div:last-child{border-bottom:0}

@media (max-width:1000px){
  .pciv-season-command-center{grid-template-columns:1fr}
  .pciv-season-rival-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:right}
  .pciv-season-rival-card>.pciv-kicker{grid-column:1/-1}
  .pciv-season-rival-card>.pciv-button{width:auto;min-width:160px;margin:0}
}

@media (max-width:760px){
  .pciv-command-identity-row{justify-content:center}
  .pciv-season-command-grid{grid-template-columns:1fr 1fr}
  .pciv-season-league-line{grid-template-columns:1fr}
  .pciv-season-rival-card{grid-template-columns:1fr;text-align:center}
  .pciv-season-rival-card>.pciv-button{width:100%}
  .pciv-profile-content-tabs{grid-template-columns:1fr}
  .pciv-profile-content-tabs button{min-height:39px}
}

@media (max-width:480px){
  .pciv-season-command-grid{grid-template-columns:1fr}
  .pciv-command-identity-row>span{font-size:9px}
}
.pciv-season-command-grid small{display:block;margin-top:3px;color:#7998a4;font-size:9px}


/* ===== dashboard-final.css ===== */
/* Physics Civilizations 2.1.3 — Dashboard Final Optimization */

/* Wider desktop canvas with controlled edge spacing. */
#pciv-app-root .pciv-shell.pciv-portal-v151{
  width:min(calc(100% - 24px),1540px) !important;
  max-width:1540px !important;
  margin:12px auto 28px !important;
}

/* Persian readability floor. */
.pciv-portal-v151 :where(
  .pciv-command-overview p,
  .pciv-customization-hub p,
  .pciv-social-hub p,
  .pciv-city-copy p,
  .pciv-code-intro p,
  .pciv-realm-card p,
  .pciv-section-title p,
  .pciv-today-copy p
){
  font-size:13px !important;
  line-height:1.85 !important;
}

.pciv-portal-v151 :where(
  .pciv-stat-grid small,
  .pciv-realm-card small,
  .pciv-building small,
  .pciv-command-paths small,
  .pciv-customization-stats span,
  .pciv-panel-summary-copy small
){
  font-size:12px !important;
  line-height:1.65 !important;
  color:#abc5cf !important;
}

.pciv-portal-v151 :where(.pciv-realm-badges i,.pciv-filter-status-wrap button,.pciv-grade-select-label select){
  font-size:11px !important;
}

/* Smart next-action states. */
.pciv-portal-v151 .pciv-today-focus .pciv-intelligence-metrics span small{
  display:block;
  color:#a9c5cf;
  font-size:10px;
  font-weight:800;
  line-height:1.45;
}

.pciv-portal-v151 .pciv-today-focus.is-complete{
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr) auto !important;
  min-height:112px !important;
  padding:18px 22px !important;
  border-color:rgba(85,217,139,.35) !important;
  background:
    radial-gradient(circle at 8% 20%,rgba(85,217,139,.12),transparent 30%),
    linear-gradient(135deg,#103b45,#061b2c 72%) !important;
}

.pciv-portal-v151 .pciv-today-focus.is-complete::before{
  content:"✓" !important;
  top:8px !important;
  left:24px !important;
  font-size:58px !important;
  color:rgba(85,217,139,.16) !important;
}

.pciv-portal-v151 .pciv-today-focus.is-complete .pciv-today-copy h2{
  font-size:22px !important;
}

.pciv-portal-v151 .pciv-today-focus.is-complete .pciv-today-reward{
  margin-top:9px;
}

.pciv-portal-v151 .pciv-today-focus.is-complete .pciv-intelligence-metrics span{
  min-height:66px;
  padding:8px 6px;
}

.pciv-portal-v151 .pciv-today-focus.is-no-data{
  border-color:rgba(242,196,94,.38) !important;
  background:
    radial-gradient(circle at 8% 20%,rgba(242,196,94,.14),transparent 31%),
    linear-gradient(135deg,#12394c,#061b2c 72%) !important;
}

.pciv-portal-v151 .pciv-today-focus.is-no-data .pciv-intelligence-metrics b{
  color:#f3d27a !important;
}

/* Learning metrics outrank the economy. */
.pciv-portal-v151 .pciv-portal-stats > .is-learning-primary{
  border-color:rgba(44,218,205,.24) !important;
  background:linear-gradient(180deg,rgba(17,65,82,.96),rgba(8,34,50,.98)) !important;
}

.pciv-portal-v151 .pciv-portal-stats > .is-wallet{
  border-color:rgba(242,196,94,.13) !important;
  background:linear-gradient(180deg,rgba(18,50,67,.9),rgba(8,31,46,.96)) !important;
}

.pciv-portal-v151 .pciv-portal-stats > .is-wallet strong{
  color:#e9c86e !important;
  font-size:21px !important;
}

/* Entire collapsed cards are actionable; arrow is only a cue. */
.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed{
  position:relative;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed:hover,
.pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(45,218,205,.34) !important;
  background:linear-gradient(135deg,rgba(12,54,72,.94),rgba(5,24,37,.98)) !important;
  outline:none;
}

.pciv-portal-v151 .pciv-panel-toggle{
  display:grid !important;
  place-items:center;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border:1px solid rgba(95,229,255,.18) !important;
  border-radius:50% !important;
  background:rgba(95,229,255,.06) !important;
  color:#dff5f8 !important;
  font-size:24px !important;
  line-height:1 !important;
}

.pciv-portal-v151 .pciv-secondary-collapsible:not(.is-collapsed) > .pciv-panel-toggle{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
}

/* City uses desktop width efficiently. */
.pciv-portal-v151 #pciv-city:not(.is-collapsed){
  display:grid !important;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.8fr);
  gap:14px 18px !important;
  align-items:stretch;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-header{
  grid-column:1;
  display:flex !important;
  flex-direction:column;
  align-items:stretch !important;
  justify-content:space-between;
  min-width:0;
  margin:0 !important;
  padding:16px;
  border:1px solid rgba(95,229,255,.12);
  border-radius:17px;
  background:rgba(3,20,32,.42);
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-scene{
  grid-column:2;
  margin:0 !important;
  min-height:250px !important;
  padding:64px 14px 18px !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-form{
  grid-column:1/-1;
  margin-top:0 !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-header-side{
  display:grid !important;
  grid-template-columns:1fr;
  gap:10px;
  align-items:stretch;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-level{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-width:0;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-city-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}

.pciv-portal-v151 .pciv-city-development{
  display:grid;
  gap:8px;
  margin:14px 0 12px;
  padding:12px;
  border:1px solid rgba(95,229,255,.12);
  border-radius:14px;
  background:rgba(2,17,28,.42);
}

.pciv-portal-v151 .pciv-city-development > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.pciv-portal-v151 .pciv-city-development strong{
  color:#eef8fc;
  font-size:17px;
}

.pciv-portal-v151 .pciv-city-development span,
.pciv-portal-v151 .pciv-city-development small{
  color:#a9c4cf;
  font-size:11px;
  line-height:1.7;
}

.pciv-portal-v151 .pciv-city-development > i{
  display:block;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}

.pciv-portal-v151 .pciv-city-development > i > b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#25d8c7,#f2c45e);
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building{
  min-width:0 !important;
  height:142px !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building[data-pciv-city-slot="1"]{
  height:168px !important;
  margin-top:-26px !important;
  transform:scale(1.035) !important;
  z-index:5 !important;
}

.pciv-portal-v151 #pciv-city:not(.is-collapsed) .pciv-building.is-locked{
  opacity:.42 !important;
  transform:scale(.95) !important;
}

/* Clear realm-action hierarchy. */
.pciv-portal-v151 .pciv-realm-action-in-progress,
.pciv-portal-v151 .pciv-realm-card.is-recommended .pciv-realm-enter{
  background:linear-gradient(100deg,#21d2c1,#35b8cc) !important;
  color:#04202a !important;
  box-shadow:0 9px 22px rgba(33,210,193,.16) !important;
}

.pciv-portal-v151 .pciv-realm-action-completed{
  border-color:rgba(85,217,139,.38) !important;
  background:linear-gradient(100deg,rgba(85,217,139,.13),rgba(85,217,139,.06)) !important;
  color:#9bf0bb !important;
}

.pciv-portal-v151 .pciv-realm-action-new{
  border-color:rgba(95,229,255,.29) !important;
  background:rgba(95,229,255,.025) !important;
  color:#d3ebf1 !important;
}

.pciv-portal-v151 .pciv-realm-action-locked{
  border-color:rgba(242,196,94,.18) !important;
  background:rgba(242,196,94,.045) !important;
  color:#d3bd82 !important;
}

.pciv-portal-v151 .pciv-realm-action-locked b{
  color:#d3bd82 !important;
}

.pciv-portal-v151 .pciv-realm-show-more[aria-expanded="true"]{
  border-color:rgba(45,218,205,.32);
  background:#0d3044;
}

@media (max-width:1100px){
  #pciv-app-root .pciv-shell.pciv-portal-v151{
    width:min(calc(100% - 16px),100%) !important;
    margin:8px auto 20px !important;
  }

  .pciv-portal-v151 .pciv-today-focus.is-complete{
    grid-template-columns:1fr !important;
  }

  .pciv-portal-v151 #pciv-city:not(.is-collapsed){
    grid-template-columns:1fr;
  }

  .pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-header,
  .pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-scene,
  .pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-form{
    grid-column:1;
  }
}

@media (max-width:760px){
  #pciv-app-root .pciv-shell.pciv-portal-v151{
    width:100% !important;
    margin:0 !important;
  }

  .pciv-portal-v151 .pciv-secondary-collapsible.is-collapsed{
    grid-template-columns:minmax(0,1fr) auto !important;
  }

  .pciv-portal-v151 .pciv-panel-toggle{
    justify-self:end !important;
    width:42px !important;
  }

  .pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-scene{
    min-height:auto !important;
    padding-top:54px !important;
  }
}


/* ===== realm-learning-path.css ===== */
/* Physics Civilizations Core 2.1.4 — Realm Learning Path Redesign */

.pciv-realm-v214 {
  max-width: 1280px;
  overflow: visible;
}

.pciv-realm-v214 .pciv-realm-hero-v214 {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,460px);
  align-items: center;
  gap: 26px;
  min-height: 0;
  padding: clamp(24px,3vw,38px);
}

.pciv-realm-v214 .pciv-realm-identity-v214 {
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}

.pciv-realm-v214 .pciv-realm-identity-v214 > div {
  min-width: 0;
}

.pciv-realm-v214 .pciv-realm-hero h1 {
  font-size: clamp(34px,4vw,54px);
}

.pciv-realm-v214 .pciv-realm-next-v214 {
  display: grid;
  grid-template-columns: 118px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  padding: 17px;
  border: 1px solid color-mix(in srgb,var(--realm-accent) 28%,rgba(255,255,255,.1));
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(2,18,29,.78),rgba(8,35,49,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035),0 18px 38px rgba(0,0,0,.2);
}

.pciv-realm-v214 .pciv-realm-next-v214 .pciv-progress-ring {
  width: 112px;
  height: 112px;
}

.pciv-realm-v214 .pciv-realm-next-v214 .pciv-progress-ring strong {
  font-size: 22px;
}

.pciv-realm-v214 .pciv-next-step-copy small,
.pciv-realm-v214 .pciv-next-step-copy strong,
.pciv-realm-v214 .pciv-next-step-copy p {
  display: block;
}

.pciv-realm-v214 .pciv-next-step-copy small {
  color: var(--realm-accent);
  font-size: 11px;
  font-weight: 900;
}

.pciv-realm-v214 .pciv-next-step-copy strong {
  margin-top: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 1.55;
}

.pciv-realm-v214 .pciv-next-step-copy p {
  margin: 4px 0 9px;
  color: #b9ced7;
  font-size: 12px;
  line-height: 1.8;
}

.pciv-realm-v214 .pciv-next-step-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.pciv-realm-v214 .pciv-next-step-meta span {
  padding: 5px 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #d8e8ed;
  font-size: 10px;
  font-weight: 800;
}

.pciv-realm-v214 .pciv-realm-continue {
  min-height: 43px;
}

.pciv-realm-v214 .pciv-realm-viewbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 17px;
  background: rgba(3,22,34,.72);
}

.pciv-realm-v214 .pciv-realm-viewbar > div:first-child span,
.pciv-realm-v214 .pciv-realm-viewbar > div:first-child small {
  display: block;
}

.pciv-realm-v214 .pciv-realm-viewbar > div:first-child span {
  color: #f4fbfd;
  font-size: 14px;
  font-weight: 900;
}

.pciv-realm-v214 .pciv-realm-viewbar > div:first-child small {
  margin-top: 3px;
  color: #9db8c3;
  font-size: 11px;
}

.pciv-realm-v214 .pciv-view-switch {
  display: flex;
  gap: 7px;
  flex: 0 0 auto;
}

.pciv-realm-v214 .pciv-view-switch button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: #bbd1d9;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.pciv-realm-v214 .pciv-view-switch button[aria-pressed="true"] {
  border-color: color-mix(in srgb,var(--realm-accent) 45%,transparent);
  background: color-mix(in srgb,var(--realm-accent) 14%,rgba(4,27,40,.85));
  color: #fff;
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--realm-accent) 8%,transparent);
}

.pciv-realm-v214 .pciv-realm-stats-v214 {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin: 18px 0 28px;
}

.pciv-realm-v214 .pciv-realm-stats-v214 > div {
  min-height: 104px;
}

.pciv-realm-v214 .pciv-realm-stats-v214 small {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 5px;
  color: #8eabb6;
  font-size: 10px;
}

/* Path */
.pciv-realm-v214 .pciv-learning-path-v214 {
  position: relative;
  display: grid;
  gap: 22px;
  margin-top: 24px;
  padding-inline-start: 34px;
}

.pciv-realm-v214 .pciv-learning-path-v214::before {
  content: "";
  position: absolute;
  top: 32px;
  bottom: 32px;
  inset-inline-start: 14px;
  width: 2px;
  background: linear-gradient(180deg,var(--realm-accent),rgba(255,255,255,.06) 72%,transparent);
}

.pciv-realm-v214 .pciv-chapter {
  margin: 0;
  padding: 20px;
  overflow: visible;
  transition: border-color .2s ease,background .2s ease,transform .2s ease;
}

.pciv-realm-v214 .pciv-chapter::before {
  display: none;
}

.pciv-realm-v214 .pciv-path-node {
  position: absolute;
  top: 24px;
  inset-inline-start: -39px;
  z-index: 4;
}

.pciv-realm-v214 .pciv-path-node span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 2px solid color-mix(in srgb,var(--realm-accent) 52%,#173d50);
  border-radius: 50%;
  background: #071c2b;
  color: #eaf7fa;
  font-size: 11px;
  font-weight: 950;
  box-shadow: 0 0 0 5px #061724,0 0 18px color-mix(in srgb,var(--realm-accent) 22%,transparent);
}

.pciv-realm-v214 .pciv-chapter.is-completed .pciv-path-node span {
  border-color: rgba(86,221,144,.7);
  background: #0a3429;
  color: #8bf0b8;
}

.pciv-realm-v214 .pciv-chapter.is-current {
  border-color: color-mix(in srgb,var(--realm-accent) 48%,rgba(255,255,255,.12));
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--realm-accent) 8%,transparent),0 20px 44px rgba(0,0,0,.24);
}

.pciv-realm-v214 .pciv-chapter-title {
  gap: 18px;
  margin-bottom: 17px;
  padding-bottom: 16px;
}

.pciv-realm-v214 .pciv-chapter-title h2 {
  margin: 7px 0 4px;
  font-size: clamp(22px,2.4vw,29px);
}

.pciv-realm-v214 .pciv-chapter-title p {
  color: #a8c0ca;
  font-size: 12px;
  line-height: 1.85;
}

.pciv-realm-v214 .pciv-chapter-reward {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.pciv-realm-v214 .pciv-chapter-reward span {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(240,200,102,.07);
  color: #dfc579;
  font-size: 10px;
  font-weight: 800;
}

.pciv-realm-v214 .pciv-chapter-progress {
  min-width: 155px;
  padding: 12px;
}

.pciv-realm-v214 .pciv-chapter-progress em {
  display: block;
  margin-top: 5px;
  color: var(--realm-accent);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

/* Intelligent grids */
.pciv-realm-v214 .pciv-stage-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: stretch;
  gap: 13px;
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-1 {
  grid-template-columns: minmax(260px,420px);
  justify-content: start;
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-3 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 {
  grid-template-columns: repeat(6,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card {
  grid-column: span 2;
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card:nth-child(4) {
  grid-column: 2 / span 2;
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card:nth-child(5) {
  grid-column: 4 / span 2;
}

.pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-6 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-stage-card {
  min-height: 238px !important;
  padding: 15px;
  border-radius: 18px;
}

.pciv-realm-v214 .pciv-stage-card:hover {
  transform: translateY(-2px);
}

.pciv-realm-v214 .pciv-stage-card.is-current {
  border-color: color-mix(in srgb,var(--realm-accent) 76%,#fff 8%);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--realm-accent) 15%,transparent),transparent 38%),
    linear-gradient(155deg,rgba(18,56,77,.98),rgba(5,25,39,.98));
}

.pciv-realm-v214 .pciv-stage-card.is-current::before {
  content: "گام بعدی";
  top: 10px;
  left: 10px;
}

.pciv-realm-v214 .pciv-stage-top {
  grid-template-columns: 36px 1fr auto;
  gap: 8px;
  margin-bottom: 12px;
}

.pciv-realm-v214 .pciv-stage-top > span {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  font-size: 13px;
}

.pciv-realm-v214 .pciv-stage-top > i {
  font-size: 27px;
}

.pciv-realm-v214 .pciv-stage-top > small {
  font-size: 10px;
}

.pciv-realm-v214 .pciv-stage-card h3 {
  font-size: 16px;
  line-height: 1.65;
}

.pciv-realm-v214 .pciv-stage-card > p {
  min-height: 46px;
  margin-bottom: 10px;
  color: #aac1ca;
  font-size: 12px;
  line-height: 1.85;
}

.pciv-realm-v214 .pciv-stage-meta {
  margin: auto 0 9px;
  gap: 5px;
}

.pciv-realm-v214 .pciv-stage-meta span {
  padding: 4px 7px;
  font-size: 10px;
}

.pciv-realm-v214 .pciv-stage-attempts {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  margin: 0 0 8px;
  color: #9fb9c3;
  font-size: 10px;
}

.pciv-realm-v214 .pciv-stage-card > a,
.pciv-realm-v214 .pciv-stage-card > b {
  min-height: 39px;
  padding: 8px 10px;
  font-size: 11px;
}

.pciv-realm-v214 .pciv-stage-card.is-current > .pciv-stage-action {
  border-color: transparent;
  background: linear-gradient(100deg,var(--realm-accent),#45d7cf);
  color: #03202a !important;
}

.pciv-realm-v214 .pciv-stage-card.is-open:not(.is-current) > .pciv-stage-action {
  background: transparent;
}

.pciv-realm-v214 .pciv-stage-card.is-completed > .pciv-stage-action {
  border-color: rgba(92,224,151,.28);
  background: rgba(92,224,151,.08);
}

/* Compact mode */
.pciv-realm-v214.is-view-compact .pciv-chapter {
  padding: 17px;
}

.pciv-realm-v214.is-view-compact .pciv-chapter-heading > p,
.pciv-realm-v214.is-view-compact .pciv-chapter-reward,
.pciv-realm-v214.is-view-compact .pciv-stage-card > p {
  display: none;
}

.pciv-realm-v214.is-view-compact .pciv-stage-card {
  min-height: 184px !important;
}

.pciv-realm-v214.is-view-compact .pciv-stage-card h3 {
  margin-bottom: 9px;
}

.pciv-realm-v214.is-view-compact .pciv-chapter-title {
  margin-bottom: 13px;
  padding-bottom: 13px;
}

/* Adventure mode */
.pciv-realm-v214.is-view-adventure .pciv-chapter {
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--realm-accent) 8%,transparent),transparent 28%),
    linear-gradient(135deg,rgba(15,48,68,.78),rgba(4,22,35,.88));
}

.pciv-realm-v214.is-view-adventure .pciv-path-node span {
  transform: scale(1.08);
}

/* Boss redesign */
.pciv-realm-v214 .pciv-boss-gallery-v214 .pciv-section-title p,
.pciv-realm-v214 .pciv-skills-v214 .pciv-section-title p {
  max-width: 780px;
  margin: 6px 0 0;
  color: #9fb7c1;
  font-size: 12px;
  line-height: 1.85;
}

.pciv-realm-v214 .pciv-boss-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-boss-grid article {
  min-height: 288px;
  padding: 18px;
  text-align: right;
}

.pciv-realm-v214 .pciv-boss-grid article > span {
  margin: 10px 0 4px;
  font-size: 48px;
  text-align: center;
}

.pciv-realm-v214 .pciv-boss-status {
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: #b5cbd3;
  font-size: 10px;
  font-weight: 900;
}

.pciv-realm-v214 .pciv-boss-grid article.is-ready .pciv-boss-status {
  background: rgba(240,200,102,.12);
  color: #f4d77e;
}

.pciv-realm-v214 .pciv-boss-grid article.is-defeated .pciv-boss-status {
  background: rgba(92,224,151,.12);
  color: #7ce8aa;
}

.pciv-realm-v214 .pciv-boss-grid article h3 {
  font-size: 18px;
  text-align: center;
}

.pciv-realm-v214 .pciv-boss-grid article p {
  min-height: 44px;
  color: #abc0c9;
  font-size: 12px;
  text-align: center;
}

.pciv-realm-v214 .pciv-boss-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-bottom: 12px;
}

.pciv-realm-v214 .pciv-boss-meta span {
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #c4d7de;
  font-size: 10px;
}

.pciv-realm-v214 .pciv-boss-grid article > small {
  display: block;
  padding: 10px;
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: 12px;
  color: #a8bec7;
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
}

/* Skills */
.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid > div {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 7px 10px;
  align-items: center;
}

.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid > div > span {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  font-size: 20px;
}

.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid strong {
  font-size: 13px;
}

.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid i,
.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid small {
  grid-column: 2;
}

.pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid small {
  color: #91aeb9;
  font-size: 10px;
}

.pciv-realm-v214 .pciv-skills-v214 .is-unmeasured {
  opacity: .78;
}

.pciv-realm-v214 .pciv-skills-v214 .is-unmeasured i b {
  width: 0 !important;
}

/* Nearest achievement */
.pciv-realm-v214 .pciv-nearest-achievement-v214 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 24px;
  padding: 19px 22px;
  border: 1px solid rgba(240,200,102,.22);
  border-radius: 21px;
  background:
    radial-gradient(circle at 0 50%,rgba(240,200,102,.11),transparent 30%),
    linear-gradient(135deg,rgba(35,45,39,.6),rgba(4,23,35,.86));
}

.pciv-realm-v214 .pciv-nearest-achievement-v214 > div:first-child {
  display: flex;
  align-items: center;
  gap: 14px;
}

.pciv-realm-v214 .pciv-nearest-achievement-v214 > div:first-child > span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(240,200,102,.1);
  font-size: 27px;
}

.pciv-realm-v214 .pciv-nearest-achievement-v214 small {
  color: #e2c873;
  font-size: 10px;
  font-weight: 900;
}

.pciv-realm-v214 .pciv-nearest-achievement-v214 h2 {
  margin: 4px 0;
  font-size: 18px;
}

.pciv-realm-v214 .pciv-nearest-achievement-v214 p {
  margin: 0;
  color: #a7bec7;
  font-size: 11px;
}

.pciv-realm-v214 .pciv-nearest-achievement-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(280px,32%);
}

.pciv-realm-v214 .pciv-nearest-achievement-progress i {
  flex: 1;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  overflow: hidden;
}

.pciv-realm-v214 .pciv-nearest-achievement-progress b {
  display: block;
  width: var(--p);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--realm-accent),#f0c866);
}

.pciv-realm-v214 .pciv-nearest-achievement-progress strong {
  color: #f0d383;
  font-size: 13px;
}

@media (max-width: 1120px) {
  .pciv-realm-v214 .pciv-realm-hero-v214 {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v214 .pciv-realm-next-v214 {
    grid-template-columns: 105px minmax(0,1fr);
  }

  .pciv-realm-v214 .pciv-realm-stats-v214 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .pciv-realm-v214 .pciv-stage-grid,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-6 {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card:nth-child(4),
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5 .pciv-stage-card:nth-child(5) {
    grid-column: auto;
  }

  .pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 820px) {
  .pciv-realm-v214 .pciv-realm-viewbar {
    align-items: stretch;
    flex-direction: column;
  }

  .pciv-realm-v214 .pciv-view-switch {
    width: 100%;
  }

  .pciv-realm-v214 .pciv-view-switch button {
    flex: 1;
  }

  .pciv-realm-v214 .pciv-learning-path-v214 {
    padding-inline-start: 0;
  }

  .pciv-realm-v214 .pciv-learning-path-v214::before,
  .pciv-realm-v214 .pciv-path-node {
    display: none;
  }

  .pciv-realm-v214 .pciv-stage-grid,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-2,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-3,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-6 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-1 {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v214 .pciv-boss-grid,
  .pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .pciv-realm-v214 .pciv-nearest-achievement-v214 {
    align-items: stretch;
    flex-direction: column;
  }

  .pciv-realm-v214 .pciv-nearest-achievement-progress {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .pciv-realm-v214 {
    padding: 14px;
  }

  .pciv-realm-v214 .pciv-realm-hero-v214 {
    padding: 18px !important;
  }

  .pciv-realm-v214 .pciv-realm-identity-v214 {
    align-items: flex-start;
    flex-direction: column;
  }

  .pciv-realm-v214 .pciv-realm-next-v214 {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v214 .pciv-realm-next-v214 .pciv-progress-ring {
    width: 96px;
    height: 96px;
  }

  .pciv-realm-v214 .pciv-realm-stats-v214,
  .pciv-realm-v214 .pciv-stage-grid,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-2,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-3,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-5,
  .pciv-realm-v214 .pciv-stage-grid.pciv-stage-count-6,
  .pciv-realm-v214 .pciv-boss-grid,
  .pciv-realm-v214 .pciv-skills-v214 .pciv-skill-grid {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v214 .pciv-chapter {
    padding: 15px;
  }

  .pciv-realm-v214 .pciv-chapter-title {
    grid-template-columns: 1fr;
  }

  .pciv-realm-v214 .pciv-chapter-progress {
    min-width: 0;
  }

  .pciv-realm-v214 .pciv-stage-card,
  .pciv-realm-v214.is-view-compact .pciv-stage-card {
    min-height: 0 !important;
  }
}


/* ===== realm-critical-hotfix.css ===== */
/* Physics Civilizations Core 2.1.5 — Realm Layout Critical Hotfix */

/* The realm screen must never stay visually hidden because of reveal observers. */
.pciv-motion-enabled .pciv-shell.pciv-realm-v215 :is(
  .pciv-realm-banner,
  .pciv-realm-hero-v214,
  .pciv-realm-viewbar,
  .pciv-realm-stats-v214,
  .pciv-chapter,
  .pciv-stage-card,
  .pciv-boss-gallery-v214,
  .pciv-skills-v214,
  .pciv-nearest-achievement-v214
).pciv-reveal-item,
.pciv-motion-enabled .pciv-shell.pciv-realm-v215 :is(
  .pciv-realm-banner,
  .pciv-realm-hero-v214,
  .pciv-realm-viewbar,
  .pciv-realm-stats-v214,
  .pciv-chapter,
  .pciv-stage-card,
  .pciv-boss-gallery-v214,
  .pciv-skills-v214,
  .pciv-nearest-achievement-v214
) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  will-change: auto !important;
}

/* Root sizing and stable desktop canvas. */
.pciv-shell.pciv-realm-v214.pciv-realm-v215 {
  width: min(1440px, calc(100% - 32px)) !important;
  max-width: 1440px !important;
  overflow: visible !important;
}

/* Banner is optional. A broken or empty banner may not reserve a giant area. */
.pciv-realm-v215 > .pciv-realm-banner {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 230px !important;
  aspect-ratio: 6 / 1 !important;
  margin: 14px 0 18px !important;
  overflow: hidden !important;
}

.pciv-realm-v215 > .pciv-realm-banner.is-pciv-broken-banner,
.pciv-realm-v215 > .pciv-realm-banner:empty {
  display: none !important;
  margin: 0 !important;
}

.pciv-realm-v215 > .pciv-realm-banner img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 230px !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Restore the realm hero and prevent inherited fixed heights. */
.pciv-realm-v215 > .pciv-realm-hero-v214 {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(390px, .7fr) !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 248px !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 40px) !important;
  overflow: hidden !important;
}

.pciv-realm-v215 .pciv-realm-identity-v214,
.pciv-realm-v215 .pciv-realm-next-v214,
.pciv-realm-v215 .pciv-next-step-copy,
.pciv-realm-v215 .pciv-realm-identity-v214 > div {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.pciv-realm-v215 .pciv-realm-identity-v214 {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  min-width: 0 !important;
}

.pciv-realm-v215 .pciv-realm-identity-v214 h1 {
  margin: 6px 0 10px !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.22 !important;
}

.pciv-realm-v215 .pciv-realm-identity-v214 p {
  margin: 0 !important;
  color: #b9ced7 !important;
  font-size: 14px !important;
  line-height: 1.95 !important;
}

.pciv-realm-v215 .pciv-realm-next-v214 {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  min-width: 0 !important;
}

/* Keep overview controls close to the hero. */
.pciv-realm-v215 .pciv-realm-viewbar {
  margin: 16px 0 !important;
}

.pciv-realm-v215 .pciv-realm-stats-v214 {
  margin: 16px 0 22px !important;
}

/* Timeline starts exactly at the first chapter and ends at the last one. */
.pciv-realm-v215 .pciv-learning-path-v214 {
  position: relative !important;
  display: grid !important;
  gap: 18px !important;
  margin: 18px 0 0 !important;
  padding: 0 38px 0 0 !important;
}

.pciv-realm-v215 .pciv-learning-path-v214::before {
  top: 28px !important;
  bottom: 28px !important;
  right: 14px !important;
  left: auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Chapter size follows its content. */
.pciv-realm-v215 .pciv-learning-path-v214 > .pciv-chapter {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: visible !important;
  align-self: start !important;
}

.pciv-realm-v215.is-view-compact .pciv-learning-path-v214 > .pciv-chapter {
  padding: 17px !important;
}

.pciv-realm-v215 .pciv-path-node {
  top: 24px !important;
  right: -40px !important;
  left: auto !important;
}

.pciv-realm-v215 .pciv-chapter-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  align-items: center !important;
  gap: 18px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 15px !important;
  padding: 0 0 14px !important;
}

.pciv-realm-v215 .pciv-chapter-heading,
.pciv-realm-v215 .pciv-chapter-progress {
  min-width: 0 !important;
}

.pciv-realm-v215 .pciv-chapter-title h2 {
  margin: 6px 0 4px !important;
  font-size: clamp(23px, 2.2vw, 30px) !important;
  line-height: 1.4 !important;
}

.pciv-realm-v215 .pciv-chapter-title p {
  max-width: 880px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
}

.pciv-realm-v215 .pciv-chapter-progress {
  width: 170px !important;
  min-width: 170px !important;
  height: auto !important;
  min-height: 96px !important;
}

/* All old global stage-grid rules are intentionally overridden here. */
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-1,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-2,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-3,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-4,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5,
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-6 {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: 14px !important;
}

@media (min-width: 980px) {
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-1 {
    grid-template-columns: minmax(300px, 440px) !important;
    justify-content: start !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card {
    grid-column: span 2 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card:nth-child(4) {
    grid-column: 2 / span 2 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card:nth-child(5) {
    grid-column: 4 / span 2 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Cards may shrink into their grid cells and cannot force an extra row. */
.pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-card,
.pciv-realm-v215.is-view-compact .pciv-learning-path-v214 .pciv-stage-card {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 214px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 16px !important;
  align-self: stretch !important;
}

.pciv-realm-v215.is-view-compact .pciv-learning-path-v214 .pciv-stage-card {
  min-height: 190px !important;
}

.pciv-realm-v215 .pciv-stage-card h3 {
  margin: 2px 0 8px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.pciv-realm-v215 .pciv-stage-card > p {
  min-height: 48px !important;
  margin: 0 0 10px !important;
  color: #b2c7d0 !important;
  font-size: 12.5px !important;
  line-height: 1.85 !important;
}

.pciv-realm-v215 .pciv-stage-meta span,
.pciv-realm-v215 .pciv-stage-attempts,
.pciv-realm-v215 .pciv-stage-top > small {
  font-size: 10.5px !important;
}

.pciv-realm-v215 .pciv-stage-card > .pciv-stage-action,
.pciv-realm-v215 .pciv-stage-card > b {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: auto !important;
  font-size: 11.5px !important;
}

/* Bosses and skills use the same readable width. */
.pciv-realm-v215 .pciv-boss-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pciv-realm-v215 .pciv-skills-v214 .pciv-skill-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Tablet */
@media (max-width: 979px) {
  .pciv-shell.pciv-realm-v214.pciv-realm-v215 {
    width: min(100% - 24px, 1100px) !important;
  }

  .pciv-realm-v215 > .pciv-realm-hero-v214 {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-1,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-2,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-3,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-4,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card:nth-child(4),
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5 > .pciv-stage-card:nth-child(5) {
    grid-column: auto !important;
  }

  .pciv-realm-v215 .pciv-boss-grid,
  .pciv-realm-v215 .pciv-skills-v214 .pciv-skill-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .pciv-shell.pciv-realm-v214.pciv-realm-v215 {
    width: 100% !important;
  }

  .pciv-realm-v215 > .pciv-realm-banner {
    max-height: 150px !important;
    border-radius: 14px !important;
  }

  .pciv-realm-v215 > .pciv-realm-hero-v214 {
    padding: 18px !important;
  }

  .pciv-realm-v215 .pciv-realm-identity-v214 {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .pciv-realm-v215 .pciv-realm-next-v214 {
    grid-template-columns: 1fr !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 {
    padding: 0 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214::before,
  .pciv-realm-v215 .pciv-path-node {
    display: none !important;
  }

  .pciv-realm-v215 .pciv-chapter-title {
    grid-template-columns: 1fr !important;
  }

  .pciv-realm-v215 .pciv-chapter-progress {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-1,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-2,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-3,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-4,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-5,
  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-grid.pciv-stage-count-6,
  .pciv-realm-v215 .pciv-boss-grid,
  .pciv-realm-v215 .pciv-skills-v214 .pciv-skill-grid {
    grid-template-columns: 1fr !important;
  }

  .pciv-realm-v215 .pciv-learning-path-v214 .pciv-stage-card,
  .pciv-realm-v215.is-view-compact .pciv-learning-path-v214 .pciv-stage-card {
    min-height: 0 !important;
  }
}


/* ===== marketplace-effects.css ===== */
/* Physics Civilizations Core 2.2.0 — Marketplace clarity and cosmetic effect engine */

.pciv-marketplace-assurance{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.pciv-marketplace-assurance span{padding:8px 11px;border:1px solid rgba(95,229,255,.14);border-radius:999px;background:rgba(5,25,39,.72);color:#c9e4ec;font-size:11px;font-weight:800}
.pciv-cosmetic-panel-head>div>div{display:grid;gap:3px}.pciv-cosmetic-panel-head>div>div small{max-width:560px;color:#9eb9c5;line-height:1.7}.pciv-category-effect-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:left}.pciv-category-effect-meta b{color:#f1cc72;font-size:11px}.pciv-category-effect-meta span{color:#91aebc;font-size:10px}
.pciv-cosmetic-card{display:flex;flex-direction:column;gap:9px}.pciv-product-copy p{min-height:42px;margin:5px 0 0;color:#9fbac6;font-size:10px;line-height:1.75}.pciv-effect-location{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(95,229,255,.1);border-radius:11px;background:rgba(1,15,25,.44)}.pciv-effect-location span{color:#6fded4;font-size:9px;font-weight:900}.pciv-effect-location strong{color:#e4f1f5;font-size:10px;line-height:1.55}.pciv-effect-location small{color:#829fac;font-size:9px}.pciv-product-health{display:flex;align-items:center;min-height:24px}.pciv-product-health span{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.pciv-product-health.is-ready span{background:rgba(72,210,143,.12);color:#72e2a2}.pciv-product-health.is-error span{background:rgba(255,111,122,.12);color:#ff9ba2}.pciv-cosmetic-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.pciv-cosmetic-card-actions .pciv-button{min-width:0}.pciv-cosmetic-select.is-deactivate{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,145,154,.28)!important;color:#ffc0c5!important}

.pciv-active-appearance{margin:24px 0;padding:23px;border:1px solid rgba(95,229,255,.16);border-radius:23px;background:radial-gradient(circle at 90% 0,rgba(242,196,94,.11),transparent 28%),linear-gradient(145deg,#0d3044,#071b2a)}.pciv-active-count{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 7px;padding:10px 13px;border:1px solid rgba(242,196,94,.24);border-radius:15px;background:rgba(3,18,28,.62);font-size:20px}.pciv-active-count b{color:#f2c45e;font-size:20px}.pciv-active-count small{grid-column:1/-1;color:#92adba;font-size:9px}.pciv-active-appearance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.pciv-active-appearance-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(2,18,29,.55)}.pciv-active-appearance-grid article.has-active{border-color:rgba(95,229,255,.2)}.pciv-active-appearance-grid article.is-empty{opacity:.68}.pciv-active-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(242,196,94,.22);border-radius:12px;background:rgba(242,196,94,.08);font-size:21px}.pciv-active-copy{min-width:0}.pciv-active-copy strong,.pciv-active-copy small,.pciv-active-copy p{display:block}.pciv-active-copy strong{font-size:12px}.pciv-active-copy small{margin-top:2px;color:#75cfc8;font-size:8px;line-height:1.55}.pciv-active-copy p{margin:6px 0 0;color:#d9e7ec;font-size:10px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pciv-active-actions{grid-column:1/-1;display:flex;gap:7px}.pciv-active-actions a,.pciv-active-actions button{flex:1;min-height:31px;padding:6px 8px;border:1px solid rgba(95,229,255,.15);border-radius:9px;background:rgba(255,255,255,.04);color:#d9edf2;cursor:pointer;font:inherit;font-size:9px;text-align:center}.pciv-active-actions button{color:#f1cd75}

.pciv-cosmetic-preview-modal[hidden]{display:none!important}.pciv-cosmetic-preview-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:rgba(0,7,13,.82);backdrop-filter:blur(9px)}.pciv-cosmetic-preview-dialog{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid rgba(242,196,94,.34);border-radius:24px;background:linear-gradient(150deg,#0c3045,#061724);box-shadow:0 32px 90px rgba(0,0,0,.55)}.pciv-preview-close{position:absolute;left:14px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#071b2a;color:#fff;font-size:24px;cursor:pointer}.pciv-preview-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.pciv-preview-heading>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(242,196,94,.32);border-radius:18px;background:rgba(242,196,94,.08);font-size:32px}.pciv-preview-heading small{color:#f2c45e;font-weight:900}.pciv-preview-heading h3{margin:3px 0;font-size:24px}.pciv-preview-heading p{margin:0;color:#9eb7c2;font-size:11px}.pciv-live-cosmetic-preview{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pciv-preview-profile-card,.pciv-preview-city-card{position:relative;min-height:210px;border:1px solid rgba(95,229,255,.14);border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#12374d,#071b2b)}.pciv-preview-profile-card{display:flex;align-items:center;gap:13px;padding:21px}.pciv-preview-avatar{display:grid;place-items:center;width:82px;height:82px;border:3px solid #f2c45e;border-radius:50%;background:#082338;font-size:42px}.pciv-preview-profile-card strong,.pciv-preview-profile-card small{display:block}.pciv-preview-profile-card strong{font-size:17px}.pciv-preview-profile-card small{margin-top:7px;color:#a9c2cd}.pciv-preview-profile-card em{font-style:normal}.pciv-preview-companion{position:absolute;left:20px;bottom:18px;font-size:40px}.pciv-preview-city-card{display:grid;place-items:end center;padding:18px}.pciv-preview-city-sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(95,229,255,.25),transparent 28%),linear-gradient(180deg,#071c30,#0b3941)}.pciv-preview-buildings{position:relative;z-index:2;font-size:34px;letter-spacing:8px}.pciv-preview-decor{position:absolute;z-index:3;right:20px;bottom:65px;font-size:42px}.pciv-preview-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(242,196,94,.18);border-radius:13px;background:rgba(242,196,94,.06)}.pciv-preview-note b{color:#f2c45e}.pciv-preview-note span{color:#a8bec8;font-size:11px}

/* Public profile now receives the same cosmetic engine classes. */
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-galaxy{background:radial-gradient(circle at 15% 8%,rgba(137,74,255,.34),transparent 23%),radial-gradient(circle at 82% 16%,rgba(35,221,213,.22),transparent 19%),linear-gradient(150deg,#05071e,#111842 52%,#071725)}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-formulas{background:repeating-linear-gradient(0deg,rgba(89,218,246,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(89,218,246,.03) 0 1px,transparent 1px 34px),linear-gradient(145deg,#020b13,#082338)}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-magnetic{background:radial-gradient(ellipse at 15% 10%,rgba(230,67,101,.23),transparent 28%),radial-gradient(ellipse at 85% 15%,rgba(54,171,255,.24),transparent 28%),linear-gradient(150deg,#06131e,#0a2538)}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-prism{background:linear-gradient(135deg,rgba(73,221,255,.12),transparent 28%),linear-gradient(225deg,rgba(235,86,255,.12),transparent 30%),linear-gradient(150deg,#06111d,#11243b)}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-laboratory{background:radial-gradient(circle at 12% 15%,rgba(32,215,197,.18),transparent 24%),radial-gradient(circle at 88% 12%,rgba(129,73,255,.15),transparent 22%),linear-gradient(150deg,#03131a,#082d35)}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-circuit{background:linear-gradient(90deg,transparent 47%,rgba(50,221,204,.06) 48% 49%,transparent 50%),linear-gradient(0deg,transparent 47%,rgba(95,229,255,.05) 48% 49%,transparent 50%),linear-gradient(145deg,#030f18,#09263a);background-size:52px 52px,52px 52px,auto}
.pciv-public-profile.pciv-cosmetic-profile_bg-bg-celestial{background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 75% 30%,rgba(255,255,255,.33) 0 1px,transparent 2px),radial-gradient(circle at 50% 0,rgba(56,158,255,.28),transparent 33%),linear-gradient(150deg,#03071a,#0a1e3b)}
.pciv-cosmetic-profile_banner-banner-academy .pciv-public-profile-hero{background:linear-gradient(125deg,#0b3b50,#071c2c)}
.pciv-cosmetic-profile_banner-banner-tesla .pciv-public-profile-hero{background:linear-gradient(125deg,#071925,#0a5f6a 50%,#5f2a92);box-shadow:inset 0 0 45px rgba(85,239,255,.12)}
.pciv-cosmetic-profile_banner-banner-quantum .pciv-public-profile-hero{background:radial-gradient(circle at 20% 50%,rgba(88,231,222,.3),transparent 25%),linear-gradient(125deg,#111247,#4e2881)}
.pciv-cosmetic-profile_banner-banner-optics .pciv-public-profile-hero{background:linear-gradient(115deg,#082238,#145b6a 38%,#6d316f 64%,#7c5820)}
.pciv-cosmetic-profile_banner-banner-nuclear .pciv-public-profile-hero{background:radial-gradient(circle at 15% 50%,rgba(215,255,94,.23),transparent 20%),linear-gradient(125deg,#0c302d,#0a243b)}
.pciv-cosmetic-profile_banner-banner-motion .pciv-public-profile-hero{background:linear-gradient(105deg,#07182b,#095474 48%,#11324d)}
.pciv-cosmetic-profile_banner-banner-royal .pciv-public-profile-hero{background:radial-gradient(circle at 18% 40%,rgba(245,200,95,.3),transparent 24%),linear-gradient(125deg,#2b2114,#0a2438);border-color:rgba(245,200,95,.5)}
.pciv-cosmetic-profile_banner-banner-aurora .pciv-public-profile-hero{background:linear-gradient(120deg,#071d31,#07515a 38%,#3c2d7d 72%,#0c1c35)}

/* Multi-slot city decor. */
.pciv-city-scene .pciv-city-decor{position:absolute;z-index:8;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:72px;padding:7px 9px;border:1px solid rgba(242,196,94,.28);border-radius:13px;background:rgba(2,18,27,.72);box-shadow:0 9px 22px rgba(0,0,0,.24)}.pciv-city-scene .pciv-city-decor span{font-size:31px}.pciv-city-scene .pciv-city-decor strong{max-width:90px;color:#f5df9a;font-size:8px;text-align:center}.pciv-city-decor-slot-1{right:18px;top:18px}.pciv-city-decor-slot-2{left:18px;top:26px}.pciv-city-decor-slot-3{left:50%;bottom:16px;transform:translateX(-50%)}
.pciv-city-decor.is-decor-tesla span{filter:drop-shadow(0 0 12px #68e5ff)}.pciv-city-decor.is-decor-reactor span{animation:pciv-decor-pulse 1.8s ease-in-out infinite}.pciv-city-decor.is-decor-garden{border-color:rgba(91,227,136,.35)}.pciv-city-decor.is-decor-gateway{border-color:rgba(242,196,94,.55)}@keyframes pciv-decor-pulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 15px #6bf4e0)}}

@media(max-width:1050px){.pciv-active-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pciv-live-cosmetic-preview{grid-template-columns:1fr}}
@media(max-width:680px){.pciv-category-effect-meta{align-items:flex-start;text-align:right}.pciv-active-appearance-grid{grid-template-columns:1fr}.pciv-cosmetic-card-actions{grid-template-columns:1fr}.pciv-cosmetic-preview-dialog{padding:18px}.pciv-preview-profile-card,.pciv-preview-city-card{min-height:175px}.pciv-preview-note{flex-direction:column}.pciv-city-decor-slot-3{bottom:8px}.pciv-city-scene .pciv-city-decor strong{display:none}}
@media(prefers-reduced-motion:reduce){.pciv-entry-effect-layer{display:none!important}.pciv-city-decor span{animation:none!important}}


/* ===== daily-reactor.css ===== */
/* Physics Civilizations Core 2.3.0 — Daily Reward Reactor */
.pciv-daily-reactor{position:relative;margin:24px 0;padding:24px;border:1px solid rgba(56,215,203,.23);border-radius:28px;background:radial-gradient(circle at 15% 15%,rgba(20,197,189,.15),transparent 32%),radial-gradient(circle at 85% 0,rgba(242,196,94,.12),transparent 30%),linear-gradient(145deg,#09283a 0%,#071b2c 54%,#051522 100%);box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.pciv-daily-reactor:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.5px);background-size:43px 43px;opacity:.11}.pciv-reactor-header,.pciv-reactor-layout,.pciv-reactor-streak{position:relative;z-index:1}.pciv-reactor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.pciv-reactor-header h2{margin:4px 0 7px;color:#fff;font-size:27px}.pciv-reactor-header p{max-width:680px;margin:0;color:rgba(224,241,246,.7)}.pciv-reactor-header-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pciv-reactor-header-badges span{padding:7px 11px;border:1px solid rgba(242,196,94,.22);border-radius:99px;color:#f1d485;background:rgba(242,196,94,.07);font-size:11px;white-space:nowrap}.pciv-reactor-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.45fr);gap:20px}.pciv-reactor-core-column,.pciv-reactor-mission{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(3,17,28,.56)}.pciv-reactor-core-column{display:grid;place-items:center;padding:18px}.pciv-reactor-core{position:relative;width:min(220px,72vw);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(56,226,209,.14) 0 24%,rgba(7,30,44,.85) 25% 49%,rgba(4,17,27,.92) 50%);box-shadow:0 0 38px rgba(48,221,205,.14),inset 0 0 30px rgba(0,0,0,.55)}.pciv-reactor-core:before,.pciv-reactor-core:after{content:"";position:absolute;border-radius:50%;inset:7%;border:2px solid rgba(64,230,214,.44);box-shadow:0 0 16px rgba(64,230,214,.2),inset 0 0 14px rgba(64,230,214,.12)}.pciv-reactor-core:after{inset:17%;border-color:rgba(242,196,94,.55)}.pciv-reactor-orbit{position:absolute;inset:4%;border:1px solid transparent;border-top-color:rgba(242,196,94,.9);border-right-color:rgba(64,230,214,.55);border-radius:50%;animation:pciv-reactor-spin 8s linear infinite}.pciv-reactor-orbit.orbit-two{inset:13%;animation-duration:6s;animation-direction:reverse;border-top-color:rgba(64,230,214,.9)}.pciv-reactor-orbit.orbit-three{inset:25%;animation-duration:4s;border-right-color:rgba(242,196,94,.8)}.pciv-reactor-nucleus{position:relative;z-index:2;display:grid;place-items:center;width:35%;aspect-ratio:1;border:2px solid rgba(242,196,94,.75);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#3ee7db,#087b87 48%,#073044 70%);box-shadow:0 0 26px rgba(51,226,211,.55),inset 0 0 13px rgba(255,255,255,.25)}.pciv-reactor-nucleus span{font-size:34px;line-height:1}.pciv-reactor-nucleus b{font-size:9px}.pciv-reactor-core>em{position:absolute;width:8px;height:8px;border-radius:50%;background:#f4ce6f;box-shadow:0 0 12px #f4ce6f}.pciv-reactor-core>em:nth-of-type(1){top:8%;left:48%}.pciv-reactor-core>em:nth-of-type(2){top:48%;right:7%}.pciv-reactor-core>em:nth-of-type(3){bottom:7%;left:48%}.pciv-reactor-core>em:nth-of-type(4){top:48%;left:7%}.pciv-daily-reactor.is-charged .pciv-reactor-core,.pciv-daily-reactor.is-claimed .pciv-reactor-core{box-shadow:0 0 58px rgba(48,221,205,.32),inset 0 0 34px rgba(0,0,0,.5)}.pciv-daily-reactor.is-activating .pciv-reactor-core{animation:pciv-reactor-pulse .65s ease-in-out infinite alternate}.pciv-daily-reactor.is-activating .pciv-reactor-orbit{animation-duration:.8s}.pciv-reactor-mini-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.pciv-reactor-mini-stats div{padding:10px 7px;border:1px solid rgba(255,255,255,.07);border-radius:13px;text-align:center;background:rgba(255,255,255,.025)}.pciv-reactor-mini-stats span,.pciv-reactor-mini-stats strong{display:block}.pciv-reactor-mini-stats span{color:rgba(221,239,244,.55);font-size:10px}.pciv-reactor-mini-stats strong{margin-top:4px;color:#f2d177;font-size:12px}.pciv-reactor-mission{min-height:330px;padding:22px;display:flex;flex-direction:column;justify-content:center}.pciv-reactor-step{display:flex;align-items:center;gap:11px}.pciv-reactor-step>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(59,222,210,.35);border-radius:50%;color:#54e1d6;background:rgba(59,222,210,.08);font-weight:900}.pciv-reactor-step strong,.pciv-reactor-step small{display:block}.pciv-reactor-step strong{color:#fff}.pciv-reactor-step small{margin-top:2px;color:rgba(220,238,244,.56);font-size:11px}.pciv-reactor-question-panel h3{margin:19px 0 15px;color:#fff;font-size:20px;line-height:1.75}.pciv-reactor-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.pciv-reactor-options label{cursor:pointer}.pciv-reactor-options input{position:absolute;opacity:0;pointer-events:none}.pciv-reactor-options span{display:flex;align-items:center;gap:9px;min-height:47px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:rgba(239,248,250,.82);background:rgba(255,255,255,.025);transition:.2s ease}.pciv-reactor-options span i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;color:#9ccdd1;background:rgba(71,218,207,.08);font-style:normal;font-size:11px}.pciv-reactor-options label:hover span,.pciv-reactor-options label.is-selected span,.pciv-reactor-options input:checked+span{border-color:rgba(61,226,212,.52);color:#fff;background:rgba(52,210,200,.09);transform:translateY(-1px)}.pciv-reactor-question-panel>.pciv-button{width:100%}.pciv-reactor-ready-panel,.pciv-reactor-claimed-panel{text-align:center}.pciv-reactor-ready-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 13px;border:1px solid rgba(64,230,214,.45);border-radius:50%;font-size:38px;background:radial-gradient(circle,rgba(64,230,214,.22),rgba(64,230,214,.03));box-shadow:0 0 27px rgba(64,230,214,.2)}.pciv-reactor-ready-panel h3,.pciv-reactor-claimed-panel h3{margin:7px 0;color:#fff;font-size:23px}.pciv-reactor-ready-panel p,.pciv-reactor-claimed-panel p{margin:0 auto 17px;max-width:520px;color:rgba(224,241,246,.66)}.pciv-reactor-ready-panel .pciv-button{min-width:220px}.pciv-reactor-reward-burst{display:grid;place-items:center;width:112px;height:112px;margin:0 auto 12px;border:2px solid rgba(242,196,94,.68);border-radius:50%;background:radial-gradient(circle,#3c8d89 0 27%,#0b3b4c 28% 58%,#071d2d 59%);box-shadow:0 0 34px rgba(242,196,94,.2),inset 0 0 0 7px rgba(242,196,94,.05)}.pciv-reactor-reward-burst span{color:#f5d576;font-size:25px;font-weight:900}.pciv-reactor-reward-burst small{color:#e5f1f3;font-size:10px}.pciv-reactor-feedback{min-height:24px;margin-top:12px;padding:0 3px;color:rgba(219,238,243,.65);font-size:12px;line-height:1.8}.pciv-reactor-feedback.is-success{color:#65e5b1}.pciv-reactor-feedback.is-error{color:#ff9d9d}.pciv-reactor-streak{display:flex;align-items:center;gap:18px;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(2,13,22,.48)}.pciv-reactor-streak-copy{flex:0 0 180px}.pciv-reactor-streak-copy strong,.pciv-reactor-streak-copy span{display:block}.pciv-reactor-streak-copy strong{color:#fff}.pciv-reactor-streak-copy span{margin-top:3px;color:rgba(220,238,244,.55);font-size:10px}.pciv-reactor-streak-days{display:grid;grid-template-columns:repeat(7,minmax(52px,1fr));gap:7px;flex:1}.pciv-reactor-streak-days>div{position:relative;display:grid;place-items:center;min-height:58px;padding:6px;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:rgba(220,238,244,.52);background:rgba(255,255,255,.02)}.pciv-reactor-streak-days i{font-style:normal;font-size:17px}.pciv-reactor-streak-days span{font-size:9px}.pciv-reactor-streak-days small{position:absolute;top:4px;left:4px;color:#f4ce70;font-size:8px}.pciv-reactor-streak-days .is-complete{border-color:rgba(69,224,173,.32);color:#6be5b3;background:rgba(69,224,173,.07)}.pciv-reactor-streak-days .is-current{border-color:rgba(242,196,94,.52);color:#f4d274;background:rgba(242,196,94,.08);box-shadow:0 0 16px rgba(242,196,94,.08)}.pciv-reactor-streak-days .is-milestone{border-style:dashed}.pciv-daily-reactor [hidden]{display:none!important}@keyframes pciv-reactor-spin{to{transform:rotate(360deg)}}@keyframes pciv-reactor-pulse{from{transform:scale(.98);filter:brightness(1)}to{transform:scale(1.025);filter:brightness(1.28)}}@media(max-width:900px){.pciv-reactor-header{display:block}.pciv-reactor-header-badges{justify-content:flex-start;margin-top:12px}.pciv-reactor-layout{grid-template-columns:1fr}.pciv-reactor-core-column{grid-template-columns:auto 1fr;gap:18px}.pciv-reactor-core{width:190px}.pciv-reactor-mini-stats{grid-template-columns:1fr;margin:0}.pciv-reactor-streak{display:block}.pciv-reactor-streak-copy{margin-bottom:11px}.pciv-reactor-streak-days{overflow-x:auto}}@media(max-width:620px){.pciv-daily-reactor{padding:16px;border-radius:22px}.pciv-reactor-header h2{font-size:23px}.pciv-reactor-core-column{display:grid;grid-template-columns:1fr}.pciv-reactor-core{width:180px}.pciv-reactor-mini-stats{grid-template-columns:repeat(3,1fr);margin-top:2px}.pciv-reactor-mission{min-height:0;padding:17px}.pciv-reactor-options{grid-template-columns:1fr}.pciv-reactor-question-panel h3{font-size:17px}.pciv-reactor-streak-days{grid-template-columns:repeat(7,58px);padding-bottom:4px}}@media(prefers-reduced-motion:reduce){.pciv-reactor-orbit,.pciv-daily-reactor.is-activating .pciv-reactor-core{animation:none!important}}


/* ===== final-dashboard-polish.css ===== */
/* Physics Civilizations Core 2.6.1 — Final dashboard hierarchy, readability and compactness */

/* Main reading hierarchy */
.pciv-portal-v261{
  --pciv-final-text:#edf7fb;
  --pciv-final-muted:#b5ccd5;
  --pciv-final-soft:rgba(101,214,224,.15);
}
.pciv-portal-v261 > :where(header,nav,section){margin-block-end:12px!important}
.pciv-portal-v261 #pciv-realms{scroll-margin-top:86px}
.pciv-portal-v261 :where(.pciv-section-title p,.pciv-command-overview p,.pciv-realm-card p,.pciv-customization-hub p,.pciv-code-intro p,.pciv-social-hub p,.pciv-city-copy p){
  color:var(--pciv-final-muted)!important;
  font-size:13px!important;
  line-height:1.9!important;
}
.pciv-portal-v261 :where(.pciv-stat-grid small,.pciv-realm-card small,.pciv-command-paths small,.pciv-customization-stats span,.pciv-panel-summary-copy small){
  font-size:12px!important;
  line-height:1.65!important;
}
.pciv-portal-v261 :where(.pciv-button,button,a.pciv-button){font-size:13px!important}

/* Navigation: keep all primary destinations in one balanced row on desktop. */
.pciv-portal-v261 .pciv-toolbar-focused{
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  align-items:stretch;
}
.pciv-portal-v261 .pciv-toolbar-focused > a,
.pciv-portal-v261 .pciv-toolbar-more > summary{
  min-height:46px!important;
  font-size:13px!important;
}

/* The educational path is now the first substantial block after the commander summary. */
.pciv-portal-v261 #pciv-realms{
  padding:20px 22px!important;
  border:1px solid rgba(55,223,210,.24)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 0,rgba(242,196,94,.08),transparent 30%),
    linear-gradient(145deg,rgba(8,40,57,.96),rgba(4,20,32,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.2)!important;
}
.pciv-portal-v261 #pciv-realms .pciv-section-title{margin-bottom:13px!important}
.pciv-portal-v261 #pciv-realms .pciv-section-title h2{font-size:25px!important}
.pciv-portal-v261 .pciv-continue-realm{
  min-height:118px!important;
  padding:17px 19px!important;
  border-color:color-mix(in srgb,var(--realm-accent) 55%,rgba(255,255,255,.12))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.21)!important;
}
.pciv-portal-v261 .pciv-continue-copy strong{font-size:20px!important}
.pciv-portal-v261 .pciv-continue-copy p{font-size:12.5px!important;line-height:1.75!important}
.pciv-portal-v261 .pciv-realm-filter-stack{margin-block:13px!important;padding:11px 13px!important}
.pciv-portal-v261 .pciv-realm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pciv-portal-v261 .pciv-realm-card{min-height:0!important;padding:15px!important}
.pciv-portal-v261 .pciv-realm-card-copy h3{font-size:18px!important;line-height:1.55!important}
.pciv-portal-v261 .pciv-realm-card-copy p{min-height:44px!important;margin-block:6px 8px!important}
.pciv-portal-v261 .pciv-realm-enter{min-height:43px!important}
.pciv-portal-v261 .pciv-realm-show-more{min-height:44px!important;font-size:13px!important}

/* Make the daily reactor compact without losing its visual identity. */
.pciv-portal-v261 .pciv-daily-reactor{
  margin:12px 0!important;
  padding:18px!important;
  border-radius:23px!important;
}
.pciv-portal-v261 .pciv-reactor-header{gap:16px!important;margin-bottom:12px!important}
.pciv-portal-v261 .pciv-reactor-header h2{font-size:24px!important;margin-block:2px 5px!important}
.pciv-portal-v261 .pciv-reactor-header p{font-size:12.5px!important;line-height:1.75!important}
.pciv-portal-v261 .pciv-reactor-layout{grid-template-columns:minmax(190px,.62fr) minmax(0,1.55fr)!important;gap:14px!important}
.pciv-portal-v261 .pciv-reactor-core-column{padding:13px!important}
.pciv-portal-v261 .pciv-reactor-core{width:min(172px,58vw)!important}
.pciv-portal-v261 .pciv-reactor-nucleus span{font-size:28px!important}
.pciv-portal-v261 .pciv-reactor-mini-stats{gap:6px!important;margin-top:10px!important}
.pciv-portal-v261 .pciv-reactor-mini-stats div{padding:8px 6px!important}
.pciv-portal-v261 .pciv-reactor-mission{min-height:245px!important;padding:16px 18px!important}
.pciv-portal-v261 .pciv-reactor-question-panel h3{margin:13px 0 11px!important;font-size:18px!important}
.pciv-portal-v261 .pciv-reactor-options span{min-height:43px!important;font-size:12px!important}
.pciv-portal-v261 .pciv-reactor-ready-icon{width:64px!important;height:64px!important;font-size:31px!important}
.pciv-portal-v261 .pciv-reactor-reward-burst{width:94px!important;height:94px!important}
.pciv-portal-v261 .pciv-reactor-ready-panel h3,
.pciv-portal-v261 .pciv-reactor-claimed-panel h3{font-size:21px!important}
.pciv-portal-v261 .pciv-reactor-streak{gap:12px!important;margin-top:11px!important;padding:10px 12px!important}
.pciv-portal-v261 .pciv-reactor-streak-copy{flex-basis:160px!important}
.pciv-portal-v261 .pciv-reactor-streak-days{gap:5px!important}
.pciv-portal-v261 .pciv-reactor-streak-days>div{min-height:48px!important;padding:5px!important}
.pciv-portal-v261 .pciv-reactor-streak-days span{font-size:10px!important}
.pciv-portal-v261 .pciv-reactor-streak-days small{font-size:9px!important}

/* Stronger next action and more compact summary cards. */
.pciv-portal-v261 .pciv-command-actions .pciv-button-gold{
  box-shadow:0 10px 25px rgba(232,184,69,.2)!important;
}
.pciv-portal-v261 .pciv-portal-stats>div{min-height:94px!important;padding:13px 14px!important}
.pciv-portal-v261 .pciv-portal-stats strong{font-size:23px!important}
.pciv-portal-v261 .pciv-secondary-collapsible.is-collapsed{
  min-height:74px!important;
  padding:11px 14px!important;
}
.pciv-portal-v261 .pciv-panel-summary-icon{width:44px!important;height:44px!important;flex-basis:44px!important}
.pciv-portal-v261 .pciv-panel-summary-copy strong{font-size:16px!important}

/* Distinguish the most important content families with restrained accents. */
.pciv-portal-v261 #pciv-realms{border-top-color:rgba(61,226,212,.55)!important}
.pciv-portal-v261 .pciv-daily-reactor{border-top-color:rgba(242,196,94,.44)!important}
.pciv-portal-v261 .pciv-ranking{border-top-color:rgba(183,121,255,.35)!important}
.pciv-portal-v261 .pciv-customization-hub{border-top-color:rgba(242,196,94,.28)!important}

/* Responsive final pass */
@media (max-width:1100px){
  .pciv-portal-v261 .pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pciv-portal-v261 .pciv-reactor-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.35fr)!important}
}
@media (max-width:820px){
  .pciv-portal-v261 .pciv-toolbar-focused{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pciv-portal-v261 #pciv-realms{padding:16px!important}
  .pciv-portal-v261 .pciv-realm-grid{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-layout{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-core-column{grid-template-columns:150px minmax(0,1fr)!important;display:grid!important;gap:12px!important}
  .pciv-portal-v261 .pciv-reactor-core{width:150px!important}
  .pciv-portal-v261 .pciv-reactor-mini-stats{margin:0!important;grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .pciv-portal-v261 :where(.pciv-section-title p,.pciv-command-overview p,.pciv-realm-card p,.pciv-reactor-header p){font-size:12.5px!important}
  .pciv-portal-v261 .pciv-toolbar-focused{grid-template-columns:1fr 1fr!important}
  .pciv-portal-v261 .pciv-toolbar-focused > a,
  .pciv-portal-v261 .pciv-toolbar-more > summary{min-height:44px!important;padding-inline:7px!important;font-size:12px!important}
  .pciv-portal-v261 .pciv-reactor-core-column{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-core{width:158px!important}
  .pciv-portal-v261 .pciv-reactor-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:5px!important}
  .pciv-portal-v261 .pciv-reactor-streak-days{grid-template-columns:repeat(7,54px)!important}
  .pciv-portal-v261 .pciv-realm-card-copy h3{font-size:17px!important}
  .pciv-portal-v261 .pciv-button{min-height:44px!important}
}


/* ===== dashboard-final-v262.css ===== */
/* Physics Civilizations Core 2.6.2 — enforced dashboard hierarchy and final compact layout */
.pciv-portal-v262{--pciv-v262-gap:12px}
.pciv-portal-v262>.pciv-toolbar-focused{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.pciv-portal-v262>.pciv-toolbar-focused>.pciv-toolbar-more{min-width:0!important}
.pciv-portal-v262>.pciv-toolbar-focused>.pciv-toolbar-more>summary{width:100%!important;justify-content:center!important}

/* Strict primary sequence: mission, realms, mastery, stats, reactor. */
.pciv-portal-v262 [data-pciv-dashboard-section="mission"]{margin-bottom:var(--pciv-v262-gap)!important}
.pciv-portal-v262 [data-pciv-dashboard-section="realms"]{margin-top:0!important}
.pciv-portal-v262 .pciv-dashboard-mastery:empty{display:none!important}
.pciv-portal-v262 .pciv-dashboard-mastery>*{margin-block:0 12px!important}

/* Smaller reward reactor: it remains attractive but no longer dominates learning. */
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-daily-reactor{padding:14px 16px!important;margin:0 0 12px!important;border-radius:20px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-header{margin-bottom:9px!important;align-items:center!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-header h2{font-size:21px!important;margin:0 0 3px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-header p{font-size:12px!important;line-height:1.65!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-layout{grid-template-columns:150px minmax(0,1fr)!important;gap:11px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-core-column{padding:10px!important;border-radius:17px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-core{width:122px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-mini-stats{margin-top:7px!important;gap:4px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-mini-stats div{padding:5px 3px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-mission{min-height:170px!important;padding:13px 15px!important;border-radius:17px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-ready-icon{width:52px!important;height:52px!important;font-size:25px!important;margin-bottom:7px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-reward-burst{width:76px!important;height:76px!important;margin-bottom:7px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-ready-panel h3,
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-claimed-panel h3{font-size:18px!important;margin:4px 0!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-ready-panel p,
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-claimed-panel p{margin-bottom:9px!important;font-size:12px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-streak{margin-top:8px!important;padding:7px 9px!important;border-radius:14px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-streak-copy{flex-basis:145px!important}
.pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-streak-days>div{min-height:42px!important}

/* Secondary features are real two-column cards in PHP, not long isolated bars. */
.pciv-portal-v262 .pciv-secondary-hub-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;align-items:start!important}
.pciv-portal-v262 .pciv-secondary-hub-grid>.pciv-secondary-collapsible{margin:0!important;min-width:0!important}
.pciv-portal-v262 .pciv-secondary-hub-grid>.pciv-secondary-collapsible.is-collapsed{min-height:86px!important;padding:12px!important}
.pciv-portal-v262 .pciv-secondary-hub-grid>.pciv-secondary-collapsible:not(.is-collapsed){grid-column:1/-1!important}
.pciv-portal-v262 .pciv-secondary-hub-grid .pciv-panel-summary-copy strong{font-size:15px!important}
.pciv-portal-v262 .pciv-secondary-hub-grid .pciv-panel-summary-copy small{font-size:11.5px!important}
.pciv-portal-v262 .pciv-secondary-hub-grid .pciv-panel-summary-meta{font-size:10.5px!important}

/* Ranking is a primary competitive destination and stays visible. */
.pciv-portal-v262 .pciv-dashboard-ranking>.pciv-ranking{margin:0!important}
.pciv-portal-v262 .pciv-dashboard-ranking .pciv-ranking.is-collapsed{min-height:0!important}

/* Readability floor for student audiences. */
.pciv-portal-v262 :where(.pciv-realm-card p,.pciv-realm-card small,.pciv-stat-grid small,.pciv-panel-summary-copy small){font-size:max(12px,0.78rem)!important}
.pciv-portal-v262 :where(.pciv-button,button,a.pciv-button){min-height:42px}

@media(max-width:1100px){
 .pciv-portal-v262>.pciv-toolbar-focused{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
 .pciv-portal-v262 .pciv-secondary-hub-grid{grid-template-columns:1fr!important}
 .pciv-portal-v262 .pciv-secondary-hub-grid>.pciv-secondary-collapsible:not(.is-collapsed){grid-column:auto!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-layout{grid-template-columns:1fr!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-core-column{grid-template-columns:125px minmax(0,1fr)!important;display:grid!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-core{width:118px!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-mini-stats{margin:0!important;grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .pciv-portal-v262>.pciv-toolbar-focused{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-core-column{grid-template-columns:1fr!important}
 .pciv-portal-v262 .pciv-dashboard-reactor .pciv-reactor-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* ===== dashboard-final-v263.css ===== */
/* Physics Civilizations Core 2.6.3 — final lower-dashboard repair */

/* Secondary dashboard modules are deliberately full-width and vertically stacked. */
.pciv-portal-v263 .pciv-secondary-hub-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 12px!important;
  min-height:0!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack > *{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  grid-column:auto!important;
  align-self:stretch!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack > .pciv-secondary-collapsible{
  overflow:hidden!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack > .pciv-secondary-collapsible.is-collapsed{
  min-height:72px!important;
  height:72px!important;
  padding:10px 13px!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack > .pciv-secondary-collapsible:not(.is-collapsed){
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-panel-summary{
  min-width:0!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-panel-summary-copy{
  min-width:0!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-panel-summary-copy strong,
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-panel-summary-copy small,
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-panel-summary-meta{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  writing-mode:horizontal-tb!important;
}

/* Expanded personal city: keep all buildings horizontal and prevent vertical letter stacking. */
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed){
  padding:16px!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-header{
  grid-template-columns:minmax(0,1fr) minmax(160px,210px)!important;
  gap:14px!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-scene{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(84px,1fr))!important;
  grid-auto-flow:column!important;
  gap:9px!important;
  width:100%!important;
  min-width:760px!important;
  min-height:250px!important;
  height:auto!important;
  padding:58px 14px 16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  align-items:end!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) .pciv-building{
  position:relative!important;
  width:auto!important;
  min-width:84px!important;
  max-width:none!important;
  height:136px!important;
  min-height:136px!important;
  margin:0!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) .pciv-building[data-pciv-city-slot="1"]{
  height:158px!important;
  min-height:158px!important;
  margin:0!important;
  transform:none!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) .pciv-building strong,
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) .pciv-building small{
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  writing-mode:horizontal-tb!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-form{
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  width:100%!important;
  min-height:0!important;
}

/* Customization and classroom events use the whole row when opened. */
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-customization-hub:not(.is-collapsed),
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-social-hub:not(.is-collapsed),
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-code-hub:not(.is-collapsed){
  width:100%!important;
  height:auto!important;
  min-height:0!important;
}
.pciv-portal-v263 .pciv-secondary-hub-stack .pciv-code-hub:not(.is-collapsed){
  grid-template-columns:minmax(180px,.75fr) repeat(2,minmax(0,1fr))!important;
}

/* Leaderboard height follows real content; compact small-population state. */
.pciv-portal-v263 .pciv-dashboard-ranking,
.pciv-portal-v263 .pciv-dashboard-ranking > .pciv-ranking,
.pciv-portal-v263 .pciv-command-ranking{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  align-self:start!important;
}
.pciv-portal-v263 .pciv-command-ranking .pciv-mini-podium{
  height:auto!important;
  min-height:0!important;
}
.pciv-portal-v263 .pciv-command-ranking.is-count-1 .pciv-mini-podium{
  grid-template-columns:minmax(190px,270px)!important;
  justify-content:center!important;
  align-items:start!important;
  margin:12px 0!important;
}
.pciv-portal-v263 .pciv-command-ranking.is-count-1 .pciv-mini-podium > a{
  min-height:0!important;
  transform:none!important;
}
.pciv-portal-v263 .pciv-command-ranking.is-count-2 .pciv-mini-podium{
  grid-template-columns:repeat(2,minmax(180px,260px))!important;
  justify-content:center!important;
  align-items:start!important;
}
.pciv-portal-v263 .pciv-command-ranking .pciv-dashboard-rank-card{
  min-height:0!important;
  height:auto!important;
  margin:12px 0!important;
  padding:14px!important;
}
.pciv-portal-v263 .pciv-command-ranking .pciv-table{
  min-height:0!important;
  height:auto!important;
  margin-top:8px!important;
}
.pciv-portal-v263 .pciv-command-ranking tbody tr{
  height:auto!important;
  min-height:58px!important;
}

@media(max-width:900px){
  .pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-header{
    grid-template-columns:1fr!important;
  }
  .pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-form{
    grid-template-columns:1fr 1fr!important;
  }
  .pciv-portal-v263 .pciv-secondary-hub-stack .pciv-code-hub:not(.is-collapsed){
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .pciv-portal-v263 .pciv-secondary-hub-stack > .pciv-secondary-collapsible.is-collapsed{
    min-height:76px!important;
    height:auto!important;
  }
  .pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-form{
    grid-template-columns:1fr!important;
  }
  .pciv-portal-v263 .pciv-command-ranking.is-count-2 .pciv-mini-podium{
    grid-template-columns:1fr!important;
  }
}


/* ===== dashboard-final-v264.css ===== */
/* Physics Civilizations Core 2.6.4 — commander card avatar/frame alignment and profile-card polish */

.pciv-portal-v264 .pciv-commander-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 212px !important;
  align-items:center !important;
  gap:24px !important;
  min-height:238px;
  padding:26px 28px 26px 34px !important;
  overflow:visible !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-avatar{
  width:198px !important;
  height:198px !important;
  display:grid !important;
  place-items:center !important;
  justify-self:center;
  align-self:center;
  overflow:visible !important;
  margin-inline-start:12px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-avatar:before{
  inset:14% !important;
  transform:scale(1.02);
  opacity:.78;
}

.pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell{
  width:182px !important;
  height:182px !important;
  display:block !important;
  position:relative !important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(242,196,94,.14)) !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell.has-frame{
  --pciv-frame-avatar-inset:14.9%;
  --pciv-frame-avatar-size:70.2%;
  --pciv-frame-layer-inset:-0.8%;
  --pciv-frame-layer-size:101.7%;
}

.pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell.has-frame .pciv-scientist-avatar{
  inset:var(--pciv-frame-avatar-inset) !important;
  width:var(--pciv-frame-avatar-size) !important;
  height:var(--pciv-frame-avatar-size) !important;
  border-radius:50% !important;
  object-fit:cover !important;
  box-shadow:0 0 0 2px rgba(7,24,36,.82),0 9px 24px rgba(0,0,0,.28) !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell.has-frame .pciv-avatar-frame-layer{
  inset:var(--pciv-frame-layer-inset) !important;
  width:var(--pciv-frame-layer-size) !important;
  height:var(--pciv-frame-layer-size) !important;
  object-fit:contain !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell.no-frame .pciv-scientist-avatar{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:50% !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-eyebrow{
  width:100%;
  margin-bottom:2px;
  gap:10px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-eyebrow > span{
  font-size:12px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-info > strong{
  margin:2px 0 0 !important;
  font-size:clamp(18px,2.3vw,20px) !important;
  line-height:1.2;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-handle{
  margin:0 !important;
  font-size:13px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-title{
  min-height:0 !important;
  margin-top:0 !important;
  color:#d3e6ee !important;
  font-size:13px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-metrics{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px !important;
  margin:14px 0 4px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-metric-card{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:78px;
  padding:12px 14px !important;
  border:1px solid rgba(92,136,160,.34) !important;
  border-radius:18px !important;
  background:rgba(4,21,33,.56) !important;
  color:#b5cad5 !important;
  font-size:12px !important;
  line-height:1.25;
}

.pciv-portal-v264 .pciv-commander-card .pciv-metric-card small{
  display:block;
  margin-bottom:8px;
  color:#9bb6c2;
  font-size:11px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-metric-card b{
  display:block;
  color:#ffffff;
  font-size:24px !important;
  line-height:1;
}

.pciv-portal-v264 .pciv-commander-card .pciv-commander-progress{
  width:100%;
  margin-top:8px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-level-copy{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:0 0 8px 0 !important;
  font-size:13px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-level-copy span{
  color:#c7dbe4 !important;
  font-size:13px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-level-copy b{
  color:#f1f6f8 !important;
  font-size:14px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-levelbar{
  height:12px !important;
  margin-top:0 !important;
  border-radius:999px;
  background:rgba(3,17,28,.86) !important;
  border:1px solid rgba(255,255,255,.05);
}

.pciv-portal-v264 .pciv-commander-card .pciv-levelbar i{
  border-radius:999px;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-companion{
  position:absolute;
  inset-inline-start:18px;
  inset-block-start:18px;
  min-width:60px;
  padding:8px 9px;
  border-radius:15px;
  z-index:3;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-companion span{
  font-size:28px !important;
}

.pciv-portal-v264 .pciv-commander-card .pciv-player-companion small{
  margin-top:4px;
  font-size:9px;
}

@media (max-width: 980px){
  .pciv-portal-v264 .pciv-commander-card{
    grid-template-columns:minmax(0,1fr) 180px !important;
    padding:22px 22px 22px 26px !important;
    gap:18px !important;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-player-avatar{
    width:176px !important;
    height:176px !important;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell{
    width:162px !important;
    height:162px !important;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-metric-card b{
    font-size:21px !important;
  }
}

@media (max-width: 760px){
  .pciv-portal-v264 .pciv-commander-card{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
    padding:18px !important;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-player-avatar{
    order:1;
    width:156px !important;
    height:156px !important;
    margin-inline-start:0;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-avatar-shell{
    width:146px !important;
    height:146px !important;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-player-info{
    order:2;
    width:100%;
    align-items:center;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-commander-eyebrow{
    justify-content:center;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:1fr;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-metric-card{
    align-items:center;
    text-align:center;
    min-height:66px;
  }
  .pciv-portal-v264 .pciv-commander-card .pciv-player-companion{
    position:static;
    margin-top:10px;
  }
}


/* ===== dashboard-final-v265.css ===== */
/* Physics Civilizations Core 2.6.5 — precision avatar/frame alignment */

/* Global precision tuning for the winged-crown frame so the avatar circle sits optically inside the ring. */
.pciv-avatar-shell.has-frame.frame-key-storm-crown{
  --pciv-frame-avatar-inset:15.2%;
  --pciv-frame-avatar-size:69.6%;
  --pciv-frame-layer-inset:-1.15%;
  --pciv-frame-layer-size:102.3%;
}

.pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-scientist-avatar{
  top:15.55% !important;
  left:15.2% !important;
  width:69.6% !important;
  height:69.6% !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center 46% !important;
}

.pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-avatar-frame-layer{
  top:-1.15% !important;
  left:-1.15% !important;
  width:102.3% !important;
  height:102.3% !important;
  object-fit:contain !important;
}

/* Commander hero card: give the framed avatar a bit more breathing room and perfect centering. */
.pciv-portal-v265 .pciv-commander-card .pciv-player-avatar{
  width:204px !important;
  height:204px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell{
  width:178px !important;
  height:178px !important;
  display:block !important;
  position:relative !important;
  margin:0 auto !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown{
  width:180px !important;
  height:180px !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-scientist-avatar{
  top:15.7% !important;
  left:15.25% !important;
  width:69.55% !important;
  height:69.55% !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-avatar-frame-layer{
  top:-1.2% !important;
  left:-1.2% !important;
  width:102.4% !important;
  height:102.4% !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-player-avatar:before{
  inset:15% !important;
  transform:scale(1.00) !important;
  opacity:.70;
}

.pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell .pciv-scientist-avatar{
  box-shadow:0 0 0 2px rgba(5,20,31,.78),0 10px 22px rgba(0,0,0,.28) !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-player-info > strong{
  font-size:clamp(34px,3.1vw,46px) !important;
  line-height:1.05 !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-commander-handle,
.pciv-portal-v265 .pciv-commander-card .pciv-commander-title{
  margin-top:2px !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-commander-metrics{
  margin-top:16px !important;
}

.pciv-portal-v265 .pciv-commander-card .pciv-commander-progress{
  margin-top:10px !important;
}

@media (max-width: 980px){
  .pciv-portal-v265 .pciv-commander-card .pciv-player-avatar{width:186px !important;height:186px !important;}
  .pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell{width:164px !important;height:164px !important;}
  .pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown{width:166px !important;height:166px !important;}
}

@media (max-width: 760px){
  .pciv-portal-v265 .pciv-commander-card .pciv-player-avatar{width:164px !important;height:164px !important;}
  .pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell{width:148px !important;height:148px !important;}
  .pciv-portal-v265 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown{width:150px !important;height:150px !important;}
}


/* ===== dashboard-final-v266.css ===== */
/* Physics Civilizations Core 2.6.6 — final precision dashboard polish */

/* 1) Commander area ----------------------------------------------------- */
.pciv-portal-v266 .pciv-portal-hero-v121{
  grid-template-columns:minmax(0,1fr) minmax(340px,500px) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.pciv-portal-v266 .pciv-commander-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 184px !important;
  align-items:center !important;
  gap:18px !important;
  min-height:224px !important;
  padding:22px 24px !important;
  overflow:hidden !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-player-info{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-player-info > strong{
  display:block !important;
  width:100% !important;
  margin:2px 0 0 !important;
  font-size:clamp(18px,1.95vw,24px) !important;
  line-height:1.18 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-commander-eyebrow,
.pciv-portal-v266 .pciv-commander-card .pciv-commander-progress,
.pciv-portal-v266 .pciv-commander-card .pciv-commander-metrics{
  width:100% !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-commander-title{
  font-size:12.5px !important;
  line-height:1.7 !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-commander-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:12px 0 4px !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-metric-card{
  min-height:68px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-metric-card b{
  font-size:20px !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-player-avatar{
  width:180px !important;
  height:180px !important;
  display:grid !important;
  place-items:center !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  overflow:visible !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-avatar-shell{
  width:164px !important;
  height:164px !important;
  display:block !important;
  position:relative !important;
  margin:0 auto !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.3)) !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown{
  width:166px !important;
  height:166px !important;
}

.pciv-portal-v266 .pciv-avatar-shell.has-frame.frame-key-storm-crown{
  --pciv-frame-avatar-inset:15.25%;
  --pciv-frame-avatar-size:69.5%;
  --pciv-frame-layer-inset:-1.05%;
  --pciv-frame-layer-size:102.1%;
}

.pciv-portal-v266 .pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-scientist-avatar{
  top:15.45% !important;
  left:15.25% !important;
  width:69.5% !important;
  height:69.5% !important;
  object-position:center 46% !important;
  border-radius:50% !important;
}

.pciv-portal-v266 .pciv-avatar-shell.has-frame.frame-key-storm-crown .pciv-avatar-frame-layer{
  top:-1.05% !important;
  left:-1.05% !important;
  width:102.1% !important;
  height:102.1% !important;
}

.pciv-portal-v266 .pciv-commander-card .pciv-player-avatar:before{
  inset:15% !important;
  transform:none !important;
  opacity:.68 !important;
}

/* 2) Secondary sections: prevent visual breakage ----------------------- */
.pciv-portal-v266 .pciv-secondary-hub-stack,
.pciv-portal-v266 .pciv-dashboard-ranking,
.pciv-portal-v266 .pciv-dashboard-reactor,
.pciv-portal-v266 .pciv-dashboard-mastery,
.pciv-portal-v266 .pciv-realm-section,
.pciv-portal-v266 .pciv-command-ranking,
.pciv-portal-v266 .pciv-command-overview,
.pciv-portal-v266 .pciv-customization-hub,
.pciv-portal-v266 .pciv-social-hub,
.pciv-portal-v266 .pciv-code-hub,
.pciv-portal-v266 .pciv-city,
.pciv-portal-v266 #pciv-city,
.pciv-portal-v266 .pciv-secondary-collapsible{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.pciv-portal-v266 .pciv-secondary-hub-stack > *{
  width:100% !important;
  margin:0 !important;
}

.pciv-portal-v266 .pciv-secondary-collapsible:not(.is-collapsed){
  height:auto !important;
  min-height:0 !important;
}

.pciv-portal-v266 .pciv-panel-summary,
.pciv-portal-v266 .pciv-panel-summary-copy,
.pciv-portal-v266 .pciv-panel-summary-meta{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

/* Remove excessive decorative bleed in dense dashboard layout. */
.pciv-portal-v266 .pciv-social-hub:after,
.pciv-portal-v266 .pciv-customization-hub:after,
.pciv-portal-v266 .pciv-command-overview:after{
  display:none !important;
}

/* 3) Social / customization / events blocks ---------------------------- */
.pciv-portal-v266 .pciv-customization-hub,
.pciv-portal-v266 .pciv-social-hub,
.pciv-portal-v266 .pciv-code-hub{
  border-radius:22px !important;
}

.pciv-portal-v266 .pciv-social-hub{
  grid-template-columns:minmax(0,1.15fr) minmax(250px,.9fr) minmax(180px,.7fr) !important;
  gap:18px !important;
  padding:20px !important;
}

.pciv-portal-v266 .pciv-social-hub-copy h2,
.pciv-portal-v266 .pciv-customization-copy h2,
.pciv-portal-v266 .pciv-code-intro h2{
  line-height:1.3 !important;
}

.pciv-portal-v266 .pciv-social-hub-actions{
  grid-template-columns:1fr !important;
  min-width:0 !important;
}

.pciv-portal-v266 .pciv-customization-hub{
  grid-template-columns:minmax(0,1.25fr) minmax(220px,.8fr) minmax(170px,.55fr) !important;
  gap:18px !important;
  padding:22px 24px !important;
}

.pciv-portal-v266 .pciv-code-hub{
  grid-template-columns:minmax(190px,.9fr) minmax(0,1fr) minmax(0,1fr) !important;
  gap:12px !important;
}

.pciv-portal-v266 .pciv-code-card{
  min-width:0 !important;
}

/* 4) Lower dashboard stability ---------------------------------------- */
.pciv-portal-v266 .pciv-command-ranking .pciv-mini-podium,
.pciv-portal-v266 .pciv-command-ranking .pciv-dashboard-rank-card,
.pciv-portal-v266 .pciv-command-ranking .pciv-table,
.pciv-portal-v266 .pciv-command-ranking table{
  width:100% !important;
  max-width:100% !important;
}

.pciv-portal-v266 .pciv-command-ranking .pciv-table{
  overflow:auto hidden !important;
}

.pciv-portal-v266 .pciv-dashboard-ranking,
.pciv-portal-v266 .pciv-dashboard-ranking > *{
  min-height:0 !important;
  height:auto !important;
}

/* 5) Responsive safety ------------------------------------------------- */
@media (max-width: 1180px){
  .pciv-portal-v266 .pciv-portal-hero-v121{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v266 .pciv-commander-card{
    max-width:700px !important;
    margin-inline:auto !important;
  }
}

@media (max-width: 980px){
  .pciv-portal-v266 .pciv-social-hub,
  .pciv-portal-v266 .pciv-customization-hub,
  .pciv-portal-v266 .pciv-code-hub{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v266 .pciv-commander-card{
    grid-template-columns:minmax(0,1fr) 166px !important;
    padding:20px !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-player-avatar{
    width:162px !important;
    height:162px !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-avatar-shell{
    width:148px !important;
    height:148px !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-avatar-shell.has-frame.frame-key-storm-crown{
    width:150px !important;
    height:150px !important;
  }
}

@media (max-width: 760px){
  .pciv-portal-v266 .pciv-commander-card{
    grid-template-columns:1fr !important;
    text-align:center !important;
    justify-items:center !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-player-info{
    align-items:center !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-commander-eyebrow,
  .pciv-portal-v266 .pciv-commander-card .pciv-player-level-copy{
    justify-content:center !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v266 .pciv-commander-card .pciv-metric-card{
    align-items:center !important;
    text-align:center !important;
  }
}


/* ===== dashboard-final-v267.css ===== */
/* Physics Civilizations Core 2.6.7 — commander metrics and lower-panels stabilization */

/* Commander metrics: lock the values to one visual baseline. */
.pciv-portal-v267 .pciv-commander-card .pciv-commander-metrics{
  align-items:stretch !important;
}

.pciv-portal-v267 .pciv-commander-card .pciv-metric-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:6px !important;
}

.pciv-portal-v267 .pciv-commander-card .pciv-metric-card small{
  display:block !important;
  margin:0 !important;
  line-height:1.2 !important;
}

.pciv-portal-v267 .pciv-commander-card .pciv-metric-card b{
  display:block !important;
  margin:0 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  letter-spacing:0 !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}

/* Keep the commander card stable when the name wraps to two lines. */
.pciv-portal-v267 .pciv-commander-card{
  align-items:center !important;
}
.pciv-portal-v267 .pciv-commander-card .pciv-player-avatar{
  align-self:center !important;
}

/* City and classroom-event panels should always render as full sections. */
.pciv-portal-v267 #pciv-city,
.pciv-portal-v267 .pciv-code-hub{
  display:grid !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

.pciv-portal-v267 #pciv-city.pciv-secondary-collapsible,
.pciv-portal-v267 .pciv-code-hub.pciv-secondary-collapsible{
  display:grid !important;
}

.pciv-portal-v267 #pciv-city .pciv-panel-summary,
.pciv-portal-v267 #pciv-city .pciv-panel-toggle,
.pciv-portal-v267 .pciv-code-hub .pciv-panel-summary,
.pciv-portal-v267 .pciv-code-hub .pciv-panel-toggle{
  display:none !important;
}

.pciv-portal-v267 #pciv-city.is-collapsed,
.pciv-portal-v267 .pciv-code-hub.is-collapsed{
  min-height:0 !important;
  padding:inherit !important;
  background:inherit !important;
  border:inherit !important;
}

.pciv-portal-v267 #pciv-city.is-collapsed > *,
.pciv-portal-v267 .pciv-code-hub.is-collapsed > *{
  display:initial;
}

.pciv-portal-v267 #pciv-city.is-collapsed > .pciv-city-header,
.pciv-portal-v267 #pciv-city.is-collapsed > .pciv-city-scene,
.pciv-portal-v267 #pciv-city.is-collapsed > .pciv-city-form{
  display:block !important;
}
.pciv-portal-v267 #pciv-city.is-collapsed > .pciv-city-header{display:flex !important;}
.pciv-portal-v267 #pciv-city.is-collapsed > .pciv-city-form{display:grid !important;}

.pciv-portal-v267 .pciv-code-hub.is-collapsed > .pciv-code-intro,
.pciv-portal-v267 .pciv-code-hub.is-collapsed > .pciv-code-card{
  display:block !important;
}
.pciv-portal-v267 .pciv-code-hub{
  grid-template-columns:minmax(220px,.95fr) minmax(0,1fr) minmax(0,1fr) !important;
  gap:16px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* Ensure the city panel cannot collapse into a thin strip. */
.pciv-portal-v267 #pciv-city{
  gap:16px !important;
}
.pciv-portal-v267 #pciv-city > .pciv-city-header,
.pciv-portal-v267 #pciv-city > .pciv-city-scene,
.pciv-portal-v267 #pciv-city > .pciv-city-form{
  width:100% !important;
}
.pciv-portal-v267 #pciv-city > .pciv-city-scene{
  min-height:300px !important;
  overflow:hidden !important;
}

/* Safety for medium widths. */
@media (max-width: 1180px){
  .pciv-portal-v267 .pciv-code-hub{
    grid-template-columns:1fr 1fr !important;
  }
  .pciv-portal-v267 .pciv-code-hub > .pciv-code-intro{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 860px){
  .pciv-portal-v267 .pciv-code-hub,
  .pciv-portal-v267 #pciv-city > .pciv-city-header,
  .pciv-portal-v267 #pciv-city > .pciv-city-form{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v267 .pciv-commander-card .pciv-metric-card b{
    font-size:18px !important;
  }
}


/* ===== dashboard-final-v268.css ===== */
/* Physics Civilizations Core 2.6.8 — commander metric card spacing fix */
.pciv-portal-v268 .pciv-commander-card .pciv-commander-metrics{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(92px, 1fr)) !important;
  gap:14px !important;
  margin:16px 0 10px !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:360px !important;
}

.pciv-portal-v268 .pciv-commander-card .pciv-metric-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  min-height:86px !important;
  padding:12px 10px !important;
  border-radius:16px !important;
  border:1px solid rgba(95,229,255,.16) !important;
  background:linear-gradient(180deg, rgba(6,24,37,.88), rgba(9,32,49,.95)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  gap:8px !important;
}

.pciv-portal-v268 .pciv-commander-card .pciv-metric-card small{
  display:block !important;
  margin:0 !important;
  color:#a9c3cf !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

.pciv-portal-v268 .pciv-commander-card .pciv-metric-card b{
  display:block !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}

/* On medium widths keep the cards readable and avoid touching each other. */
@media (max-width: 700px){
  .pciv-portal-v268 .pciv-commander-card .pciv-commander-metrics{
    gap:10px !important;
    grid-template-columns:repeat(3, minmax(78px, 1fr)) !important;
    max-width:none !important;
  }
  .pciv-portal-v268 .pciv-commander-card .pciv-metric-card{
    min-height:76px !important;
    padding:10px 8px !important;
    border-radius:14px !important;
  }
  .pciv-portal-v268 .pciv-commander-card .pciv-metric-card b{
    font-size:18px !important;
  }
}


/* ===== dashboard-final-v269.css ===== */
.pciv-portal-v269 .pciv-realms{
  --pciv-realm-panel:#0a2234;
}
.pciv-portal-v269 .pciv-realm-card{
  min-height:460px!important;
  padding:18px!important;
  border:1px solid rgba(58,101,126,.78)!important;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb,var(--realm-accent) 16%,transparent), transparent 28%),
    linear-gradient(180deg, rgba(6,25,38,.98), rgba(5,22,34,.98))!important;
  overflow:hidden;
}
.pciv-portal-v269 .pciv-realm-card.is-status-in-progress{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--realm-accent) 18%,transparent),0 18px 40px rgba(0,0,0,.22)!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-completed{
  border-color:rgba(88,223,150,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(88,223,150,.12),0 18px 40px rgba(0,0,0,.22)!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-locked{
  border-color:rgba(242,196,94,.36)!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-new{
  border-color:rgba(75,138,171,.72)!important;
}
.pciv-portal-v269 .pciv-realm-card-cover{
  height:96px!important;
  opacity:.22!important;
}
.pciv-portal-v269 .pciv-realm-watermark{
  opacity:.08!important;
  font-size:150px!important;
}
.pciv-portal-v269 .pciv-realm-spotlight{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#f2c45e,#d49f34);
  color:#12202d;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.pciv-portal-v269 .pciv-realm-card-copy{
  margin-top:12px!important;
}
.pciv-portal-v269 .pciv-realm-card-copy h3{
  font-size:20px!important;
  line-height:1.55!important;
  min-height:auto!important;
}
.pciv-portal-v269 .pciv-realm-scientific{
  display:block;
  margin-top:3px;
}
.pciv-portal-v269 .pciv-realm-card-copy .pciv-realm-slogan{
  margin-top:8px!important;
  min-height:0!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.95!important;
}
.pciv-portal-v269 .pciv-realm-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0 10px;
}
.pciv-portal-v269 .pciv-realm-highlights span{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 8px;
  border-radius:14px;
  border:1px solid rgba(48,90,114,.78);
  background:rgba(5,24,36,.78);
  text-align:center;
}
.pciv-portal-v269 .pciv-realm-highlights b{
  color:#f7fbfd;
  font-size:13px;
  line-height:1.5;
}
.pciv-portal-v269 .pciv-realm-highlights small{
  color:#8eb0c1!important;
  font-size:10px!important;
  line-height:1.6!important;
}
.pciv-portal-v269 .pciv-realm-mission{
  margin-bottom:10px;
  padding:12px 13px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--realm-accent) 28%,rgba(50,94,116,.8));
  background:linear-gradient(180deg,rgba(10,33,49,.96),rgba(6,23,35,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.pciv-portal-v269 .pciv-realm-mission > small{
  display:block;
  margin-bottom:6px;
  color:var(--realm-accent)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em;
}
.pciv-portal-v269 .pciv-realm-mission > strong{
  display:block;
  color:#f3f9fb;
  font-size:14px;
  line-height:1.9;
  min-height:40px;
}
.pciv-portal-v269 .pciv-realm-mission-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.pciv-portal-v269 .pciv-realm-mission-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(67,106,129,.66);
  color:#cfe1ea;
  font-size:10px;
  line-height:1.7;
}
.pciv-portal-v269 .pciv-realm-progress{
  margin:0 0 12px!important;
  padding:11px 12px!important;
}
.pciv-portal-v269 .pciv-realm-progress small{
  font-size:10px!important;
}
.pciv-portal-v269 .pciv-realm-enter{
  margin-top:auto!important;
  min-height:48px!important;
  border-radius:15px!important;
  font-size:13px!important;
  font-weight:900!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-completed .pciv-realm-mission{
  border-color:rgba(88,223,150,.35);
}
.pciv-portal-v269 .pciv-realm-card.is-status-locked .pciv-realm-mission{
  border-color:rgba(242,196,94,.34);
}
.pciv-portal-v269 .pciv-realm-card.is-status-locked .pciv-realm-mission > small,
.pciv-portal-v269 .pciv-realm-card.is-status-locked .pciv-realm-status-badge{
  color:#f2c45e!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-completed .pciv-realm-mission > small,
.pciv-portal-v269 .pciv-realm-card.is-status-completed .pciv-realm-status-badge{
  color:#74e0a0!important;
}
.pciv-portal-v269 .pciv-realm-card.is-status-in-progress .pciv-realm-mission > small,
.pciv-portal-v269 .pciv-realm-card.is-status-in-progress .pciv-realm-status-badge{
  color:#6ce6f8!important;
}
.pciv-portal-v269 .pciv-realm-card.is-recommended .pciv-realm-enter{
  background:linear-gradient(115deg, color-mix(in srgb,var(--realm-accent) 88%,#6ce6f8), color-mix(in srgb,var(--realm-accent) 68%,#18afcf))!important;
  color:#062130!important;
}
.pciv-portal-v269 .pciv-realm-card.is-recommended .pciv-realm-enter b,
.pciv-portal-v269 .pciv-realm-card.is-recommended .pciv-realm-enter span{
  color:#062130!important;
}
@media (max-width:900px){
  .pciv-portal-v269 .pciv-realm-card{
    min-height:0!important;
  }
}
@media (max-width:560px){
  .pciv-portal-v269 .pciv-realm-highlights{
    grid-template-columns:1fr 1fr 1fr;
  }
  .pciv-portal-v269 .pciv-realm-card-copy h3{
    font-size:18px!important;
  }
  .pciv-portal-v269 .pciv-realm-mission > strong{
    min-height:0;
    font-size:13px;
  }
  .pciv-portal-v269 .pciv-realm-card{
    padding:16px!important;
  }
}


/* ===== dashboard-final-v270.css ===== */
/* Physics Civilizations Core 2.6.10 — commander card width and metrics restoration */
.pciv-portal-v270 .pciv-portal-hero-v121{
  grid-template-columns:minmax(0,1fr) minmax(520px,640px) !important;
  gap:24px !important;
}

.pciv-portal-v270 .pciv-commander-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 168px !important;
  align-items:center !important;
  gap:20px !important;
  min-height:236px !important;
  padding:24px 26px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-player-info{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-player-info > strong{
  display:block !important;
  width:100% !important;
  margin:2px 0 0 !important;
  font-size:clamp(18px,1.6vw,22px) !important;
  line-height:1.22 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-commander-handle{
  font-size:13px !important;
  line-height:1.5 !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-commander-title{
  min-height:0 !important;
  font-size:13px !important;
  line-height:1.75 !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-commander-eyebrow,
.pciv-portal-v270 .pciv-commander-card .pciv-commander-metrics,
.pciv-portal-v270 .pciv-commander-card .pciv-commander-progress{
  width:100% !important;
  max-width:420px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-commander-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(92px,1fr)) !important;
  gap:12px !important;
  margin:14px 0 6px !important;
  align-items:stretch !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-metric-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  min-width:0 !important;
  min-height:82px !important;
  padding:12px 10px !important;
  gap:8px !important;
  border-radius:16px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-metric-card small{
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-metric-card b{
  display:block !important;
  margin:0 !important;
  font-size:19px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-player-avatar{
  width:168px !important;
  height:168px !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-avatar-shell{
  width:154px !important;
  height:154px !important;
  margin:0 auto !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-avatar-shell.has-frame{
  width:156px !important;
  height:156px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-player-level-copy{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.pciv-portal-v270 .pciv-commander-card .pciv-player-level-copy span,
.pciv-portal-v270 .pciv-commander-card .pciv-player-level-copy b{
  white-space:nowrap !important;
}

@media (max-width:1220px){
  .pciv-portal-v270 .pciv-portal-hero-v121{
    grid-template-columns:minmax(0,1fr) minmax(480px,560px) !important;
  }
}

@media (max-width:980px){
  .pciv-portal-v270 .pciv-portal-hero-v121{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v270 .pciv-commander-card{
    max-width:680px !important;
    margin:0 auto !important;
  }
}

@media (max-width:720px){
  .pciv-portal-v270 .pciv-commander-card{
    grid-template-columns:minmax(0,1fr) 142px !important;
    gap:16px !important;
    padding:18px 18px !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-player-info > strong{
    font-size:clamp(16px,5.2vw,20px) !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-player-avatar{
    width:144px !important;
    height:144px !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-avatar-shell,
  .pciv-portal-v270 .pciv-commander-card .pciv-avatar-shell.has-frame{
    width:132px !important;
    height:132px !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:repeat(3,minmax(78px,1fr)) !important;
    gap:8px !important;
    max-width:none !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-metric-card{
    min-height:72px !important;
    padding:10px 8px !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-metric-card b{
    font-size:17px !important;
  }
}

@media (max-width:560px){
  .pciv-portal-v270 .pciv-commander-card{
    grid-template-columns:1fr !important;
    text-align:right !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-player-avatar{
    order:-1 !important;
  }
  .pciv-portal-v270 .pciv-commander-card .pciv-player-info > strong{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
}


/* ===== dashboard-final-v271.css ===== */
/* Physics Civilizations Core 2.6.11 — stable commander card composition */
.pciv-portal-v271 .pciv-portal-hero-v121{
  grid-template-columns:minmax(0,1fr) minmax(540px,660px) !important;
  gap:24px !important;
}

.pciv-portal-v271 .pciv-commander-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:22px 24px 20px !important;
  overflow:hidden !important;
}

.pciv-portal-v271 .pciv-commander-main{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:22px !important;
  width:100% !important;
  min-width:0 !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-player-avatar{
  flex:0 0 166px !important;
  width:166px !important;
  height:166px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  overflow:visible !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-avatar-shell,
.pciv-portal-v271 .pciv-commander-main .pciv-avatar-shell.has-frame{
  width:154px !important;
  height:154px !important;
  margin:0 auto !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-player-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-commander-eyebrow{
  width:100% !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-player-info > strong{
  display:block !important;
  width:100% !important;
  margin:2px 0 0 !important;
  font-size:clamp(20px,1.85vw,26px) !important;
  line-height:1.28 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-commander-handle{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.pciv-portal-v271 .pciv-commander-main .pciv-commander-title{
  min-height:0 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.75 !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-commander-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-items:stretch !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-metric-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  min-width:0 !important;
  min-height:76px !important;
  padding:11px 12px !important;
  gap:7px !important;
  text-align:center !important;
  border-radius:16px !important;
  border:1px solid rgba(95,229,255,.17) !important;
  background:linear-gradient(180deg,rgba(5,23,36,.9),rgba(8,31,47,.96)) !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-metric-card small{
  display:block !important;
  margin:0 !important;
  color:#a8c0cc !important;
  font-size:12px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-metric-card b{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  font-variant-numeric:tabular-nums lining-nums !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-commander-progress{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-player-level-copy{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 8px !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-player-level-copy span,
.pciv-portal-v271 .pciv-commander-card .pciv-player-level-copy b{
  white-space:nowrap !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-levelbar{
  width:100% !important;
  height:12px !important;
  margin:0 !important;
}

.pciv-portal-v271 .pciv-commander-card .pciv-player-companion{
  position:absolute !important;
  inset-inline-start:14px !important;
  inset-block-start:14px !important;
  z-index:5 !important;
}

@media (max-width:1220px){
  .pciv-portal-v271 .pciv-portal-hero-v121{
    grid-template-columns:minmax(0,1fr) minmax(500px,590px) !important;
  }
}

@media (max-width:980px){
  .pciv-portal-v271 .pciv-portal-hero-v121{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v271 .pciv-commander-card{
    max-width:700px !important;
    margin:0 auto !important;
  }
}

@media (max-width:620px){
  .pciv-portal-v271 .pciv-commander-main{
    gap:14px !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-player-avatar{
    flex-basis:132px !important;
    width:132px !important;
    height:132px !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-avatar-shell,
  .pciv-portal-v271 .pciv-commander-main .pciv-avatar-shell.has-frame{
    width:122px !important;
    height:122px !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-player-info > strong{
    font-size:18px !important;
  }
  .pciv-portal-v271 .pciv-commander-card .pciv-commander-metrics{
    gap:8px !important;
  }
  .pciv-portal-v271 .pciv-commander-card .pciv-metric-card{
    min-height:68px !important;
    padding:9px 7px !important;
  }
  .pciv-portal-v271 .pciv-commander-card .pciv-metric-card b{
    font-size:17px !important;
  }
}

@media (max-width:480px){
  .pciv-portal-v271 .pciv-commander-main{
    flex-direction:column !important;
    text-align:center !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-player-info{
    width:100% !important;
    align-items:center !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-player-info > strong{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .pciv-portal-v271 .pciv-commander-main .pciv-commander-eyebrow{
    justify-content:center !important;
  }
  .pciv-portal-v271 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:1fr !important;
  }
}


/* ===== dashboard-final-v272.css ===== */
/* Physics Civilizations Core 2.6.12 — final commander balance + compact realm cards */
.pciv-portal-v272 .pciv-portal-hero-v121{
  grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr) !important;
  gap:26px !important;
  align-items:stretch !important;
}

.pciv-portal-v272 .pciv-commander-card{
  padding:24px 28px 22px !important;
  min-height:258px !important;
  border-radius:24px !important;
}

.pciv-portal-v272 .pciv-commander-main{
  gap:18px !important;
  align-items:center !important;
}

.pciv-portal-v272 .pciv-commander-main .pciv-player-avatar{
  flex:0 0 152px !important;
  width:152px !important;
  height:152px !important;
}

.pciv-portal-v272 .pciv-commander-main .pciv-avatar-shell,
.pciv-portal-v272 .pciv-commander-main .pciv-avatar-shell.has-frame{
  width:144px !important;
  height:144px !important;
}

.pciv-portal-v272 .pciv-commander-main .pciv-player-info > strong{
  font-size:clamp(19px,1.65vw,24px) !important;
  line-height:1.24 !important;
}

.pciv-portal-v272 .pciv-commander-main .pciv-commander-title{
  font-size:12.5px !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-commander-metrics{
  grid-template-columns:repeat(3,minmax(104px,1fr)) !important;
  gap:14px !important;
  margin-top:2px !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-metric-card{
  min-height:84px !important;
  padding:12px 10px !important;
  gap:6px !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-metric-card small{
  font-size:12px !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-metric-card b{
  font-size:20px !important;
  letter-spacing:0 !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-player-level-copy{
  margin:2px 0 8px !important;
}

.pciv-portal-v272 .pciv-commander-card .pciv-levelbar{
  height:11px !important;
}

/* Realm cards: reduce visual density and improve CTA emphasis */
.pciv-portal-v272 .pciv-realms-grid{
  gap:18px !important;
}

.pciv-portal-v272 .pciv-realm-card{
  min-height:418px !important;
  padding:16px !important;
}

.pciv-portal-v272 .pciv-realm-card-copy{
  margin-top:10px !important;
}

.pciv-portal-v272 .pciv-realm-card-copy h3{
  font-size:18px !important;
  line-height:1.55 !important;
}

.pciv-portal-v272 .pciv-realm-card-copy .pciv-realm-slogan{
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.85 !important;
}

.pciv-portal-v272 .pciv-realm-highlights{
  display:flex !important;
  gap:6px !important;
  margin:8px 0 !important;
}

.pciv-portal-v272 .pciv-realm-highlights span{
  flex:1 1 0 !important;
  padding:8px 6px !important;
  gap:2px !important;
  border-radius:12px !important;
}

.pciv-portal-v272 .pciv-realm-highlights b{
  font-size:12px !important;
  line-height:1.35 !important;
}

.pciv-portal-v272 .pciv-realm-highlights small{
  font-size:9px !important;
  line-height:1.45 !important;
}

.pciv-portal-v272 .pciv-realm-mission{
  margin-bottom:8px !important;
  padding:10px 11px !important;
  border-radius:14px !important;
}

.pciv-portal-v272 .pciv-realm-mission > small{
  margin-bottom:4px !important;
  font-size:9.5px !important;
}

.pciv-portal-v272 .pciv-realm-mission > strong{
  font-size:13px !important;
  line-height:1.75 !important;
  min-height:36px !important;
}

.pciv-portal-v272 .pciv-realm-mission-meta{
  gap:5px !important;
  margin-top:7px !important;
}

.pciv-portal-v272 .pciv-realm-mission-meta span{
  min-height:24px !important;
  padding:3px 8px !important;
  font-size:9px !important;
}

.pciv-portal-v272 .pciv-realm-progress{
  padding:8px 10px !important;
  margin-bottom:10px !important;
}

.pciv-portal-v272 .pciv-realm-progress small{
  font-size:9.5px !important;
}

.pciv-portal-v272 .pciv-realm-enter{
  min-height:44px !important;
  margin-top:auto !important;
  font-size:12.5px !important;
  border-radius:14px !important;
}

.pciv-portal-v272 .pciv-realm-enter b,
.pciv-portal-v272 .pciv-realm-enter span{
  font-size:12.5px !important;
}

@media (max-width:1240px){
  .pciv-portal-v272 .pciv-portal-hero-v121{
    grid-template-columns:minmax(0,1.18fr) minmax(310px,.88fr) !important;
  }
}

@media (max-width:980px){
  .pciv-portal-v272 .pciv-portal-hero-v121{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v272 .pciv-commander-card{
    max-width:760px !important;
    margin:0 auto !important;
  }
}

@media (max-width:700px){
  .pciv-portal-v272 .pciv-commander-card{
    padding:20px 18px 18px !important;
  }
  .pciv-portal-v272 .pciv-commander-main{
    gap:14px !important;
  }
  .pciv-portal-v272 .pciv-commander-main .pciv-player-avatar{
    flex-basis:132px !important;
    width:132px !important;
    height:132px !important;
  }
  .pciv-portal-v272 .pciv-commander-main .pciv-avatar-shell,
  .pciv-portal-v272 .pciv-commander-main .pciv-avatar-shell.has-frame{
    width:124px !important;
    height:124px !important;
  }
  .pciv-portal-v272 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:repeat(3,minmax(84px,1fr)) !important;
    gap:8px !important;
  }
  .pciv-portal-v272 .pciv-commander-card .pciv-metric-card{
    min-height:72px !important;
    padding:10px 8px !important;
  }
  .pciv-portal-v272 .pciv-realm-highlights{
    gap:5px !important;
  }
}

@media (max-width:560px){
  .pciv-portal-v272 .pciv-commander-main{
    flex-direction:column !important;
  }
  .pciv-portal-v272 .pciv-commander-main .pciv-player-info{
    align-items:center !important;
  }
  .pciv-portal-v272 .pciv-commander-main .pciv-player-info > strong{
    white-space:normal !important;
    text-align:center !important;
  }
  .pciv-portal-v272 .pciv-commander-card .pciv-commander-metrics{
    grid-template-columns:1fr !important;
  }
  .pciv-portal-v272 .pciv-realm-highlights{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}


/* ===== dashboard-final-v273.css ===== */
/* Physics Civilizations Core 2.6.13 — final micro polish for spacing and typography */
.pciv-portal-v273 .pciv-commander-card{
  padding:26px 30px 24px !important;
  box-shadow:0 22px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.pciv-portal-v273 .pciv-commander-main .pciv-player-info{
  gap:6px !important;
}

.pciv-portal-v273 .pciv-commander-main .pciv-commander-eyebrow{
  margin-bottom:2px !important;
}

.pciv-portal-v273 .pciv-commander-main .pciv-player-info > strong{
  font-size:clamp(20px,1.72vw,25px) !important;
  line-height:1.22 !important;
  letter-spacing:-0.01em !important;
}

.pciv-portal-v273 .pciv-commander-main .pciv-commander-handle{
  font-size:13px !important;
  line-height:1.45 !important;
}

.pciv-portal-v273 .pciv-commander-main .pciv-commander-title{
  font-size:12px !important;
  line-height:1.7 !important;
  opacity:.95 !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-commander-metrics{
  gap:16px !important;
  margin-top:4px !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-metric-card{
  min-height:86px !important;
  padding:13px 10px !important;
  gap:7px !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-metric-card small{
  font-size:11.5px !important;
  letter-spacing:0 !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-metric-card b{
  font-size:20px !important;
  line-height:1 !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-player-level-copy{
  margin:4px 0 9px !important;
  font-size:13px !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-levelbar{
  height:12px !important;
  border-radius:999px !important;
}

.pciv-portal-v273 .pciv-commander-card .pciv-levelbar i{
  border-radius:999px !important;
}

/* Realm cards */
.pciv-portal-v273 .pciv-realms-grid{
  gap:20px !important;
}

.pciv-portal-v273 .pciv-realm-card{
  padding:17px !important;
  border-radius:22px !important;
}

.pciv-portal-v273 .pciv-realm-card-copy h3{
  margin:0 0 4px !important;
  font-size:18px !important;
  line-height:1.52 !important;
  letter-spacing:-0.01em !important;
}

.pciv-portal-v273 .pciv-realm-card-copy .pciv-realm-slogan{
  font-size:12px !important;
  line-height:1.8 !important;
  opacity:.92 !important;
}

.pciv-portal-v273 .pciv-realm-highlights{
  gap:7px !important;
  margin:10px 0 !important;
}

.pciv-portal-v273 .pciv-realm-highlights span{
  padding:8px 7px !important;
}

.pciv-portal-v273 .pciv-realm-highlights b{
  font-size:11.5px !important;
}

.pciv-portal-v273 .pciv-realm-highlights small{
  font-size:9px !important;
  opacity:.82 !important;
}

.pciv-portal-v273 .pciv-realm-mission{
  padding:11px 12px !important;
  margin-bottom:10px !important;
}

.pciv-portal-v273 .pciv-realm-mission > strong{
  font-size:13px !important;
  line-height:1.7 !important;
  min-height:34px !important;
}

.pciv-portal-v273 .pciv-realm-mission-meta{
  margin-top:8px !important;
  gap:6px !important;
}

.pciv-portal-v273 .pciv-realm-mission-meta span{
  padding:4px 8px !important;
  min-height:24px !important;
  font-size:9px !important;
}

.pciv-portal-v273 .pciv-realm-progress{
  margin-bottom:11px !important;
}

.pciv-portal-v273 .pciv-realm-enter{
  min-height:46px !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}

.pciv-portal-v273 .pciv-realm-enter b,
.pciv-portal-v273 .pciv-realm-enter span{
  font-size:12.5px !important;
}

@media (max-width:980px){
  .pciv-portal-v273 .pciv-commander-card{
    max-width:780px !important;
  }
}

@media (max-width:700px){
  .pciv-portal-v273 .pciv-commander-card{
    padding:21px 18px 19px !important;
  }
  .pciv-portal-v273 .pciv-commander-card .pciv-commander-metrics{
    gap:10px !important;
  }
  .pciv-portal-v273 .pciv-commander-card .pciv-metric-card{
    min-height:74px !important;
    padding:10px 8px !important;
  }
  .pciv-portal-v273 .pciv-realms-grid{
    gap:16px !important;
  }
}


/* ===== referrals.css ===== */
/* Physics Civilizations Core 2.7.0 — referral rewards */
.pciv-referral-register-field{
  position:relative;
  padding:12px;
  border:1px solid rgba(242,196,94,.24);
  border-radius:14px;
  background:rgba(242,196,94,.055);
}
.pciv-referral-register-field small{
  display:block;
  margin:4px 0 8px;
  color:#9fb8c5;
  font-size:10px;
  line-height:1.7;
}
.pciv-referral-register-field input{
  text-align:left;
}

.pciv-referral-center{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr) minmax(220px,.55fr);
  gap:20px;
  align-items:center;
  margin:22px 0;
  padding:24px 26px;
  border:1px solid rgba(242,196,94,.32);
  border-radius:24px;
  background:
    radial-gradient(circle at 5% 0,rgba(242,196,94,.16),transparent 28%),
    radial-gradient(circle at 95% 100%,rgba(66,230,149,.1),transparent 28%),
    linear-gradient(135deg,#0b2a3d,#071c2a);
  box-shadow:0 18px 42px rgba(0,0,0,.2);
  overflow:hidden;
}
.pciv-referral-center:after{
  content:"🎁";
  position:absolute;
  left:18px;
  top:8px;
  font-size:82px;
  opacity:.08;
  pointer-events:none;
}
.pciv-referral-copy,.pciv-referral-tools,.pciv-referral-stats{position:relative;z-index:1}
.pciv-referral-copy h2{margin:5px 0 8px;font-size:24px;line-height:1.55}
.pciv-referral-copy p{margin:0;color:#b3cad5;font-size:12px;line-height:2}
.pciv-referral-copy p strong{color:#f5d276}
.pciv-referral-identifiers{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.pciv-referral-identifiers span{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(95,229,255,.18);
  border-radius:12px;
  background:rgba(4,20,31,.52);
}
.pciv-referral-identifiers small{color:#8eacba;font-size:10px}
.pciv-referral-identifiers b{color:#fff;font-size:13px;letter-spacing:.04em}
.pciv-referral-tools{
  padding:16px;
  border:1px solid rgba(95,229,255,.16);
  border-radius:18px;
  background:rgba(4,20,31,.5);
}
.pciv-referral-tools label{display:block;color:#c5d9e3;font-size:11px;font-weight:800}
.pciv-referral-tools input{
  width:100%;
  margin-top:8px;
  padding:11px 12px;
  border:1px solid rgba(95,229,255,.24);
  border-radius:12px;
  background:#061a28;
  color:#e7f7ff;
  font-size:11px;
  text-align:left;
}
.pciv-referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.pciv-referral-actions .pciv-button{min-height:42px;padding:8px 10px;font-size:11px}
.pciv-referral-stats{display:grid;gap:10px}
.pciv-referral-stats div{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon value" "icon label";
  column-gap:11px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(66,230,149,.16);
  border-radius:17px;
  background:rgba(5,26,39,.7);
}
.pciv-referral-stats span{grid-area:icon;font-size:28px}
.pciv-referral-stats strong{grid-area:value;color:#fff;font-size:21px;line-height:1.2}
.pciv-referral-stats small{grid-area:label;color:#92adbb;font-size:10px}
.pciv-referral-actions button.is-copied{
  border-color:rgba(66,230,149,.55)!important;
  background:rgba(66,230,149,.15)!important;
  color:#dffff0!important;
}

@media(max-width:1100px){
  .pciv-referral-center{grid-template-columns:1fr 1fr}
  .pciv-referral-stats{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .pciv-referral-center{grid-template-columns:1fr;padding:19px}
  .pciv-referral-stats{grid-column:auto;grid-template-columns:1fr 1fr}
  .pciv-referral-copy h2{font-size:21px}
}
@media(max-width:480px){
  .pciv-referral-actions,.pciv-referral-stats{grid-template-columns:1fr}
  .pciv-referral-identifiers{display:grid;grid-template-columns:1fr}
  .pciv-referral-identifiers span{justify-content:space-between}
}


/* ===== store-expansion-v280.css ===== */
/* Physics Civilizations Core 2.8.0 — expanded marketplace */
.pciv-market-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 18px;padding:10px;border:1px solid rgba(95,229,255,.13);border-radius:16px;background:rgba(4,20,31,.42)}
.pciv-market-filters button{min-height:36px;padding:7px 13px;border:1px solid rgba(137,179,198,.18);border-radius:999px;background:rgba(13,43,60,.72);color:#bfd6e0;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease}
.pciv-market-filters button:hover,.pciv-market-filters button.is-active{border-color:rgba(95,229,255,.48);background:linear-gradient(135deg,rgba(23,116,139,.92),rgba(15,72,99,.95));color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.2)}
.pciv-market-empty{grid-column:1/-1;margin-top:12px}
.pciv-market-tag{position:absolute;right:10px;bottom:10px;z-index:4;padding:4px 8px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;line-height:1;background:#18374a;color:#d9eef7;border:1px solid rgba(255,255,255,.14)}
.pciv-market-tag.is-new{background:rgba(95,229,255,.14);border-color:rgba(95,229,255,.38);color:#bdf7ff}
.pciv-market-tag.is-popular{background:rgba(255,132,61,.15);border-color:rgba(255,132,61,.42);color:#ffd1b5}
.pciv-market-tag.is-limited{background:rgba(214,119,255,.15);border-color:rgba(214,119,255,.42);color:#efd0ff}

/* Shop previews */
.pciv-cosmetic-preview.is-plate-neon,.pciv-cosmetic-preview.is-name-neon{background:radial-gradient(circle at 50% 45%,rgba(70,239,255,.28),transparent 36%),linear-gradient(145deg,#071d2b,#0b4b61);box-shadow:inset 0 0 0 1px rgba(95,229,255,.28),0 0 24px rgba(95,229,255,.15)}
.pciv-cosmetic-preview.is-plate-electric,.pciv-cosmetic-preview.is-victory-tesla{background:radial-gradient(circle at 70% 30%,rgba(255,245,112,.32),transparent 30%),linear-gradient(145deg,#0c2440,#193c71)}
.pciv-cosmetic-preview.is-plate-royal,.pciv-cosmetic-preview.is-name-gold,.pciv-cosmetic-preview.is-victory-crown{background:radial-gradient(circle at 50% 40%,rgba(255,220,104,.32),transparent 38%),linear-gradient(145deg,#2b1e09,#725316)}
.pciv-cosmetic-preview.is-plate-holo,.pciv-cosmetic-preview.is-name-galaxy,.pciv-cosmetic-preview.is-victory-quantum{background:linear-gradient(135deg,#28165b,#0f6a80 46%,#6a247a);background-size:180% 180%;animation:pcivShopGradient 4s ease infinite}
.pciv-cosmetic-preview.is-plate-cosmic,.pciv-cosmetic-preview.is-bg-blackhole,.pciv-cosmetic-preview.is-pet-blackhole{background:radial-gradient(circle at 50% 48%,#05050b 0 18%,#6a3fab 22%,#112b57 34%,#050c17 66%)}
.pciv-cosmetic-preview.is-name-ice{background:linear-gradient(145deg,#0e3449,#83dff2);box-shadow:inset 0 0 24px rgba(219,249,255,.2)}
.pciv-cosmetic-preview.is-name-plasma{background:radial-gradient(circle at 50% 50%,#ffd05a,#ff5e3b 35%,#4a123e 72%)}
.pciv-cosmetic-preview.is-victory-stars,.pciv-cosmetic-preview.is-banner-galaxy,.pciv-cosmetic-preview.is-bg-spacetime{background:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 35%,#9ee9ff 0 1px,transparent 2px),radial-gradient(circle at 54% 78%,#f9d987 0 1px,transparent 2px),linear-gradient(145deg,#061326,#2d246c)}
.pciv-cosmetic-preview.is-victory-rocket,.pciv-cosmetic-preview.is-pet-satellite,.pciv-cosmetic-preview.is-decor-satellite{background:linear-gradient(145deg,#081c35,#144f76)}
@keyframes pcivShopGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

/* Command nameplates */
.pciv-cosmetic-nameplate-plate-neon .pciv-commander-main .pciv-player-info,
.pciv-cosmetic-nameplate-plate-neon .pciv-profile-identity,
.pciv-cosmetic-nameplate-plate-neon .pciv-public-identity{padding:14px 18px;border:1px solid rgba(95,229,255,.42);border-radius:18px;background:linear-gradient(135deg,rgba(5,27,42,.88),rgba(16,78,94,.58));box-shadow:inset 0 0 22px rgba(95,229,255,.08),0 0 18px rgba(95,229,255,.08)}
.pciv-cosmetic-nameplate-plate-electric .pciv-commander-main .pciv-player-info,
.pciv-cosmetic-nameplate-plate-electric .pciv-profile-identity,
.pciv-cosmetic-nameplate-plate-electric .pciv-public-identity{padding:14px 18px;border:1px solid rgba(255,224,84,.4);border-radius:18px;background:linear-gradient(145deg,rgba(9,31,58,.94),rgba(28,55,106,.72));box-shadow:inset 3px 0 0 #f5d94e,inset -3px 0 0 #57dfff}
.pciv-cosmetic-nameplate-plate-royal .pciv-commander-main .pciv-player-info,
.pciv-cosmetic-nameplate-plate-royal .pciv-profile-identity,
.pciv-cosmetic-nameplate-plate-royal .pciv-public-identity{padding:15px 19px;border:1px solid rgba(242,196,94,.54);border-radius:18px;background:linear-gradient(145deg,rgba(50,34,8,.92),rgba(104,73,18,.55));box-shadow:inset 0 0 0 2px rgba(242,196,94,.08)}
.pciv-cosmetic-nameplate-plate-holo .pciv-commander-main .pciv-player-info,
.pciv-cosmetic-nameplate-plate-holo .pciv-profile-identity,
.pciv-cosmetic-nameplate-plate-holo .pciv-public-identity{padding:14px 18px;border:1px solid rgba(184,144,255,.52);border-radius:18px;background:linear-gradient(135deg,rgba(65,30,104,.52),rgba(16,101,121,.5));box-shadow:inset 0 0 22px rgba(138,214,255,.1)}
.pciv-cosmetic-nameplate-plate-cosmic .pciv-commander-main .pciv-player-info,
.pciv-cosmetic-nameplate-plate-cosmic .pciv-profile-identity,
.pciv-cosmetic-nameplate-plate-cosmic .pciv-public-identity{padding:15px 19px;border:1px solid rgba(152,115,255,.44);border-radius:20px;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.13),transparent 2%),radial-gradient(circle at 80% 40%,rgba(95,229,255,.18),transparent 3%),linear-gradient(145deg,rgba(8,13,39,.92),rgba(44,26,98,.72))}

/* Name effects */
.pciv-cosmetic-name_effect-name-gold .pciv-player-info>strong,
.pciv-cosmetic-name_effect-name-gold .pciv-profile-identity h1,
.pciv-cosmetic-name_effect-name-gold .pciv-public-identity h1,
.pciv-leader-user.pciv-cosmetic-name_effect-name-gold strong{color:#ffe28a!important;text-shadow:0 0 12px rgba(255,211,91,.34)}
.pciv-cosmetic-name_effect-name-neon .pciv-player-info>strong,
.pciv-cosmetic-name_effect-name-neon .pciv-profile-identity h1,
.pciv-cosmetic-name_effect-name-neon .pciv-public-identity h1,
.pciv-leader-user.pciv-cosmetic-name_effect-name-neon strong{color:#9af7ff!important;text-shadow:0 0 8px rgba(95,229,255,.72),0 0 18px rgba(95,229,255,.32)}
.pciv-cosmetic-name_effect-name-ice .pciv-player-info>strong,
.pciv-cosmetic-name_effect-name-ice .pciv-profile-identity h1,
.pciv-cosmetic-name_effect-name-ice .pciv-public-identity h1,
.pciv-leader-user.pciv-cosmetic-name_effect-name-ice strong{color:#dcfbff!important;text-shadow:0 1px 0 #5ea9c7,0 0 13px rgba(173,239,255,.4)}
.pciv-cosmetic-name_effect-name-plasma .pciv-player-info>strong,
.pciv-cosmetic-name_effect-name-plasma .pciv-profile-identity h1,
.pciv-cosmetic-name_effect-name-plasma .pciv-public-identity h1,
.pciv-leader-user.pciv-cosmetic-name_effect-name-plasma strong{color:#ffbd62!important;text-shadow:0 0 7px rgba(255,96,54,.72),0 0 17px rgba(255,63,109,.34)}
.pciv-cosmetic-name_effect-name-galaxy .pciv-player-info>strong,
.pciv-cosmetic-name_effect-name-galaxy .pciv-profile-identity h1,
.pciv-cosmetic-name_effect-name-galaxy .pciv-public-identity h1,
.pciv-leader-user.pciv-cosmetic-name_effect-name-galaxy strong{color:transparent!important;background:linear-gradient(90deg,#8be9ff,#c59cff,#ffd17b,#8be9ff);background-size:240% auto;background-clip:text;-webkit-background-clip:text;animation:pcivNameGalaxy 4s linear infinite;text-shadow:none}
@keyframes pcivNameGalaxy{to{background-position:240% center}}

/* Victory effects */
.pciv-challenge-result.is-win{position:relative;isolation:isolate;overflow:hidden}
.pciv-challenge-result.is-win>*{position:relative;z-index:3}
.pciv-cosmetic-victory_effect-victory-tesla .pciv-challenge-result.is-win:before{content:"⚡";position:absolute;inset:-20%;z-index:1;display:grid;place-items:center;font-size:180px;color:rgba(255,230,76,.16);animation:pcivVictoryPulse 1.2s ease-in-out infinite}
.pciv-cosmetic-victory_effect-victory-stars .pciv-challenge-result.is-win:before{content:"✦  ✧  ★  ✦  ✧";position:absolute;inset:0;z-index:1;color:rgba(255,235,154,.42);font-size:28px;letter-spacing:24px;animation:pcivVictoryStars 2.4s linear infinite}
.pciv-cosmetic-victory_effect-victory-rocket .pciv-challenge-result.is-win:after{content:"🚀";position:absolute;left:8%;bottom:-42px;z-index:2;font-size:58px;animation:pcivVictoryRocket 2.4s ease-in-out infinite}
.pciv-cosmetic-victory_effect-victory-crown .pciv-challenge-result.is-win:before{content:"👑";position:absolute;left:50%;top:4px;z-index:2;font-size:76px;transform:translateX(-50%);filter:drop-shadow(0 0 20px rgba(242,196,94,.5));animation:pcivVictoryCrown 1.8s ease-in-out infinite}
.pciv-cosmetic-victory_effect-victory-quantum .pciv-challenge-result.is-win:before{content:"⚛️";position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:190px;opacity:.14;animation:pcivVictoryQuantum 3.5s linear infinite}
@keyframes pcivVictoryPulse{50%{transform:scale(1.08);opacity:.55}}
@keyframes pcivVictoryStars{0%{transform:translateY(-28px)}100%{transform:translateY(180px)}}
@keyframes pcivVictoryRocket{0%{transform:translate(0,0) rotate(-18deg)}50%{transform:translate(150px,-190px) rotate(-18deg)}100%{transform:translate(290px,-330px) rotate(-18deg)}}
@keyframes pcivVictoryCrown{50%{transform:translateX(-50%) translateY(-8px) scale(1.06)}}
@keyframes pcivVictoryQuantum{to{transform:rotate(360deg)}}

/* Extra background/city visual identities */
.pciv-cosmetic-profile_bg-bg-spacetime{background:radial-gradient(circle at 72% 14%,rgba(109,70,230,.28),transparent 24%),radial-gradient(circle at 16% 80%,rgba(58,207,232,.16),transparent 28%),#071323!important}
.pciv-cosmetic-profile_bg-bg-tesla-lab{background:radial-gradient(circle at 80% 10%,rgba(75,219,255,.2),transparent 25%),linear-gradient(145deg,#071725,#102d4a)!important}
.pciv-cosmetic-profile_bg-bg-blackhole{background:radial-gradient(circle at 78% 18%,#05050a 0 6%,rgba(139,74,227,.35) 7%,transparent 17%),linear-gradient(145deg,#040811,#111a3e)!important}
.pciv-cosmetic-profile_bg-bg-future-city{background:linear-gradient(180deg,#071326,#102c4d 62%,#0d2335)!important}

@media(max-width:720px){
 .pciv-market-filters{gap:6px;padding:8px}
 .pciv-market-filters button{flex:1 1 auto;padding:7px 9px}
 .pciv-cosmetic-nameplate-plate-neon .pciv-commander-main .pciv-player-info,
 .pciv-cosmetic-nameplate-plate-electric .pciv-commander-main .pciv-player-info,
 .pciv-cosmetic-nameplate-plate-royal .pciv-commander-main .pciv-player-info,
 .pciv-cosmetic-nameplate-plate-holo .pciv-commander-main .pciv-player-info,
 .pciv-cosmetic-nameplate-plate-cosmic .pciv-commander-main .pciv-player-info{padding:11px 13px}
}
@media(prefers-reduced-motion:reduce){.pciv-cosmetic-preview.is-plate-holo,.pciv-cosmetic-preview.is-name-galaxy,.pciv-cosmetic-preview.is-victory-quantum,.pciv-cosmetic-name_effect-name-galaxy .pciv-player-info>strong,.pciv-cosmetic-name_effect-name-galaxy .pciv-profile-identity h1,.pciv-cosmetic-name_effect-name-galaxy .pciv-public-identity h1,.pciv-challenge-result.is-win:before,.pciv-challenge-result.is-win:after{animation:none!important}}

/* New profile banners */
.pciv-cosmetic-profile_banner-banner-einstein .pciv-commander-card,
.pciv-cosmetic-profile_banner-banner-einstein .pciv-profile-hero,
.pciv-cosmetic-profile_banner-banner-einstein .pciv-public-profile-hero{background:radial-gradient(circle at 78% 26%,rgba(166,104,255,.3),transparent 24%),repeating-radial-gradient(ellipse at 75% 30%,rgba(118,202,255,.08) 0 2px,transparent 3px 18px),linear-gradient(145deg,#0b1e36,#282061)!important}
.pciv-cosmetic-profile_banner-banner-newton .pciv-commander-card,
.pciv-cosmetic-profile_banner-banner-newton .pciv-profile-hero,
.pciv-cosmetic-profile_banner-banner-newton .pciv-public-profile-hero{background:radial-gradient(circle at 18% 18%,rgba(255,205,94,.22),transparent 24%),linear-gradient(145deg,#153525,#243e1f 52%,#4b3414)!important;border-color:rgba(221,187,83,.42)!important}
.pciv-cosmetic-profile_banner-banner-galaxy .pciv-commander-card,
.pciv-cosmetic-profile_banner-banner-galaxy .pciv-profile-hero,
.pciv-cosmetic-profile_banner-banner-galaxy .pciv-public-profile-hero{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 76% 18%,rgba(95,229,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 54% 76%,rgba(255,214,116,.34) 0 1px,transparent 2px),linear-gradient(135deg,#08102a,#302169 52%,#0c5367)!important;border-color:rgba(151,130,255,.46)!important}


/* ===== alliances-v290.css ===== */
/* Physics Civilizations Core 2.9.0 — Scientific Alliances */
.pciv-alliance-shell{--alliance-from:#063754;--alliance-to:#0f7890;--alliance-accent:#5fe5ff;max-width:1500px}
.pciv-alliance-hub-hero,.pciv-alliance-hero{position:relative;display:grid;align-items:center;gap:26px;margin:16px 0 24px;padding:34px;border:1px solid rgba(95,229,255,.2);border-radius:30px;background:radial-gradient(circle at 8% 10%,rgba(95,229,255,.14),transparent 30%),radial-gradient(circle at 90% 90%,rgba(242,196,94,.12),transparent 31%),linear-gradient(135deg,#071d2c,#0c3549);box-shadow:0 24px 55px rgba(0,0,0,.25);overflow:hidden}
.pciv-alliance-hub-hero{grid-template-columns:minmax(0,1fr) 230px;min-height:270px}
.pciv-alliance-hub-hero:before,.pciv-alliance-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.23) 1px,transparent 1.4px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.15;pointer-events:none}
.pciv-alliance-hub-hero>*,.pciv-alliance-hero>*{position:relative;z-index:1}
.pciv-alliance-hub-hero h1{margin:5px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1.2}
.pciv-alliance-hub-hero p{max-width:780px;margin:0;color:#b8cfd9;font-size:14px;line-height:2}
.pciv-alliance-hub-orbit{position:relative;width:210px;height:210px;margin:auto;border:1px solid rgba(95,229,255,.25);border-radius:50%;box-shadow:inset 0 0 44px rgba(95,229,255,.08),0 0 60px rgba(95,229,255,.08)}
.pciv-alliance-hub-orbit:before,.pciv-alliance-hub-orbit:after{content:"";position:absolute;inset:25px;border:1px dashed rgba(242,196,94,.3);border-radius:50%;transform:rotate(24deg)}
.pciv-alliance-hub-orbit:after{inset:55px;border-style:solid;border-color:rgba(95,229,255,.22);transform:rotate(-18deg)}
.pciv-alliance-hub-orbit span{position:absolute;inset:50%;translate:-50% -50%;font-size:55px;filter:drop-shadow(0 0 18px rgba(95,229,255,.45))}
.pciv-alliance-hub-orbit i,.pciv-alliance-hub-orbit b{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#09283b;font-size:25px;font-style:normal;box-shadow:0 10px 22px rgba(0,0,0,.3)}
.pciv-alliance-hub-orbit i{right:1px;top:64px}.pciv-alliance-hub-orbit b{left:20px;bottom:22px}
.pciv-my-alliance-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 0 24px;padding:20px 24px;border:1px solid rgba(242,196,94,.35);border-radius:24px;background:linear-gradient(135deg,rgba(242,196,94,.1),rgba(5,31,45,.88));box-shadow:0 16px 38px rgba(0,0,0,.2)}
.pciv-my-alliance-card h2{margin:3px 0 4px;font-size:25px}.pciv-my-alliance-card p{margin:0 0 5px;color:#bdd1da}.pciv-my-alliance-card>div>span,.pciv-my-alliance-card small{color:#f3d47b;font-size:11px}
.pciv-alliance-emblem{--alliance-from:#063754;--alliance-to:#0f7890;--alliance-accent:#5fe5ff;position:relative;display:grid;place-items:center;flex:0 0 auto;width:78px;height:78px;border:2px solid color-mix(in srgb,var(--alliance-accent) 50%,transparent);border-radius:23px;background:linear-gradient(145deg,var(--alliance-from),var(--alliance-to));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 13px 28px rgba(0,0,0,.27),0 0 26px color-mix(in srgb,var(--alliance-accent) 15%,transparent);transform:rotate(4deg)}
.pciv-alliance-emblem:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.15);border-radius:17px}.pciv-alliance-emblem i{font-size:38px;font-style:normal;filter:drop-shadow(0 5px 8px rgba(0,0,0,.4));transform:rotate(-4deg)}
.pciv-alliance-emblem.is-small{width:48px;height:48px;border-radius:15px}.pciv-alliance-emblem.is-small:before{inset:5px;border-radius:11px}.pciv-alliance-emblem.is-small i{font-size:23px}
.pciv-alliance-emblem.is-large{width:96px;height:96px;border-radius:27px}.pciv-alliance-emblem.is-large i{font-size:47px}
.pciv-alliance-emblem.is-hero{width:170px;height:170px;border-radius:44px;border-width:3px}.pciv-alliance-emblem.is-hero:before{inset:12px;border-radius:33px}.pciv-alliance-emblem.is-hero i{font-size:78px}
.pciv-alliance-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:20px;margin:24px 0}
.pciv-alliance-panel{padding:22px;border:1px solid rgba(95,229,255,.15);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(95,229,255,.06),transparent 34%),linear-gradient(145deg,#0c3044,#071c2a);box-shadow:0 16px 36px rgba(0,0,0,.17)}
.pciv-alliance-tip{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.pciv-alliance-tip>span{font-size:55px}.pciv-alliance-tip h2{margin:10px 0 6px;font-size:24px}.pciv-alliance-tip p{margin:0 0 17px;color:#b8cdd7;line-height:2}
.pciv-alliance-ranking-list{display:grid;gap:9px;margin-top:16px}.pciv-alliance-ranking-list>a{display:grid;grid-template-columns:34px auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(95,229,255,.1);border-radius:16px;background:rgba(3,20,31,.45);color:inherit;text-decoration:none;transition:.2s ease}.pciv-alliance-ranking-list>a:hover{transform:translateX(-3px);border-color:rgba(95,229,255,.35)}.pciv-alliance-ranking-list>a>b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(242,196,94,.12);color:#f6d576}.pciv-alliance-ranking-list span{display:grid;gap:3px}.pciv-alliance-ranking-list strong{font-size:13px}.pciv-alliance-ranking-list small{color:#9eb8c5;font-size:10px}
.pciv-alliance-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.pciv-alliance-form label{display:grid;gap:7px;color:#bcd0d9;font-size:11px;font-weight:700}.pciv-alliance-form label.is-full,.pciv-alliance-form fieldset.is-full,.pciv-alliance-form .pciv-alliance-result{grid-column:1/-1}.pciv-alliance-form input,.pciv-alliance-form textarea,.pciv-alliance-form select,.pciv-alliance-inline-form input{width:100%;border:1px solid rgba(95,229,255,.2);border-radius:13px;background:rgba(3,20,31,.65);color:#fff;padding:11px 12px;outline:none}.pciv-alliance-form input:focus,.pciv-alliance-form textarea:focus,.pciv-alliance-form select:focus,.pciv-alliance-inline-form input:focus{border-color:rgba(95,229,255,.65);box-shadow:0 0 0 3px rgba(95,229,255,.08)}.pciv-alliance-form fieldset{margin:0;padding:12px;border:1px solid rgba(95,229,255,.13);border-radius:15px}.pciv-alliance-form legend{padding:0 8px;color:#c9dce4;font-size:11px;font-weight:800}
.pciv-alliance-icon-picker{display:flex;flex-wrap:wrap;gap:8px}.pciv-alliance-icon-picker label{display:block}.pciv-alliance-icon-picker input{position:absolute;opacity:0;pointer-events:none}.pciv-alliance-icon-picker span{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(95,229,255,.15);border-radius:13px;background:rgba(5,27,41,.75);font-size:24px;cursor:pointer;transition:.18s}.pciv-alliance-icon-picker input:checked+span{border-color:#f3d06b;background:rgba(242,196,94,.13);box-shadow:0 0 0 3px rgba(242,196,94,.08);transform:translateY(-2px)}
.pciv-alliance-color-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pciv-alliance-color-picker label{display:block}.pciv-alliance-color-picker input{position:absolute;opacity:0;pointer-events:none}.pciv-alliance-color-picker span{display:flex;align-items:center;min-height:42px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(135deg,var(--pick-from),var(--pick-to));font-size:9px;cursor:pointer}.pciv-alliance-color-picker input:checked+span{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.pciv-alliance-result{min-height:18px;color:#72efbd;font-size:11px;line-height:1.7}.pciv-alliance-result.is-error{color:#ff9fac}
.pciv-alliance-invites{margin:24px 0}.pciv-alliance-invite-list{display:grid;gap:10px}.pciv-alliance-invite-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(242,196,94,.22);border-radius:18px;background:rgba(242,196,94,.06)}.pciv-alliance-invite-list article>div:last-child{display:flex;gap:7px}.pciv-alliance-invite-list strong,.pciv-alliance-invite-list small{display:block}.pciv-alliance-invite-list small{margin-top:4px;color:#a9c1cc}
.pciv-alliance-directory{margin:30px 0}.pciv-alliance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.pciv-alliance-card{display:flex;flex-direction:column;align-items:flex-start;min-height:345px;padding:20px;border:1px solid rgba(95,229,255,.14);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(95,229,255,.08),transparent 32%),linear-gradient(145deg,#0d3247,#071b29);box-shadow:0 16px 35px rgba(0,0,0,.18);transition:.2s ease}.pciv-alliance-card:hover{transform:translateY(-5px);border-color:rgba(95,229,255,.34);box-shadow:0 23px 46px rgba(0,0,0,.24)}.pciv-alliance-card-copy{width:100%;margin:15px 0 auto}.pciv-alliance-card-copy>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.pciv-alliance-card-copy>div:first-child>span:last-child{color:#a9c2cd;font-size:10px}.pciv-alliance-card h3{margin:12px 0 6px;font-size:21px}.pciv-alliance-card p{min-height:42px;margin:0;color:#abc2cc;font-size:11px;line-height:1.9}.pciv-alliance-card-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:15px}.pciv-alliance-card-stats span{padding:9px;border:1px solid rgba(95,229,255,.1);border-radius:12px;background:rgba(3,20,31,.45);color:#a8c0cb;font-size:9px}.pciv-alliance-card-stats b{display:block;margin-bottom:3px;color:#fff;font-size:14px}.pciv-alliance-card>.pciv-button{width:100%;margin-top:14px}
.pciv-alliance-visibility{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid rgba(95,229,255,.18);background:rgba(95,229,255,.07);color:#bdeffa;font-size:9px;font-weight:800}.pciv-alliance-visibility.is-private{border-color:rgba(242,196,94,.25);background:rgba(242,196,94,.08);color:#f4d57f}.pciv-alliance-visibility.is-invite_only{border-color:rgba(187,148,255,.28);background:rgba(153,103,235,.09);color:#d5bfff}
/* Alliance detail */
.pciv-alliance-hero{grid-template-columns:auto minmax(0,1fr) 180px;min-height:310px;border-color:color-mix(in srgb,var(--alliance-accent) 32%,transparent);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--alliance-accent) 16%,transparent),transparent 32%),linear-gradient(135deg,var(--alliance-from),#071b2a 62%,var(--alliance-to))}.pciv-alliance-hero-copy>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pciv-alliance-hero-copy>div>span:last-child{color:#b9ced7;font-size:10px}.pciv-alliance-hero h1{margin:12px 0 4px;font-size:clamp(32px,4vw,54px);line-height:1.2}.pciv-alliance-hero h2{margin:0 0 10px;color:var(--alliance-accent);font-size:16px}.pciv-alliance-hero p{max-width:720px;margin:0;color:#c0d2da;font-size:12px;line-height:2}.pciv-alliance-hero-rank{display:grid;place-items:center;align-content:center;min-height:165px;padding:17px;border:1px solid color-mix(in srgb,var(--alliance-accent) 25%,transparent);border-radius:22px;background:rgba(3,20,31,.48);text-align:center}.pciv-alliance-hero-rank span{color:#aac0c9;font-size:10px}.pciv-alliance-hero-rank strong{margin:5px 0;color:var(--alliance-accent);font-size:42px}.pciv-alliance-hero-rank small{color:#c2d3da;font-size:9px}
.pciv-alliance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 24px}.pciv-alliance-stats>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px;padding:16px;border:1px solid rgba(95,229,255,.13);border-radius:18px;background:linear-gradient(145deg,#0d3246,#071c2a)}.pciv-alliance-stats span{grid-row:1/3;font-size:27px}.pciv-alliance-stats strong{font-size:21px}.pciv-alliance-stats small{color:#9eb8c5;font-size:9px}
.pciv-alliance-join-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 23px;padding:18px 21px;border:1px solid rgba(242,196,94,.25);border-radius:20px;background:rgba(242,196,94,.07)}.pciv-alliance-join-box h2{margin:0 0 5px;font-size:20px}.pciv-alliance-join-box p{margin:0;color:#b9ccd5;font-size:11px}
.pciv-alliance-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:20px}.pciv-alliance-column,.pciv-alliance-side{display:grid;gap:20px;align-content:start}.pciv-alliance-weekly{border-color:color-mix(in srgb,var(--alliance-accent) 28%,transparent);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--alliance-accent) 10%,transparent),transparent 35%),linear-gradient(145deg,#0d3247,#071b29)}.pciv-alliance-progress-copy{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px;color:#c7d9e0;font-size:11px}.pciv-alliance-progress-copy b{color:var(--alliance-accent);font-size:13px}.pciv-alliance-progress{height:14px;margin-bottom:15px;padding:3px;border:1px solid rgba(95,229,255,.15);border-radius:999px;background:rgba(2,15,23,.65)}.pciv-alliance-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--alliance-to),var(--alliance-accent));box-shadow:0 0 16px color-mix(in srgb,var(--alliance-accent) 45%,transparent)}
.pciv-alliance-member-list{display:grid;gap:9px;margin-top:15px}.pciv-alliance-member-list article{display:grid;grid-template-columns:36px auto minmax(0,1fr) 100px auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid rgba(95,229,255,.1);border-radius:16px;background:rgba(3,20,31,.44)}.pciv-member-rank{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(242,196,94,.09);color:#f2d071}.pciv-alliance-member-avatar{position:relative;width:58px;height:58px}.pciv-alliance-member-avatar .pciv-avatar-shell{width:58px!important;height:58px!important}.pciv-alliance-member-avatar>i{position:absolute;right:1px;bottom:2px;width:13px;height:13px;border:2px solid #092334;border-radius:50%;background:#718492}.pciv-alliance-member-avatar>i.is-online{background:#42e695;box-shadow:0 0 10px rgba(66,230,149,.65)}.pciv-alliance-member-copy{min-width:0}.pciv-alliance-member-copy strong,.pciv-alliance-member-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pciv-alliance-member-copy strong{font-size:12px}.pciv-alliance-member-copy small{margin-top:4px;color:#9fb8c4;font-size:9px}.pciv-alliance-member-score{text-align:center}.pciv-alliance-member-score b,.pciv-alliance-member-score small{display:block}.pciv-alliance-member-score b{font-size:13px}.pciv-alliance-member-score small{margin-top:3px;color:#8eaab7;font-size:8px}.pciv-member-kick{border:0;background:none;color:#ff98a7;font-size:9px;cursor:pointer}
.pciv-member-menu{position:relative}.pciv-member-menu summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(95,229,255,.12);border-radius:10px;cursor:pointer;list-style:none}.pciv-member-menu summary::-webkit-details-marker{display:none}.pciv-member-menu>div{position:absolute;left:0;top:40px;z-index:20;display:grid;width:170px;padding:7px;border:1px solid rgba(95,229,255,.18);border-radius:13px;background:#071d2c;box-shadow:0 16px 32px rgba(0,0,0,.35)}.pciv-member-menu button{padding:8px;border:0;border-radius:8px;background:none;color:#d4e5eb;text-align:right;font-size:9px;cursor:pointer}.pciv-member-menu button:hover{background:rgba(95,229,255,.08)}.pciv-member-menu button.is-danger{color:#ff9cab}
.pciv-alliance-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}.pciv-alliance-inline-form .pciv-alliance-result{grid-column:1/-1}.pciv-alliance-requests{display:grid;gap:8px;margin-top:16px}.pciv-alliance-requests h3{margin:0 0 4px;font-size:13px}.pciv-alliance-requests article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid rgba(95,229,255,.1);border-radius:12px}.pciv-alliance-requests strong,.pciv-alliance-requests small{display:block}.pciv-alliance-requests strong{font-size:10px}.pciv-alliance-requests small{margin-top:2px;color:#91aeba;font-size:8px}.pciv-alliance-requests article>div{display:flex;gap:5px}.pciv-alliance-requests button{padding:6px 8px;border:0;border-radius:8px;background:#148b75;color:#fff;font-size:8px;cursor:pointer}.pciv-alliance-requests button.is-muted{background:#253f4c}
.pciv-alliance-activity{display:grid;gap:0;margin-top:12px}.pciv-alliance-activity article{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid rgba(95,229,255,.08)}.pciv-alliance-activity article:last-child{border:0}.pciv-alliance-activity i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--alliance-accent);box-shadow:0 0 9px color-mix(in srgb,var(--alliance-accent) 55%,transparent)}.pciv-alliance-activity strong,.pciv-alliance-activity small{display:block}.pciv-alliance-activity strong{font-size:10px;line-height:1.7}.pciv-alliance-activity small{margin-top:3px;color:#819daa;font-size:8px}
.pciv-alliance-settings{padding:0;overflow:hidden}.pciv-alliance-settings>summary{padding:17px 20px;cursor:pointer;font-size:13px;font-weight:800;list-style:none}.pciv-alliance-settings>summary::-webkit-details-marker{display:none}.pciv-alliance-settings[open]>summary{border-bottom:1px solid rgba(95,229,255,.1)}.pciv-alliance-settings form{padding:18px;margin:0}.pciv-alliance-exit{text-align:center}.pciv-alliance-exit .pciv-button{color:#ff9aaa;border-color:rgba(255,102,122,.25)}
.pciv-alliance-action[disabled],.pciv-alliance-ajax-form button[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:1180px){.pciv-alliance-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pciv-alliance-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.pciv-alliance-hub-hero{grid-template-columns:1fr 190px}.pciv-alliance-hub-orbit{width:180px;height:180px}.pciv-alliance-hero{grid-template-columns:auto minmax(0,1fr)}.pciv-alliance-hero-rank{grid-column:1/-1;grid-template-columns:repeat(3,auto);min-height:0;justify-content:center;gap:12px}.pciv-alliance-hero-rank strong{font-size:28px}}
@media(max-width:900px){.pciv-alliance-dashboard-grid,.pciv-alliance-main-grid{grid-template-columns:1fr}.pciv-alliance-hub-hero{grid-template-columns:1fr}.pciv-alliance-hub-orbit{display:none}.pciv-alliance-hero{grid-template-columns:auto minmax(0,1fr)}.pciv-alliance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pciv-alliance-side{grid-template-columns:1fr 1fr}.pciv-alliance-side>*{min-width:0}.pciv-alliance-settings,.pciv-alliance-exit{grid-column:1/-1}}
@media(max-width:680px){.pciv-alliance-hub-hero,.pciv-alliance-hero{padding:22px;border-radius:23px}.pciv-alliance-hub-hero h1{font-size:36px}.pciv-my-alliance-card{grid-template-columns:auto 1fr}.pciv-my-alliance-card>.pciv-button{grid-column:1/-1}.pciv-alliance-card-grid{grid-template-columns:1fr}.pciv-alliance-form{grid-template-columns:1fr}.pciv-alliance-form label.is-full,.pciv-alliance-form fieldset.is-full,.pciv-alliance-form .pciv-alliance-result{grid-column:auto}.pciv-alliance-color-picker{grid-template-columns:1fr 1fr}.pciv-alliance-hero{grid-template-columns:1fr;text-align:center}.pciv-alliance-emblem.is-hero{margin:auto}.pciv-alliance-hero-copy>div{justify-content:center}.pciv-alliance-hero-rank{grid-column:auto}.pciv-alliance-join-box{align-items:stretch;flex-direction:column}.pciv-alliance-member-list article{grid-template-columns:30px auto minmax(0,1fr) auto}.pciv-alliance-member-score{display:none}.pciv-alliance-side{grid-template-columns:1fr}.pciv-alliance-settings,.pciv-alliance-exit{grid-column:auto}.pciv-alliance-invite-list article{grid-template-columns:auto minmax(0,1fr)}.pciv-alliance-invite-list article>div:last-child{grid-column:1/-1}.pciv-alliance-inline-form{grid-template-columns:1fr}}
@media(max-width:440px){.pciv-alliance-stats{grid-template-columns:1fr}.pciv-alliance-card-stats{grid-template-columns:1fr 1fr!important}.pciv-alliance-member-list article{grid-template-columns:auto minmax(0,1fr) auto}.pciv-member-rank{display:none}.pciv-alliance-color-picker{grid-template-columns:1fr}.pciv-alliance-emblem.is-large{width:82px;height:82px}.pciv-alliance-emblem.is-large i{font-size:39px}}


/* ===== legions-v300.css ===== */
/* Physics Civilizations Core 3.0.0 — Physicists' Legions and capacity upgrade */
.pciv-legion-products{
  margin:24px 0 28px;
  padding:24px;
  border:1px solid rgba(242,196,94,.24);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 0,rgba(242,196,94,.12),transparent 33%),
    radial-gradient(circle at 100% 100%,rgba(95,229,255,.1),transparent 36%),
    linear-gradient(145deg,#0d3042,#071b29);
  box-shadow:0 18px 42px rgba(0,0,0,.2);
}
.pciv-legion-product-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) minmax(210px,auto);
  align-items:center;
  gap:22px;
  margin-top:17px;
  padding:22px !important;
  border-color:rgba(242,196,94,.28) !important;
  background:linear-gradient(135deg,rgba(242,196,94,.1),rgba(7,28,42,.9)) !important;
}
.pciv-legion-product-card.is-owned{
  border-color:rgba(66,230,149,.32) !important;
  background:linear-gradient(135deg,rgba(66,230,149,.09),rgba(7,28,42,.92)) !important;
}
.pciv-legion-product-visual{
  position:relative;
  display:grid;
  place-items:center;
  width:138px;
  height:138px;
  border:1px solid rgba(242,196,94,.3);
  border-radius:30px;
  background:radial-gradient(circle at 50% 35%,rgba(242,196,94,.24),transparent 45%),linear-gradient(145deg,#422f12,#0e3143);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 35px rgba(0,0,0,.25);
}
.pciv-legion-product-visual>span{font-size:62px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.pciv-legion-product-visual>i{
  position:absolute;
  left:10px;
  top:10px;
  display:grid;
  place-items:center;
  min-width:43px;
  height:43px;
  padding:0 8px;
  border:2px solid #0b2637;
  border-radius:14px;
  background:#42e695;
  color:#05281b;
  font-size:17px;
  font-style:normal;
  font-weight:900;
  box-shadow:0 7px 18px rgba(66,230,149,.3);
}
.pciv-legion-product-copy h3{margin:9px 0 7px;font-size:22px;line-height:1.45}
.pciv-legion-product-copy>p{max-width:760px;margin:0;color:#b8ced7;font-size:11px;line-height:2}
.pciv-legion-product-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.pciv-legion-product-copy>div>span{padding:7px 10px;border:1px solid rgba(95,229,255,.12);border-radius:11px;background:rgba(3,20,31,.48);color:#a9c1cc;font-size:9px}
.pciv-legion-product-copy>div b{color:#fff;font-size:10px}
.pciv-legion-product-action{display:grid;gap:10px;min-width:210px;text-align:center}
.pciv-legion-product-action>strong{display:block;color:#f4d16e;font-size:19px}
.pciv-legion-product-card.is-owned .pciv-legion-product-action>strong{color:#67edbd}
.pciv-legion-product-action .pciv-button{width:100%;min-height:44px}
.pciv-legion-product-action .pciv-alliance-result{margin:0}

.pciv-legion-capacity-panel{border-color:rgba(242,196,94,.28)!important;background:radial-gradient(circle at 100% 0,rgba(242,196,94,.11),transparent 35%),linear-gradient(145deg,#0d3245,#071b29)!important}
.pciv-legion-capacity-panel.is-upgraded{border-color:rgba(66,230,149,.28)!important;background:radial-gradient(circle at 100% 0,rgba(66,230,149,.1),transparent 35%),linear-gradient(145deg,#0d3245,#071b29)!important}
.pciv-legion-capacity-meter{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:9px;margin:14px 0}
.pciv-legion-capacity-meter>span,.pciv-legion-capacity-meter>strong{font-size:9px;color:#b5cbd4}
.pciv-legion-capacity-meter>span b{color:#fff;font-size:13px}
.pciv-legion-capacity-meter>i{display:block;height:11px;padding:2px;border:1px solid rgba(95,229,255,.14);border-radius:999px;background:rgba(2,15,23,.65)}
.pciv-legion-capacity-meter>i>b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f7890,#5fe5ff);box-shadow:0 0 12px rgba(95,229,255,.35)}
.pciv-legion-capacity-panel.is-upgraded .pciv-legion-capacity-meter>i>b{background:linear-gradient(90deg,#168b70,#42e695);box-shadow:0 0 12px rgba(66,230,149,.35)}
.pciv-alliance-join-box.is-full{border-color:rgba(113,132,146,.28);background:rgba(113,132,146,.07)}
.pciv-alliance-inline-form input[disabled]{opacity:.55;cursor:not-allowed}

@media(max-width:980px){
  .pciv-legion-product-card{grid-template-columns:120px minmax(0,1fr)}
  .pciv-legion-product-visual{width:112px;height:112px;border-radius:25px}
  .pciv-legion-product-visual>span{font-size:52px}
  .pciv-legion-product-action{grid-column:1/-1;grid-template-columns:minmax(140px,.4fr) minmax(240px,.6fr);align-items:center}
  .pciv-legion-product-action .pciv-alliance-result{grid-column:1/-1}
}
@media(max-width:650px){
  .pciv-legion-products{padding:18px;border-radius:22px}
  .pciv-legion-product-card{grid-template-columns:1fr;text-align:center}
  .pciv-legion-product-visual{margin:auto}
  .pciv-legion-product-copy>div{justify-content:center}
  .pciv-legion-product-action{grid-column:auto;grid-template-columns:1fr;min-width:0}
  .pciv-legion-capacity-meter{grid-template-columns:1fr;text-align:center}
  .pciv-legion-capacity-meter>i{order:3}
}


/* ===== legions-v301.css ===== */
/* Physics Civilizations Core 3.0.1 — staged legion capacity */
.pciv-legion-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pciv-legion-product-card.is-locked{opacity:.78;border-style:dashed!important}
.pciv-legion-product-card.is-locked .pciv-legion-product-visual{filter:grayscale(.35)}
.pciv-legion-product-card.is-owned{border-color:rgba(66,230,149,.3)!important;box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(66,230,149,.08)}
.pciv-legion-product-card .pciv-market-tag.is-limited{border-color:rgba(199,164,255,.3);background:rgba(199,164,255,.09);color:#e7d8ff}
.pciv-legion-product-card .pciv-legion-product-action{align-self:stretch}
@media(max-width:980px){.pciv-legion-product-grid{grid-template-columns:1fr}}


/* ===== dashboard-audit-v310.css ===== */
/* v3.1.0 — final UX, accessibility, responsive and performance audit */
:root{
  --pciv-space-1:4px;
  --pciv-space-2:8px;
  --pciv-space-3:12px;
  --pciv-space-4:16px;
  --pciv-space-5:24px;
  --pciv-space-6:32px;
  --pciv-space-7:48px;
  --pciv-readable:#c6d9e3;
  --pciv-readable-soft:#a9c2cf;
}

.pciv-shell :where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #ffdf70 !important;
  outline-offset:3px !important;
}
.pciv-shell :where(.pciv-button,button,[role="button"]){min-height:44px}
.pciv-shell p,.pciv-shell small{line-height:1.75}
.pciv-shell p{color:var(--pciv-readable)}
.pciv-shell small{color:var(--pciv-readable-soft)}

/* Lazy rendering of lower dashboard sections. */
.pciv-portal-v310 :is(.pciv-realms,.pciv-command-strip,.pciv-secondary-hub-stack,.pciv-dashboard-ranking){
  content-visibility:auto;
  contain-intrinsic-size:720px;
}

/* Header and command identity. */
.pciv-portal-v310 .pciv-portal-hero-v121{
  grid-template-columns:minmax(0,1.28fr) minmax(315px,.78fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}
.pciv-portal-v310 .pciv-portal-hero-main{display:flex !important;flex-direction:column;justify-content:center}
.pciv-portal-v310 .pciv-brand p{max-width:660px;font-size:13px !important}
.pciv-portal-v310 .pciv-hero-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.pciv-portal-v310 .pciv-hero-primary-actions .pciv-button{min-width:180px;justify-content:center}
.pciv-portal-v310 .pciv-commander-card{min-height:230px !important;padding:22px 24px !important}
.pciv-portal-v310 .pciv-commander-card .pciv-commander-metrics{display:none !important}
.pciv-portal-v310 .pciv-commander-progress{margin-top:auto !important}
.pciv-portal-v310 .pciv-commander-main .pciv-player-avatar{flex-basis:132px !important;width:132px !important;height:132px !important}
.pciv-portal-v310 .pciv-commander-main .pciv-avatar-shell,
.pciv-portal-v310 .pciv-commander-main .pciv-avatar-shell.has-frame{width:126px !important;height:126px !important}

/* Navigation never breaks into an accidental second row. */
.pciv-portal-v310 .pciv-toolbar-v310{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px !important;
  align-items:stretch;
  overflow:visible !important;
}
.pciv-portal-v310 .pciv-toolbar-v310>a,
.pciv-portal-v310 .pciv-toolbar-v310>details>summary{
  min-width:0 !important;
  width:100%;
  min-height:46px;
  justify-content:center;
  white-space:nowrap;
  font-size:11.5px !important;
}
.pciv-portal-v310 .pciv-toolbar-more{position:relative;min-width:0}
.pciv-portal-v310 .pciv-toolbar-more-menu{z-index:90;min-width:230px}

/* One clear action hierarchy. */
.pciv-portal-v310 .pciv-command-overview{
  margin:18px 0 14px !important;
  padding:18px 20px !important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.7fr) auto !important;
}
.pciv-portal-v310 .pciv-command-overview h2{font-size:21px !important}
.pciv-portal-v310 .pciv-command-overview p{font-size:12.5px !important}
.pciv-portal-v310 .pciv-command-actions .pciv-button:first-child{box-shadow:0 12px 28px rgba(242,196,94,.18)}

/* Priority cards near the top. */
.pciv-portal-v310 .pciv-dashboard-priority{margin:14px 0}
.pciv-portal-v310 .pciv-intelligence-widget{
  margin:0 !important;
  padding:17px 19px !important;
  grid-template-columns:minmax(0,1.4fr) auto auto !important;
  border-radius:20px !important;
}
.pciv-portal-v310 .pciv-intelligence-widget h2{font-size:19px !important}
.pciv-portal-v310 .pciv-intelligence-widget p{font-size:12.5px !important}
.pciv-portal-v310 .pciv-intelligence-metrics span{min-width:98px !important;padding:10px !important}
.pciv-portal-v310 .pciv-intelligence-metrics b{font-size:20px !important}

/* Compact reactor while preserving the actual daily question. */
.pciv-portal-v310 .pciv-daily-reactor{padding:18px 20px !important;border-radius:22px !important}
.pciv-portal-v310 .pciv-reactor-header{margin-bottom:13px !important}
.pciv-portal-v310 .pciv-reactor-header h2{font-size:21px !important}
.pciv-portal-v310 .pciv-reactor-header p{font-size:12.5px !important}
.pciv-portal-v310 .pciv-reactor-header-badges{display:none !important}
.pciv-portal-v310 .pciv-reactor-layout{grid-template-columns:210px minmax(0,1fr) !important;gap:16px !important}
.pciv-portal-v310 .pciv-reactor-core{transform:scale(.74);margin:-28px auto !important}
.pciv-portal-v310 .pciv-reactor-mini-stats{grid-template-columns:1fr !important;gap:5px !important}
.pciv-portal-v310 .pciv-reactor-mini-stats>div{min-height:0 !important;padding:7px 9px !important}
.pciv-portal-v310 .pciv-reactor-question-panel,
.pciv-portal-v310 .pciv-reactor-ready-panel,
.pciv-portal-v310 .pciv-reactor-claimed-panel{padding:15px !important}
.pciv-portal-v310 .pciv-reactor-question-panel h3{font-size:16px !important;line-height:1.8 !important}
.pciv-portal-v310 .pciv-reactor-options{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
.pciv-portal-v310 .pciv-reactor-options label span{min-height:44px !important;padding:9px !important;font-size:12px !important}
.pciv-portal-v310 .pciv-reactor-streak{margin-top:12px !important;padding-top:12px !important}
.pciv-portal-v310 .pciv-reactor-streak-days>div{min-height:48px !important;padding:6px !important}

/* Legion is a first-class dashboard feature. */
.pciv-legion-dashboard-card{
  --legion-from:#102f48;
  --legion-accent:#5fe5ff;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(210px,.55fr) auto;
  gap:18px;
  align-items:center;
  padding:19px 21px;
  border:1px solid color-mix(in srgb,var(--legion-accent) 34%,rgba(255,255,255,.08));
  border-radius:22px;
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--legion-accent) 12%,transparent),transparent 35%),linear-gradient(140deg,var(--legion-from),#071b2b 62%);
  box-shadow:0 18px 38px rgba(0,0,0,.2);
}
.pciv-legion-dashboard-card .pciv-alliance-emblem{width:78px;height:78px;flex:0 0 78px}
.pciv-legion-dashboard-copy h2{margin:3px 0 5px;color:#fff;font-size:21px}
.pciv-legion-dashboard-copy p{margin:0;font-size:12px}
.pciv-legion-dashboard-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.pciv-legion-dashboard-meta span{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);font-size:10px;font-weight:750}
.pciv-legion-dashboard-mission{padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(3,18,30,.48)}
.pciv-legion-dashboard-mission>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}
.pciv-legion-dashboard-mission>i{display:block;height:8px;margin:8px 0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.pciv-legion-dashboard-mission>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--legion-accent),#f2c45e)}
.pciv-legion-dashboard-mission small{font-size:9.5px}
.pciv-legion-dashboard-card.is-empty{grid-template-columns:auto minmax(0,1fr) auto}
.pciv-legion-dashboard-emblem{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(95,229,255,.24);border-radius:22px;background:rgba(95,229,255,.07);font-size:38px}

/* Realms: shorter, clearer, status driven. */
.pciv-portal-v310 .pciv-realms{margin-top:18px !important;padding:20px !important}
.pciv-portal-v310 .pciv-section-title p{font-size:12.5px !important}
.pciv-portal-v310 .pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important}
.pciv-portal-v310 .pciv-realm-card{min-height:0 !important;padding:15px !important}
.pciv-portal-v310 .pciv-realm-card-copy h3{font-size:17px !important}
.pciv-portal-v310 .pciv-realm-slogan{min-height:0 !important;font-size:12px !important}
.pciv-portal-v310 .pciv-realm-highlights{margin:8px 0 !important}
.pciv-portal-v310 .pciv-realm-mission{min-height:0 !important}
.pciv-portal-v310 .pciv-realm-card.is-status-locked{opacity:.82}
.pciv-portal-v310 .pciv-realm-card.is-status-locked .pciv-realm-status-badge:before{content:"🔒 ";}
.pciv-portal-v310 .pciv-realm-card.is-status-completed .pciv-realm-status-badge:before{content:"✓ ";}
.pciv-portal-v310 .pciv-realm-show-more{width:100%;min-height:46px;margin-top:15px;border:1px solid rgba(95,229,255,.18);border-radius:15px;background:rgba(95,229,255,.06);color:#dffaff;font-weight:850;cursor:pointer}
.pciv-portal-v310 .pciv-focus-hidden{display:none !important}

/* One compact performance summary instead of repeated large stat cards. */
.pciv-command-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,1.35fr) auto;
  gap:8px;
  align-items:stretch;
  margin:16px 0;
  padding:10px;
  border:1px solid rgba(95,229,255,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,48,69,.96),rgba(5,24,38,.96));
}
.pciv-command-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value";gap:2px 8px;align-items:center;padding:10px;border-radius:13px;background:rgba(255,255,255,.035)}
.pciv-command-strip i{grid-area:icon;font-style:normal;font-size:20px}
.pciv-command-strip span{grid-area:label;color:#9fb8c5;font-size:10px}
.pciv-command-strip strong{grid-area:value;color:#fff;font-size:16px}
.pciv-command-strip small{grid-column:1/-1;font-size:9px}
.pciv-command-strip>a{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid rgba(242,196,94,.25);border-radius:13px;background:rgba(242,196,94,.08);color:#f5d276!important;font-size:11px;font-weight:850}

/* Secondary modules collapse into useful summaries. */
.pciv-secondary-hub-stack{display:grid;gap:14px}
.pciv-secondary-panel,.pciv-dashboard-ranking .pciv-ranking{position:relative;overflow:hidden}
.pciv-secondary-panel.is-store{border-color:rgba(242,196,94,.25) !important}
.pciv-secondary-panel.is-social{border-color:rgba(95,170,255,.24) !important}
.pciv-secondary-panel.is-city{border-color:rgba(88,224,181,.2) !important}
.pciv-secondary-panel.is-events{border-color:rgba(195,151,255,.2) !important}
.pciv-panel-summary{display:none;align-items:center;gap:12px;min-height:68px;padding:13px 58px 13px 15px;cursor:pointer}
.pciv-panel-summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(95,229,255,.08);font-size:22px}
.pciv-panel-summary-copy{display:grid;gap:2px}
.pciv-panel-summary-copy strong{color:#fff;font-size:14px}
.pciv-panel-summary-copy small{font-size:10.5px}
.pciv-panel-toggle{position:absolute;top:13px;right:13px;z-index:6;display:grid;place-items:center;width:40px;height:40px;min-height:40px;border:1px solid rgba(95,229,255,.18);border-radius:12px;background:rgba(3,18,30,.65);color:#dffaff;cursor:pointer}
.pciv-secondary-panel.is-collapsed,.pciv-dashboard-ranking .pciv-ranking.is-collapsed{min-height:68px !important;padding:0 !important}
.pciv-secondary-panel.is-collapsed>.pciv-panel-summary,.pciv-dashboard-ranking .pciv-ranking.is-collapsed>.pciv-panel-summary{display:flex}
.pciv-secondary-panel.is-collapsed>*:not(.pciv-panel-summary):not(.pciv-panel-toggle),
.pciv-dashboard-ranking .pciv-ranking.is-collapsed>*:not(.pciv-panel-summary):not(.pciv-panel-toggle){display:none !important}

/* Smaller active-access notices. */
.pciv-portal-v310 .pciv-access-notice{min-height:0 !important;margin:12px 0 !important;padding:11px 14px !important;border-radius:15px !important}
.pciv-portal-v310 .pciv-access-notice>span{font-size:23px !important}
.pciv-portal-v310 .pciv-access-notice strong{font-size:13px !important}
.pciv-portal-v310 .pciv-access-notice p{font-size:10.5px !important;margin:2px 0 0 !important}

/* Tables remain usable on narrow screens. */
.pciv-shell .pciv-table{overflow:auto;overscroll-behavior-inline:contain}
.pciv-shell .pciv-table table{min-width:680px}

@media(max-width:1180px){
  .pciv-portal-v310 .pciv-portal-hero-v121{grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-commander-card{max-width:none !important}
  .pciv-portal-v310 .pciv-command-overview{grid-template-columns:1fr auto !important}
  .pciv-portal-v310 .pciv-command-paths{grid-column:1/-1}
  .pciv-command-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pciv-command-strip>a{grid-column:auto}
  .pciv-legion-dashboard-card{grid-template-columns:auto minmax(0,1fr) minmax(190px,.6fr)}
  .pciv-legion-dashboard-card>.pciv-button{grid-column:2/-1;width:max-content}
}

@media(max-width:900px){
  .pciv-portal-v310 .pciv-toolbar-v310{display:flex !important;overflow-x:auto !important;scroll-snap-type:x proximity;padding-bottom:7px}
  .pciv-portal-v310 .pciv-toolbar-v310>a,.pciv-portal-v310 .pciv-toolbar-v310>details{flex:0 0 142px;scroll-snap-align:start}
  .pciv-portal-v310 .pciv-command-overview{grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-command-actions{display:flex;flex-wrap:wrap}
  .pciv-portal-v310 .pciv-intelligence-widget{grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-intelligence-actions{grid-column:auto !important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-portal-v310 .pciv-reactor-layout{grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-reactor-core-column{display:none !important}
  .pciv-legion-dashboard-card,.pciv-legion-dashboard-card.is-empty{grid-template-columns:auto 1fr}
  .pciv-legion-dashboard-mission{grid-column:1/-1}
  .pciv-legion-dashboard-card>.pciv-button{grid-column:1/-1;width:100%}
  .pciv-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pciv-portal-v310 .pciv-realm-grid{grid-template-columns:1fr !important}
}

@media(max-width:640px){
  .pciv-portal-v310{padding-inline:9px !important}
  .pciv-portal-v310 .pciv-core-banner{margin-bottom:10px}
  .pciv-portal-v310 .pciv-portal-hero-v121{padding:17px !important}
  .pciv-portal-v310 .pciv-brand-mark{width:52px;height:52px;font-size:25px}
  .pciv-portal-v310 .pciv-brand h1{font-size:25px !important}
  .pciv-portal-v310 .pciv-hero-pills{display:flex !important;overflow-x:auto;flex-wrap:nowrap}
  .pciv-portal-v310 .pciv-hero-pills span{flex:0 0 auto}
  .pciv-portal-v310 .pciv-hero-primary-actions{display:grid;grid-template-columns:1fr}
  .pciv-portal-v310 .pciv-hero-primary-actions .pciv-button{width:100%;min-width:0}
  .pciv-portal-v310 .pciv-commander-main{grid-template-columns:96px minmax(0,1fr) !important;text-align:right !important}
  .pciv-portal-v310 .pciv-commander-main .pciv-player-avatar{width:96px !important;height:96px !important;flex-basis:96px !important}
  .pciv-portal-v310 .pciv-commander-main .pciv-avatar-shell,.pciv-portal-v310 .pciv-commander-main .pciv-avatar-shell.has-frame{width:92px !important;height:92px !important}
  .pciv-portal-v310 .pciv-command-overview{padding:15px !important}
  .pciv-portal-v310 .pciv-command-paths{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
  .pciv-portal-v310 .pciv-command-paths>div{padding:8px 5px !important}
  .pciv-portal-v310 .pciv-reactor-options{grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-reactor-streak{overflow-x:auto}
  .pciv-portal-v310 .pciv-reactor-streak-days{min-width:550px}
  .pciv-legion-dashboard-card,.pciv-legion-dashboard-card.is-empty{grid-template-columns:1fr;text-align:center;padding:16px}
  .pciv-legion-dashboard-card .pciv-alliance-emblem,.pciv-legion-dashboard-emblem{margin:auto}
  .pciv-legion-dashboard-meta{justify-content:center}
  .pciv-command-strip{grid-template-columns:1fr 1fr;padding:8px}
  .pciv-command-strip .is-rank{grid-column:1/-1}
  .pciv-command-strip>a{grid-column:1/-1}
  .pciv-portal-v310 .pciv-realms{padding:14px !important}
  .pciv-portal-v310 .pciv-realm-filter-stack{display:grid !important;grid-template-columns:1fr !important}
  .pciv-portal-v310 .pciv-status-filters{overflow-x:auto;flex-wrap:nowrap !important;padding-bottom:5px}
  .pciv-portal-v310 .pciv-status-filters>button,.pciv-portal-v310 .pciv-status-filters>details{flex:0 0 auto}
  .pciv-panel-summary{padding-right:55px}
}

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


/* ===== Legion creation safeguards v3.1.1 ===== */
.pciv-legion-create-note{
  display:block;
  margin-top:8px;
  color:#b9ced9;
  font-size:12px;
  line-height:1.9;
}
.pciv-alliance-create-panel .pciv-section-title p strong{
  color:#f6d36d;
  font-weight:900;
}
.pciv-legion-name-status{
  display:block;
  min-height:20px;
  margin-top:7px;
  color:#9fb8c6;
  font-size:11px;
  line-height:1.7;
  transition:color .18s ease,opacity .18s ease;
}
.pciv-legion-name-status.is-checking{color:#8edcf1}
.pciv-legion-name-status.is-available{color:#65f2c2}
.pciv-legion-name-status.is-unavailable{color:#ff9cac}
.pciv-alliance-form input[data-legion-name-check][aria-invalid="true"]{
  border-color:#ff7f94!important;
  box-shadow:0 0 0 3px rgba(255,127,148,.12)!important;
}


/* v3.1.2 — viewport rendering and collapsed-panel stability hotfix */
.pciv-portal-v312 :is(.pciv-realms,.pciv-command-strip,.pciv-secondary-hub-stack,.pciv-dashboard-ranking){
  content-visibility:visible !important;
  contain:none !important;
  contain-intrinsic-size:auto !important;
}

.pciv-portal-v312 .pciv-secondary-panel.is-collapsed,
.pciv-portal-v312 .pciv-dashboard-ranking .pciv-ranking.is-collapsed{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:68px !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto !important;
  grid-auto-columns:auto !important;
  grid-auto-rows:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.pciv-portal-v312 .pciv-secondary-panel.is-collapsed > .pciv-panel-summary,
.pciv-portal-v312 .pciv-dashboard-ranking .pciv-ranking.is-collapsed > .pciv-panel-summary{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-direction:row !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:68px !important;
  padding-block:12px !important;
  padding-inline-start:14px !important;
  padding-inline-end:60px !important;
  box-sizing:border-box !important;
  text-align:start !important;
  writing-mode:horizontal-tb !important;
}

.pciv-portal-v312 .pciv-panel-summary-icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
}

.pciv-portal-v312 .pciv-panel-summary-copy{
  display:grid !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  gap:2px !important;
  writing-mode:horizontal-tb !important;
}

.pciv-portal-v312 .pciv-panel-summary-copy strong,
.pciv-portal-v312 .pciv-panel-summary-copy small{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}

.pciv-portal-v312 .pciv-panel-toggle{
  right:auto !important;
  left:auto !important;
  inset-inline-start:auto !important;
  inset-inline-end:13px !important;
}

.pciv-portal-v312 .pciv-secondary-panel.is-collapsed > *:not(.pciv-panel-summary):not(.pciv-panel-toggle),
.pciv-portal-v312 .pciv-dashboard-ranking .pciv-ranking.is-collapsed > *:not(.pciv-panel-summary):not(.pciv-panel-toggle){
  display:none !important;
}

/* Avoid an empty reserved block before lazy/interactive content is painted. */
.pciv-portal-v312 #pciv-realms,
.pciv-portal-v312 .pciv-command-strip{
  min-block-size:0 !important;
  block-size:auto !important;
}

@media(max-width:640px){
  .pciv-portal-v312 .pciv-secondary-panel.is-collapsed,
  .pciv-portal-v312 .pciv-dashboard-ranking .pciv-ranking.is-collapsed{
    min-height:64px !important;
  }
  .pciv-portal-v312 .pciv-secondary-panel.is-collapsed > .pciv-panel-summary,
  .pciv-portal-v312 .pciv-dashboard-ranking .pciv-ranking.is-collapsed > .pciv-panel-summary{
    min-height:64px !important;
    gap:10px !important;
    padding-block:10px !important;
    padding-inline-start:11px !important;
    padding-inline-end:54px !important;
  }
  .pciv-portal-v312 .pciv-panel-summary-icon{
    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;
    font-size:19px !important;
  }
  .pciv-portal-v312 .pciv-panel-summary-copy strong{font-size:13px !important;line-height:1.55 !important}
  .pciv-portal-v312 .pciv-panel-summary-copy small{font-size:10px !important;line-height:1.65 !important}
  .pciv-portal-v312 .pciv-panel-toggle{
    top:12px !important;
    inset-inline-end:10px !important;
    width:38px !important;
    height:38px !important;
    min-height:38px !important;
  }
}


/* v3.1.3 — prevent duplicate/legacy collapsible controls from stacking vertically */
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-ranking{
  isolation:isolate;
}
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-ranking > .pciv-panel-toggle,
.pciv-portal-v313 .pciv-secondary-panel > .pciv-panel-toggle{
  display:grid !important;
  place-items:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  line-height:1 !important;
  font-size:0 !important;
  z-index:4 !important;
}
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-ranking > .pciv-panel-toggle > span,
.pciv-portal-v313 .pciv-secondary-panel > .pciv-panel-toggle > span{
  display:block !important;
  font-size:20px !important;
  line-height:1 !important;
  writing-mode:horizontal-tb !important;
}
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-ranking.is-collapsed > .pciv-panel-summary{
  position:relative !important;
  z-index:2 !important;
  padding-inline-end:66px !important;
}
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-panel-summary-copy{
  overflow:hidden !important;
}
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-panel-summary-copy strong,
.pciv-portal-v313 .pciv-dashboard-ranking .pciv-panel-summary-copy small{
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}


/* v3.1.4 realm top-strip cleanup */
.pciv-portal-v151 .pciv-realm-card::after{display:none!important;content:none!important;}
.pciv-portal-v151 .pciv-realm-card.is-recommended{box-shadow:0 18px 40px rgba(0,0,0,.22)!important;}
.pciv-portal-v151 .pciv-realm-card.is-recommended .pciv-realm-spotlight{top:12px;left:12px;}
.pciv-portal-v269 .pciv-realm-card.is-recommended{box-shadow:0 16px 36px rgba(0,0,0,.2)!important;}


/* v3.1.5 — keep the full realm catalog visible by default */
.pciv-portal-v315 .pciv-realm-card.pciv-focus-hidden{display:flex!important;}
.pciv-portal-v315 .pciv-realm-show-more{display:none!important;}


/* ===== v3.1.6 commander identity alignment ===== */
.pciv-portal-v316 .pciv-commander-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 152px !important;
  grid-template-areas:"info avatar" !important;
  align-items:center !important;
  column-gap:18px !important;
  width:100% !important;
  min-width:0 !important;
  direction:ltr !important;
}

.pciv-portal-v316 .pciv-commander-main .pciv-player-avatar{
  grid-area:avatar !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
  direction:rtl !important;
}

.pciv-portal-v316 .pciv-commander-main .pciv-player-info{
  grid-area:info !important;
  width:100% !important;
  min-width:0 !important;
  align-items:flex-start !important;
  justify-self:stretch !important;
  text-align:right !important;
  direction:rtl !important;
}

.pciv-portal-v316 .pciv-commander-handle-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:9px !important;
  width:auto !important;
  max-width:100% !important;
  margin:2px 0 4px !important;
  align-self:flex-start !important;
  direction:rtl !important;
}

.pciv-portal-v316 .pciv-commander-handle-row .pciv-commander-handle{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
}

.pciv-portal-v316 .pciv-commander-handle-row .pciv-presence-badge{
  flex:0 0 auto !important;
  margin:0 !important;
  transform:none !important;
  white-space:nowrap !important;
}

@media (max-width:700px){
  .pciv-portal-v316 .pciv-commander-main{
    grid-template-columns:minmax(0,1fr) 132px !important;
    column-gap:14px !important;
  }
}

@media (max-width:560px){
  .pciv-portal-v316 .pciv-commander-main{
    grid-template-columns:1fr !important;
    grid-template-areas:"avatar" "info" !important;
    row-gap:14px !important;
    justify-items:center !important;
  }
  .pciv-portal-v316 .pciv-commander-main .pciv-player-avatar{
    justify-self:center !important;
  }
  .pciv-portal-v316 .pciv-commander-main .pciv-player-info{
    align-items:center !important;
    text-align:center !important;
  }
  .pciv-portal-v316 .pciv-commander-main .pciv-commander-eyebrow,
  .pciv-portal-v316 .pciv-commander-handle-row{
    justify-content:center !important;
    align-self:center !important;
  }
}


/* ===== v3.1.7 premium daily reactor polish ===== */
.pciv-portal-v261 .pciv-daily-reactor{
  position:relative;
  overflow:hidden;
  padding:24px!important;
  border-radius:28px!important;
  border:1px solid rgba(77,226,216,.16)!important;
  background:
    radial-gradient(circle at 12% 14%, rgba(72,226,214,.10), transparent 30%),
    radial-gradient(circle at 85% 22%, rgba(242,196,94,.12), transparent 24%),
    linear-gradient(135deg, rgba(6,47,69,.96) 0%, rgba(4,25,41,.98) 42%, rgba(3,18,33,.99) 100%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pciv-portal-v261 .pciv-daily-reactor::before{
  content:"";
  position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
  background-size:84px 84px;
  opacity:.16; pointer-events:none;
}
.pciv-portal-v261 .pciv-daily-reactor::after{
  content:"";
  position:absolute; inset:1px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
}
.pciv-portal-v261 .pciv-reactor-header{position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:18px!important; margin-bottom:18px!important}
.pciv-portal-v261 .pciv-reactor-header>div:first-child{max-width:720px}
.pciv-portal-v261 .pciv-reactor-header h2{font-size:31px!important; line-height:1.1!important; margin:3px 0 8px!important; letter-spacing:-.02em}
.pciv-portal-v261 .pciv-reactor-header p{max-width:760px; color:rgba(225,241,246,.76)!important; font-size:13.5px!important; line-height:1.9!important}
.pciv-portal-v261 .pciv-reactor-header-badges{display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end}
.pciv-portal-v261 .pciv-reactor-header-badges span{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:38px; padding:0 14px; border-radius:999px;
  color:#ecf8fb; font-size:11.5px; font-weight:700;
  border:1px solid rgba(64,230,214,.22);
  background:linear-gradient(180deg, rgba(19,77,99,.62), rgba(7,33,49,.76));
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}
.pciv-portal-v261 .pciv-reactor-layout{position:relative; z-index:1; grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important; gap:18px!important}
.pciv-portal-v261 .pciv-reactor-core-column{
  align-content:start; gap:14px!important; padding:18px!important; border-radius:24px!important;
  border:1px solid rgba(78,228,219,.12)!important;
  background:linear-gradient(180deg, rgba(8,32,47,.88), rgba(4,22,36,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px rgba(0,0,0,.18)!important;
}
.pciv-portal-v261 .pciv-reactor-core{width:min(190px,100%)!important; margin-inline:auto!important; filter:drop-shadow(0 14px 28px rgba(0,0,0,.28))}
.pciv-portal-v261 .pciv-reactor-nucleus{box-shadow:0 0 25px rgba(68,225,214,.22), inset 0 0 0 8px rgba(255,255,255,.03)!important}
.pciv-portal-v261 .pciv-reactor-nucleus span{font-size:34px!important}
.pciv-portal-v261 .pciv-reactor-mini-stats{grid-template-columns:1fr!important; gap:10px!important; margin-top:4px!important}
.pciv-portal-v261 .pciv-reactor-mini-stats div{
  padding:14px 15px!important; border-radius:18px!important; min-height:72px;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg, rgba(6,22,34,.68), rgba(11,34,49,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pciv-portal-v261 .pciv-reactor-mini-stats span{font-size:11px!important; color:rgba(205,230,237,.62)!important; margin-bottom:7px!important}
.pciv-portal-v261 .pciv-reactor-mini-stats strong{font-size:16px!important; line-height:1.5!important; color:#fff!important}
.pciv-portal-v261 .pciv-reactor-mini-stats div:nth-child(1){border-color:rgba(74,227,175,.18)!important}
.pciv-portal-v261 .pciv-reactor-mini-stats div:nth-child(2){border-color:rgba(242,196,94,.18)!important}
.pciv-portal-v261 .pciv-reactor-mini-stats div:nth-child(3){border-color:rgba(108,216,255,.18)!important}
.pciv-portal-v261 .pciv-reactor-mission{
  position:relative; min-height:318px!important; padding:24px 28px!important; border-radius:24px!important;
  border:1px solid rgba(82,229,219,.14)!important;
  background:linear-gradient(180deg, rgba(4,19,31,.82), rgba(6,27,42,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 20px 44px rgba(0,0,0,.18)!important;
}
.pciv-portal-v261 .pciv-reactor-mission::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:radial-gradient(circle at 50% 0%, rgba(64,230,214,.08), transparent 45%);
  pointer-events:none;
}
.pciv-portal-v261 .pciv-reactor-question-panel,
.pciv-portal-v261 .pciv-reactor-ready-panel,
.pciv-portal-v261 .pciv-reactor-claimed-panel{position:relative; z-index:1; text-align:center}
.pciv-portal-v261 .pciv-reactor-step{
  justify-content:center!important; gap:12px!important; margin-bottom:16px!important;
  padding:12px 14px!important; border-radius:16px!important;
  background:rgba(255,255,255,.03)!important; border:1px solid rgba(255,255,255,.06)!important;
}
.pciv-portal-v261 .pciv-reactor-step span{width:34px!important; height:34px!important; font-size:14px!important}
.pciv-portal-v261 .pciv-reactor-question-panel h3{margin:8px auto 14px!important; max-width:780px; font-size:21px!important; line-height:1.85!important; color:#fff!important}
.pciv-portal-v261 .pciv-reactor-options{grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:11px!important; max-width:820px; margin:0 auto 14px!important}
.pciv-portal-v261 .pciv-reactor-options span{
  min-height:52px!important; padding:11px 13px!important; border-radius:16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg, rgba(8,34,52,.76), rgba(7,25,40,.88))!important;
  color:#eaf7fb!important; font-size:13px!important; font-weight:700!important;
}
.pciv-portal-v261 .pciv-reactor-options i{
  display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%;
  background:rgba(64,230,214,.13); color:#7ef1ea!important; font-size:12px!important; margin-left:8px!important;
}
.pciv-portal-v261 .pciv-reactor-options label:hover span,
.pciv-portal-v261 .pciv-reactor-options label.is-selected span{border-color:rgba(84,236,225,.44)!important; background:linear-gradient(180deg, rgba(14,57,78,.84), rgba(8,32,48,.96))!important; box-shadow:0 12px 24px rgba(0,0,0,.14), 0 0 0 1px rgba(64,230,214,.08) inset}
.pciv-portal-v261 .pciv-reactor-question-panel .pciv-button,
.pciv-portal-v261 .pciv-reactor-ready-panel .pciv-button{min-width:260px!important; min-height:54px!important; border-radius:18px!important; font-size:14px!important; box-shadow:0 16px 34px rgba(0,0,0,.18)}
.pciv-portal-v261 .pciv-reactor-ready-icon{width:78px!important; height:78px!important; font-size:34px!important; margin-bottom:14px!important; box-shadow:0 0 32px rgba(64,230,214,.22)!important}
.pciv-portal-v261 .pciv-reactor-ready-panel h3,
.pciv-portal-v261 .pciv-reactor-claimed-panel h3{font-size:28px!important; margin:9px 0 10px!important}
.pciv-portal-v261 .pciv-reactor-ready-panel p,
.pciv-portal-v261 .pciv-reactor-claimed-panel p{max-width:640px!important; font-size:13.5px!important; line-height:1.95!important; color:rgba(227,243,247,.72)!important}
.pciv-portal-v261 .pciv-reactor-reward-burst{width:122px!important; height:122px!important; margin-bottom:16px!important; box-shadow:0 0 38px rgba(242,196,94,.25), inset 0 0 0 8px rgba(242,196,94,.05)!important}
.pciv-portal-v261 .pciv-reactor-reward-burst span{font-size:28px!important}
.pciv-portal-v261 .pciv-reactor-reward-burst small{font-size:11px!important}
.pciv-portal-v261 .pciv-reactor-feedback{position:relative; z-index:1; min-height:28px; margin-top:14px!important; text-align:center; font-size:12.5px!important; line-height:1.9!important}
.pciv-portal-v261 .pciv-reactor-streak{
  position:relative; z-index:1; margin-top:18px!important; padding:16px 18px!important; gap:14px!important;
  border-radius:22px!important; border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg, rgba(6,22,34,.70), rgba(4,18,31,.90))!important;
}
.pciv-portal-v261 .pciv-reactor-streak-copy{flex:0 0 220px!important}
.pciv-portal-v261 .pciv-reactor-streak-copy strong{font-size:15px!important; margin-bottom:3px!important}
.pciv-portal-v261 .pciv-reactor-streak-copy span{font-size:11px!important; line-height:1.8!important; color:rgba(220,238,244,.64)!important}
.pciv-portal-v261 .pciv-reactor-streak-days{gap:8px!important}
.pciv-portal-v261 .pciv-reactor-streak-days > div{
  min-height:70px!important; padding:8px 6px!important; border-radius:16px!important;
  border:1px solid rgba(255,255,255,.07)!important; background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.03))!important;
}
.pciv-portal-v261 .pciv-reactor-streak-days i{font-size:19px!important}
.pciv-portal-v261 .pciv-reactor-streak-days span{font-size:10px!important; margin-top:3px!important}
.pciv-portal-v261 .pciv-reactor-streak-days small{top:6px!important; left:7px!important; font-size:8.5px!important}
.pciv-portal-v261 .pciv-reactor-streak-days .is-complete{background:linear-gradient(180deg, rgba(69,224,173,.12), rgba(19,52,46,.28))!important}
.pciv-portal-v261 .pciv-reactor-streak-days .is-current{background:linear-gradient(180deg, rgba(242,196,94,.16), rgba(60,49,17,.24))!important; box-shadow:0 0 22px rgba(242,196,94,.12)!important}
.pciv-portal-v261 .pciv-reactor-streak-days .is-milestone{border-color:rgba(242,196,94,.30)!important}
@media (max-width: 980px){
  .pciv-portal-v261 .pciv-reactor-header{display:block!important}
  .pciv-portal-v261 .pciv-reactor-header-badges{justify-content:flex-start!important; margin-top:12px!important}
  .pciv-portal-v261 .pciv-reactor-layout{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-core-column{grid-template-columns:170px minmax(0,1fr)!important; display:grid!important}
  .pciv-portal-v261 .pciv-reactor-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pciv-portal-v261 .pciv-reactor-mini-stats div{min-height:unset!important}
}
@media (max-width: 680px){
  .pciv-portal-v261 .pciv-daily-reactor{padding:18px!important}
  .pciv-portal-v261 .pciv-reactor-header h2{font-size:26px!important}
  .pciv-portal-v261 .pciv-reactor-core-column{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-core{width:170px!important}
  .pciv-portal-v261 .pciv-reactor-mini-stats{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-mission{padding:18px!important; min-height:unset!important}
  .pciv-portal-v261 .pciv-reactor-question-panel h3{font-size:18px!important}
  .pciv-portal-v261 .pciv-reactor-options{grid-template-columns:1fr!important}
  .pciv-portal-v261 .pciv-reactor-streak{display:block!important}
  .pciv-portal-v261 .pciv-reactor-streak-copy{margin-bottom:12px!important; flex-basis:auto!important}
}

/* ===== v3.1.8 Daily Reactor — structural premium redesign ===== */
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-daily-reactor{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  padding:24px!important;
  border:1px solid rgba(67,224,214,.2)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(43,220,207,.13),transparent 29%),
    radial-gradient(circle at 86% 20%,rgba(242,196,94,.11),transparent 26%),
    linear-gradient(135deg,#0b3b51 0%,#061f32 38%,#041727 100%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-daily-reactor::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(rgba(93,224,218,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(93,224,218,.035) 1px,transparent 1px),
    radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.3px)!important;
  background-size:72px 72px,72px 72px,98px 98px!important;
  opacity:.32!important;
  pointer-events:none!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-daily-reactor::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:-1!important;
  border:1px solid rgba(255,255,255,.025)!important;
  border-radius:26px!important;
  pointer-events:none!important;
}

.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0 0 20px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header>div:first-child{max-width:760px!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header h2{
  margin:4px 0 8px!important;
  font-size:30px!important;
  line-height:1.15!important;
  color:#fff!important;
  letter-spacing:-.02em!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header p{
  margin:0!important;
  max-width:760px!important;
  font-size:13.5px!important;
  line-height:1.9!important;
  color:rgba(227,242,247,.76)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  max-width:420px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header-badges span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid rgba(242,196,94,.25)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(83,69,22,.32),rgba(31,28,18,.36))!important;
  color:#f5d47d!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-layout{
  display:grid!important;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:18px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-core-column{
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:stretch!important;
  align-content:start!important;
  gap:15px!important;
  padding:18px!important;
  border:1px solid rgba(74,226,216,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(5,24,38,.78),rgba(5,18,31,.92))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-core{
  width:190px!important;
  max-width:100%!important;
  margin:0 auto!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.28))!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-nucleus{
  box-shadow:0 0 30px rgba(52,226,214,.36),inset 0 0 15px rgba(255,255,255,.22)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-nucleus span{font-size:35px!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats div{
  min-height:74px!important;
  padding:13px 15px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(10,34,49,.82),rgba(5,22,35,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats div:nth-child(1){border-color:rgba(72,225,174,.22)!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats div:nth-child(2){border-color:rgba(242,196,94,.22)!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats div:nth-child(3){border-color:rgba(95,206,242,.22)!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats span{
  margin-bottom:7px!important;
  color:rgba(209,231,238,.62)!important;
  font-size:11px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats strong{
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.45!important;
}

.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mission{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  min-height:0!important;
  padding:24px 28px!important;
  border:1px solid rgba(77,226,216,.14)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(48,217,205,.09),transparent 42%),
    linear-gradient(180deg,rgba(4,19,31,.84),rgba(5,24,39,.94))!important;
  box-shadow:0 20px 46px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-question-panel,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-ready-panel,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-panel{
  width:100%!important;
  min-height:100%!important;
}

/* Question state */
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-question-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-step{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  max-width:760px!important;
  margin:0 auto 16px!important;
  padding:12px 15px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-step>span{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-question-panel h3{
  max-width:820px!important;
  margin:4px auto 16px!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.85!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
  max-width:860px!important;
  width:100%!important;
  margin:0 auto 16px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options span{
  min-height:54px!important;
  padding:11px 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(10,38,57,.76),rgba(6,25,40,.91))!important;
  color:#eaf7fb!important;
  font-size:13px!important;
  font-weight:700!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options span i{
  border-radius:50%!important;
  background:rgba(64,230,214,.13)!important;
  color:#7ef1ea!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options label:hover span,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options label.is-selected span,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options input:checked+span{
  border-color:rgba(85,236,225,.48)!important;
  background:linear-gradient(180deg,rgba(17,65,86,.86),rgba(8,33,49,.96))!important;
  box-shadow:0 13px 26px rgba(0,0,0,.14),inset 0 0 0 1px rgba(64,230,214,.08)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-question-panel>.pciv-button{
  align-self:center!important;
  width:auto!important;
  min-width:280px!important;
  min-height:54px!important;
  border-radius:17px!important;
  font-size:14px!important;
}

/* Charged and claimed states */
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-ready-panel,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-panel{
  display:grid!important;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)!important;
  align-items:center!important;
  gap:34px!important;
  text-align:right!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:260px!important;
  border:1px solid rgba(69,228,216,.12)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(54,229,215,.17),transparent 34%),
    linear-gradient(180deg,rgba(3,19,31,.52),rgba(4,25,39,.82))!important;
  overflow:hidden!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual::before,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual::before{
  content:""!important;
  position:absolute!important;
  inset:14%!important;
  border:1px solid rgba(65,229,216,.18)!important;
  border-radius:50%!important;
  box-shadow:0 0 36px rgba(62,227,215,.12)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual::after,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual::after{
  content:""!important;
  position:absolute!important;
  inset:27%!important;
  border:1px solid rgba(242,196,94,.22)!important;
  border-radius:50%!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual>i,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual>i{
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#49e4d7!important;
  box-shadow:0 0 12px #49e4d7!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual>i:nth-of-type(1),
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual>i:nth-of-type(1){top:18%!important;left:28%!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual>i:nth-of-type(2),
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual>i:nth-of-type(2){top:24%!important;right:24%!important;background:#f3cb67!important;box-shadow:0 0 12px #f3cb67!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual>i:nth-of-type(3),
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual>i:nth-of-type(3){bottom:20%!important;left:20%!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual>i:nth-of-type(4){bottom:24%!important;right:21%!important;background:#f3cb67!important;box-shadow:0 0 12px #f3cb67!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-ready-icon{
  position:relative!important;
  z-index:2!important;
  width:112px!important;
  height:112px!important;
  margin:0!important;
  border:2px solid rgba(242,196,94,.62)!important;
  font-size:48px!important;
  background:radial-gradient(circle,#33dacc 0 28%,#0a5865 29% 60%,#051d2e 61%)!important;
  box-shadow:0 0 42px rgba(51,224,211,.36),inset 0 0 0 8px rgba(242,196,94,.05)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-reward-burst{
  position:relative!important;
  z-index:2!important;
  width:154px!important;
  height:154px!important;
  margin:0!important;
  border:3px solid rgba(242,196,94,.75)!important;
  background:radial-gradient(circle,#3db5aa 0 28%,#0a5261 29% 58%,#061b2d 59%)!important;
  box-shadow:0 0 52px rgba(62,227,215,.32),0 0 26px rgba(242,196,94,.2),inset 0 0 0 10px rgba(242,196,94,.05)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-reward-burst span{
  color:#f7d778!important;
  font-size:38px!important;
  line-height:1!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-reward-burst small{
  margin-top:8px!important;
  color:#eef8fa!important;
  font-size:12px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid rgba(242,196,94,.32)!important;
  border-radius:999px!important;
  background:rgba(242,196,94,.08)!important;
  color:#f5d47b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-chip.is-success{
  border-color:rgba(68,225,174,.4)!important;
  background:rgba(68,225,174,.09)!important;
  color:#70e8b8!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy h3,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy h3{
  margin:17px 0 10px!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.45!important;
  text-align:right!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy p,
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy p{
  max-width:650px!important;
  margin:0 0 18px!important;
  color:rgba(224,241,246,.72)!important;
  font-size:14px!important;
  line-height:1.95!important;
  text-align:right!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy .pciv-button{
  min-width:270px!important;
  min-height:54px!important;
  border-radius:17px!important;
  font-size:14px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-next-note{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  width:min(100%,520px)!important;
  padding:13px 15px!important;
  border:1px solid rgba(67,224,174,.2)!important;
  border-radius:15px!important;
  background:rgba(67,224,174,.06)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-next-note span{
  color:#70e5b4!important;
  font-size:11px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-next-note b{
  color:#eaf7fb!important;
  font-size:13px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-feedback{
  position:absolute!important;
  right:28px!important;
  bottom:14px!important;
  left:28px!important;
  min-height:22px!important;
  margin:0!important;
  text-align:center!important;
  font-size:12px!important;
}

/* Streak */
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:18px!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(5,21,34,.72),rgba(4,17,29,.92))!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-copy{
  flex:0 0 230px!important;
  margin:0!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-copy strong{
  margin-bottom:4px!important;
  color:#fff!important;
  font-size:15px!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-copy span{
  color:rgba(216,236,242,.64)!important;
  font-size:11px!important;
  line-height:1.8!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(62px,1fr))!important;
  gap:8px!important;
  flex:1!important;
  min-width:0!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days>div{
  min-height:72px!important;
  padding:8px 6px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.035))!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days i{font-size:20px!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days span{margin-top:4px!important;font-size:10px!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days small{top:7px!important;left:8px!important;font-size:9px!important}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days .is-complete{
  border-color:rgba(66,225,174,.34)!important;
  background:linear-gradient(180deg,rgba(66,225,174,.13),rgba(16,57,47,.27))!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days .is-current{
  border-color:rgba(242,196,94,.56)!important;
  background:linear-gradient(180deg,rgba(242,196,94,.17),rgba(69,53,16,.26))!important;
  box-shadow:0 0 24px rgba(242,196,94,.13)!important;
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days .is-milestone{
  border-color:rgba(242,196,94,.35)!important;
}

@media (max-width:1100px){
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header{display:block!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header-badges{justify-content:flex-start!important;margin-top:13px!important;max-width:none!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-layout{grid-template-columns:1fr!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-core-column{grid-template-columns:170px minmax(0,1fr)!important;align-items:center!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-core{width:160px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-ready-panel,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-panel{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-visual,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-visual{min-height:220px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy{align-items:center!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy h3,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy h3,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy p,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy p{text-align:center!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak{display:block!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-copy{margin-bottom:12px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-streak-days{overflow-x:auto!important;grid-template-columns:repeat(7,70px)!important;padding-bottom:4px!important}
}
@media (max-width:640px){
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-daily-reactor{padding:17px!important;border-radius:23px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header h2{font-size:25px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-header-badges span{min-height:34px!important;padding-inline:11px!important;font-size:10px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-core-column{grid-template-columns:1fr!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mini-stats{grid-template-columns:1fr!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-mission{padding:18px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-options{grid-template-columns:1fr!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-question-panel>.pciv-button,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy .pciv-button{width:100%!important;min-width:0!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-reward-burst{width:130px!important;height:130px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-state-copy h3,
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-claimed-copy h3{font-size:24px!important}
  .pciv-portal-v318 .pciv-dashboard-reactor .pciv-reactor-feedback{position:static!important;margin-top:12px!important}
}
.pciv-portal-v318 .pciv-dashboard-reactor .pciv-daily-reactor [hidden]{display:none!important}


/* ===== v3.1.9 compact city building grid ===== */
.pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-scene,
.pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-scene,
.pciv-portal-v267 #pciv-city > .pciv-city-scene{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:22px!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.pciv-portal-v151 #pciv-city .pciv-city-buildings-grid{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:1120px;
  margin:0 auto;
}
.pciv-portal-v151 #pciv-city .pciv-city-buildings-grid .pciv-building{
  position:relative!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:78px!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(145deg,rgba(12,44,59,.86),rgba(7,27,40,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.13)!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  opacity:1!important;
  filter:none!important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease!important;
}
.pciv-portal-v151 #pciv-city .pciv-city-buildings-grid .pciv-building:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(82,224,214,.25)!important;
}
.pciv-portal-v151 #pciv-city .pciv-building-icon{
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  margin:0!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.04)!important;
  font-size:27px!important;
  line-height:1!important;
  filter:none!important;
}
.pciv-portal-v151 #pciv-city .pciv-building-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  text-align:right;
}
.pciv-portal-v151 #pciv-city .pciv-building-copy strong{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  color:#edf8fb!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
.pciv-portal-v151 #pciv-city .pciv-building-copy small{
  display:block!important;
  max-width:none!important;
  margin:0!important;
  color:rgba(210,231,237,.58)!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  white-space:normal!important;
}
.pciv-portal-v151 #pciv-city .pciv-building-state{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border-radius:10px!important;
  background:rgba(3,18,28,.72)!important;
  color:#a8bdc7!important;
  font-size:12px!important;
  line-height:1!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-built{
  border-color:rgba(70,220,175,.23)!important;
  background:linear-gradient(145deg,rgba(12,57,57,.84),rgba(7,31,40,.96))!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-built .pciv-building-icon{
  background:linear-gradient(145deg,rgba(76,224,184,.18),rgba(242,196,94,.08))!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-built .pciv-building-state{
  background:rgba(69,224,173,.12)!important;
  color:#69e4b3!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-current{
  border-color:rgba(242,196,94,.48)!important;
  background:linear-gradient(145deg,rgba(91,75,24,.34),rgba(8,40,47,.96))!important;
  box-shadow:inset 0 2px 0 rgba(242,196,94,.42),0 13px 30px rgba(0,0,0,.16)!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-current .pciv-building-icon{
  background:linear-gradient(145deg,rgba(242,196,94,.23),rgba(69,224,173,.10))!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-current .pciv-building-copy strong{
  color:#ffe39a!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-locked{
  border-color:rgba(255,255,255,.055)!important;
  background:linear-gradient(145deg,rgba(17,39,49,.72),rgba(8,26,36,.88))!important;
  opacity:.72!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-locked .pciv-building-icon{
  filter:grayscale(.8)!important;
  opacity:.58!important;
}
.pciv-portal-v151 #pciv-city .pciv-building.is-locked .pciv-building-copy strong,
.pciv-portal-v151 #pciv-city .pciv-building.is-locked .pciv-building-copy small{
  color:rgba(205,223,229,.46)!important;
}
.pciv-portal-v151 #pciv-city .pciv-city-decor,
.pciv-portal-v151 #pciv-city .pciv-city-companion{
  transform:scale(.82);
  transform-origin:center;
}
@media (max-width: 820px){
  .pciv-portal-v151 #pciv-city .pciv-city-buildings-grid{grid-template-columns:1fr!important}
  .pciv-portal-v151 #pciv-city:not(.is-collapsed) > .pciv-city-scene,
  .pciv-portal-v263 .pciv-secondary-hub-stack #pciv-city:not(.is-collapsed) > .pciv-city-scene,
  .pciv-portal-v267 #pciv-city > .pciv-city-scene{padding:16px!important}
}
@media (max-width: 520px){
  .pciv-portal-v151 #pciv-city .pciv-city-buildings-grid .pciv-building{
    grid-template-columns:48px minmax(0,1fr) 30px!important;
    min-height:70px!important;
    gap:10px!important;
    padding:10px 11px!important;
  }
  .pciv-portal-v151 #pciv-city .pciv-building-icon{width:48px!important;height:48px!important;font-size:23px!important}
  .pciv-portal-v151 #pciv-city .pciv-building-state{width:28px!important;height:28px!important}
}


/* ===== v3.2.0 optimized cosmetic product index ===== */
.pciv-product-browser{
  position:relative;
  margin:20px 0 22px;
  padding:18px;
  border:1px solid rgba(95,229,255,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 0,rgba(46,210,197,.08),transparent 28%),
    linear-gradient(160deg,rgba(7,31,47,.93),rgba(3,18,30,.97));
  box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.pciv-product-browser-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.pciv-product-browser-head h3{margin:3px 0 5px;color:#fff;font-size:21px;line-height:1.35}
.pciv-product-browser-head p{max-width:760px;margin:0;color:var(--pciv-muted);font-size:11.5px;line-height:1.85}
.pciv-product-browser-total{display:grid;place-items:center;flex:0 0 112px;min-height:72px;padding:10px 14px;border:1px solid rgba(242,196,94,.22);border-radius:16px;background:rgba(242,196,94,.06);text-align:center}
.pciv-product-browser-total b{color:var(--pciv-gold);font-size:23px;line-height:1}
.pciv-product-browser-total small{margin-top:5px;color:var(--pciv-muted);font-size:9px}
.pciv-product-browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.022)}
.pciv-product-browser .pciv-market-filters{display:flex;flex:1;align-items:center;gap:7px;flex-wrap:wrap;margin:0!important;padding:0!important;border:0!important;background:none!important}
.pciv-product-browser .pciv-market-filters button{min-height:34px;padding:6px 12px;font-size:10.5px}
.pciv-active-category-copy{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 11px;border-inline-start:1px solid rgba(255,255,255,.07)}
.pciv-active-category-copy small{color:var(--pciv-muted);font-size:9px}
.pciv-active-category-copy strong{color:#fff;font-size:11px;white-space:nowrap}
.pciv-product-browser .pciv-cosmetic-tabs{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  scrollbar-width:none;
}
.pciv-product-browser .pciv-cosmetic-tabs::-webkit-scrollbar{display:none}
.pciv-product-browser .pciv-cosmetic-tabs button{
  position:relative;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:9px;
  row-gap:2px;
  min-width:0!important;
  min-height:58px!important;
  padding:9px 10px!important;
  border:1px solid rgba(105,177,205,.15)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(13,47,65,.78),rgba(6,29,44,.88))!important;
  color:#c9dce5!important;
  text-align:right;
  white-space:normal!important;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.pciv-product-browser .pciv-cosmetic-tabs button:hover{transform:translateY(-2px);border-color:rgba(95,229,255,.30)!important;background:linear-gradient(180deg,rgba(17,59,79,.90),rgba(8,34,50,.96))!important}
.pciv-product-browser .pciv-cosmetic-tabs button.is-active{
  border-color:rgba(242,196,94,.58)!important;
  background:linear-gradient(125deg,rgba(242,196,94,.18),rgba(32,215,197,.11))!important;
  color:#fff!important;
  box-shadow:0 9px 21px rgba(0,0,0,.18),inset 0 0 0 1px rgba(242,196,94,.06)!important;
}
.pciv-product-browser .pciv-cosmetic-tabs button.is-active::after{content:"";position:absolute;inset:auto 10px 0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--pciv-gold),var(--pciv-cyan))}
.pciv-category-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);font-size:17px}
.pciv-category-label{display:block;min-width:0;overflow:hidden;color:inherit;font-size:11.5px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.pciv-product-browser .pciv-cosmetic-tabs button small{display:block;color:rgba(194,218,227,.60);font-size:8.5px;font-weight:700;line-height:1.2}
.pciv-product-browser .pciv-cosmetic-tabs button.is-active small{color:rgba(255,244,211,.72)}
@media(max-width:1200px){.pciv-product-browser .pciv-cosmetic-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){
  .pciv-product-browser-head{align-items:flex-start}
  .pciv-product-browser .pciv-cosmetic-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pciv-product-browser-toolbar{align-items:flex-start;flex-direction:column}
  .pciv-active-category-copy{width:100%;padding:7px 2px 0;border-inline-start:0;border-top:1px solid rgba(255,255,255,.06)}
}
@media(max-width:620px){
  .pciv-product-browser{padding:13px;border-radius:18px}
  .pciv-product-browser-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .pciv-product-browser-head p{grid-column:1/-1}
  .pciv-product-browser-total{flex-basis:auto;min-width:88px;min-height:60px;padding:8px 10px}
  .pciv-product-browser-total b{font-size:19px}
  .pciv-product-browser .pciv-market-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .pciv-product-browser .pciv-market-filters button{width:100%}
  .pciv-product-browser .pciv-cosmetic-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
  .pciv-product-browser .pciv-cosmetic-tabs button{min-height:54px!important;padding:8px!important}
  .pciv-category-icon{width:31px;height:31px;font-size:15px}
  .pciv-category-label{font-size:10.5px}
}


/* ===== v3.4.0 tier-based realm catalog ===== */
.pciv-tier-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px;}
.pciv-tier-pill{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:rgba(8,18,40,.72);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(5,12,30,.16);}
.pciv-tier-pill b{font-size:14px;color:#fff;}
.pciv-tier-pill small{font-size:12px;color:rgba(232,240,255,.72);}
.pciv-tier-pill.is-recommended{border-color:rgba(255,214,102,.65);box-shadow:0 14px 40px rgba(255,193,7,.14);background:linear-gradient(180deg,rgba(25,35,64,.88),rgba(12,20,42,.88));}
.pciv-realm-card-copy .pciv-realm-meta{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:rgba(226,235,255,.78);}
@media (max-width:768px){.pciv-tier-guide{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){.pciv-tier-guide{grid-template-columns:1fr;}}

/* ===== v3.5.0 stage mission redesign ===== */
.pciv-stage-v350{max-width:1480px;margin:0 auto;padding:20px 22px 44px;background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--realm-accent) 14%,transparent),transparent 24%),linear-gradient(180deg,#061827 0%,#071c2d 100%);min-height:100vh;}
.pciv-stage-v350 .pciv-stage-commandbar{position:sticky;top:10px;z-index:35;display:grid;grid-template-columns:auto 62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--realm-accent) 35%,rgba(255,255,255,.08));border-radius:22px;background:rgba(7,24,39,.93);backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(0,0,0,.28);}
.pciv-stage-v350 .pciv-stage-back{grid-row:1 / span 2;align-self:center;text-decoration:none;color:#cbd5e1;font-size:13px;white-space:nowrap;}
.pciv-stage-v350 .pciv-stage-command-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--realm-accent) 24%,#0f2638),#071521);border:1px solid color-mix(in srgb,var(--realm-accent) 50%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--realm-accent) 12%,transparent);}
.pciv-stage-v350 .pciv-stage-command-copy span{display:block;color:#7dd3fc;font-size:12px;margin-bottom:4px;}.pciv-stage-v350 .pciv-stage-command-copy h1{margin:0;color:#fff;font-size:26px;line-height:1.35;}.pciv-stage-v350 .pciv-stage-command-copy p{margin:5px 0 0;color:#b8c6d8;font-size:13px;}
.pciv-stage-v350 .pciv-stage-command-meta{display:grid;grid-template-columns:repeat(2,auto);gap:6px 10px;align-items:center;justify-items:start;}.pciv-stage-v350 .pciv-stage-command-meta span,.pciv-stage-v350 .pciv-stage-command-meta small,.pciv-stage-v350 .pciv-stage-command-meta strong{padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.055);font-size:12px;color:#dbeafe;}.pciv-stage-v350 .pciv-stage-command-meta strong{color:#facc15;font-size:14px;}.pciv-stage-v350 .pciv-stage-command-progress{grid-column:3 / 5;display:flex;align-items:center;gap:10px;}.pciv-stage-v350 .pciv-stage-command-progress>span{height:7px;flex:1;border-radius:999px;background:#102c3d;overflow:hidden;}.pciv-stage-v350 .pciv-stage-command-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#fde68a);}.pciv-stage-v350 .pciv-stage-command-progress b{font-size:11px;color:#b7c7d8;white-space:nowrap;}
.pciv-stage-v350 .pciv-stage-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;}.pciv-stage-v350 .pciv-stage-stepper button{appearance:none;border:1px solid rgba(148,163,184,.18);background:rgba(9,31,48,.72);color:#aebfd0;border-radius:18px;padding:13px 15px;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;transition:.18s ease;}.pciv-stage-v350 .pciv-stage-stepper button:hover{border-color:color-mix(in srgb,var(--realm-accent) 50%,transparent);transform:translateY(-1px);}.pciv-stage-v350 .pciv-stage-stepper button.is-active{border-color:color-mix(in srgb,var(--realm-accent) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--realm-accent) 16%,#0b2638),#092033);box-shadow:0 12px 30px color-mix(in srgb,var(--realm-accent) 12%,transparent);color:#fff;}.pciv-stage-v350 .pciv-stage-stepper i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);font-weight:900;}.pciv-stage-v350 .pciv-stage-stepper span{display:flex;flex-direction:column;gap:2px;}.pciv-stage-v350 .pciv-stage-stepper b{font-size:14px;}.pciv-stage-v350 .pciv-stage-stepper small{font-size:11px;color:#91a8ba;}.pciv-stage-v350 .pciv-stage-stepper button.is-active small{color:#c7d9e8;}
.pciv-stage-v350 .pciv-stage-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;}.pciv-stage-v350 .pciv-stage-panel{display:block;animation:pcivStagePanelIn .22s ease;}.pciv-stage-v350 .pciv-stage-panel[hidden]{display:none!important;}@keyframes pcivStagePanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pciv-stage-v350 .pciv-stage-sidebar{position:sticky;top:160px;display:grid;gap:12px;}.pciv-stage-v350 .pciv-stage-sidebar .pciv-side-card{margin:0;padding:16px;border-radius:18px;background:linear-gradient(145deg,#0c2b40,#092033);border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 34px rgba(0,0,0,.18);}.pciv-stage-v350 .pciv-stage-sidebar .pciv-side-card span{display:block;color:#78e0a4;font-size:11px;margin-bottom:8px;}.pciv-stage-v350 .pciv-stage-sidebar .pciv-side-card strong{display:block;color:#fff;font-size:18px;margin-bottom:6px;}.pciv-stage-v350 .pciv-stage-sidebar .pciv-side-card small{display:block;color:#b8c7d7;line-height:1.8;}.pciv-stage-v350 .pciv-side-tags{display:flex;flex-wrap:wrap;gap:7px;}.pciv-stage-v350 .pciv-side-tags i{font-style:normal;padding:6px 9px;border-radius:999px;background:rgba(94,234,212,.09);border:1px solid rgba(94,234,212,.16);color:#d9fffa;font-size:11px;}.pciv-stage-v350 .pciv-side-back{width:100%;justify-content:center;}
.pciv-stage-v350 .pciv-science-lesson,.pciv-stage-v350 .pciv-mission-story,.pciv-stage-v350 .pciv-mission-cards details,.pciv-stage-v350 .pciv-hints-v350,.pciv-stage-v350 .pciv-quiz-v350,.pciv-stage-v350 .pciv-evidence{border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,#0b2a3f,#091f31);border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.16);}
.pciv-stage-v350 .pciv-science-lesson{padding:22px;}.pciv-stage-v350 .pciv-science-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;}.pciv-stage-v350 .pciv-science-heading h2{margin:5px 0 7px;color:#fff;font-size:26px;}.pciv-stage-v350 .pciv-science-heading p{margin:0;color:#aebfd0;line-height:1.9;}.pciv-stage-v350 .pciv-science-level{white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.22);color:#b9fff4;font-size:12px;}
.pciv-stage-v350 .pciv-science-core{padding:18px;border-radius:18px;background:rgba(3,18,30,.58);border:1px solid rgba(255,255,255,.07);margin-bottom:16px;}.pciv-stage-v350 .pciv-science-core h3{margin:0 0 10px;color:#fff;font-size:17px;}.pciv-stage-v350 .pciv-science-core p{margin:0;color:#d3deea;line-height:2.05;font-size:14px;}
.pciv-stage-v350 .pciv-science-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.pciv-stage-v350 .pciv-science-grid article{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:17px;background:rgba(7,25,39,.72);border:1px solid rgba(148,163,184,.13);}.pciv-stage-v350 .pciv-science-grid article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06);flex:0 0 auto;}.pciv-stage-v350 .pciv-science-grid small{display:block;color:#7dd3fc;font-size:11px;margin-bottom:5px;}.pciv-stage-v350 .pciv-science-grid p{margin:0;color:#d0dbe6;line-height:1.95;font-size:13px;}.pciv-stage-v350 .pciv-science-grid strong{display:block;color:#fde68a;font-size:16px;direction:ltr;text-align:left;line-height:1.9;}.pciv-stage-v350 .pciv-science-grid .is-mistake{border-color:rgba(251,113,133,.2);}.pciv-stage-v350 .pciv-science-grid .is-application{border-color:rgba(74,222,128,.18);}.pciv-stage-v350 .pciv-science-deep-dive{margin-top:14px;padding:15px 17px;border-radius:16px;background:rgba(20,60,77,.34);border:1px solid rgba(125,211,252,.15);}.pciv-stage-v350 .pciv-science-deep-dive summary{cursor:pointer;color:#fff;font-weight:800;}.pciv-stage-v350 .pciv-science-deep-dive p{margin:10px 0 0;color:#cbd8e5;line-height:2;}
.pciv-stage-v350 .pciv-stage-panel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;}.pciv-stage-v350 .pciv-mission-story{padding:18px 20px;margin-bottom:12px;}.pciv-stage-v350 .pciv-mission-story span{color:#6ee7b7;font-size:11px;}.pciv-stage-v350 .pciv-mission-story p{margin:8px 0 0;color:#d4dfeb;line-height:2;}.pciv-stage-v350 .pciv-mission-cards{display:grid;gap:12px;}.pciv-stage-v350 .pciv-mission-cards details{padding:17px 19px;}.pciv-stage-v350 .pciv-mission-cards summary{cursor:pointer;color:#fff;font-weight:850;}.pciv-stage-v350 .pciv-mission-cards p,.pciv-stage-v350 .pciv-mission-cards li{color:#cad7e4;line-height:1.95;}.pciv-stage-v350 .pciv-mission-cards ul,.pciv-stage-v350 .pciv-mission-cards ol{margin:12px 0 0;padding-right:22px;}
.pciv-stage-v350 .pciv-hints-v350{padding:20px;margin-bottom:14px;}.pciv-stage-v350 .pciv-hints-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;}.pciv-stage-v350 .pciv-hints-heading h2{margin:4px 0 0;color:#fff;font-size:20px;}.pciv-stage-v350 .pciv-hints-heading>small{color:#9fb1c2;}.pciv-stage-v350 .pciv-hint-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.pciv-stage-v350 .pciv-hint-cards button{appearance:none;border:1px solid rgba(125,211,252,.18);background:#0b293d;color:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;text-align:right;cursor:pointer;}.pciv-stage-v350 .pciv-hint-cards button:disabled{opacity:.5;cursor:not-allowed;}.pciv-stage-v350 .pciv-hint-cards button>span{grid-row:1/4;font-size:22px;align-self:center;}.pciv-stage-v350 .pciv-hint-cards b{font-size:13px;}.pciv-stage-v350 .pciv-hint-cards small{font-size:11px;color:#aec1d1;}.pciv-stage-v350 .pciv-hint-cards em{font-style:normal;color:#facc15;font-size:11px;}.pciv-stage-v350 .pciv-hint-result p{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(94,234,212,.08);color:#d6fff9;line-height:1.8;}
.pciv-stage-v350 .pciv-quiz-v350{padding:22px;}.pciv-stage-v350 .pciv-quiz-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px;}.pciv-stage-v350 .pciv-quiz-head h2{margin:5px 0 0;color:#fff;font-size:24px;line-height:1.6;}.pciv-stage-v350 .pciv-timer{padding:7px 10px;border-radius:999px;background:rgba(250,204,21,.09);color:#fde68a;white-space:nowrap;}.pciv-stage-v350 .pciv-options{display:grid;gap:10px;}.pciv-stage-v350 .pciv-option{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;background:#0d3147;border:1px solid rgba(125,211,252,.2);cursor:pointer;transition:.16s ease;}.pciv-stage-v350 .pciv-option:hover{border-color:color-mix(in srgb,var(--realm-accent) 55%,transparent);transform:translateY(-1px);}.pciv-stage-v350 .pciv-option.is-selected{border-color:#5eead4;background:rgba(13,60,72,.9);box-shadow:0 0 0 2px rgba(94,234,212,.08);}.pciv-stage-v350 .pciv-option-key{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#061a28;color:#facc15;font-weight:900;flex:0 0 auto;}.pciv-stage-v350 .pciv-stage-submit{margin-top:16px;min-width:260px;float:left;}.pciv-stage-v350 .pciv-stage-submit:disabled{opacity:.45;cursor:not-allowed;}.pciv-stage-v350 .pciv-result{clear:both;padding-top:14px;}.pciv-stage-v350 .pciv-result.is-success,.pciv-stage-v350 .pciv-result.is-error{margin-top:16px;padding:16px 18px;border-radius:16px;}.pciv-stage-v350 .pciv-result.is-success{background:rgba(34,197,94,.1);border:1px solid rgba(74,222,128,.25);}.pciv-stage-v350 .pciv-result.is-error{background:rgba(244,63,94,.09);border:1px solid rgba(251,113,133,.22);}
@media (max-width:1050px){.pciv-stage-v350 .pciv-stage-commandbar{grid-template-columns:auto 58px minmax(0,1fr);}.pciv-stage-v350 .pciv-stage-command-meta{grid-column:2/4;grid-template-columns:repeat(4,auto);}.pciv-stage-v350 .pciv-stage-command-progress{grid-column:2/4;}.pciv-stage-v350 .pciv-stage-workspace{grid-template-columns:1fr;}.pciv-stage-v350 .pciv-stage-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.pciv-stage-v350 .pciv-side-back{grid-column:1/-1;}}
@media (max-width:720px){.pciv-stage-v350{padding:12px 12px 34px;}.pciv-stage-v350 .pciv-stage-commandbar{position:relative;top:auto;grid-template-columns:48px minmax(0,1fr);padding:14px;}.pciv-stage-v350 .pciv-stage-back{grid-column:1/-1;grid-row:auto;}.pciv-stage-v350 .pciv-stage-command-icon{width:48px;height:48px;font-size:24px;}.pciv-stage-v350 .pciv-stage-command-copy h1{font-size:21px;}.pciv-stage-v350 .pciv-stage-command-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));}.pciv-stage-v350 .pciv-stage-command-progress{grid-column:1/-1;}.pciv-stage-v350 .pciv-stage-stepper{grid-template-columns:1fr;}.pciv-stage-v350 .pciv-stage-stepper small{display:none;}.pciv-stage-v350 .pciv-science-grid{grid-template-columns:1fr;}.pciv-stage-v350 .pciv-science-heading,.pciv-stage-v350 .pciv-hints-heading,.pciv-stage-v350 .pciv-quiz-head{flex-direction:column;}.pciv-stage-v350 .pciv-hint-cards{grid-template-columns:1fr;}.pciv-stage-v350 .pciv-stage-sidebar{grid-template-columns:1fr;}.pciv-stage-v350 .pciv-stage-panel-actions{flex-direction:column;}.pciv-stage-v350 .pciv-stage-panel-actions .pciv-button,.pciv-stage-v350 .pciv-stage-submit{width:100%;min-width:0;float:none;}.pciv-stage-v350 .pciv-option{align-items:flex-start;}}


/* ===== v3.5.2 locked realm preview clarity ===== */
.pciv-realm-card{position:relative}
.pciv-realm-preview-badge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px;padding:10px 12px;border:1px solid rgba(250,204,21,.28);border-radius:13px;background:linear-gradient(90deg,rgba(250,204,21,.09),rgba(15,23,42,.32));color:#fde68a}
.pciv-realm-preview-badge b{font-size:12px;white-space:nowrap}
.pciv-realm-preview-badge small{font-size:11px;line-height:1.7;color:#cbd5e1;text-align:left}
.pciv-realm-card.is-status-locked .pciv-realm-card-cover{filter:saturate(.72) brightness(.84)}
.pciv-realm-enter.is-disabled{pointer-events:auto!important;cursor:not-allowed!important;opacity:.88!important;border-color:rgba(250,204,21,.3)!important;background:linear-gradient(105deg,rgba(78,61,18,.82),rgba(41,49,62,.88))!important;color:#fde68a!important}
.pciv-tier-toast{position:fixed;z-index:999999;inset:auto 22px 22px auto;width:min(430px,calc(100vw - 30px));display:flex;align-items:flex-start;gap:12px;padding:16px 16px 15px;border:1px solid rgba(250,204,21,.42);border-radius:18px;background:linear-gradient(145deg,rgba(8,23,36,.98),rgba(17,24,39,.98));color:#e5edf6;box-shadow:0 24px 70px rgba(0,0,0,.48);transform:translateY(18px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.pciv-tier-toast.is-visible{transform:translateY(0);opacity:1;visibility:visible}
.pciv-tier-toast-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.28);font-size:21px}
.pciv-tier-toast-copy{min-width:0;flex:1}
.pciv-tier-toast-copy strong{display:block;margin-bottom:5px;color:#fff;font-size:14px;line-height:1.8}
.pciv-tier-toast-copy p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.9}
.pciv-tier-toast-close{appearance:none;border:0;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:2px}
.pciv-tier-toast-close:hover{color:#fff}
@media(max-width:640px){.pciv-realm-preview-badge{align-items:flex-start;flex-direction:column}.pciv-realm-preview-badge small{text-align:right}.pciv-tier-toast{inset:auto 15px 15px 15px;width:auto}}

/* v3.7.0 — interactive realm mastery map */
.pciv-skill-map{position:relative;overflow:hidden!important;padding:0!important;border:1px solid color-mix(in srgb,var(--skill-accent) 44%,#173b4d)!important;border-radius:26px!important;background:#031923!important;box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)!important;color:#ecf8fb;isolation:isolate}
.pciv-skill-map:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--skill-accent) 20%,transparent),transparent 32%),linear-gradient(135deg,#02141e 0%,#06303a 56%,#02151e 100%)}
.pciv-skill-map-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px 19px;border-bottom:1px solid rgba(102,224,213,.16);background:linear-gradient(180deg,rgba(3,29,40,.94),rgba(3,24,34,.76));position:relative;z-index:4}
.pciv-skill-map-head .pciv-kicker{color:#76e7db!important}.pciv-skill-map-head h2{margin:4px 0 2px!important;font-size:29px!important;color:#ffd56b!important;text-shadow:0 4px 25px rgba(255,190,58,.15)}
.pciv-skill-map-head p{margin:0!important;color:#a9c6d1!important;line-height:1.9!important}
.pciv-skill-map-realm-link{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;min-height:45px;padding:9px 18px;border:1px solid rgba(255,204,71,.62);border-radius:14px;background:linear-gradient(135deg,rgba(42,44,20,.86),rgba(20,42,44,.9));color:#ffd866!important;font-weight:900;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.25);transition:.2s}
.pciv-skill-map-realm-link:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(255,190,45,.12)}
.pciv-skill-map-scene{position:relative;min-height:490px;padding:56px 22px 42px;overflow-x:auto;overflow-y:hidden;background-image:linear-gradient(180deg,rgba(1,18,28,.2),rgba(1,18,28,.6)),var(--skill-map-bg);background-size:cover;background-position:center;scrollbar-width:thin;scrollbar-color:rgba(95,221,210,.35) transparent}
.pciv-skill-map-scene:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,transparent,rgba(2,26,32,.44) 55%,rgba(2,26,32,.9));pointer-events:none}
.pciv-skill-map-aurora{position:absolute;inset:-20% 0 auto;height:70%;background:radial-gradient(ellipse at 55% 25%,rgba(56,235,192,.14),transparent 54%),linear-gradient(105deg,transparent 15%,rgba(34,219,196,.12) 45%,transparent 72%);filter:blur(12px);animation:pciv-map-aurora 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes pciv-map-aurora{to{transform:translateX(-4%) scale(1.06);opacity:.72}}
.pciv-skill-road{position:absolute;z-index:1;right:24px;left:24px;top:94px;min-width:1120px;height:330px;pointer-events:none}
.pciv-skill-road svg{width:100%;height:100%;overflow:visible}.pciv-skill-road .road-shadow{fill:none;stroke:rgba(9,23,31,.78);stroke-width:34;stroke-linecap:round;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}.pciv-skill-road .road-dash{fill:none;stroke:rgba(205,234,243,.72);stroke-width:4;stroke-linecap:round;stroke-dasharray:13 13;animation:pciv-road-flow 16s linear infinite}
@keyframes pciv-road-flow{to{stroke-dashoffset:-260}}
.pciv-skill-nodes{position:relative;z-index:3;display:grid;grid-template-columns:repeat(8,minmax(118px,1fr));align-items:center;gap:12px;min-width:1160px;max-width:1540px;min-height:380px;margin:0 auto;padding:0 10px}
.pciv-skill-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:#e6f3f8!important;transition:transform .22s ease,filter .22s ease;outline:none}
.pciv-skill-node:nth-child(2),.pciv-skill-node:nth-child(6){transform:translateY(-16px)}.pciv-skill-node:nth-child(3),.pciv-skill-node:nth-child(7){transform:translateY(-45px)}.pciv-skill-node:nth-child(4),.pciv-skill-node:nth-child(8){transform:translateY(-76px)}
.pciv-skill-node:hover{filter:brightness(1.12)}.pciv-skill-node:nth-child(2):hover,.pciv-skill-node:nth-child(6):hover{transform:translateY(-20px) scale(1.035)}.pciv-skill-node:nth-child(3):hover,.pciv-skill-node:nth-child(7):hover{transform:translateY(-49px) scale(1.035)}.pciv-skill-node:nth-child(4):hover,.pciv-skill-node:nth-child(8):hover{transform:translateY(-80px) scale(1.035)}.pciv-skill-node:nth-child(1):hover,.pciv-skill-node:nth-child(5):hover{transform:scale(1.035)}
.pciv-skill-node-number{position:absolute;z-index:5;top:-17px;display:grid;place-items:center;width:35px;height:35px;border:2px solid rgba(204,235,242,.55);border-radius:50%;background:#071d29;color:#eefcff;font-weight:950;font-size:15px;box-shadow:0 5px 16px rgba(0,0,0,.35)}
.pciv-skill-node-orb{position:relative;display:grid;place-items:center;width:116px;height:116px;border:3px solid rgba(145,190,206,.55);border-radius:50%;background:radial-gradient(circle at 42% 30%,rgba(37,86,102,.74),rgba(4,21,31,.98) 72%);box-shadow:0 0 0 7px rgba(3,27,39,.56),0 18px 28px rgba(0,0,0,.36),inset 0 0 24px rgba(105,203,221,.08)}
.pciv-skill-node-orb:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(210,240,245,.18)}
.pciv-skill-node-orb>i{font-style:normal;font-size:43px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.38))}.pciv-skill-node-orb>b{position:absolute;bottom:-19px;display:grid;place-items:center;width:37px;height:37px;border:3px solid #09232e;border-radius:50%;background:#122b35;color:#dbe9ed;font-size:14px;box-shadow:0 8px 16px rgba(0,0,0,.35)}
.pciv-skill-node>strong{margin-top:21px;font-size:14px;line-height:1.7;color:#eff9fb}.pciv-skill-node>small{min-height:34px;margin-top:2px;color:#8eb0bd;font-size:10px;line-height:1.7}.pciv-skill-node>em{margin-top:5px;padding:4px 10px;border-radius:999px;font-style:normal;font-size:9px;font-weight:900;background:rgba(10,37,49,.78);color:#a6c6d0;border:1px solid rgba(132,187,203,.19)}
.pciv-skill-node.is-complete .pciv-skill-node-orb{border-color:#66ef9a;background:radial-gradient(circle at 40% 30%,rgba(51,177,113,.82),rgba(3,41,37,.98) 70%);box-shadow:0 0 0 7px rgba(30,143,99,.2),0 0 34px rgba(65,241,155,.36),0 18px 28px rgba(0,0,0,.36)}.pciv-skill-node.is-complete .pciv-skill-node-number{border-color:#6ef4a1;background:#0c3b32}.pciv-skill-node.is-complete .pciv-skill-node-orb>b{background:#15a56f;color:#fff}.pciv-skill-node.is-complete>em{border-color:rgba(64,235,153,.42);background:rgba(14,110,75,.68);color:#a9ffd1}
.pciv-skill-node.is-active .pciv-skill-node-orb{border-color:#ffd25f;background:radial-gradient(circle at 40% 28%,rgba(135,103,25,.88),rgba(28,28,18,.98) 72%);box-shadow:0 0 0 8px rgba(255,196,50,.18),0 0 42px rgba(255,191,41,.45),0 18px 28px rgba(0,0,0,.4);animation:pciv-node-pulse 2.4s ease-in-out infinite}.pciv-skill-node.is-active .pciv-skill-node-number{border-color:#ffd25f;background:#33270e;color:#ffe29b}.pciv-skill-node.is-active .pciv-skill-node-orb>b{background:#f0b72a;color:#17202a}.pciv-skill-node.is-active>strong{color:#ffd86f}.pciv-skill-node.is-active>em{border-color:rgba(255,197,53,.45);background:rgba(68,49,10,.76);color:#ffd96e}
@keyframes pciv-node-pulse{50%{box-shadow:0 0 0 11px rgba(255,196,50,.08),0 0 54px rgba(255,191,41,.55),0 18px 28px rgba(0,0,0,.4)}}
.pciv-skill-node.is-locked{cursor:not-allowed;filter:saturate(.3) brightness(.72)}.pciv-skill-node.is-locked .pciv-skill-node-orb>i{opacity:.62}.pciv-skill-node.is-locked>em{max-width:132px}
.pciv-skill-map-summary{display:grid;grid-template-columns:170px 150px minmax(170px,1fr) minmax(240px,1.3fr) minmax(260px,1.35fr);align-items:center;gap:0;margin:17px 20px 16px;border:1px solid rgba(86,215,203,.25);border-radius:22px;background:linear-gradient(135deg,rgba(3,39,46,.93),rgba(4,27,39,.96));box-shadow:0 15px 38px rgba(0,0,0,.23)}
.pciv-skill-map-summary>div{min-height:138px;padding:18px 21px;border-left:1px solid rgba(114,210,207,.13)}.pciv-skill-map-summary>div:last-child{border-left:0}
.pciv-skill-mastery-ring{display:grid;place-items:center}.pciv-skill-mastery-ring:before{content:"";width:105px;height:105px;border-radius:50%;background:conic-gradient(#5ff09a var(--mastery-angle),rgba(58,105,110,.28) 0);box-shadow:0 0 27px rgba(54,235,160,.2)}.pciv-skill-mastery-ring:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#07303a}.pciv-skill-mastery-ring span{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center}.pciv-skill-mastery-ring strong{font-size:25px}.pciv-skill-mastery-ring small{color:#9ab6bf;font-size:9px}
.pciv-skill-summary-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pciv-skill-summary-stat i{font-style:normal;font-size:29px}.pciv-skill-summary-stat strong{margin-top:7px;font-size:18px;color:#f5fbfc}.pciv-skill-summary-stat span{margin-top:5px;color:#8eaeb9;font-size:10px}
.pciv-skill-next{display:flex;align-items:center;gap:14px}.pciv-skill-next>i{font-style:normal;font-size:39px}.pciv-skill-next strong{display:block;color:#ffd460;font-size:16px}.pciv-skill-next span{display:block;margin-top:7px;color:#9bb6c0;font-size:10px;line-height:1.9}
.pciv-skill-badges>span{display:block;margin-bottom:13px;color:#dbeef2;font-weight:900;text-align:center}.pciv-skill-badges>div{display:flex;justify-content:center;gap:8px}.pciv-skill-badges i{position:relative;display:grid;place-items:center;width:47px;height:47px;border:2px solid rgba(105,174,194,.35);border-radius:15px;background:#082532;font-style:normal}.pciv-skill-badges i b{font-size:23px;filter:saturate(.45);opacity:.58}.pciv-skill-badges i small{position:absolute;right:-4px;bottom:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0a1d28;color:#adc4cc;font-size:9px}.pciv-skill-badges i.is-complete{border-color:#54ee9a;box-shadow:0 0 17px rgba(66,235,149,.16)}.pciv-skill-badges i.is-complete b{filter:none;opacity:1}.pciv-skill-badges i.is-complete small{background:#159667;color:#fff}.pciv-skill-badges i.is-active{border-color:#ffd052}.pciv-skill-badges i.is-active b{filter:none;opacity:1}.pciv-skill-badges i.is-active small{background:#d29f27;color:#17202a}
.pciv-skill-map-tip{display:flex;align-items:center;gap:14px;margin:0 20px 20px;padding:13px 17px;border:1px solid rgba(71,201,193,.22);border-radius:17px;background:rgba(2,24,34,.72)}.pciv-skill-map-tip>span{font-size:25px}.pciv-skill-map-tip p{margin:0!important;flex:1;color:#a8c1ca!important;font-size:11px;line-height:1.8}.pciv-skill-map-tip a{padding:9px 18px;border:1px solid rgba(255,205,74,.64);border-radius:12px;color:#ffd567!important;font-weight:900;text-decoration:none!important;background:rgba(61,49,13,.45)}
@media(max-width:1100px){.pciv-skill-map-summary{grid-template-columns:150px 140px 1fr 1.2fr}.pciv-skill-badges{grid-column:1/-1;border-top:1px solid rgba(114,210,207,.13);border-left:0!important;min-height:auto!important}.pciv-skill-map-summary>div:nth-child(4){border-left:0}.pciv-skill-nodes{min-width:1120px}}
@media(max-width:760px){.pciv-skill-map-head{display:grid;padding:20px}.pciv-skill-map-head h2{font-size:24px!important}.pciv-skill-map-realm-link{justify-content:center}.pciv-skill-map-scene{min-height:435px;padding-top:48px}.pciv-skill-map-summary{grid-template-columns:1fr 1fr;margin:12px}.pciv-skill-map-summary>div{min-height:120px;border-bottom:1px solid rgba(114,210,207,.13)}.pciv-skill-map-summary>div:nth-child(even){border-left:0}.pciv-skill-next,.pciv-skill-badges{grid-column:1/-1;border-left:0!important}.pciv-skill-map-tip{margin:0 12px 12px;flex-wrap:wrap}.pciv-skill-map-tip a{width:100%;text-align:center}.pciv-skill-node-orb{width:103px;height:103px}.pciv-skill-node-orb>i{font-size:38px}}


/* v3.7.1 — skill map is a primary always-visible module */
.pciv-dashboard-skill-map{display:block!important;width:100%!important;margin:18px 0!important;min-width:0!important}
.pciv-skill-map-primary{display:block!important;width:100%!important;max-width:100%!important;margin:20px 0!important;height:auto!important;min-height:0!important;visibility:visible!important;opacity:1!important}
.pciv-skill-map-primary.is-context-realm{margin:18px 0 24px!important}
.pciv-skill-map-primary>.pciv-panel-summary,.pciv-skill-map-primary>.pciv-panel-toggle{display:none!important}
.pciv-skill-map-primary.is-collapsed>*{display:initial!important}
.pciv-skill-map-primary.is-collapsed>.pciv-skill-map-head{display:flex!important}
.pciv-skill-map-primary.is-collapsed>.pciv-skill-map-scene{display:block!important}
.pciv-skill-map-primary.is-collapsed>.pciv-skill-map-summary{display:grid!important}
.pciv-skill-map-primary.is-collapsed>.pciv-skill-map-tip{display:flex!important}

/* v3.7.2 — full-width skill-map layout, three-card summary and responsive road */
.pciv-skill-map-primary{
  display:block!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
}
.pciv-skill-map-primary .pciv-skill-map-head{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:22px 26px!important;
  position:relative!important;
  inset:auto!important;
}
.pciv-skill-map-title{min-width:0;max-width:760px}
.pciv-skill-map-title p{max-width:720px}
.pciv-skill-map-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:0 0 auto}
.pciv-skill-map-legend{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#9bb8c2;font-size:10px;font-weight:800}
.pciv-skill-map-legend i{display:inline-block;width:10px;height:10px;margin-inline-start:4px;border-radius:50%;box-shadow:0 0 10px currentColor}
.pciv-skill-map-legend i.is-complete{background:#5df0a0;color:#5df0a0}
.pciv-skill-map-legend i.is-active{background:#ffd25f;color:#ffd25f}
.pciv-skill-map-legend i.is-locked{background:#66808c;color:#66808c}
.pciv-skill-map-primary .pciv-skill-map-scene{
  display:block!important;
  width:100%!important;
  min-height:430px!important;
  height:auto!important;
  padding:58px 28px 34px!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  position:relative!important;
  inset:auto!important;
}
.pciv-skill-map-primary .pciv-skill-road{
  right:3%!important;
  left:3%!important;
  top:84px!important;
  width:94%!important;
  min-width:0!important;
  height:300px!important;
}
.pciv-skill-map-primary .pciv-skill-nodes{
  direction:rtl;
  display:grid!important;
  grid-template-columns:repeat(var(--skill-node-count),minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:330px!important;
  gap:clamp(5px,1vw,16px)!important;
  padding:0 4px!important;
  margin:0!important;
  align-items:center!important;
}
.pciv-skill-map-primary .pciv-skill-node{min-width:0;padding-inline:2px}
.pciv-skill-map-primary .pciv-skill-node-orb{
  width:clamp(76px,7.4vw,108px)!important;
  height:clamp(76px,7.4vw,108px)!important;
}
.pciv-skill-map-primary .pciv-skill-node-orb>i{font-size:clamp(29px,3vw,41px)!important}
.pciv-skill-map-primary .pciv-skill-node-number{top:-14px;width:32px;height:32px;font-size:13px}
.pciv-skill-map-primary .pciv-skill-node-orb>b{width:33px;height:33px;bottom:-17px}
.pciv-skill-map-primary .pciv-skill-node>strong{font-size:clamp(10px,1.05vw,14px)!important;line-height:1.65!important;white-space:normal}
.pciv-skill-map-primary .pciv-skill-node>small{min-height:32px;font-size:clamp(8px,.78vw,10px)!important;line-height:1.65!important}
.pciv-skill-map-primary .pciv-skill-node>em{font-size:8px!important;line-height:1.6!important;max-width:100%!important;padding:4px 7px!important}
.pciv-skill-map-primary .pciv-skill-node:nth-child(2),
.pciv-skill-map-primary .pciv-skill-node:nth-child(6){transform:translateY(-10px)}
.pciv-skill-map-primary .pciv-skill-node:nth-child(3),
.pciv-skill-map-primary .pciv-skill-node:nth-child(7){transform:translateY(-28px)}
.pciv-skill-map-primary .pciv-skill-node:nth-child(4),
.pciv-skill-map-primary .pciv-skill-node:nth-child(8){transform:translateY(-46px)}
.pciv-skill-map-primary .pciv-skill-node:nth-child(2):hover,
.pciv-skill-map-primary .pciv-skill-node:nth-child(6):hover{transform:translateY(-13px) scale(1.025)}
.pciv-skill-map-primary .pciv-skill-node:nth-child(3):hover,
.pciv-skill-map-primary .pciv-skill-node:nth-child(7):hover{transform:translateY(-31px) scale(1.025)}
.pciv-skill-map-primary .pciv-skill-node:nth-child(4):hover,
.pciv-skill-map-primary .pciv-skill-node:nth-child(8):hover{transform:translateY(-49px) scale(1.025)}
.pciv-skill-map-primary .pciv-skill-map-summary{
  display:grid!important;
  grid-template-columns:minmax(270px,.9fr) minmax(310px,1.15fr) minmax(280px,1fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  width:auto!important;
  margin:16px 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pciv-skill-map-primary .pciv-skill-summary-card{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  min-height:146px!important;
  padding:18px 20px!important;
  border:1px solid rgba(86,215,203,.24)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(4,43,50,.94),rgba(4,25,38,.96))!important;
  box-shadow:0 15px 38px rgba(0,0,0,.2)!important;
}
.pciv-skill-summary-card.is-mastery{gap:18px}
.pciv-skill-mastery-meta{display:grid;gap:11px;min-width:0;flex:1}
.pciv-skill-map-primary .pciv-skill-summary-stat{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;text-align:right!important}
.pciv-skill-map-primary .pciv-skill-summary-stat i{font-size:23px!important}
.pciv-skill-map-primary .pciv-skill-summary-stat>span{display:flex;flex-direction:column;align-items:flex-start;margin:0!important;min-width:0}
.pciv-skill-map-primary .pciv-skill-summary-stat strong{margin:0!important;font-size:15px!important;line-height:1.7}
.pciv-skill-map-primary .pciv-skill-summary-stat small{color:#8eaeb9;font-size:9px}
.pciv-skill-summary-card.is-next{justify-content:space-between;gap:16px}
.pciv-skill-map-primary .pciv-skill-next{min-width:0;flex:1}
.pciv-skill-map-primary .pciv-skill-next>i{font-size:36px!important}
.pciv-skill-map-primary .pciv-skill-next small{display:block;color:#7fe4d7;font-size:9px;font-weight:900}
.pciv-skill-map-primary .pciv-skill-next strong{margin-top:3px;font-size:16px!important}
.pciv-skill-map-primary .pciv-skill-next span{margin-top:4px!important;line-height:1.7!important}
.pciv-skill-summary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:9px 14px;border:1px solid rgba(255,205,74,.58);border-radius:12px;background:rgba(61,49,13,.46);color:#ffd567!important;font-size:10px;font-weight:900;text-decoration:none!important}
.pciv-skill-summary-card.is-badges{justify-content:center}
.pciv-skill-map-primary .pciv-skill-badges{width:100%}
.pciv-skill-map-primary .pciv-skill-badges>span{margin-bottom:11px}
.pciv-skill-map-primary .pciv-skill-badges>div{flex-wrap:wrap;gap:9px}
.pciv-skill-map-primary .pciv-skill-badges p{margin:12px 0 0!important;color:#8eaeb9!important;font-size:9px!important;text-align:center;line-height:1.7!important}
.pciv-skill-map-primary .pciv-skill-map-tip{margin:0 20px 20px!important}

@media (max-width:1180px){
  .pciv-skill-map-head-actions{align-items:flex-end;flex-direction:column;gap:10px}
  .pciv-skill-map-legend{font-size:9px}
  .pciv-skill-map-primary .pciv-skill-node-orb{width:82px!important;height:82px!important}
  .pciv-skill-map-primary .pciv-skill-node-orb>i{font-size:31px!important}
  .pciv-skill-map-primary .pciv-skill-map-summary{grid-template-columns:1fr 1.15fr!important}
  .pciv-skill-summary-card.is-badges{grid-column:1/-1}
}
@media (max-width:900px){
  .pciv-skill-map-primary .pciv-skill-map-head{display:grid!important;padding:20px!important}
  .pciv-skill-map-head-actions{align-items:stretch;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
  .pciv-skill-map-primary .pciv-skill-map-scene{overflow-x:auto!important;padding:58px 18px 30px!important;scroll-snap-type:x proximity}
  .pciv-skill-map-primary .pciv-skill-road{right:18px!important;left:auto!important;width:1120px!important;min-width:1120px!important}
  .pciv-skill-map-primary .pciv-skill-nodes{grid-template-columns:repeat(var(--skill-node-count),128px)!important;width:max-content!important;min-width:1120px!important;gap:12px!important;padding:0 12px!important}
  .pciv-skill-map-primary .pciv-skill-node{scroll-snap-align:center}
  .pciv-skill-map-primary .pciv-skill-node-orb{width:102px!important;height:102px!important}
  .pciv-skill-map-primary .pciv-skill-node-orb>i{font-size:38px!important}
  .pciv-skill-map-primary .pciv-skill-map-summary{grid-template-columns:1fr!important;margin:14px!important}
  .pciv-skill-summary-card.is-badges{grid-column:auto}
}
@media (max-width:560px){
  .pciv-skill-map-head-actions{display:grid;grid-template-columns:1fr}
  .pciv-skill-map-legend{justify-content:center;white-space:normal;flex-wrap:wrap}
  .pciv-skill-map-realm-link{justify-content:center;width:100%}
  .pciv-skill-map-primary .pciv-skill-map-scene{min-height:410px!important}
  .pciv-skill-map-primary .pciv-skill-summary-card{min-height:0!important;padding:16px!important}
  .pciv-skill-summary-card.is-mastery{align-items:center;flex-direction:column}
  .pciv-skill-mastery-meta{width:100%;grid-template-columns:1fr 1fr}
  .pciv-skill-map-primary .pciv-skill-summary-stat{justify-content:center!important;text-align:center!important}
  .pciv-skill-map-primary .pciv-skill-summary-stat>span{align-items:center}
  .pciv-skill-summary-card.is-next{align-items:stretch;flex-direction:column}
  .pciv-skill-summary-action{width:100%}
  .pciv-skill-map-primary .pciv-skill-map-tip{margin:0 14px 14px!important}
}

/* 3.14.2 — settings persistence and purchased assets library */
.pciv-legion-visibility-grid label{position:relative;z-index:2;pointer-events:auto!important;cursor:pointer}
.pciv-legion-visibility-grid label span{pointer-events:none}
.pciv-shop-command-links,.pciv-profile-nav{position:relative;z-index:20}
.pciv-shop-command-links [data-pciv-owned-products-link],.pciv-profile-nav [data-pciv-owned-products-link],a[data-pciv-owned-products-link]{pointer-events:auto!important;cursor:pointer}
.pciv-owned-products{scroll-margin-top:24px}
.pciv-owned-products.is-pciv-owned-highlight{animation:pciv-owned-highlight 1.3s ease}
@keyframes pciv-owned-highlight{0%,100%{box-shadow:0 0 0 0 rgba(95,229,255,0)}35%{box-shadow:0 0 0 4px rgba(95,229,255,.22),0 22px 55px rgba(0,0,0,.28)}}
.pciv-owned-legion-assets{border-color:rgba(242,196,94,.2)!important}
.pciv-legion-owned-card{grid-template-columns:100px minmax(0,1fr) auto;align-items:center}
.pciv-legion-owned-preview{display:grid;place-items:center;min-height:88px;border-radius:18px;background:radial-gradient(circle,rgba(242,196,94,.16),rgba(8,32,48,.8));font-size:42px}
.pciv-legion-owned-card .pciv-legion-market-copy em{display:block;margin-top:5px;color:#7ee6d7;font-style:normal;font-size:11px}
.pciv-owned-legion-link{margin-top:12px}
@media(max-width:720px){.pciv-legion-owned-card{grid-template-columns:1fr;text-align:center}.pciv-legion-owned-preview{width:100%}}

/* v3.14.7 — command ranking table precision fix */
.pciv-command-ranking .pciv-table th:not(:nth-child(2)),.pciv-command-ranking .pciv-table td:not(:nth-child(2)){text-align:center}.pciv-command-ranking .pciv-table th:nth-child(2),.pciv-command-ranking .pciv-table td:nth-child(2){text-align:right}.pciv-command-ranking .pciv-table td>.pciv-league-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:auto!important;min-width:105px!important;padding:6px 10px!important;border-radius:999px!important;background:#0a2434!important;white-space:nowrap!important;line-height:1.25!important}.pciv-command-ranking .pciv-table .pciv-rival-button{min-width:72px;padding:8px 12px}.pciv-command-ranking .pciv-table tbody tr{height:82px}.pciv-command-ranking .pciv-table td:nth-child(4)>b,.pciv-command-ranking .pciv-table td:nth-child(5){font-size:14px;font-weight:900}.pciv-command-ranking .pciv-table .pciv-leader-user{min-width:210px}.pciv-command-ranking .pciv-table .pciv-leader-user .pciv-avatar-shell{width:58px!important;height:58px!important}@media(max-width:760px){.pciv-command-ranking .pciv-table .pciv-rival-button{min-width:42px;padding:7px}.pciv-command-ranking .pciv-table td>.pciv-league-chip{min-width:0!important;padding:5px 8px!important}}