.pc-learning-app{--pc-bg:#0c0814;--pc-panel:#15101f;--pc-panel2:#1d162b;--pc-border:rgba(255,255,255,.10);--pc-text:#f7f4ff;--pc-muted:#b9afc9;--pc-accent:#9d6cff;--pc-accent2:#c5a7ff;--pc-good:#75d6a7;--pc-bad:#ff8a93;--pc-warn:#ffcf70;color:var(--pc-text);max-width:1180px;margin:0 auto;padding:28px 18px 56px;font-family:inherit}.pc-learning-app *{box-sizing:border-box}.pc-learning-hero{background:linear-gradient(135deg,rgba(157,108,255,.18),rgba(79,42,119,.08));border:1px solid var(--pc-border);border-radius:24px;padding:32px;display:flex;gap:28px;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.pc-learning-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.02;margin:7px 0 10px;color:var(--pc-text)}.pc-learning-hero p{margin:0;color:var(--pc-muted);font-size:17px;max-width:700px}.pc-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--pc-accent2)}.pc-hero-status{display:flex;gap:10px;align-items:stretch}.pc-level-chip{min-width:118px;background:rgba(255,255,255,.06);border:1px solid var(--pc-border);border-radius:18px;padding:13px 16px;display:flex;flex-direction:column;justify-content:center;text-align:center}.pc-level-chip>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--pc-accent2)}.pc-level-chip strong{font-size:29px;line-height:1.05}.pc-level-chip small{font-size:10px;color:var(--pc-muted);margin-top:3px}.pc-streak-card{min-width:160px;background:rgba(255,255,255,.06);border:1px solid var(--pc-border);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px}.pc-streak-fire{font-size:34px}.pc-streak-card strong{display:block;font-size:30px;line-height:1}.pc-streak-card span:last-child{display:block;color:var(--pc-muted);font-size:12px;margin-top:5px}.pc-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.pc-mode-card{appearance:none;text-align:left;background:var(--pc-panel);border:1px solid var(--pc-border);border-radius:18px;padding:18px;color:var(--pc-text);cursor:pointer;transition:.2s ease;min-height:150px}.pc-mode-card:hover,.pc-mode-card:focus{transform:translateY(-2px);border-color:rgba(157,108,255,.55);background:var(--pc-panel2);outline:none}.pc-mode-card.pc-completed,.pc-mode-card:disabled{cursor:default;opacity:.72;border-color:rgba(117,214,167,.34);background:rgba(117,214,167,.055)}.pc-mode-card.pc-completed:hover,.pc-mode-card:disabled:hover{transform:none;border-color:rgba(117,214,167,.34);background:rgba(117,214,167,.055)}.pc-mode-card>span{font-size:28px;display:block;margin-bottom:14px}.pc-mode-card strong{display:block;font-size:16px;margin-bottom:7px}.pc-mode-card small{display:block;color:var(--pc-muted);font-size:13px;line-height:1.45}.pc-panel{background:var(--pc-panel);border:1px solid var(--pc-border);border-radius:20px;padding:22px;margin-bottom:18px}.pc-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.pc-panel-head.compact{margin-bottom:14px}.pc-panel-head h2{margin:4px 0 0;color:var(--pc-text);font-size:24px}.pc-icon-btn,.pc-link-btn{background:none;border:0;color:var(--pc-muted);cursor:pointer}.pc-icon-btn{font-size:30px;line-height:1}.pc-link-btn{padding:4px 0;font-weight:700}.pc-primary-btn{appearance:none;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 9px 24px rgba(139,92,246,.22)}.pc-primary-btn:hover{filter:brightness(1.08)}.pc-hidden{display:none!important}.pc-branch-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.pc-check-pill input{position:absolute;opacity:0;pointer-events:none}.pc-check-pill span{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid var(--pc-border);color:var(--pc-muted);cursor:pointer;background:rgba(255,255,255,.025)}.pc-check-pill input:checked+span{color:#fff;border-color:rgba(157,108,255,.8);background:rgba(157,108,255,.16)}.pc-count-selector{margin:8px 0 18px}.pc-count-selector label{color:var(--pc-muted);font-size:13px}.pc-count-selector select{margin-left:8px;background:#100b18;color:var(--pc-text);border:1px solid var(--pc-border);border-radius:8px;padding:7px 10px}.pc-error{color:var(--pc-bad);margin:12px 0 0}.pc-quiz-topbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:20px}.pc-progress-wrap{height:8px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.pc-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#c084fc);transition:width .25s ease}.pc-counter{font-size:13px;color:var(--pc-muted);font-weight:800}.pc-question-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid var(--pc-border);border-radius:18px;padding:24px}.pc-branch-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(157,108,255,.14);color:var(--pc-accent2);font-size:12px;font-weight:800;margin-bottom:12px}.pc-question-card h2{font-size:clamp(23px,3vw,34px);line-height:1.18;margin:0 0 20px;color:var(--pc-text)}.pc-options{display:grid;gap:10px}.pc-option{appearance:none;width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;background:#110c19;color:var(--pc-text);border:1px solid var(--pc-border);border-radius:14px;padding:14px 15px;cursor:pointer;transition:.15s ease;font-size:15px;line-height:1.4}.pc-option:hover{border-color:rgba(157,108,255,.55);background:#171021}.pc-option .pc-option-letter{flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:12px;font-weight:900}.pc-option.pc-selected{border-color:var(--pc-accent);background:rgba(157,108,255,.12)}.pc-option.pc-correct{border-color:rgba(117,214,167,.7);background:rgba(117,214,167,.1)}.pc-option.pc-wrong{border-color:rgba(255,138,147,.75);background:rgba(255,138,147,.09)}.pc-option:disabled{cursor:default}.pc-feedback{margin-top:16px;border-radius:14px;padding:15px 16px;background:rgba(255,255,255,.04);border:1px solid var(--pc-border);color:var(--pc-muted);line-height:1.55}.pc-feedback strong{color:var(--pc-text)}.pc-feedback a{color:var(--pc-accent2);font-weight:800}.pc-question-actions{margin-top:16px;display:flex;justify-content:flex-end}.pc-result-score{text-align:center;padding:20px}.pc-result-score>span{font-size:48px;display:block}.pc-result-score strong{display:block;font-size:62px;line-height:1;margin:8px 0}.pc-result-score small{color:var(--pc-muted);font-size:14px}.pc-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.pc-result-summary>div{background:rgba(255,255,255,.04);border:1px solid var(--pc-border);border-radius:14px;padding:14px;text-align:center}.pc-result-summary strong{display:block;font-size:24px}.pc-result-summary span{color:var(--pc-muted);font-size:12px}.pc-result-breakdown{display:grid;gap:10px}.pc-review-row{border:1px solid var(--pc-border);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.pc-review-row .pc-review-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.pc-review-row h4{margin:0;color:var(--pc-text);font-size:15px}.pc-review-row .pc-review-mark{font-size:18px}.pc-review-row p{margin:8px 0 0;color:var(--pc-muted);font-size:13px}.pc-review-row a{color:var(--pc-accent2);font-weight:800;font-size:12px}.pc-result-actions{display:flex;justify-content:center;margin-top:20px}.pc-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.pc-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pc-stat-grid>div{background:rgba(255,255,255,.035);border-radius:14px;padding:14px;border:1px solid var(--pc-border)}.pc-stat-grid strong{display:block;font-size:25px}.pc-stat-grid span{color:var(--pc-muted);font-size:12px}.pc-branch-progress{margin-top:16px;display:grid;gap:10px}.pc-branch-row{display:grid;grid-template-columns:150px 1fr 48px;gap:10px;align-items:center;font-size:12px}.pc-branch-row>span:first-child{color:var(--pc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-mini-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.pc-mini-bar>i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#c084fc)}.pc-streak-big{text-align:center;padding:10px}.pc-streak-big>span{font-size:38px}.pc-streak-big strong{font-size:58px;display:block;line-height:1}.pc-streak-big small{color:var(--pc-muted)}.pc-panel>p{color:var(--pc-muted)}.pc-week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:15px}.pc-day-dot{text-align:center}.pc-day-dot span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;margin:0 auto 5px;background:rgba(255,255,255,.05);border:1px solid var(--pc-border);font-size:12px}.pc-day-dot.active span{background:rgba(157,108,255,.18);border-color:rgba(157,108,255,.65)}.pc-day-dot small{font-size:10px;color:var(--pc-muted)}.pc-history{display:grid;gap:9px}.pc-history-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--pc-border)}.pc-history-item:last-child{border-bottom:0}.pc-history-item strong{font-size:14px}.pc-history-item span{display:block;color:var(--pc-muted);font-size:11px;margin-top:3px}.pc-history-score{font-size:15px!important;color:var(--pc-accent2)!important;font-weight:900}.pc-empty{color:var(--pc-muted);font-size:13px;padding:8px 0}.pc-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pc-badge{padding:12px;border:1px solid var(--pc-border);border-radius:14px;background:rgba(255,255,255,.025);opacity:.45}.pc-badge.unlocked{opacity:1;border-color:rgba(157,108,255,.42);background:rgba(157,108,255,.08)}.pc-badge span{font-size:22px}.pc-badge strong{display:block;font-size:12px;margin:6px 0 3px}.pc-badge small{display:block;color:var(--pc-muted);font-size:10px;line-height:1.35}.pc-storage-note{text-align:center;font-size:11px;color:var(--pc-muted);margin-top:6px}.pc-loading{opacity:.55;pointer-events:none}
@media(max-width:980px){.pc-mode-grid{grid-template-columns:repeat(2,1fr)}.pc-dashboard-grid{grid-template-columns:1fr}.pc-mode-card:last-child{grid-column:auto}.pc-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pc-learning-app{padding-left:10px;padding-right:10px}.pc-learning-hero{padding:22px;align-items:flex-start;flex-direction:column}.pc-hero-status{display:flex;gap:10px;align-items:stretch}.pc-level-chip{min-width:118px;background:rgba(255,255,255,.06);border:1px solid var(--pc-border);border-radius:18px;padding:13px 16px;display:flex;flex-direction:column;justify-content:center;text-align:center}.pc-level-chip>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--pc-accent2)}.pc-level-chip strong{font-size:29px;line-height:1.05}.pc-level-chip small{font-size:10px;color:var(--pc-muted);margin-top:3px}.pc-streak-card{width:100%}.pc-mode-grid{grid-template-columns:1fr}.pc-mode-card:last-child{grid-column:auto}.pc-panel{padding:16px}.pc-quiz-topbar{grid-template-columns:auto 1fr;gap:10px}.pc-counter{grid-column:2;text-align:right}.pc-question-card{padding:18px}.pc-result-summary{grid-template-columns:1fr}.pc-stat-grid{grid-template-columns:repeat(2,1fr)}.pc-branch-row{grid-template-columns:110px 1fr 42px}.pc-achievements{grid-template-columns:1fr 1fr}}

