.hcis-millionaire{--hcis-orange:#ff9f1c;--hcis-blue:#6e8fff;--hcis-correct:#17884a;--hcis-wrong:#aa3040;position:relative;z-index:1;isolation:isolate;overflow:hidden;min-height:620px;color:#fff;background:radial-gradient(circle at 50% 4%,#3156cf 0,transparent 28%),linear-gradient(150deg,#010316,#071747 56%,#02061b);border-radius:24px;font-family:Arial,Helvetica,sans-serif}
.hcis-millionaire *{box-sizing:border-box}
.hcis-millionaire [hidden]{display:none!important}
.hcis-m-screen{min-height:620px;display:grid;place-items:center;padding:24px;text-align:center}
.hcis-m-panel{width:min(680px,100%);padding:32px;border:2px solid #718eff;border-radius:26px;background:#03082e;box-shadow:0 20px 80px rgba(0,0,0,.55)}
.hcis-m-logo{width:210px;height:210px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;border:8px double #90a8ff;background:repeating-conic-gradient(rgba(255,255,255,.2) 0 3deg,transparent 3deg 15deg),radial-gradient(circle,#254bc4,#08133f 70%);font-weight:900;line-height:1.05;box-shadow:0 0 50px rgba(79,120,255,.4)}
.hcis-m-logo-small{width:170px;height:170px}
.hcis-m-button{appearance:none!important;-webkit-appearance:none!important;position:relative!important;z-index:2!important;pointer-events:auto!important;border-radius:999px!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important}
.hcis-m-primary{padding:12px 20px!important;border:0!important;background:var(--hcis-orange)!important;color:#251500!important}
.hcis-m-secondary{padding:10px 16px!important;color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important}
.hcis-m-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.2)}
.hcis-m-header small{display:block;color:rgba(255,255,255,.65);margin-top:3px}
.hcis-m-header-actions{display:flex;align-items:center;gap:10px}
.hcis-m-layout{display:grid;grid-template-columns:1fr 235px;gap:18px;padding:18px}
.hcis-m-main{min-width:0}
.hcis-m-host-row{display:grid;grid-template-columns:115px 1fr;gap:16px;align-items:end;margin-bottom:14px}
.hcis-m-host{position:relative;height:155px}
.hcis-m-head{position:absolute;left:30px;top:4px;width:58px;height:68px;border-radius:45%;background:#dfa87d;border:3px solid #172341}
.hcis-m-body{position:absolute;left:17px;bottom:0;width:86px;height:95px;border-radius:43px 43px 12px 12px;background:linear-gradient(90deg,#111b30,#31405e);border:2px solid rgba(255,255,255,.12)}
.hcis-m-speech{align-self:center;padding:15px 17px;border-radius:18px 18px 18px 4px;background:#fff;color:#101a36;border:3px solid #6b8dff}
.hcis-m-lifelines{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.hcis-m-life{padding:9px 13px!important;color:#fff!important;background:#14296f!important;border:1px solid #7896ff!important}
.hcis-m-life:disabled{opacity:.35!important;text-decoration:line-through}
.hcis-m-question-card{padding:20px;border:2px solid #6583ff;border-radius:18px;background:#071744}
.hcis-m-meta{font-size:.82rem;color:#b5c2ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.hcis-m-question{font-size:clamp(1.15rem,2.5vw,1.65rem);font-weight:750;line-height:1.35}
.hcis-m-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.hcis-m-answer{min-height:70px;padding:12px 14px!important;text-align:left!important;color:#fff!important;background:linear-gradient(#172a71,#081743)!important;border:2px solid #6888ff!important;border-radius:15px!important;cursor:pointer!important}
.hcis-m-answer.is-selected{background:#9b6100!important;border-color:#ffd477!important}
.hcis-m-answer.is-correct{background:var(--hcis-correct)!important;border-color:#8ff4b6!important}
.hcis-m-answer.is-wrong{background:var(--hcis-wrong)!important;border-color:#ff9ba5!important}
.hcis-m-answer.is-removed{visibility:hidden!important}
.hcis-m-letter{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:50%;background:var(--hcis-orange);color:#231400;font-weight:900}
.hcis-m-controls{display:flex;justify-content:space-between;gap:12px;margin-top:14px;align-items:center}
.hcis-m-ladder{padding:12px;border:1px solid rgba(113,141,255,.55);border-radius:18px;background:#01051c;align-self:start}
.hcis-m-ladder-row{padding:6px 9px;text-align:right;border-radius:8px;color:rgba(255,255,255,.72)}
.hcis-m-ladder-row.is-current{background:var(--hcis-orange);color:#241400;font-weight:900}
.hcis-m-ladder-row.is-safe{color:#ffd58a;font-weight:800}
.hcis-m-ladder-row.is-passed{background:rgba(27,91,177,.4);color:#fff}

/* Crucial fix: fixed positioning, maximum stacking, and explicit pointer events. */
.hcis-millionaire .hcis-m-modal{position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(0,0,0,.82)!important;pointer-events:auto!important}
.hcis-millionaire .hcis-m-modal[hidden]{display:none!important}
.hcis-millionaire .hcis-m-modal-dialog{position:relative!important;z-index:2147483647!important;width:min(520px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;padding:24px!important;border:2px solid #6888ff!important;border-radius:20px!important;background:#081744!important;color:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.7)!important;pointer-events:auto!important}
.hcis-millionaire .hcis-m-modal-dialog h2{color:#fff!important;margin:0 0 18px!important}
.hcis-m-bars{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;height:230px;gap:12px;margin-bottom:20px}
.hcis-m-bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.hcis-m-bar{width:38px;background:var(--hcis-orange);border-radius:7px 7px 0 0}
.hcis-millionaire-notice{padding:16px;border:1px solid #d63638;background:#fff;color:#1d2327}

@media(max-width:760px){
 .hcis-m-layout{grid-template-columns:1fr}
 .hcis-m-answers{grid-template-columns:1fr}
 .hcis-m-controls{flex-direction:column;align-items:stretch}
 .hcis-m-host-row{grid-template-columns:80px 1fr}
 .hcis-m-host{transform:scale(.72);transform-origin:bottom center}
 .hcis-m-header-actions [data-role="money"]{display:none}
}


/* v0.1.2 — instructional answer explanation */
.hcis-millionaire .hcis-m-explanation{
  box-sizing:border-box;
  display:grid;
  gap:6px;
  width:100%;
  margin:16px 0 4px;
  padding:16px 18px;
  border:1px solid rgba(70,214,255,.55);
  border-left:5px solid #56d8ff;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(4,20,58,.96),rgba(13,38,82,.96));
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  color:#fff;
  line-height:1.5;
  animation:hcis-m-explanation-in .28s ease-out;
}
.hcis-millionaire .hcis-m-explanation[hidden]{display:none!important}
.hcis-millionaire .hcis-m-explanation strong{
  color:#71e4ff;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hcis-millionaire .hcis-m-explanation span{font-size:1rem}
@keyframes hcis-m-explanation-in{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}


/* v0.2.0-alpha — walk-away decision system */
.hcis-millionaire .hcis-m-decision{
  display:grid;
  gap:16px;
  margin-top:16px;
  padding:19px;
  border:2px solid rgba(255,184,66,.72);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,171,39,.18),transparent 55%),
    linear-gradient(135deg,rgba(10,17,58,.98),rgba(22,41,99,.98));
  box-shadow:0 15px 44px rgba(0,0,0,.34);
  animation:hcis-m-decision-in .32s ease-out;
}
.hcis-millionaire .hcis-m-decision[hidden]{display:none!important}
.hcis-millionaire .hcis-m-decision-copy{
  display:grid;
  gap:5px;
  text-align:center;
}
.hcis-millionaire .hcis-m-decision-copy strong{
  color:#ffd07b;
  font-size:1.15rem;
}
.hcis-millionaire .hcis-m-decision-copy span{
  color:rgba(255,255,255,.88);
  line-height:1.45;
}
.hcis-millionaire .hcis-m-decision-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hcis-millionaire .hcis-m-walk,
.hcis-millionaire .hcis-m-continue{
  min-height:58px;
  padding:12px 18px!important;
  border:2px solid!important;
}
.hcis-millionaire .hcis-m-walk{
  color:#fff!important;
  border-color:#85e8a9!important;
  background:linear-gradient(180deg,#18844b,#0b5f35)!important;
}
.hcis-millionaire .hcis-m-continue{
  color:#171000!important;
  border-color:#ffe09a!important;
  background:linear-gradient(180deg,#ffc85a,#ed9416)!important;
}
.hcis-millionaire .hcis-m-walk:hover,
.hcis-millionaire .hcis-m-walk:focus-visible,
.hcis-millionaire .hcis-m-continue:hover,
.hcis-millionaire .hcis-m-continue:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
@keyframes hcis-m-decision-in{
  from{opacity:0;transform:scale(.985) translateY(8px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
@media(max-width:620px){
  .hcis-millionaire .hcis-m-decision-actions{grid-template-columns:1fr}
}


/* v0.2.1-alpha — reusable question timer */
.hcis-millionaire .hcis-m-question-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.hcis-millionaire .hcis-m-timer{
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:94px;
  padding:7px 11px;
  border:1px solid rgba(116,155,255,.72);
  border-radius:999px;
  background:rgba(1,6,32,.78);
  color:#fff;
  box-shadow:0 0 18px rgba(71,111,255,.18);
}
.hcis-millionaire .hcis-m-timer[hidden],
.hcis-millionaire .hcis-m-timer-track[hidden]{display:none!important}
.hcis-millionaire .hcis-m-timer-label,
.hcis-millionaire .hcis-m-timer-unit{
  color:#b9c7ff;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.hcis-millionaire .hcis-m-timer strong{
  min-width:2ch;
  font-size:1.25rem;
  font-variant-numeric:tabular-nums;
}
.hcis-millionaire .hcis-m-timer.is-warning{
  border-color:#ffb23e;
  background:rgba(96,31,4,.9);
  animation:hcis-m-timer-pulse .8s ease-in-out infinite alternate;
}
.hcis-millionaire .hcis-m-timer.is-paused{opacity:.58;animation:none}
.hcis-millionaire .hcis-m-timer-track{
  height:5px;
  margin:8px 0 14px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.11);
}
.hcis-millionaire .hcis-m-timer-track span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#59dcff,#7895ff);
  transition:width .25s linear;
}
@keyframes hcis-m-timer-pulse{
  from{transform:scale(1);box-shadow:0 0 8px rgba(255,151,32,.22)}
  to{transform:scale(1.035);box-shadow:0 0 24px rgba(255,151,32,.52)}
}

/* v0.2.1-alpha — walk-away and victory celebration */
.hcis-millionaire .hcis-m-results{
  position:relative;
  overflow:hidden;
}
.hcis-millionaire .hcis-m-results-panel{
  position:relative;
  z-index:3;
}
.hcis-millionaire .hcis-m-result-badge{
  display:inline-block;
  margin-bottom:16px;
  padding:7px 14px;
  border:1px solid rgba(255,213,122,.75);
  border-radius:999px;
  background:rgba(255,169,30,.13);
  color:#ffd77f;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hcis-millionaire .hcis-m-result-prize{
  margin:4px 0 15px;
  color:#ffd36f;
  font-size:clamp(2.25rem,7vw,4.7rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.04em;
  text-shadow:0 0 28px rgba(255,177,48,.48);
}
.hcis-millionaire .hcis-m-result-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:22px 0;
}
.hcis-millionaire .hcis-m-result-stats div{
  display:grid;
  gap:4px;
  padding:13px 8px;
  border:1px solid rgba(115,145,255,.4);
  border-radius:13px;
  background:rgba(255,255,255,.055);
}
.hcis-millionaire .hcis-m-result-stats strong{font-size:1.25rem;color:#fff}
.hcis-millionaire .hcis-m-result-stats span{font-size:.75rem;color:#b6c2ef;text-transform:uppercase}
.hcis-millionaire .hcis-m-celebration{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
}
.hcis-millionaire .hcis-m-results.is-celebration .hcis-m-panel{
  border-color:#ffcf66;
  box-shadow:0 0 65px rgba(255,176,34,.28),0 20px 80px rgba(0,0,0,.55);
  animation:hcis-m-result-arrive .55s ease-out;
}
.hcis-millionaire .hcis-m-results.is-celebration .hcis-m-celebration{opacity:1}
.hcis-millionaire .hcis-m-celebration i{
  position:absolute;
  top:-12%;
  width:10px;
  height:22px;
  border-radius:2px;
  background:#ffd05b;
  animation:hcis-m-confetti 3.4s linear infinite;
}
.hcis-millionaire .hcis-m-celebration i:nth-child(2n){background:#64dcff}
.hcis-millionaire .hcis-m-celebration i:nth-child(3n){background:#ff6e9f}
.hcis-millionaire .hcis-m-celebration i:nth-child(1){left:7%;animation-delay:.1s}
.hcis-millionaire .hcis-m-celebration i:nth-child(2){left:17%;animation-delay:1.1s}
.hcis-millionaire .hcis-m-celebration i:nth-child(3){left:28%;animation-delay:.45s}
.hcis-millionaire .hcis-m-celebration i:nth-child(4){left:39%;animation-delay:1.8s}
.hcis-millionaire .hcis-m-celebration i:nth-child(5){left:49%;animation-delay:.75s}
.hcis-millionaire .hcis-m-celebration i:nth-child(6){left:59%;animation-delay:1.45s}
.hcis-millionaire .hcis-m-celebration i:nth-child(7){left:69%;animation-delay:.25s}
.hcis-millionaire .hcis-m-celebration i:nth-child(8){left:79%;animation-delay:2s}
.hcis-millionaire .hcis-m-celebration i:nth-child(9){left:89%;animation-delay:.9s}
.hcis-millionaire .hcis-m-celebration i:nth-child(10){left:95%;animation-delay:1.65s}
@keyframes hcis-m-confetti{
  0%{transform:translateY(-20px) rotate(0);opacity:0}
  10%{opacity:1}
  100%{transform:translateY(760px) rotate(620deg);opacity:.15}
}
@keyframes hcis-m-result-arrive{
  from{opacity:0;transform:scale(.94) translateY(18px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
@media(max-width:520px){
  .hcis-millionaire .hcis-m-question-top{align-items:flex-start}
  .hcis-millionaire .hcis-m-result-stats{grid-template-columns:1fr}
}


/* v0.2.3-alpha — player-facing timer settings */
.hcis-millionaire .hcis-m-intro-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.hcis-millionaire .hcis-m-player-settings{
  width:min(100%,620px);
  margin:22px auto 0;
  padding:18px;
  border:1px solid rgba(112,145,255,.52);
  border-radius:16px;
  background:rgba(1,7,35,.72);
  box-shadow:inset 0 0 30px rgba(76,103,255,.08);
  text-align:left;
}
.hcis-millionaire .hcis-m-player-settings[hidden]{display:none!important}
.hcis-millionaire .hcis-m-player-settings-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.hcis-millionaire .hcis-m-player-settings-header>strong{
  color:#fff;
  font-size:1.05rem;
}
.hcis-millionaire .hcis-m-switch{
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
}
.hcis-millionaire .hcis-m-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.hcis-millionaire .hcis-m-switch span{
  position:relative;
  width:48px;
  height:26px;
  border-radius:999px;
  background:#4d557d;
  transition:.2s ease;
}
.hcis-millionaire .hcis-m-switch span:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  transition:.2s ease;
}
.hcis-millionaire .hcis-m-switch input:checked+span{
  background:linear-gradient(90deg,#447cff,#52cfff);
}
.hcis-millionaire .hcis-m-switch input:checked+span:after{
  transform:translateX(22px);
}
.hcis-millionaire .hcis-m-switch input:focus-visible+span{
  outline:3px solid rgba(125,184,255,.7);
  outline-offset:3px;
}
.hcis-millionaire .hcis-m-switch em{
  min-width:24px;
  color:#d9e3ff;
  font-style:normal;
  font-weight:800;
}
.hcis-millionaire .hcis-m-player-time-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.hcis-millionaire .hcis-m-player-time-grid label{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  padding:12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.hcis-millionaire .hcis-m-player-time-grid label>span{
  color:#fff;
  font-weight:800;
}
.hcis-millionaire .hcis-m-player-time-grid input{
  width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  border:1px solid rgba(132,160,255,.55);
  border-radius:9px;
  background:#080f36;
  color:#fff;
  font:inherit;
}
.hcis-millionaire .hcis-m-player-time-grid input:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.hcis-millionaire .hcis-m-player-time-grid small{
  color:#aebbea;
}
@media(max-width:620px){
  .hcis-millionaire .hcis-m-player-time-grid{grid-template-columns:1fr}
}


/* v0.3.0-alpha — rebuilt game settings interface */
.hcis-millionaire .hcis-m-intro-panel{
  position:relative;
}
.hcis-millionaire .hcis-m-gear{
  position:absolute;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(123,167,255,.74);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.26),transparent 32%),
    linear-gradient(145deg,#283d91,#09113f 72%);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:
    0 0 0 4px rgba(67,112,255,.11),
    0 0 24px rgba(73,126,255,.42),
    inset 0 0 14px rgba(126,178,255,.22);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hcis-millionaire .hcis-m-gear:hover,
.hcis-millionaire .hcis-m-gear:focus-visible{
  transform:rotate(22deg) scale(1.06);
  border-color:#b7d4ff;
  box-shadow:
    0 0 0 5px rgba(67,112,255,.16),
    0 0 34px rgba(73,143,255,.65),
    inset 0 0 18px rgba(149,200,255,.3);
}
.hcis-millionaire .hcis-m-play-button{
  min-width:180px;
}
.hcis-millionaire .hcis-m-settings-modal{
  z-index:999999;
}
.hcis-millionaire .hcis-m-settings-dialog{
  position:relative;
  width:min(760px,calc(100vw - 32px));
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:28px;
  border:1px solid rgba(113,151,255,.72);
  border-radius:22px;
  background:
    radial-gradient(circle at top right,rgba(44,87,208,.25),transparent 42%),
    linear-gradient(155deg,#091347,#03071f 76%);
  color:#fff;
  box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 55px rgba(52,96,255,.24);
}
.hcis-millionaire .hcis-m-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.hcis-millionaire .hcis-m-settings-heading{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:44px;
  margin-bottom:22px;
}
.hcis-millionaire .hcis-m-settings-heading h2{
  margin:0 0 4px;
}
.hcis-millionaire .hcis-m-settings-heading p{
  margin:0;
  color:#bac7f2;
}
.hcis-millionaire .hcis-m-settings-icon{
  display:grid;
  place-items:center;
  flex:0 0 54px;
  width:54px;
  height:54px;
  border-radius:50%;
  background:linear-gradient(145deg,#3458c6,#111a5b);
  font-size:28px;
  box-shadow:0 0 26px rgba(74,131,255,.38);
}
.hcis-millionaire .hcis-m-settings-section{
  display:grid;
  gap:14px;
  margin-top:14px;
  padding:18px;
  border:1px solid rgba(126,153,255,.28);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.hcis-millionaire .hcis-m-settings-row,
.hcis-millionaire .hcis-m-select-setting{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.hcis-millionaire .hcis-m-settings-row>div,
.hcis-millionaire .hcis-m-select-setting>span{
  display:grid;
  gap:4px;
}
.hcis-millionaire .hcis-m-settings-row small,
.hcis-millionaire .hcis-m-select-setting small{
  color:#acb9e5;
}
.hcis-millionaire .hcis-m-time-settings{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  transition:opacity .2s ease;
}
.hcis-millionaire .hcis-m-time-settings.is-disabled{
  opacity:.42;
}
.hcis-millionaire .hcis-m-time-settings label{
  display:grid;
  gap:6px;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(0,0,0,.14);
}
.hcis-millionaire .hcis-m-time-settings label>span{
  font-weight:800;
}
.hcis-millionaire .hcis-m-time-settings input,
.hcis-millionaire .hcis-m-select-setting select{
  box-sizing:border-box;
  min-height:42px;
  border:1px solid rgba(134,166,255,.57);
  border-radius:10px;
  background:#08103a;
  color:#fff;
  font:inherit;
}
.hcis-millionaire .hcis-m-time-settings input{
  width:100%;
  padding:8px 10px;
}
.hcis-millionaire .hcis-m-select-setting select{
  width:min(310px,48%);
  padding:8px 12px;
}
.hcis-millionaire .hcis-m-settings-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:20px;
}
@media(max-width:650px){
  .hcis-millionaire .hcis-m-settings-dialog{padding:22px 16px}
  .hcis-millionaire .hcis-m-time-settings{grid-template-columns:1fr}
  .hcis-millionaire .hcis-m-settings-row,
  .hcis-millionaire .hcis-m-select-setting{
    align-items:flex-start;
    flex-direction:column;
  }
  .hcis-millionaire .hcis-m-select-setting select{width:100%}
  .hcis-millionaire .hcis-m-settings-actions{flex-direction:column-reverse}
  .hcis-millionaire .hcis-m-settings-actions .hcis-m-button{width:100%}
}


/* v0.3.1-alpha — controller reliability */
.hcis-millionaire .hcis-m-controller-error{
  margin:12px;
  padding:14px 16px;
  border:1px solid #e9a0a0;
  border-radius:10px;
  background:#4b1018;
  color:#fff;
  font-weight:700;
  text-align:center;
}
.hcis-millionaire button[data-action]{pointer-events:auto;position:relative;z-index:2}
.hcis-millionaire[data-hcis-controller="ready"] .hcis-m-gear{
  animation:hcis-controller-ready .32s ease-out both;
}
@keyframes hcis-controller-ready{
  from{opacity:.6;transform:scale(.9) rotate(-15deg)}
  to{opacity:1;transform:scale(1) rotate(0)}
}

/* v0.5.0 — Stage 2 presentation layer */
.hcis-millionaire::before,.hcis-millionaire::after{content:"";position:absolute;z-index:-1;top:-18%;width:34%;height:120%;opacity:.22;filter:blur(4px);pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(99,139,255,.75) 40%,transparent 84%);transform-origin:50% 0;animation:hcis-m-sweep 9s ease-in-out infinite alternate}
.hcis-millionaire::before{left:-7%;transform:rotate(18deg)}
.hcis-millionaire::after{right:-7%;transform:rotate(-18deg);animation-delay:-4.5s}
@keyframes hcis-m-sweep{0%{opacity:.12;transform:rotate(11deg) translateX(-4%)}100%{opacity:.32;transform:rotate(25deg) translateX(9%)}}
.hcis-m-question-card.is-entering{animation:hcis-m-question-in .62s cubic-bezier(.2,.8,.2,1)}
.hcis-m-answers.is-entering{animation:hcis-m-answers-in .72s cubic-bezier(.2,.8,.2,1)}
@keyframes hcis-m-question-in{0%{opacity:0;transform:translateY(-18px) scale(.985);filter:blur(6px)}100%{opacity:1;transform:none;filter:none}}
@keyframes hcis-m-answers-in{0%{opacity:0;transform:translateY(24px)}35%{opacity:0}100%{opacity:1;transform:none}}
.hcis-m-answer.is-celebrating{animation:hcis-m-correct-celebrate .86s ease-out}
.hcis-m-answer.is-rejecting{animation:hcis-m-wrong-reject .58s ease-out}
@keyframes hcis-m-correct-celebrate{0%,100%{transform:scale(1)}25%{transform:scale(1.035);box-shadow:0 0 0 2px rgba(105,255,177,.8),0 0 34px rgba(45,255,142,.65)}55%{transform:scale(1.015)}}
@keyframes hcis-m-wrong-reject{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.hcis-m-ladder-row.is-current{animation:hcis-m-current-prize 1.7s ease-in-out infinite}
@keyframes hcis-m-current-prize{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(110,143,255,0)}50%{filter:brightness(1.23);box-shadow:0 0 20px rgba(110,143,255,.42)}}

.hcis-m-professor-modal{z-index:2147483000;background:rgba(0,2,15,.72);padding:20px}
.hcis-m-professor-dialog{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;width:min(520px,calc(100vw - 32px));max-height:none;overflow:visible;padding:24px;background:linear-gradient(145deg,#10275f,#07132f);border:1px solid rgba(141,169,255,.62);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 0 36px rgba(59,98,211,.12);color:#fff}
.hcis-m-professor-dialog.is-entering{animation:hcis-m-professor-in .38s cubic-bezier(.16,.84,.24,1)}
@keyframes hcis-m-professor-in{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}}
.hcis-m-professor-avatar{display:block;width:112px;height:112px;object-fit:cover;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.hcis-m-professor-copy{min-width:0;text-align:left;color:#fff}
.hcis-m-professor-kicker{display:block;margin:0 34px 4px 0;color:#a9c0ff!important;font-size:.69rem!important;font-weight:800!important;letter-spacing:.13em!important;line-height:1.25!important}
.hcis-m-professor-copy h2{margin:0 34px 8px 0!important;color:#fff!important;font-size:1.42rem!important;line-height:1.2!important;font-weight:700!important}
.hcis-m-professor-topic{display:inline-flex;margin-bottom:10px;padding:3px 9px;border:1px solid rgba(255,159,28,.52);border-radius:999px;color:#ffd08a!important;background:rgba(255,159,28,.11);font-size:.69rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.07em;line-height:1.4!important}
.hcis-m-professor-hint{margin:0 0 16px!important;color:#fff!important;font-size:1rem!important;line-height:1.48!important;font-weight:500!important;overflow-wrap:anywhere}
.hcis-m-professor-continue{min-width:118px;padding:10px 18px!important;font-size:.9rem!important}
.hcis-m-professor-dialog .hcis-m-modal-close{z-index:2;top:12px;right:12px;color:#fff!important}
@media(max-width:560px){.hcis-m-professor-modal{padding:14px}.hcis-m-professor-dialog{grid-template-columns:76px minmax(0,1fr);gap:15px;width:calc(100vw - 28px);padding:20px 18px}.hcis-m-professor-avatar{width:76px;height:76px}.hcis-m-professor-copy h2{font-size:1.22rem!important}.hcis-m-professor-hint{font-size:.95rem!important}.hcis-m-professor-kicker{font-size:.62rem!important}}
@media(prefers-reduced-motion:reduce){.hcis-millionaire::before,.hcis-millionaire::after,.hcis-m-ladder-row.is-current,.hcis-m-professor-light{animation:none}.hcis-m-question-card.is-entering,.hcis-m-answers.is-entering,.hcis-m-professor-dialog.is-entering,.hcis-m-answer.is-celebrating,.hcis-m-answer.is-rejecting{animation:none}}


/* v0.5.2 — Professor visual refinement */
.hcis-millionaire .hcis-m-host{
  display:grid;
  place-items:end center;
  height:155px;
  transform:none;
}
.hcis-millionaire .hcis-m-host-avatar{
  display:block;
  width:112px;
  height:112px;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  background:#fff;
  border:4px solid rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 24px rgba(94,139,255,.22);
}
.hcis-millionaire .hcis-m-head,
.hcis-millionaire .hcis-m-body{display:none!important}

.hcis-millionaire .hcis-m-professor-dialog{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:min(470px,calc(100vw - 32px))!important;
  padding:28px 34px 30px!important;
  text-align:center!important;
  overflow:visible!important;
}
.hcis-millionaire .hcis-m-professor-avatar{
  width:122px!important;
  height:122px!important;
  margin:0 auto 18px!important;
  object-position:center!important;
}
.hcis-millionaire .hcis-m-professor-copy{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.hcis-millionaire .hcis-m-professor-kicker{
  margin:0 0 8px!important;
  text-align:center!important;
  white-space:normal!important;
}
.hcis-millionaire .hcis-m-professor-copy h2{
  margin:0 0 13px!important;
  text-align:center!important;
}
.hcis-millionaire .hcis-m-professor-topic{
  margin:0 auto 13px!important;
}
.hcis-millionaire .hcis-m-professor-hint{
  max-width:36ch!important;
  margin:0 auto 20px!important;
  text-align:center!important;
}
.hcis-millionaire .hcis-m-professor-continue{
  display:inline-flex!important;
  justify-content:center!important;
  margin:0 auto!important;
}
.hcis-millionaire .hcis-m-professor-close{
  top:14px!important;
  right:14px!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border:1px solid rgba(186,209,255,.48)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(40,70,145,.9),rgba(8,20,58,.92))!important;
  color:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.32),inset 0 0 12px rgba(139,178,255,.18)!important;
  opacity:.9!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.hcis-millionaire .hcis-m-professor-close span{
  display:block!important;
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:27px!important;
  font-weight:300!important;
  line-height:36px!important;
  transform:translateY(-1px)!important;
}
.hcis-millionaire .hcis-m-professor-close:hover,
.hcis-millionaire .hcis-m-professor-close:focus-visible{
  transform:scale(1.08)!important;
  border-color:#ffbd5b!important;
  background:linear-gradient(145deg,#b96d08,#6c3700)!important;
  box-shadow:0 0 0 4px rgba(255,159,28,.15),0 8px 24px rgba(0,0,0,.36)!important;
  outline:none!important;
}
@media(max-width:560px){
  .hcis-millionaire .hcis-m-professor-dialog{padding:26px 22px 25px!important}
  .hcis-millionaire .hcis-m-professor-avatar{width:96px!important;height:96px!important;margin-bottom:14px!important}
  .hcis-millionaire .hcis-m-professor-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important;min-width:38px!important}
  .hcis-millionaire .hcis-m-host-avatar{width:78px;height:78px}
  .hcis-millionaire .hcis-m-host{height:112px}
}