.ibt3hlf [hidden]{display:none!important}
.ibt3hlf{--gold:#B200FF;--gold2:#B200FF;--navy:#06356f;--blue:#2ea2d8;--red:#ef5d69;--green:#8fca3c;--ink:#0b3264;font-family:Arial,Helvetica,sans-serif;max-width:1180px;margin:18px auto;color:var(--ink)}
.ibt3hlf *{box-sizing:border-box}
.ibt3hlf button{font:inherit}

/* Cover */
.ibt3hlf-cover{padding:0;margin:0 0 16px}
.ibt3hlf-cover-visual{position:relative;width:min(100%,1280px);margin:0 auto;aspect-ratio:1595/986}
.ibt3hlf-cover-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:28px}
.ibt3hlf-cover-hit{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:18px;box-shadow:none}
.ibt3hlf-cover-hit:focus-visible{outline:4px solid rgba(6,53,111,.35);outline-offset:2px}
.ibt3hlf-cover-hit.ibt3hlf-start{left:5.58%;top:72.11%;width:31.66%;height:14.00%}
.ibt3hlf-cover-hit.ibt3hlf-reshuffle{left:38.93%;top:72.11%;width:30.53%;height:14.00%}
@media(max-width:760px){
  .ibt3hlf-cover{margin-bottom:10px}
  .ibt3hlf-cover-visual{width:100%}
  .ibt3hlf-cover-hit.ibt3hlf-start{left:5.58%;top:72.11%;width:31.66%;height:14.00%}
  .ibt3hlf-cover-hit.ibt3hlf-reshuffle{left:38.93%;top:72.11%;width:30.53%;height:14.00%}
}

/* Player */
.ibt3hlf-player{padding:8px 0 0}
.ibt3hlf-card{position:relative;display:block;width:min(900px,94%);aspect-ratio:1.85/1;margin:0 auto;border:1px solid #d4d8df;border-radius:12px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 41px,#bdeef2 42px,#fff 43px);box-shadow:0 5px 18px rgba(27,48,70,.13);cursor:pointer;color:#111;padding:56px 70px 90px;overflow:hidden;outline:none}
.ibt3hlf-card:before{content:"";position:absolute;top:42px;left:0;right:0;height:1px;background:#f0b9d7}
.ibt3hlf-side-label{position:absolute;top:14px;left:0;right:0;text-align:center;color:#c2c7cc;font-size:14px}
.ibt3hlf-card-text{display:flex;height:100%;align-items:center;justify-content:center;text-align:center;font-size:clamp(28px,4vw,52px);line-height:1.18;white-space:pre-wrap}
.ibt3hlf-card.answer .ibt3hlf-card-text{font-size:clamp(20px,2.7vw,34px)}
.ibt3hlf-flip-corner{position:absolute;right:0;bottom:0;width:162px;height:118px;background:linear-gradient(135deg,transparent 0 48%,#B200FF17 49% 100%);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 20px 18px 0;font-size:30px;color:#374151;font-style:italic}
.ibt3hlf-remaining-corner{position:absolute;right:18px;top:14px;font-size:14px;color:#8a94a3;font-weight:500;letter-spacing:.01em}
.ibt3hlf-restart-top{position:absolute;left:18px;top:10px;border:0;background:transparent;color:#8a94a3;font-size:14px;font-weight:500;padding:4px 0;cursor:pointer;z-index:3}
.ibt3hlf-restart-top:hover{color:#64748b;text-decoration:underline}
.ibt3hlf-remaining-corner strong{color:#64748b;font-size:15px}
.ibt3hlf-actions{width:min(900px,94%);margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.ibt3hlf-mark{border:0;border-radius:8px;min-height:64px;font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;color:#fff}
.ibt3hlf-mark span{font-size:28px;font-weight:700}
.ibt3hlf-mark.incorrect{background:var(--red)}
.ibt3hlf-mark.correct{background:var(--green)}
.ibt3hlf-mark:disabled{filter:none;opacity:.68;cursor:not-allowed}
.ibt3hlf-mark-icon{font-size:36px;line-height:1;font-weight:700;display:inline-block;transform:translateY(-1px)}
.ibt3hlf-mark-label{font-size:28px;font-weight:700;line-height:1.1}

/* Finish */
.ibt3hlf-finish{padding:45px 15px}
.ibt3hlf-finish-card{max-width:620px;margin:auto;border:3px solid var(--gold);border-radius:24px;padding:45px;text-align:center;background:#fff;box-shadow:0 12px 30px rgba(7,44,86,.1)}
.ibt3hlf-finish-icon{width:82px;height:82px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:48px;margin:0 auto 18px}
.ibt3hlf-finish h3{font-size:42px;margin:0 0 12px}
.ibt3hlf-finish p{font-size:22px}
.ibt3hlf-save-status{font-size:16px!important;color:#667085;margin-bottom:28px}

@media(max-width:760px){
  .ibt3hlf-cover{grid-template-columns:1fr;padding:28px 24px;min-height:auto}
  .ibt3hlf-cover-art{display:none}
  .ibt3hlf-features{gap:20px}
  .ibt3hlf-feature{width:100%}
  .ibt3hlf-btn{min-width:0;flex:1;font-size:26px;padding:15px}
  .ibt3hlf-card{width:100%;aspect-ratio:1.35/1;padding:48px 26px 84px}
  .ibt3hlf-flip-corner{width:134px;height:98px;padding:0 16px 14px 0;font-size:24px}
  .ibt3hlf-remaining-corner{right:12px;top:12px;font-size:12px}
  .ibt3hlf-restart-top{left:12px;top:8px;font-size:12px}
  .ibt3hlf-remaining-corner strong{font-size:13px}
  .ibt3hlf-actions{grid-template-columns:1fr 1fr;gap:10px}
  .ibt3hlf-mark,.ibt3hlf-mark span{font-size:22px}
  .ibt3hlf-mark-icon{font-size:28px}
  .ibt3hlf-mark-label{font-size:22px}
}

.ibt3hlf-card:focus-visible{outline:3px solid rgba(6,53,111,.25);outline-offset:3px}