.pc-level-progress-card{background:rgba(157,108,255,.055);border:1px solid rgba(157,108,255,.22);border-radius:15px;padding:14px;margin-bottom:14px}.pc-level-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.pc-level-progress-head span{display:block;font-size:11px;color:var(--pc-accent2);font-weight:800}.pc-level-progress-head strong{display:block;font-size:19px}.pc-level-progress-head small{color:var(--pc-muted);font-size:11px}.pc-xp-bar{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.pc-xp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#c084fc);transition:width .3s ease}.pc-result-xp{display:inline-flex!important;width:auto!important;margin-top:10px!important;padding:6px 10px;border-radius:999px;background:rgba(157,108,255,.14);color:var(--pc-accent2)!important;font-size:12px!important;font-weight:900}.pc-xp-gain{display:inline-flex;margin-left:9px;padding:3px 7px;border-radius:999px;background:rgba(157,108,255,.14);color:var(--pc-accent2);font-size:11px;font-weight:900}.pc-shield-status{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.035);border:1px solid var(--pc-border);border-radius:13px;padding:11px 12px;margin-top:12px}.pc-shield-status>span{font-size:24px}.pc-shield-status strong{display:block;font-size:12px}.pc-shield-status small{display:block;color:var(--pc-muted);font-size:10px;margin-top:2px}.pc-day-dot.protected span{background:rgba(197,167,255,.10);border-color:rgba(197,167,255,.45);font-size:12px}.pc-study-insights{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.pc-study-insights>div{border:1px solid var(--pc-border);background:rgba(255,255,255,.025);border-radius:12px;padding:11px}.pc-study-insights span{display:block;color:var(--pc-muted);font-size:10px}.pc-study-insights strong{display:block;font-size:12px;margin-top:4px}.pc-learning-app .pc-mode-card:disabled{pointer-events:none}
@media(max-width:640px){.pc-hero-status{width:100%;display:grid;grid-template-columns:1fr 1.35fr}.pc-level-chip,.pc-streak-card{min-width:0;width:100%}.pc-study-insights{grid-template-columns:1fr}.pc-level-progress-head{align-items:flex-start;flex-direction:column}}

.pc-difficulty-selector{margin:4px 0 18px}.pc-config-label{display:block;color:var(--pc-muted);font-size:12px;font-weight:800;margin-bottom:8px}.pc-difficulty-pills{display:flex;flex-wrap:wrap;gap:9px}


/* v1.4 — misión diaria, accesos rápidos y CTA desde artículos */
.pc-daily-mission{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:20px 0;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(217,70,239,.06));border:1px solid rgba(167,139,250,.26)}
.pc-mission-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:rgba(139,92,246,.13)}
.pc-mission-copy h2{margin:4px 0 5px}.pc-mission-copy p{margin:0 0 10px;color:var(--pc-muted)}
.pc-mission-progress{height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);max-width:520px}.pc-mission-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#d946ef);transition:width .25s ease}.pc-mission-copy small{display:block;margin-top:6px;color:var(--pc-muted)}
.pc-daily-mission.pc-completed{border-color:rgba(74,222,128,.28)}
.pc-secondary-btn{border:1px solid rgba(167,139,250,.35);background:rgba(139,92,246,.08);color:inherit;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.pc-secondary-btn:hover{background:rgba(139,92,246,.16)}
.pc-result-actions{display:flex;gap:10px;flex-wrap:wrap}
.pc-insight-action{grid-column:1/-1;border:1px solid rgba(244,114,182,.22);background:rgba(244,114,182,.07);color:inherit;border-radius:12px;padding:11px 13px;text-align:left;cursor:pointer;font-weight:700}.pc-insight-action:hover{background:rgba(244,114,182,.12)}
.pc-article-practice-cta{margin:42px 0 10px;padding:28px;border:1px solid rgba(167,139,250,.28);border-radius:20px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(217,70,239,.06));box-shadow:0 18px 50px rgba(0,0,0,.12)}
.pc-article-practice-cta h3{font-size:clamp(1.35rem,2.5vw,1.8rem);margin:7px 0 8px}.pc-article-practice-cta p{margin:0 0 18px;max-width:680px}.pc-article-practice-btn{display:inline-flex!important;text-decoration:none!important;align-items:center;justify-content:center}
@media(max-width:720px){.pc-daily-mission{grid-template-columns:auto 1fr}.pc-daily-mission .pc-primary-btn{grid-column:1/-1;width:100%}.pc-result-actions>*{width:100%}.pc-article-practice-cta{padding:22px}}

