/* Party Challenge · Dirección visual 2026
   Mismo lenguaje para anfitrión y participante. Sólo presentación. */
:root{
  --pc-surface:#241a32;
  --pc-surface-raised:#31223e;
  --pc-border:rgba(255,230,246,.15);
  --pc-focus:#ffd598;
  --pc-ease:cubic-bezier(.2,.7,.15,1);
  --shadow:0 14px 34px rgba(8,4,18,.22);
  --radius:20px;
}
body[data-pc-app]{background:
  radial-gradient(ellipse 70% 36% at 90% -7%,rgba(155,56,127,.28),transparent 86%),
  radial-gradient(ellipse 66% 31% at -15% 24%,rgba(89,51,138,.19),transparent 88%),
  linear-gradient(158deg,#22162f 0%,#160f22 58%,#130d1d 100%);
  background-attachment:fixed;
  -webkit-tap-highlight-color:transparent}
body[data-pc-app] :is(button,a,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--pc-focus);outline-offset:3px;
}
body[data-pc-app] :is(.card,.hero){
  border:1px solid var(--pc-border);
  background:linear-gradient(154deg,rgba(66,44,79,.54),rgba(38,26,53,.72));
  box-shadow:0 12px 28px rgba(4,2,12,.2),inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-pc-app] :is(.btn,.btn-secondary,.btn-danger){
  font-weight:800;transition:transform .18s var(--pc-ease),filter .18s ease,border-color .18s ease;
}
@media(hover:hover){
  body[data-pc-app] :is(.btn,.btn-secondary):not(:disabled):hover{filter:brightness(1.09);transform:translateY(-1px)}
}
body[data-pc-app] :is(.btn,.btn-secondary,.wiz-primary,.wiz-outline,.pc-question-outline){min-height:44px}
body[data-pc-app] .eyebrow{color:#ffd3a1;letter-spacing:.1em}
body[data-pc-app] .muted{color:#d7c8dc}
body[data-pc-app] :is(h1,h2,h3){text-wrap:balance}
body[data-pc-app] input,body[data-pc-app] textarea{accent-color:#f8a2bb}

/* 1 · Asistente ligero: mismo diseño, menor cabecera y menos ruido en móvil */
.pc-wizard-overlay{background:rgba(13,8,22,.9)}
.pc-wizard-panel{
  background:linear-gradient(165deg,#2b1f3a,#191224 65%);
  border-color:rgba(255,220,238,.23);box-shadow:0 20px 70px rgba(4,2,13,.58)}
.pc-wizard-panel .wiz-header{background:rgba(24,15,34,.44)}
.pc-wizard-panel .wiz-header p{font-weight:800;line-height:1.3}
.pc-wizard-panel .wiz-progress{gap:7px;margin:12px 22px 0}
.pc-wizard-panel .wiz-progress>span{
  padding:8px 4px;min-width:0;border-radius:10px;
  background:rgba(255,255,255,.055);color:#b7a6c4;
  border:1px solid rgba(255,255,255,.07);
}
.pc-wizard-panel .wiz-progress>span.done{background:rgba(240,144,188,.15);color:#ffddcf}
.pc-wizard-panel .wiz-progress>span.now{background:linear-gradient(125deg,#f2a2c9,#ffd69b);border-color:transparent;color:#2b1832}
.pc-wizard-step-label{margin:0 0 5px!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#facda8;font-weight:850}
.pc-wizard-panel .wiz-body h2{line-height:1.16;letter-spacing:-.025em}
.pc-wizard-panel .wiz-intro{font-size:.9rem;line-height:1.5;max-width:62ch}
.pc-wizard-panel .wiz-config-card{
  background:linear-gradient(150deg,rgba(75,52,91,.52),rgba(40,28,55,.58));
  border-color:rgba(245,202,242,.16);border-radius:17px;padding:16px}
.pc-wizard-panel .wiz-footer{
  background:rgba(25,17,34,.96);border-top:1px solid rgba(255,225,245,.11);
}
.pc-wizard-panel .wiz-primary{
  min-height:50px;box-shadow:0 7px 23px rgba(255,147,179,.14);
}
.pc-wizard-panel .wiz-choice{border-color:rgba(242,210,250,.17);background:rgba(63,42,79,.34)}
.pc-wizard-panel .wiz-choice.selected{border-color:#e9a2c8;background:rgba(137,74,121,.3)}

/* 2 · Las trivias se leen como tarjetas del juego */
.pc-wizard-panel .pc-wiz-question-section{padding:14px}
.pc-wizard-panel .pc-wiz-question-section>.wiz-card-head{
  align-items:baseline;gap:12px;margin-bottom:12px}
.pc-wizard-panel .pc-wiz-question-section>.wiz-card-head h3{margin:0}
.pc-wizard-panel .pc-wiz-question-section>.wiz-card-head small{color:#ffd7a5;font-weight:750}
.pc-wizard-panel .wiz-question-list{display:grid;gap:13px}
.pc-wizard-panel .pc-wiz-game-card{
  min-width:0;padding:16px;border:1px solid rgba(255,208,235,.19);
  border-radius:18px;background:linear-gradient(145deg,rgba(71,45,88,.65),rgba(33,23,48,.68));
  box-shadow:0 10px 22px rgba(10,4,23,.11);
}
.pc-wizard-panel .pc-wiz-game-header{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px;margin-bottom:11px}
.pc-wizard-panel .pc-wiz-question-number{
  color:#ffd5a4;font-size:.7rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.pc-wizard-panel .pc-wiz-question-points{
  color:#ffdfb6;font-size:.68rem;font-weight:750;padding:5px 8px;
  background:rgba(255,216,164,.1);border:1px solid rgba(255,216,164,.15);
  border-radius:999px}
.pc-wizard-panel .pc-wiz-game-card h4{
  color:#fff7f4;font-size:clamp(1.01rem,2.8vw,1.18rem);line-height:1.42;
  font-weight:800;letter-spacing:-.014em;margin:0 0 13px;overflow-wrap:anywhere}
.pc-wizard-panel .pc-wiz-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pc-wizard-panel .pc-wiz-answer{
  min-width:0;display:flex;align-items:center;gap:8px;min-height:47px;
  padding:9px 10px;background:rgba(29,19,44,.63);
  border:1px solid rgba(229,208,238,.14);border-radius:11px;color:#eee1f2}
.pc-wizard-panel .pc-wiz-answer.is-answer{
  background:rgba(63,111,86,.19);border-color:rgba(144,239,186,.46);color:#e8fff1}
.pc-wizard-panel .pc-wiz-letter{
  display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;
  border-radius:8px;background:rgba(245,204,229,.13);
  color:#ffe9d2;font-size:.71rem;font-weight:950}
.pc-wizard-panel .pc-wiz-answer.is-answer .pc-wiz-letter{
  background:rgba(145,231,179,.2);color:#c8ffda}
.pc-wizard-panel .pc-wiz-answer-text{
  min-width:0;flex:1;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}
.pc-wizard-panel .pc-wiz-correct{
  color:#b8f5d2;font-weight:850;font-size:.68rem;white-space:nowrap}
.pc-wizard-panel .wiz-question-actions{
  margin:14px 0 0;padding-top:10px;border-top:1px solid rgba(243,206,244,.11);
  display:flex;gap:7px}
.pc-wizard-panel .wiz-question-actions .wiz-outline{
  flex:0 1 auto;min-height:40px;font-size:.79rem;padding:8px 12px;
  background:rgba(240,224,250,.065);border:1px solid rgba(255,228,246,.18)}
.pc-wizard-panel .wiz-question-actions .pc-wiz-remove{color:#ffbec5;border-color:rgba(255,156,173,.15)}
.pc-wizard-panel .pc-wiz-empty-questions{
  padding:22px 16px;border:1px dashed rgba(255,200,236,.3);background:rgba(42,28,62,.46);
  border-radius:15px;text-align:center;margin:12px 0 14px}
.pc-wizard-panel .pc-wiz-empty-questions strong{display:block;font-size:1rem;color:#ffe3be}
.pc-wizard-panel .pc-wiz-empty-questions p{font-size:.83rem;color:#d8c7e3;margin:5px 0 0}
.pc-wizard-panel .pc-wiz-add-question{
  min-height:49px;width:100%;margin-top:13px;border:1px dashed rgba(255,199,228,.6);
  background:rgba(244,146,187,.08);color:#ffe2cc}
.pc-wizard-panel .pc-wiz-small-help{font-size:.76rem;color:#c8bacf;margin:8px 2px 0}
.pc-wizard-panel .pc-preinvite-choices{gap:10px}
.pc-wizard-panel .pc-preinvite-choices .wiz-template-button{
  min-height:90px;border-radius:15px;border:1px solid rgba(255,210,231,.19);
  background:rgba(77,51,92,.55);padding:16px}
.pc-wizard-panel .pc-preinvite-choices .pc-about-me-choice{
  border-color:#fac2a4!important;background:linear-gradient(125deg,rgba(146,67,117,.6),rgba(109,65,111,.64))!important}

/* 3 · Invitaciones: próximo paso > compartir > herramientas avanzadas */
body[data-pc-app="admin"] .pc-invite-intro{
  background:radial-gradient(circle at 100% 0,rgba(255,173,189,.17),transparent 48%),linear-gradient(140deg,rgba(69,43,81,.66),rgba(34,23,53,.77));
  padding:clamp(17px,3vw,23px)}
body[data-pc-app="admin"] .pc-invite-intro h1{font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.12;margin:3px 0 8px}
body[data-pc-app="admin"] .pc-invite-intro p:last-child{max-width:55ch;font-size:.86rem;margin:0}
body[data-pc-app="admin"] .pc-host-next-invite{
  border-color:rgba(255,205,166,.36)!important;
  background:linear-gradient(126deg,rgba(106,54,99,.66),rgba(62,37,82,.7))!important;
  padding:20px!important}
body[data-pc-app="admin"] .pc-host-next-invite h2{font-size:1.23rem;margin-bottom:8px}
body[data-pc-app="admin"] .pc-host-next-invite>.muted{font-size:.86rem;margin-bottom:15px;max-width:52ch}
body[data-pc-app="admin"] .pc-preinvite-shortcut{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}
body[data-pc-app="admin"] .pc-preinvite-shortcut>div{min-width:0}
body[data-pc-app="admin"] .pc-preinvite-shortcut h2{font-size:1rem;margin-bottom:5px}
body[data-pc-app="admin"] .pc-preinvite-shortcut .muted{font-size:.8rem;margin:0}
body[data-pc-app="admin"] .pc-preinvite-shortcut button{flex:none;white-space:normal}
body[data-pc-app="admin"] .pc-preinvite-status{padding:14px 16px;border-color:rgba(157,228,181,.25)}
body[data-pc-app="admin"] .pc-preinvite-status h2{font-size:1.08rem}
body[data-pc-app="admin"] .pc-preinvite-status p.muted{font-size:.82rem;margin:0 0 9px}
body[data-pc-app="admin"] .invitation-admin-card{
  border-color:rgba(255,211,159,.27);
  background:linear-gradient(150deg,rgba(76,47,88,.61),rgba(36,24,51,.76))}
body[data-pc-app="admin"] .invitation-admin-card .challenge-head{align-items:start;gap:12px}
body[data-pc-app="admin"] .invitation-admin-card h2{font-size:1.2rem}
body[data-pc-app="admin"] .invitation-admin-card .muted{font-size:.82rem;line-height:1.45}
body[data-pc-app="admin"] .pc-invite-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
body[data-pc-app="admin"] .pc-invite-primary-actions button{min-height:51px;padding:10px 12px}
body[data-pc-app="admin"] .pc-invite-details,
body[data-pc-app="admin"] .pc-connect-invites details,
body[data-pc-app="admin"] .pc-invite-other-access details{margin-top:14px}
body[data-pc-app="admin"] :is(.pc-invite-details,.pc-connect-invites details,.pc-invite-other-access details)>summary{
  list-style:none;cursor:pointer;font-size:.85rem;font-weight:800;color:#ffe1b9;
  min-height:47px;padding:12px 15px;background:rgba(240,202,238,.055);
  border:1px solid rgba(255,219,244,.15);border-radius:13px}
body[data-pc-app="admin"] :is(.pc-invite-details,.pc-connect-invites details,.pc-invite-other-access details)>summary::-webkit-details-marker{display:none}
body[data-pc-app="admin"] :is(.pc-invite-details,.pc-connect-invites details,.pc-invite-other-access details)>summary:after{content:"⌄";float:right;margin-left:10px;color:#fbcba5}
body[data-pc-app="admin"] :is(.pc-invite-details,.pc-connect-invites details,.pc-invite-other-access details)[open]>summary:after{content:"⌃"}
body[data-pc-app="admin"] .pc-invite-details-inner{padding:5px 2px 1px}
body[data-pc-app="admin"] .pc-connect-invites details{margin:0}
body[data-pc-app="admin"] .pc-connect-invites details>summary{background:transparent;border:0;padding:5px 2px;min-height:40px}
body[data-pc-app="admin"] .pc-connect-invites summary span,
body[data-pc-app="admin"] .pc-connect-invites summary small{display:block}
body[data-pc-app="admin"] .pc-connect-invites summary small{font-size:.75rem;color:#d3c2dc;font-weight:500;margin-top:4px}
body[data-pc-app="admin"] .pc-connect-invite-body{padding:12px 2px 0}
body[data-pc-app="admin"] .pc-connect-invite-body .muted{font-size:.83rem}
body[data-pc-app="admin"] .pc-invite-other-access details{margin:0}
body[data-pc-app="admin"] .pc-invite-other-access summary{margin:0}

/* 4 · Gestión serena: tarjetas menos pesadas y acciones consistentes */
body[data-pc-app="admin"] .pc-prepare-hub{gap:11px}
body[data-pc-app="admin"] .pc-overview{gap:11px}
body[data-pc-app="admin"] .pc-start-content{border-color:rgba(255,234,246,.16)}
body[data-pc-app="admin"] .pc-start-event{
  border-color:rgba(255,227,239,.14);
  background:linear-gradient(145deg,rgba(69,46,86,.36),rgba(31,22,49,.37))}
body[data-pc-app="admin"] .pc-start-event-title h3{letter-spacing:-.012em}
body[data-pc-app="admin"] .pc-start-event:hover{border-color:rgba(255,196,223,.34)}
body[data-pc-app="admin"] .pc-organizer-step{
  background:rgba(50,35,68,.45);border-color:rgba(255,229,249,.12)}
body[data-pc-app="admin"] .pc-organizer-step:hover{border-color:#ffc5b5}

/* 5 · Participantes: más juego, misma identidad del evento */
body[data-pc-app="player"] .launch-hero,
body[data-pc-app="player"] .pc-home-hero{border-color:rgba(255,202,170,.27)}
body[data-pc-app="player"] .launch-hero h1{line-height:1.08;letter-spacing:-.035em}
body[data-pc-app="player"] .bottom-nav{border-color:rgba(255,224,247,.19);background:rgba(30,19,43,.94)}
body[data-pc-app="player"] .bottom-nav .nav.active{
  background:linear-gradient(145deg,rgba(248,154,197,.23),rgba(255,211,153,.13));color:#ffe9d0}
body[data-pc-app="player"] .quiz-progress{
  border-color:rgba(255,204,164,.29);background:rgba(255,202,153,.1);border-radius:12px}
body[data-pc-app="player"] .options-list{gap:9px}
body[data-pc-app="player"] .options-list .option{
  min-height:54px;border-radius:14px;padding:12px 14px;
  border-color:rgba(246,212,246,.19);background:rgba(57,37,75,.62);
  transition:border-color .18s ease,background .18s ease,transform .18s ease}
body[data-pc-app="player"] .options-list .option.selected{
  border-color:#ffda9f;background:linear-gradient(135deg,rgba(249,181,174,.24),rgba(159,86,156,.22))}
body[data-pc-app="player"] #app .ranking-list{border-color:rgba(247,202,230,.19)}
body[data-pc-app="player"] #app .rank-row{border-color:rgba(255,255,255,.09)}

/* 6 · Mobile: contenido primero, controles alcanzables */
@media(max-width:640px){
  body[data-pc-app] :is(.card,.hero){border-radius:18px}
  .pc-wizard-overlay{padding:0}
  .pc-wizard-panel{border-radius:0;border:0;max-height:100dvh}
  .pc-wizard-panel .wiz-header{padding:12px 17px 9px;border-bottom:0}
  .pc-wizard-panel .wiz-header small{font-size:.62rem;letter-spacing:.075em}
  .pc-wizard-panel .wiz-header p{font-size:.92rem}
  .pc-wizard-panel .wiz-close{height:38px;width:38px;font-size:23px;flex:none}
  .pc-wizard-panel .wiz-progress{margin:0 17px 6px;gap:6px}
  .pc-wizard-panel .wiz-progress>span{
    position:relative;display:flex;align-items:end;justify-content:center;
    min-height:32px;padding:12px 1px 0;border:0;border-radius:0;background:transparent!important;
    font-weight:800;box-shadow:none}
  .pc-wizard-panel .wiz-progress>span:before{
    position:absolute;content:"";height:4px;border-radius:999px;top:3px;left:0;right:0;
    background:rgba(255,255,255,.16)}
  .pc-wizard-panel .wiz-progress>span.done:before{background:#c47aab}
  .pc-wizard-panel .wiz-progress>span.now:before{background:linear-gradient(90deg,#f295bd,#ffd19d)}
  .pc-wizard-panel .wiz-progress>span b{display:none}
  .pc-wizard-panel .wiz-progress>span small{
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:clamp(.52rem,2.35vw,.71rem);line-height:1.2;font-weight:800;color:#beaecd}
  .pc-wizard-panel .wiz-progress>span.now small{color:#ffe7bd}
  .pc-wizard-panel .wiz-progress>span.done small{color:#f3c9df}
  .pc-wizard-panel .wiz-body{padding:10px 16px 24px}
  .pc-wizard-panel .wiz-body h2{font-size:clamp(1.3rem,5.1vw,1.65rem);margin:5px 0 8px}
  .pc-wizard-panel .wiz-intro{font-size:.85rem;margin-bottom:14px}
  .pc-wizard-panel .wiz-config-card{padding:14px;margin:11px 0}
  .pc-wizard-panel .wiz-footer{gap:6px;padding:9px 16px calc(10px + env(safe-area-inset-bottom))}
  .pc-wizard-panel .wiz-footer-top .wiz-outline{
    min-height:36px;padding:7px 10px;font-size:.75rem;border-radius:11px}
  .pc-wizard-panel .wiz-primary{min-height:47px;padding:10px 12px;font-size:.91rem}
  .pc-wizard-panel .pc-wizard-save-tip{display:none}
  .pc-wizard-panel .wiz-footer .wiz-notice{font-size:.75rem;line-height:1.3}
  .pc-wizard-panel .pc-wiz-answers{grid-template-columns:1fr}
  .pc-wizard-panel .pc-wiz-game-card{padding:13px}
  .pc-wizard-panel .pc-wiz-answer{min-height:40px;padding:8px}
  .pc-wizard-panel .pc-wiz-answer-text{font-size:.83rem}
  .pc-wizard-panel .wiz-question-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-wizard-panel .wiz-question-actions .wiz-outline{min-width:0;min-height:40px;font-size:.78rem}
  .pc-wizard-panel .pc-preinvite-choices{gap:9px}
  .pc-wizard-panel .pc-preinvite-choices .wiz-template-button{min-height:64px;padding:12px 14px}
  body[data-pc-app="admin"] .pc-preinvite-shortcut{align-items:stretch;flex-direction:column;gap:10px}
  body[data-pc-app="admin"] .pc-preinvite-shortcut button{width:100%}
  body[data-pc-app="admin"] .pc-invite-primary-actions{grid-template-columns:1fr}
  body[data-pc-app="admin"] .pc-invite-intro{padding:17px}
  body[data-pc-app="admin"] .pc-host-next-invite{padding:16px!important}
  body[data-pc-app="admin"] .pc-host-next-invite .btn{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
 body[data-pc-app] *,body[data-pc-app] *:before,body[data-pc-app] *:after{
   transition-duration:.001ms!important;animation-duration:.001ms!important}
}