/* HALO ALEIA — paired Cermin Kita */

.aps-mirror-card{
  max-width:1120px;margin:16px auto;padding:18px 20px;border-radius:24px;
  border:1px solid #ded2ea;background:
    radial-gradient(circle at 90% 15%,rgba(168,124,224,.18),transparent 24%),
    linear-gradient(135deg,#fffdfd,#f8f1ff 62%,#fff7ee);
  box-shadow:0 16px 42px rgba(72,51,96,.08);
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center
}
.aps-mirror-card[hidden]{display:none!important}
.aps-mirror-gem{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#f1e8fb;font-size:22px}
.aps-mirror-card small{display:block;font-size:7px;letter-spacing:.15em;font-weight:900;color:#8060a8}
.aps-mirror-card h2{margin:5px 0 4px;font-size:19px;line-height:1.15;color:#322840}
.aps-mirror-card p{margin:0;font-size:10px;line-height:1.55;color:#7e7386}
.aps-mirror-state{align-self:start;padding:6px 9px;border-radius:999px;background:#eee5fa;border:1px solid #dfd0ef;color:#6d4c98;font-size:7px;font-weight:900;letter-spacing:.08em}
.aps-mirror-card.complete .aps-mirror-state{background:#eaf7f0;border-color:#d2eadc;color:#3d7358}
.aps-mirror-cta{margin-top:11px;border:0;border-radius:12px;padding:11px 14px;background:linear-gradient(105deg,#7455b4,#9d78d2);color:#fff;font:800 10px/1.2 inherit;cursor:pointer}
.aps-mirror-cta.secondary{background:#fff;color:#624d76;border:1px solid #d9cde3}

.aps-mirror-loading,.aps-mirror-summary,.aps-mirror-reveal,.aps-mirror-question{
  width:min(780px,calc(100% - 28px));margin:22px auto;padding:26px;border-radius:28px;
  background:#fff;border:1px solid #e4dbea;box-shadow:0 20px 60px rgba(66,46,88,.08);color:#332a40
}
.aps-mirror-loading{text-align:center;padding-top:46px;padding-bottom:46px}
.aps-mirror-loading>span,.aps-mirror-summary>span,.aps-mirror-reveal-icon{font-size:38px}
.aps-mirror-loading h1,.aps-mirror-summary h1,.aps-mirror-reveal h1,.aps-mirror-question h1{
  margin:8px 0 10px;font-size:clamp(28px,5vw,42px);line-height:1.04;letter-spacing:-1.2px
}
.aps-mirror-loading p,.aps-mirror-summary>p,.aps-mirror-reveal>p,.aps-mirror-question-intro p{font-size:11px;line-height:1.65;color:#776c80}
.aps-mirror-question header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.aps-mirror-question header small,.aps-mirror-question-intro>span,.aps-mirror-reveal>small,.aps-mirror-summary>small{
  font-size:7px;letter-spacing:.15em;font-weight:900;color:#8263a9
}
.aps-mirror-question-intro{padding:22px 0 8px}
.aps-mirror-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.aps-mirror-options button{
  min-height:70px;padding:14px;border:1px solid #e2d8e8;border-radius:17px;background:#fbf8fd;
  display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;text-align:left;color:#40344f;cursor:pointer
}
.aps-mirror-options button span{font-size:18px}.aps-mirror-options button b{font-size:11px;line-height:1.4}
.aps-mirror-options button:hover,.aps-mirror-options button.active{border-color:#a98bd0;background:#f1e8fb}
.aps-mirror-options button:disabled{cursor:default}
.aps-mirror-lock{margin-top:15px;padding:11px 13px;border-radius:13px;background:#f6f2f8;color:#8a7d91;font-size:9px;line-height:1.5}

.aps-mirror-reveal{text-align:center}
.aps-mirror-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.aps-mirror-pair>div{padding:16px;border-radius:17px;background:#f8f4fa;border:1px solid #e6dcea}
.aps-mirror-pair small{display:block;font-size:7px;letter-spacing:.13em;color:#9586a0}
.aps-mirror-pair b{display:block;margin-top:6px;font-size:13px;color:#40334f}
.aps-mirror-reveal.match{background:linear-gradient(145deg,#fff,#f6fff9)}
.aps-mirror-reveal.different{background:linear-gradient(145deg,#fff,#fff9f3)}

.aps-mirror-summary{text-align:center}
.aps-mirror-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.aps-mirror-summary-grid article{padding:20px;border-radius:18px;background:#f8f3fb;border:1px solid #e4d8ea}
.aps-mirror-summary-grid b{display:block;font-size:34px;color:#60457f}
.aps-mirror-summary-grid span{display:block;margin-top:5px;font-size:9px;color:#7c6c88}
.aps-mirror-summary-note{padding:15px;border-radius:16px;background:#f5f2f6;text-align:left}
.aps-mirror-summary-note b{font-size:10px}.aps-mirror-summary-note p{margin:4px 0 0;font-size:9px;line-height:1.55;color:#817584}

.aleia-child-space-v2 .acs-game-screen.mirror.paired .acs-game-body p b{color:#f1e7ff}
.acs-mirror-privacy{margin:14px 0 0;padding:11px 13px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff10;color:#a9a0b5;font-size:8px;line-height:1.5}
.acs-mirror-wait,.acs-mirror-complete{text-align:center}
.acs-mirror-wait>span,.acs-mirror-complete>span{font-size:40px}
.acs-mirror-wait>small,.acs-mirror-complete>small{display:block;margin-top:9px;font-size:7px;letter-spacing:.15em;color:#b295d1;font-weight:900}
.acs-mirror-wait h1,.acs-mirror-complete h1{font-size:34px;line-height:1.05;margin:8px 0 11px}
.acs-mirror-wait>p,.acs-mirror-complete>p{font-size:11px;line-height:1.65;color:#aaa1b5}
.acs-mirror-wait>div{margin:18px auto 0;padding:14px;max-width:400px;border-radius:15px;background:#ffffff08;border:1px solid #ffffff10}
.acs-mirror-wait>div b,.acs-mirror-wait>div small{display:block}.acs-mirror-wait>div b{font-size:10px}.acs-mirror-wait>div small{margin-top:5px;color:#91889c;font-size:8px}

@media(max-width:720px){
  .aps-mirror-card{margin:12px 14px;grid-template-columns:42px minmax(0,1fr);padding:16px}
  .aps-mirror-state{grid-column:2;justify-self:start}
  .aps-mirror-loading,.aps-mirror-summary,.aps-mirror-reveal,.aps-mirror-question{width:calc(100% - 22px);margin:14px auto;padding:20px 16px;border-radius:22px}
  .aps-mirror-options{grid-template-columns:1fr}
  .aps-mirror-pair,.aps-mirror-summary-grid{grid-template-columns:1fr}
}