.pc-article-practice-cta .pc-kicker{color:#c5a7ff}

/* v1.5 — Rutas de aprendizaje */
.pc-routes-section{margin:28px 0 34px}.pc-routes-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.pc-routes-head h2{margin:4px 0 6px}.pc-routes-head p{margin:0;max-width:760px;opacity:.78}.pc-routes-count{white-space:nowrap;padding:8px 12px;border:1px solid rgba(176,130,255,.28);border-radius:999px;background:rgba(139,92,246,.08);font-size:13px}.pc-routes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pc-route-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(19,15,31,.96),rgba(9,8,16,.98));border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.pc-route-card.completed{border-color:rgba(181,132,255,.45)}.pc-route-top{display:flex;gap:13px}.pc-route-icon{font-size:28px}.pc-route-top h3{margin:0 0 5px;font-size:18px}.pc-route-top p{margin:0;font-size:13px;opacity:.72;line-height:1.45}.pc-route-progress{height:7px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:16px 0 7px}.pc-route-progress i{display:block;height:100%;background:linear-gradient(90deg,#9d7bff,#d18cff);border-radius:999px}.pc-route-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.72;margin-bottom:12px}.pc-route-steps{display:grid;gap:7px}.pc-route-step{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.035)}.pc-route-step>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);font-size:11px}.pc-route-step.done>span{background:rgba(100,220,160,.16)}.pc-route-step a,.pc-route-step>div strong{color:inherit;text-decoration:none;font-size:13px;font-weight:650}.pc-route-step a:hover{text-decoration:underline}.pc-route-step button{border:0;background:transparent;color:#cbb6ff;font-size:11px;cursor:pointer}.pc-route-step.exam{margin-top:3px;border:1px solid rgba(176,130,255,.14)}.pc-route-step.exam small{display:block;opacity:.65;font-size:10px;margin-top:2px}.pc-route-complete{margin-top:12px;text-align:center;padding:9px;border-radius:10px;background:rgba(164,116,255,.11);font-weight:700;font-size:13px}@media(max-width:780px){.pc-routes-grid{grid-template-columns:1fr}.pc-routes-head{align-items:flex-start;flex-direction:column}.pc-route-step{grid-template-columns:24px 1fr}.pc-route-step button{grid-column:2;justify-self:start;padding:0}}


/* v1.6 — navegación compacta por Práctica, Rutas y Progreso */
.pc-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:7px;border:1px solid var(--pc-border);border-radius:17px;background:rgba(255,255,255,.025);box-shadow:0 12px 36px rgba(0,0,0,.12)}
.pc-section-tab{appearance:none;border:1px solid transparent;border-radius:12px;padding:12px 14px;background:transparent;color:var(--pc-muted);font:inherit;font-weight:800;cursor:pointer;transition:.18s ease;display:flex;align-items:center;justify-content:center;gap:8px}
.pc-section-tab:hover{color:var(--pc-text);background:rgba(255,255,255,.04)}
.pc-section-tab.is-active{color:#fff;border-color:rgba(157,108,255,.38);background:linear-gradient(135deg,rgba(139,92,246,.20),rgba(168,85,247,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.pc-section-tab span{font-size:17px}.pc-tab-panel{animation:pcTabFade .18s ease}.pc-progress-intro{margin:3px 0 16px}.pc-progress-intro h2{font-size:clamp(24px,3vw,34px);margin:5px 0 6px}.pc-progress-intro p{margin:0;color:var(--pc-muted);max-width:760px;line-height:1.55}
.pc-xp-chip{min-width:130px}.pc-xp-chip strong{font-size:24px}.pc-hero-status{flex-wrap:wrap;justify-content:flex-end}
@keyframes pcTabFade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.pc-section-tabs{grid-template-columns:1fr 1fr 1fr;gap:5px;padding:5px}.pc-section-tab{padding:10px 6px;font-size:12px}.pc-section-tab span{font-size:15px}.pc-hero-status{width:100%;display:grid;grid-template-columns:1fr 1fr}.pc-xp-chip{min-width:0}.pc-streak-card{grid-column:1/-1;justify-content:center}.pc-learning-hero{gap:18px}}
@media(max-width:430px){.pc-section-tab{flex-direction:column;gap:4px;font-size:11px}.pc-hero-status{grid-template-columns:1fr 1fr}.pc-level-chip{padding:11px 10px}.pc-streak-card{padding:13px 16px}}

/* v1.8 — Desafío Forense */
.pc-roulette-mode-card{grid-column:1/-1;min-height:118px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(20,184,166,.06));position:relative;overflow:hidden}
.pc-roulette-mode-card:after{content:'NUEVO';position:absolute;right:16px;top:14px;padding:5px 8px;border-radius:999px;background:rgba(197,167,255,.14);border:1px solid rgba(197,167,255,.28);font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--pc-accent2)}
.pc-roulette-head p{margin:6px 0 0;color:var(--pc-muted)}
.pc-roulette-setup{display:grid;gap:18px}.pc-roulette-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-roulette-setting{border:1px solid var(--pc-border);background:rgba(255,255,255,.025);border-radius:15px;padding:16px;min-width:0}.pc-roulette-setting small{display:block;color:var(--pc-muted);font-size:11px;line-height:1.5;margin-top:9px}.pc-roulette-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pc-roulette-toggle button{border:1px solid var(--pc-border);background:rgba(255,255,255,.025);color:var(--pc-muted);border-radius:11px;padding:11px 9px;cursor:pointer;font-weight:800}.pc-roulette-toggle button.is-active{color:#fff;border-color:rgba(157,108,255,.65);background:rgba(157,108,255,.14)}
.pc-challenge-rule-big{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 13px;border-radius:12px;border:1px solid rgba(117,214,167,.28);background:linear-gradient(135deg,rgba(117,214,167,.10),rgba(139,92,246,.08));font-weight:900;color:#fff;text-align:center}.pc-roulette-custom-branches{border:1px dashed rgba(197,167,255,.25);border-radius:15px;padding:14px 14px 3px}.pc-roulette-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pc-roulette-rules>span{display:block;border:1px solid var(--pc-border);background:rgba(255,255,255,.022);border-radius:12px;padding:11px;color:var(--pc-muted);font-size:11px;line-height:1.4}.pc-roulette-rules strong{color:var(--pc-text)}.pc-challenge-specials{display:flex;flex-wrap:wrap;gap:8px}.pc-challenge-specials span{font-size:11px;color:var(--pc-muted);border:1px solid var(--pc-border);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.025)}.pc-roulette-start{justify-self:start}
.pc-roulette-game{display:grid;gap:16px}.pc-roulette-scorebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pc-roulette-scorebar>div{border:1px solid var(--pc-border);background:rgba(255,255,255,.025);border-radius:13px;padding:11px 12px;text-align:center}.pc-roulette-scorebar span{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--pc-muted)}.pc-roulette-scorebar strong{display:block;font-size:19px;margin-top:4px;white-space:nowrap}.pc-roulette-scorebar strong.is-hot{color:#ffcf70;text-shadow:0 0 18px rgba(255,207,112,.20)}.pc-roulette-scorebar strong.is-safe{color:#75d6a7;text-shadow:0 0 18px rgba(117,214,167,.16)}
.pc-challenge-checkpoint{border:1px solid var(--pc-border);border-radius:13px;padding:11px 13px;background:rgba(255,255,255,.018)}.pc-challenge-checkpoint-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:var(--pc-muted);font-size:11px}.pc-challenge-checkpoint-head strong{color:var(--pc-accent2);font-size:11px}.pc-challenge-checkpoint-track{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.pc-challenge-checkpoint-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b5cf6,#75d6a7);transition:width .25s ease}
.pc-roulette-layout{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:24px;align-items:start}.pc-roulette-stage{display:flex;flex-direction:column;align-items:center;justify-self:center;width:100%;max-width:350px;min-width:0;padding:5px 4px 10px}.pc-spin-btn{min-width:178px;margin-top:14px}.pc-machine-hint{color:var(--pc-muted);font-size:10px;margin-top:8px;text-align:center}
.pc-capsule-machine{width:310px;max-width:100%;height:430px;position:relative;margin:0 auto;filter:drop-shadow(0 20px 28px rgba(0,0,0,.28));user-select:none}.pc-machine-cap{position:absolute;left:50%;top:0;transform:translateX(-50%);width:178px;height:48px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#2e2242,#171020);border:1px solid rgba(255,255,255,.13);z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px rgba(255,255,255,.06)}.pc-machine-cap span{font-size:22px;font-weight:1000;letter-spacing:-.05em}.pc-machine-cap small{font-size:8px;letter-spacing:.17em;color:var(--pc-accent2);font-weight:900}.pc-machine-globe{position:absolute;left:50%;top:35px;transform:translateX(-50%);width:270px;height:250px;border-radius:47% 47% 43% 43%/45% 45% 52% 52%;border:8px solid rgba(197,167,255,.30);background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.16),rgba(139,92,246,.13) 36%,rgba(18,12,28,.94) 76%);overflow:hidden;box-shadow:inset 0 0 35px rgba(157,108,255,.16),0 0 0 2px rgba(255,255,255,.035);z-index:3}.pc-machine-globe:after{content:'';position:absolute;left:21%;top:8%;width:17%;height:54%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);transform:rotate(21deg);pointer-events:none}.pc-capsule-pool{position:absolute;inset:0}.pc-capsule-token{position:absolute;width:43px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:linear-gradient(90deg,var(--capsule-color,#8b5cf6) 0 49%,rgba(245,241,255,.88) 50% 100%);box-shadow:0 4px 9px rgba(0,0,0,.26);display:grid;place-items:center;transform-origin:center}.pc-capsule-token i{font-style:normal;font-size:14px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.pc-machine-neck{position:absolute;left:50%;top:269px;transform:translateX(-50%);width:94px;height:50px;background:linear-gradient(90deg,#181020,#322347,#181020);border:1px solid rgba(255,255,255,.12);z-index:2}.pc-machine-base{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:286px;height:132px;border-radius:24px 24px 18px 18px;background:linear-gradient(180deg,#251934,#130d1c);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.05);z-index:4}.pc-machine-base:before{content:'';position:absolute;left:18px;right:18px;top:14px;height:8px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#c084fc,#75d6a7);opacity:.75}.pc-machine-dial{position:absolute;left:38px;top:40px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:900;color:#d9c9ff;background:radial-gradient(circle,#39254d,#160f20 70%);border:5px solid rgba(255,255,255,.12);box-shadow:0 7px 14px rgba(0,0,0,.3),inset 0 0 0 2px rgba(157,108,255,.18)}.pc-machine-slot{position:absolute;right:31px;top:45px;width:112px;height:58px;border-radius:12px;background:#08060c;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 8px 14px rgba(0,0,0,.7);display:grid;place-items:center;overflow:visible}.pc-machine-slot:before{content:'CÁPSULA';position:absolute;top:-20px;font-size:7px;letter-spacing:.16em;color:var(--pc-muted);font-weight:900}.pc-drawn-capsule{width:50px;height:31px;border-radius:999px;border:2px solid rgba(255,255,255,.2);display:grid;place-items:center;background:linear-gradient(90deg,var(--capsule-color,#8b5cf6) 0 49%,rgba(245,241,255,.92) 50%);font-size:16px;opacity:.28;transform:translateY(-42px) scale(.6);box-shadow:0 6px 12px rgba(0,0,0,.4)}.pc-drawn-capsule.is-dropping{animation:pcCapsuleDrop .8s cubic-bezier(.18,.78,.22,1) forwards}.pc-capsule-machine.is-drawing .pc-capsule-pool{animation:pcCapsuleShuffle .72s ease-in-out}.pc-capsule-machine.is-drawing .pc-machine-dial{animation:pcDialSpin .72s ease-in-out}
@keyframes pcCapsuleDrop{0%{opacity:0;transform:translateY(-54px) scale(.55) rotate(-25deg)}62%{opacity:1;transform:translateY(4px) scale(1.08) rotate(9deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes pcCapsuleShuffle{0%,100%{transform:translate(0)}25%{transform:translate(-5px,3px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,-2px)}}@keyframes pcDialSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.pc-roulette-side{display:grid;gap:12px;min-width:0}.pc-roulette-pick,.pc-roulette-choose,.pc-roulette-question{border:1px solid var(--pc-border);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border-radius:17px;padding:18px;min-width:0}.pc-roulette-pick{min-height:120px}.pc-roulette-pick h3{font-size:23px;margin:6px 0 6px;overflow-wrap:anywhere}.pc-roulette-pick p{margin:0;color:var(--pc-muted);line-height:1.5}.pc-roulette-pick p strong{color:var(--pc-text)}.pc-roulette-pick.is-selected{border-color:rgba(157,108,255,.38);background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(255,255,255,.02))}.pc-roulette-choose>strong{font-size:17px}.pc-roulette-choose>p{color:var(--pc-muted);font-size:12px}.pc-roulette-choose-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pc-roulette-branch-choice{appearance:none;border:1px solid var(--pc-border);background:rgba(255,255,255,.025);color:var(--pc-text);border-radius:11px;padding:10px;text-align:left;cursor:pointer;font-weight:700;font-size:11px;display:flex;align-items:center;gap:7px}.pc-roulette-branch-choice:hover{border-color:rgba(157,108,255,.55);background:rgba(157,108,255,.08)}.pc-roulette-branch-choice span{font-size:17px}.pc-roulette-question h3{font-size:clamp(20px,2.35vw,28px);line-height:1.25;margin:0 0 16px;overflow-wrap:anywhere}.pc-roulette-question .pc-feedback{margin-bottom:13px}.pc-challenge-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.pc-challenge-actions .pc-primary-btn,.pc-challenge-actions .pc-secondary-btn{flex:1 1 170px}.pc-roulette-panel.pc-loading .pc-capsule-machine{filter:saturate(.78) drop-shadow(0 20px 28px rgba(0,0,0,.28))}
.pc-challenge-progress-card{margin-top:14px;border:1px solid rgba(157,108,255,.20);border-radius:15px;padding:14px;background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(117,214,167,.025))}.pc-challenge-progress-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.pc-challenge-progress-title>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--pc-accent2)}.pc-challenge-progress-title small{color:var(--pc-muted);font-size:10px}.pc-challenge-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pc-challenge-progress-stats>div{border:1px solid var(--pc-border);border-radius:11px;padding:10px;background:rgba(255,255,255,.022)}.pc-challenge-progress-stats strong{display:block;font-size:17px}.pc-challenge-progress-stats span{display:block;color:var(--pc-muted);font-size:9px;margin-top:3px}
@media(max-width:980px){.pc-roulette-mode-card{grid-column:1/-1}.pc-roulette-rules{grid-template-columns:repeat(2,1fr)}.pc-roulette-layout{grid-template-columns:1fr}.pc-roulette-stage{max-width:340px}.pc-roulette-side{max-width:760px;width:100%;margin:0 auto}}
@media(max-width:700px){.pc-roulette-setup-grid{grid-template-columns:1fr}.pc-roulette-scorebar{grid-template-columns:repeat(2,1fr)}.pc-challenge-progress-stats{grid-template-columns:repeat(2,1fr)}.pc-challenge-progress-title{align-items:flex-start;flex-direction:column}.pc-roulette-choose-list{grid-template-columns:1fr}.pc-roulette-head{align-items:flex-start}.pc-roulette-head .pc-icon-btn{margin-top:-4px}}
@media(max-width:520px){.pc-roulette-mode-card{grid-column:auto}.pc-roulette-rules{grid-template-columns:1fr}.pc-roulette-toggle{grid-template-columns:1fr}.pc-capsule-machine{width:268px;height:382px}.pc-machine-cap{width:154px;height:43px}.pc-machine-globe{width:232px;height:216px;top:32px;border-width:6px}.pc-machine-neck{top:235px;width:82px;height:45px}.pc-machine-base{width:250px;height:118px}.pc-machine-dial{left:31px;top:39px;width:54px;height:54px;font-size:27px}.pc-machine-slot{right:26px;top:43px;width:99px;height:51px}.pc-capsule-token{width:38px;height:25px}.pc-capsule-token i{font-size:12px}.pc-challenge-checkpoint-head{align-items:flex-start;flex-direction:column;gap:4px}.pc-roulette-scorebar strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.pc-drawn-capsule.is-dropping{animation-duration:.25s}.pc-capsule-machine.is-drawing .pc-capsule-pool,.pc-capsule-machine.is-drawing .pc-machine-dial{animation:none}.pc-roulette-mode-card,.pc-roulette-toggle button,.pc-roulette-branch-choice{transition:none!important}}
