:root{color-scheme:dark}body.game-kiosk-active{background:#03130f!important;overflow-x:hidden}body.game-kiosk-active>header,body.game-kiosk-active>footer,body.game-kiosk-active>.public-mobile-topbar,body.game-kiosk-active>.public-mobile-sidebar,body.game-kiosk-active>.public-mobile-overlay{display:none!important}body.game-kiosk-active main{min-height:100vh}.pg2-shell{--pg-primary:#0f766e;--pg-secondary:#0b1f33;--pg-accent:#22c55e;--pg-surface:#f6fbf9;min-height:100vh;padding:clamp(14px,2vw,32px);background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--pg-accent) 14%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--pg-secondary) 96%,#000),#031a15);font-family:"Tajawal","Segoe UI",sans-serif;color:#f8fafc}.pg2-shell *{box-sizing:border-box}.pg2-brandbar{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1.55fr) minmax(180px,.7fr);align-items:center;gap:24px;padding:22px 26px;border:1px solid color-mix(in srgb,var(--pg-accent) 28%,rgba(255,255,255,.12));border-radius:26px;background:linear-gradient(110deg,color-mix(in srgb,var(--pg-primary) 88%,#052e2b),color-mix(in srgb,var(--pg-primary) 62%,var(--pg-secondary)));box-shadow:0 22px 70px rgba(0,0,0,.22)}.pg2-brandbar__logos{display:flex;align-items:center;gap:10px;min-width:0}.pg2-logo{height:82px;min-width:90px;max-width:150px;flex:1;margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative}.pg2-logo img{width:100%;height:min(var(--logo-height),58px);object-fit:contain}.pg2-logo figcaption{position:absolute;inset:auto 8px 4px;font-size:9px;text-align:center;color:rgba(255,255,255,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg2-logo-placeholder{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;background:var(--pg-accent);color:#063b32;font-weight:900;font-size:22px}.pg2-brandbar__copy{text-align:center}.pg2-brandbar__copy>span,.pg2-eyebrow{display:inline-flex;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--pg-accent) 22%,transparent);color:#d9ffe9;font-size:12px;font-weight:900}.pg2-brandbar__copy h1{margin:7px 0 2px;font-size:clamp(24px,2.3vw,42px);font-weight:950;line-height:1.15}.pg2-brandbar__copy p{margin:0;color:rgba(255,255,255,.75);font-size:14px}.pg2-brandbar__actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}.pg2-icon-button,.pg2-secondary-action{border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:11px 16px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.pg2-draft{padding:7px 10px;border-radius:999px;background:#fde047;color:#422006;font-size:11px;font-weight:950}.pg2-landing{max-width:1450px;margin:24px auto 0;min-height:calc(100vh - 190px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:clamp(28px,5vw,70px);border:1px solid rgba(255,255,255,.1);border-radius:30px;background:rgba(5,18,30,.76);box-shadow:0 28px 100px rgba(0,0,0,.25)}.pg2-landing__content h2{font-size:clamp(36px,5vw,72px);line-height:1.12;margin:18px 0;font-weight:950}.pg2-landing__content>p{font-size:clamp(17px,1.5vw,23px);line-height:1.9;color:#cbd5e1;max-width:760px}.pg2-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.pg2-metrics>div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.045);display:flex;flex-direction:column}.pg2-metrics strong{font-size:28px;color:#6ee7b7}.pg2-metrics span{font-size:12px;color:#94a3b8}.pg2-primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 28px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--pg-accent),color-mix(in srgb,var(--pg-accent) 68%,#06b6d4));color:#03251f;text-decoration:none;font-weight:950;font-size:17px;cursor:pointer;box-shadow:0 14px 34px color-mix(in srgb,var(--pg-accent) 24%,transparent)}.pg2-primary-action:disabled{opacity:.45;cursor:not-allowed}.pg2-landing__visual{min-height:430px;border:1px solid color-mix(in srgb,var(--pg-accent) 25%,rgba(255,255,255,.1));border-radius:28px;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--pg-primary) 65%,transparent),transparent 58%),rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;overflow:hidden}.pg2-landing__visual.has-cover{background:#061318}.pg2-landing__visual img{width:100%;height:100%;min-height:430px;object-fit:cover}.pg2-shield{width:130px;height:150px;clip-path:polygon(50% 0,93% 16%,86% 72%,50% 100%,14% 72%,7% 16%);display:grid;place-items:center;background:linear-gradient(145deg,var(--pg-accent),var(--pg-primary));font-size:54px;color:#063b32}.pg2-landing__visual strong{font-size:24px}.pg2-landing__visual span{color:#94a3b8}.pg2-start-grid{max-width:1320px;margin:24px auto 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.pg2-card{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.1);border-radius:26px;background:rgba(7,22,36,.86);box-shadow:0 22px 70px rgba(0,0,0,.2)}.pg2-card h2{margin:4px 0 14px;font-size:30px;font-weight:950}.pg2-step{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--pg-accent);color:#052e2b;font-weight:950}.pg2-instructions>p{color:#cbd5e1;line-height:1.9}.pg2-instructions ol{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px;counter-reset:steps}.pg2-instructions li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}.pg2-instructions li:before{content:counter(steps);grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--pg-primary) 55%,#fff);font-weight:900}.pg2-instructions li span{color:#94a3b8;font-size:13px}.pg2-muted{color:#94a3b8}.pg2-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pg2-field{display:flex;flex-direction:column;gap:7px}.pg2-field label{font-weight:800;color:#dbeafe}.pg2-field label b{color:#fda4af}.pg2-field input:not([type=checkbox]),.pg2-field select{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:13px;background:#081728;color:#fff;font-family:inherit}.pg2-field input:focus,.pg2-field select:focus{outline:2px solid color-mix(in srgb,var(--pg-accent) 50%,transparent);border-color:var(--pg-accent)}.pg2-field.is-check{grid-column:1/-1;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.03)}.pg2-field.is-check label{display:flex;gap:10px;align-items:flex-start}.pg2-field.is-check input{width:20px;height:20px;accent-color:var(--pg-accent);flex:none}.pg2-errors{padding:8px 10px;border-radius:9px;background:rgba(190,24,93,.18);color:#fecdd3;font-size:12px}.pg2-errors ul{margin:0;padding-right:18px}.pg2-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.pg2-result{max-width:1200px;margin:24px auto 0}.pg2-result-hero{text-align:center;padding:42px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(7,22,36,.88)}.pg2-result-hero>span{display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(34,197,94,.17);color:#86efac;font-weight:900}.pg2-result-hero>strong{display:block;font-size:clamp(64px,10vw,120px);line-height:1;color:var(--pg-accent);margin:20px}.pg2-result-hero h2{font-size:30px;margin:0}.pg2-result-hero p{color:#cbd5e1;font-size:17px}.pg2-result-hero>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.pg2-result-hero i{font-style:normal;padding:12px 17px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#94a3b8}.pg2-result-hero i b{color:#fff;margin-inline-start:5px}.pg2-review{margin-top:20px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:rgba(7,22,36,.8)}.pg2-review>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.pg2-review>header span{color:#5eead4;font-weight:900}.pg2-review>header h2{margin:3px 0 0}.pg2-review>header p{color:#94a3b8}.pg2-review-list{display:grid;gap:12px;margin-top:18px}.pg2-review-list article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035)}.pg2-review-list article.is-correct{border-right:4px solid #22c55e}.pg2-review-list article.is-wrong{border-right:4px solid #fb7185}.pg2-review-number{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);font-weight:900}.pg2-review-list h3{margin:0 0 5px}.pg2-review-list p{margin:4px 0;color:#94a3b8}.pg2-review-labels{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pg2-review-labels span,.pg2-review-labels b{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.07);font-size:12px}.pg2-review-list ul{margin:10px 0;color:#cbd5e1}.pg2-explanation{color:#e2e8f0!important}.pg2-result-actions{display:flex;justify-content:center;gap:10px;margin:22px}.pg2-secondary-action{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1000px){.pg2-brandbar{grid-template-columns:1fr}.pg2-brandbar__logos,.pg2-brandbar__actions{justify-content:center}.pg2-landing,.pg2-start-grid{grid-template-columns:1fr}.pg2-landing__visual{min-height:280px}.pg2-landing__visual img{min-height:280px}.pg2-brandbar__copy h1{font-size:28px}}
@media(max-width:640px){.pg2-shell{padding:8px}.pg2-brandbar{padding:15px;border-radius:18px}.pg2-logo{height:62px;min-width:60px;padding:7px}.pg2-logo figcaption{display:none}.pg2-brandbar__copy p{display:none}.pg2-landing{padding:24px 18px;border-radius:20px}.pg2-landing__content h2{font-size:36px}.pg2-metrics{gap:6px}.pg2-metrics>div{padding:12px}.pg2-metrics strong{font-size:22px}.pg2-start-grid{margin-top:10px;gap:10px}.pg2-card{padding:20px 16px;border-radius:19px}.pg2-form{grid-template-columns:1fr}.pg2-field.is-check,.pg2-form-actions{grid-column:auto}.pg2-form-actions>*{flex:1}.pg2-review{padding:16px}.pg2-review>header{display:block}.pg2-review-list article{grid-template-columns:1fr}.pg2-review-number{width:32px;height:32px}.pg2-result-hero{padding:28px 14px}}
.pg2-entry-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.pg2-entry-summary span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#94a3b8;font-size:12px}.pg2-entry-summary b{color:#6ee7b7}
/* V5 level selection and exhibition flow */
.pg2-level-picker{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--pg-primary) 38%,rgba(255,255,255,.15));border-radius:16px;display:grid;gap:9px;margin:4px 0;padding:14px}.pg2-level-picker legend{color:#6ee7b7;font-weight:900;padding:0 7px}.pg2-level-option{align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;display:flex;gap:11px;padding:12px}.pg2-level-option:has(input:checked){background:color-mix(in srgb,var(--pg-primary) 24%,transparent);border-color:var(--pg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-accent) 10%,transparent)}.pg2-level-option input{accent-color:var(--pg-accent);height:19px;width:19px}.pg2-level-option strong,.pg2-level-option small{display:block}.pg2-level-option small,.pg2-level-picker>p{color:#94a3b8;font-size:.76rem;margin:4px 0 0}.pg2-kiosk-note{grid-column:1/-1;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.22);border-radius:13px;display:grid;gap:3px;margin:4px 0;padding:12px}.pg2-kiosk-note strong{color:#86efac}.pg2-kiosk-note span{color:#94a3b8;font-size:.76rem;line-height:1.6}

/* Phase 3 - visitor form controls */
.pg2-registration .pg2-field select{appearance:auto}.pg2-registration .pg2-field input::placeholder{color:#718096}.pg2-registration .pg2-level-picker{min-width:0}.pg2-registration .pg2-level-option span{min-width:0}.pg2-registration .pg2-level-option strong,.pg2-registration .pg2-level-option small{overflow-wrap:anywhere}


/* Phase 4: participant-aware result card */
.pg4-participant{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:15px auto 0!important;color:#e2e8f0}.pg4-participant small{color:#94a3b8}.pg4-participant b{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff}.pg4-game-name{display:block;color:#94a3b8;font-weight:800;margin:-8px 0 12px}.pg4-result-message{max-width:720px;margin:10px auto!important;line-height:1.8}.pg4-recommendation{max-width:760px;margin:18px auto 0;padding:16px 18px;border:1px solid color-mix(in srgb,var(--pg-accent) 24%,rgba(255,255,255,.12));border-radius:16px;background:rgba(255,255,255,.045);text-align:right}.pg4-recommendation span{font-size:12px;color:var(--pg-accent);font-weight:950}.pg4-recommendation p{margin:5px 0 0;color:#e2e8f0;line-height:1.8}.public-result-participant{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:8px 0 10px}.public-result-participant span{color:#64748b;font-size:13px}.public-result-participant strong{padding:6px 11px;border-radius:999px;background:rgba(15,118,110,.12);color:#0f766e}@media(max-width:640px){.pg4-recommendation{text-align:center;padding:14px}.pg4-participant{flex-direction:column;gap:5px}}

/* Phase 7: explicit default-level experience */
.pg2-level-option strong em {
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .28);
    border-radius: 999px;
    color: #0f766e;
    display: inline-flex;
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
    margin-inline-start: 6px;
    padding: 2px 7px;
}
.pg7-auto-level {
    background: rgba(15, 118, 110, .06);
    border: 1px solid rgba(15, 118, 110, .18);
    border-radius: 16px;
    display: grid;
    gap: 3px;
    margin-top: 14px;
    padding: 12px 14px;
}
.pg7-auto-level > span { color: #0f766e; font-size: .72rem; font-weight: 900; }
.pg7-auto-level > strong { color: #0f172a; font-size: .96rem; }
.pg7-auto-level > small { color: #64748b; font-size: .72rem; line-height: 1.7; }


/* Phase 8 — final responsive hardening */
.pg2-brandbar__copy,.pg2-registration,.pg2-instructions,.pg2-field,.pg2-level-option span{min-width:0}
.pg2-brandbar__copy h1,.pg2-brandbar__copy p,.pg2-card h2,.pg2-review-list h3{overflow-wrap:anywhere}
.pg2-primary-action,.pg2-secondary-action,.pg2-icon-button{min-height:48px}
@media(max-width:820px){.pg2-brandbar{gap:14px}.pg2-brandbar__logos{flex-wrap:wrap}.pg2-form-actions{align-items:stretch}.pg2-form-actions>*{min-width:0}}
@media(max-width:520px){.pg2-brandbar__logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.pg2-logo{max-width:none;min-width:0;width:100%}.pg2-metrics{grid-template-columns:1fr 1fr}.pg2-form-actions{display:grid;grid-template-columns:1fr}.pg2-primary-action,.pg2-secondary-action{width:100%}.pg2-level-option{align-items:flex-start}.pg7-auto-level{padding:12px}}
.pg7-auto-level>span{color:#6ee7b7}.pg7-auto-level>strong{color:#f8fafc}.pg7-auto-level>small{color:#94a3b8}

/* =========================================================
   Phase 12B — premium public experience refresh
   ========================================================= */
.pg12-public-shell{background:
radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--pg-accent) 16%,transparent),transparent 26%),
radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--pg-primary) 18%,transparent),transparent 24%),
linear-gradient(150deg,#04131d 0%,#05271f 58%,#03140f 100%)}
.pg12-brandbar{position:relative;overflow:hidden;grid-template-columns:minmax(180px,.8fr) minmax(360px,1.5fr) minmax(180px,.8fr)}
.pg12-brandbar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(110,231,183,.28) 1px,transparent 1.4px);background-size:16px 16px;opacity:.12;mask-image:linear-gradient(90deg,transparent,#000 24%,transparent 56%,#000 82%,transparent);pointer-events:none}
.pg12-brandbar>*{position:relative;z-index:1}.pg2-brandbar__logos.is-empty{min-height:1px}.pg12-logo-area-text{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.055);color:#d8fff7;font-size:.76rem;font-weight:850}.pg2-logo figcaption{bottom:3px}.pg2-brandbar__logos--1 .pg2-logo{max-width:170px}.pg2-brandbar__logos--2 .pg2-logo{max-width:135px}.pg2-brandbar__logos--3 .pg2-logo{max-width:110px}

.pg12-landing{max-width:1600px;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:26px;min-height:auto;padding:26px;background:linear-gradient(145deg,rgba(5,21,32,.93),rgba(5,34,28,.84))}.pg12-landing-copy{padding:clamp(20px,3vw,46px)}.pg12-landing-copy h2{font-size:clamp(34px,4.5vw,66px);margin:14px 0 10px}.pg12-landing-copy>p{font-size:clamp(15px,1.35vw,20px);line-height:1.9}.pg12-landing-visual{min-height:520px;border-radius:24px}.pg12-landing-visual img{min-height:520px;object-fit:contain;padding:18px;background:radial-gradient(circle at center,rgba(21,94,75,.34),transparent 65%)}
.pg12-landing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 20px}.pg12-landing-metrics article{min-height:128px;padding:15px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));display:grid;align-content:center;gap:5px;text-align:center}.pg12-landing-metrics span{color:#9eb2c6;font-size:.72rem}.pg12-landing-metrics strong{color:#72f0bd;font-size:clamp(1.1rem,1.7vw,1.55rem);overflow-wrap:anywhere}.pg12-landing-metrics small{color:#cbd5e1;font-size:.7rem}.pg12-launch-action{width:100%;min-height:64px;font-size:1.08rem}.pg12-launch-action span{font-size:1.3rem;margin-inline-start:8px}
.pg12-feature-strip{max-width:1600px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(6,22,34,.78);overflow:hidden}.pg12-feature-strip article{display:flex;align-items:center;gap:12px;padding:17px 20px;border-inline-start:1px solid rgba(148,163,184,.13)}.pg12-feature-strip article:last-child{border-inline-start:0}.pg12-feature-strip i{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(34,197,94,.11);color:#6ee7b7;font-style:normal;font-weight:950}.pg12-feature-strip strong,.pg12-feature-strip span{display:block}.pg12-feature-strip strong{font-size:.78rem}.pg12-feature-strip span{margin-top:3px;color:#8fa6ba;font-size:.67rem;line-height:1.55}

.pg12-start-grid{max-width:1500px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px}.pg12-instructions-card,.pg12-registration-card{padding:24px;background:linear-gradient(145deg,rgba(7,25,40,.96),rgba(5,29,34,.9))}.pg12-section-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.13)}.pg12-section-head h2{margin:0;font-size:1.45rem}.pg12-section-head p{margin:4px 0 0;color:#91a6b9;font-size:.76rem;line-height:1.7}.pg12-section-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(34,197,94,.12);color:#70edb8;font-weight:950}.pg12-instruction-list{margin-top:16px!important}.pg12-instruction-list li{min-height:78px;align-items:center;background:rgba(255,255,255,.025)}.pg12-entry-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;padding:12px;border:1px solid rgba(34,197,94,.17);border-radius:15px;background:rgba(34,197,94,.045)}.pg12-entry-summary span{display:grid;place-items:center;gap:2px}.pg12-entry-summary b{color:#7ef2be;font-size:1rem}.pg12-entry-summary small{color:#91a6b9;font-size:.63rem}.pg12-form{display:block;margin-top:16px}.pg12-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg12-field-grid .pg2-field.is-check{grid-column:1/-1}.pg12-field-help{color:#7e98aa;font-size:.65rem}.pg12-level-picker{margin-top:16px}.pg12-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg12-level-option{padding:0;border:0;background:transparent}.pg12-level-card{position:relative;display:grid!important;gap:7px;min-height:170px;padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(255,255,255,.028);transition:.2s ease}.pg12-level-option:has(input:checked) .pg12-level-card{border-color:#3ee6a4;box-shadow:0 0 0 2px rgba(34,197,94,.12),0 12px 30px rgba(2,44,34,.2);background:linear-gradient(145deg,rgba(34,197,94,.08),rgba(15,118,110,.08))}.pg12-level-option>input{position:absolute;opacity:0;pointer-events:none}.pg12-level-radio{position:absolute;top:14px;left:14px;width:19px;height:19px;border:2px solid #50697d;border-radius:50%}.pg12-level-option:has(input:checked) .pg12-level-radio{border-color:#40e6a7;box-shadow:inset 0 0 0 4px #09231e;background:#40e6a7}.pg12-level-card>b{font-size:1rem;color:#f8fafc}.pg12-level-card>em{width:max-content;padding:3px 8px;border-radius:999px;background:rgba(14,165,233,.12);color:#7dd3fc;font-style:normal;font-size:.62rem}.pg12-level-card>small{min-height:36px;color:#91a6b9!important;line-height:1.55}.pg12-level-stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto}.pg12-level-stats>span{display:grid!important;gap:2px;padding:7px;border-radius:9px;background:rgba(255,255,255,.045);color:#8da3b6;font-size:.6rem;text-align:center}.pg12-level-stats strong{color:#f0fdf4}.pg12-kiosk-note{margin-top:14px}.pg12-form-actions{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.pg12-form-actions .pg2-primary-action{min-width:240px}

.pg12-result{max-width:1500px}.pg12-result-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(280px,.8fr) minmax(0,1.65fr);gap:14px}.pg12-result-status,.pg12-score-card,.pg12-result-metrics{border:1px solid rgba(148,163,184,.15);border-radius:22px;background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(6,31,35,.88))}.pg12-result-status{display:grid;place-items:center;align-content:center;padding:24px;text-align:center}.pg12-result-shield{width:88px;height:100px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 16%,86% 72%,50% 100%,14% 72%,8% 16%);background:linear-gradient(145deg,#3ee6a4,#0f766e);color:#03251f;font-size:2.2rem;font-weight:950;box-shadow:0 0 50px rgba(34,197,94,.2)}.pg12-result-status>span{margin-top:12px;color:#72f0bd;font-size:1.2rem;font-weight:950}.pg12-result-status>small{color:#94a3b8}.pg12-result-status h2{margin:10px 0 4px}.pg12-result-status p{margin:0;color:#9fb0c1;line-height:1.65}.pg12-score-card{display:grid;align-content:center;gap:8px;padding:24px;text-align:center}.pg12-score-card>span{color:#d8fff7;font-weight:900}.pg12-score-card>strong{color:#69f0b3;font-size:clamp(3.2rem,6vw,5.4rem);line-height:1}.pg12-score-card>small{color:#94a3b8}.pg12-score-card>p{margin:10px 0 0;color:#cbd5e1;line-height:1.7;font-size:.76rem}.pg12-score-progress{height:9px;border-radius:99px;background:rgba(148,163,184,.16);overflow:hidden}.pg12-score-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#6ee7b7)}.pg12-result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.pg12-result-metrics article{display:grid;align-content:center;gap:4px;min-height:118px;padding:16px;border-inline-start:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.12);text-align:center}.pg12-result-metrics article:nth-child(3n){border-inline-start:0}.pg12-result-metrics article:nth-last-child(-n+2){border-bottom:0}.pg12-result-metrics span{color:#91a6b9;font-size:.68rem}.pg12-result-metrics strong{color:#6ee7b7;font-size:1.45rem}.pg12-result-metrics small{color:#cbd5e1;font-size:.65rem}.pg12-review{margin-top:14px}.pg12-review-list{max-height:520px;overflow:auto;padding-inline-end:4px}.pg12-result-actions{margin-bottom:4px}

@media(max-width:1180px){.pg12-landing{grid-template-columns:1fr}.pg12-landing-visual{order:2;min-height:360px}.pg12-landing-visual img{min-height:360px}.pg12-feature-strip{grid-template-columns:repeat(2,1fr)}.pg12-start-grid{grid-template-columns:1fr}.pg12-result-grid{grid-template-columns:1fr 1fr}.pg12-result-metrics{grid-column:1/-1}}
@media(max-width:760px){.pg12-brandbar{grid-template-columns:1fr}.pg2-brandbar__actions{order:3}.pg2-brandbar__logos{order:2;justify-content:center}.pg2-brandbar__copy{order:1}.pg12-landing{padding:14px}.pg12-landing-copy{padding:18px 8px}.pg12-landing-metrics{grid-template-columns:repeat(2,1fr)}.pg12-feature-strip{grid-template-columns:1fr}.pg12-feature-strip article{border-inline-start:0;border-bottom:1px solid rgba(148,163,184,.12)}.pg12-field-grid,.pg12-level-grid{grid-template-columns:1fr}.pg12-result-grid{grid-template-columns:1fr}.pg12-result-metrics{grid-template-columns:repeat(2,1fr)}.pg12-result-metrics article:nth-child(3n){border-inline-start:1px solid rgba(148,163,184,.12)}.pg12-result-metrics article:nth-child(2n){border-inline-start:0}.pg12-form-actions{display:grid;grid-template-columns:1fr}.pg12-form-actions .pg2-primary-action{min-width:0}.pg12-review-list{max-height:none}}
@media(max-width:480px){.pg12-landing-metrics{grid-template-columns:1fr 1fr}.pg12-landing-metrics article{min-height:104px;padding:10px}.pg12-entry-summary{grid-template-columns:1fr 1fr}.pg12-result-metrics{grid-template-columns:1fr}.pg12-result-metrics article{border-inline-start:0!important}.pg12-brandbar .pg2-logo{height:56px}}


/* =========================================================
   Phase 12C — responsive and landing final polish
   ========================================================= */
.pg12-brandbar .pg2-brandbar__copy h1{margin-top:10px;margin-bottom:0}
.pg12-brandbar .pg2-brandbar__copy p{margin-top:8px;line-height:1.55}
.pg12-landing{min-height:0!important;margin-top:16px;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:start;gap:22px;padding:22px}
.pg12-landing-copy{align-self:start;padding:18px 22px 14px}
.pg12-landing-copy h2{margin:10px 0 8px;font-size:clamp(34px,4.25vw,62px)}
.pg12-landing-copy>p{margin:0;color:#aebfd0;font-size:clamp(14px,1.22vw,18px);line-height:1.75}
.pg12-landing-metrics{margin:20px 0 16px;gap:9px}
.pg12-landing-metrics article{min-height:105px;padding:12px}
.pg12-landing-metrics strong{font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.45}
.pg12-launch-action{min-height:58px}
.pg12-landing-visual{align-self:start;height:clamp(360px,45vw,500px);min-height:0;border-radius:22px}
.pg12-landing-visual img{width:100%;height:100%;min-height:0;padding:12px;object-fit:contain}
.pg12-feature-strip{display:none!important}

@media (min-width:961px) and (max-width:1180px){
  .pg12-landing{grid-template-columns:minmax(0,1fr) minmax(300px,.76fr);gap:16px;padding:18px}
  .pg12-landing-copy{padding:12px 14px}
  .pg12-landing-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
  .pg12-landing-metrics article{min-height:82px}
  .pg12-landing-visual{order:initial;height:390px;min-height:0}
  .pg12-landing-visual img{min-height:0}
}
@media (max-width:960px){
  .pg12-brandbar{padding:16px 18px;gap:14px}
  .pg12-landing{grid-template-columns:1fr;gap:14px;padding:16px}
  .pg12-landing-copy{padding:14px 12px 8px}
  .pg12-landing-visual{order:2;width:100%;height:auto;min-height:280px}
  .pg12-landing-visual img{height:auto;max-height:420px;padding:10px}
}
@media (max-width:600px){
  .pg12-public-shell{padding:8px}
  .pg12-brandbar{padding:12px 10px;border-radius:18px;gap:8px}
  .pg12-brandbar .pg2-brandbar__copy h1{margin-top:7px;font-size:clamp(22px,7vw,30px)}
  .pg12-brandbar .pg2-brandbar__copy p{margin-top:6px;font-size:11px;line-height:1.45}
  .pg12-brandbar .pg2-brandbar__copy>span{font-size:10px;padding:4px 8px}
  .pg12-landing{margin-top:10px;padding:10px;border-radius:20px}
  .pg12-landing-copy{padding:10px 6px 4px}
  .pg12-landing-copy h2{font-size:30px;margin:8px 0 5px}
  .pg12-landing-copy>p{font-size:12px;line-height:1.6}
  .pg12-landing-metrics{margin:12px 0 10px;gap:7px}
  .pg12-landing-metrics article{min-height:82px;padding:8px;border-radius:13px}
  .pg12-landing-metrics span,.pg12-landing-metrics small{font-size:.62rem}
  .pg12-launch-action{min-height:52px;font-size:.95rem}
  .pg12-landing-visual{min-height:220px;border-radius:17px}
  .pg12-landing-visual img{max-height:320px;padding:7px}
}
\n\n/* =========================================================\n   Phase 12D — final result polish\n   ========================================================= */\n.pg12-result{padding-bottom:18px}\n.pg12-result-grid{align-items:stretch}\n.pg12-result-status,.pg12-score-card,.pg12-result-metrics{box-shadow:0 18px 48px rgba(1,12,20,.12)}\n.pg12-result-status{position:relative;overflow:hidden}\n.pg12-result-status:before{content:"";position:absolute;inset:-45% auto auto -25%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.12),transparent 68%);pointer-events:none}\n.pg12-result-state-chip{position:absolute;top:14px;right:14px;margin:0!important;padding:5px 9px;border:1px solid rgba(110,231,183,.2);border-radius:999px;background:rgba(34,197,94,.08);color:#8af0c3!important;font-size:.62rem!important;font-weight:900!important}\n.pg12-result-status.is-review .pg12-result-state-chip{border-color:rgba(251,191,36,.23);background:rgba(245,158,11,.08);color:#fbd38d!important}\n.pg12-score-eyebrow{display:inline-flex!important;width:max-content;margin:0 auto 2px;padding:4px 9px;border-radius:999px;background:rgba(110,231,183,.08);color:#83eac0!important;font-size:.62rem!important}\n.pg12-score-card{background:linear-gradient(160deg,rgba(7,28,37,.98),rgba(4,40,34,.88))}\n.pg12-result-metrics article{transition:background-color .16s ease}\n.pg12-result-metrics article:hover{background:rgba(110,231,183,.035)}\n.pg12-review{border-color:rgba(110,231,183,.12)}\n.pg12-review>header{align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.12)}\n.pg12-review-list{display:grid;gap:9px;margin-top:12px}\n.pg12-review-list article{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 16px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}\n.pg12-review-list article.is-correct{border-inline-start:3px solid #34d399}\n.pg12-review-list article.is-wrong{border-inline-start:3px solid #fb7185}\n.pg12-review-body{min-width:0}\n.pg12-review-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}\n.pg12-review-title-row h3{margin:0}\n.pg12-review-state{flex:none;padding:4px 8px;border-radius:999px;background:rgba(34,197,94,.09);color:#73e6b2;font-size:.61rem;font-weight:900}\n.is-wrong .pg12-review-state{background:rgba(244,63,94,.09);color:#fda4af}\n.pg12-review-list .pg2-explanation{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(14,165,233,.045);line-height:1.75}\n.pg12-review-list .pg2-explanation strong{color:#7dd3fc}\n.pg12-review-empty{padding:28px;border:1px dashed rgba(148,163,184,.18);border-radius:15px;color:#91a6b9;text-align:center}\n.pg12-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.12)}\n.pg12-result-actions>a{min-width:170px;justify-content:center}\n@media(max-width:760px){.pg12-result{padding-inline:8px}.pg12-result-status,.pg12-score-card{padding:20px 16px}.pg12-result-state-chip{position:static;margin-bottom:10px!important}.pg12-review-list article{grid-template-columns:36px minmax(0,1fr);padding:12px}.pg12-review-title-row{display:block}.pg12-review-state{display:inline-flex;margin-top:7px}.pg12-result-actions{display:grid;grid-template-columns:1fr}.pg12-result-actions>a{width:100%;min-width:0}}\n

/* =========================================================
   UX-7C PRE-START VISIBILITY
   ========================================================= */

.pg12-start-grid--registration-only {
  grid-template-columns:
    minmax(0, 820px);
  justify-content: center;
}

.pg12-start-grid--registration-only
.pg12-registration-card {
  width: 100%;
}

.pg12-instruction-list li b,
.pg12-instruction-list li span {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .pg12-start-grid--registration-only {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   UX-7C4E - REGISTRATION-ONLY CENTERING
   ========================================================= */

.pg12-start-grid.pg12-start-grid--registration-only {
  width: 100%;
  max-width: 820px;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  justify-items: stretch;
  margin-inline: auto;
}

.pg12-start-grid.pg12-start-grid--registration-only
.pg12-registration-card {
  width: 100%;
  min-width: 0;
  justify-self: stretch;
}

@media (max-width: 860px) {
  .pg12-start-grid.pg12-start-grid--registration-only {
    width: 100%;
    max-width: 100%;
  }
}