.rizz-body{background:var(--paper);min-height:100vh;font-family:var(--sans);cursor:url("/assets/catfish-cursor.png") 10 8,auto}.rizz-head{height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.rizz-head img{width:140px}.rizz-head span,.scenario-top{font-size:9px;letter-spacing:.14em}.rizz-app{width:min(1100px,92vw);margin:auto;padding:9vh 0}.rizz-intro h1,.result h1{font:clamp(70px,11vw,150px)/.78 var(--serif);letter-spacing:-.06em;margin:25px 0}.rizz-intro>p:not(.section-tag),.result>p{font-size:18px;line-height:1.6;max-width:590px}.rizz-intro button,.result a,.verdict button{display:inline-block;margin-top:30px;background:var(--ink);color:#fff;border:0;padding:18px 22px;text-decoration:none;font:600 10px var(--sans);letter-spacing:.13em;cursor:pointer}.hidden{display:none!important}.scenario{max-width:850px;margin:auto}.scenario-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px}.phone{width:min(460px,100%);margin:6vh auto;background:#fff;border:1px solid var(--ink);border-radius:32px;padding:18px;box-shadow:12px 14px 0 var(--blue)}.phone-head{text-align:center;padding:7px 0 22px;font-size:11px;font-weight:600}.bubble{background:#eee;border-radius:18px 18px 18px 4px;padding:15px 17px;max-width:82%;font:18px/1.4 var(--serif)}#answerForm{display:flex;gap:8px;margin-top:85px;border:1px solid #bbb;border-radius:999px;padding:5px}#answer{flex:1;border:0;outline:0;padding:8px 10px;font:15px var(--sans);min-width:0}#answerForm button{width:36px;height:36px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:18px}.verdict{margin:6vh auto 0;max-width:680px;border-top:1px solid var(--ink);padding-top:22px}.verdict>span{font-size:9px;letter-spacing:.15em}.verdict h2{font:clamp(42px,6vw,72px)/.9 var(--serif);letter-spacing:-.04em;margin:18px 0}.verdict p{font-size:16px;line-height:1.6}.result{text-align:left}.result a{margin-top:25px}

/* V22 incoming scenario message visibility */
.bubble{display:block!important;min-height:58px!important;color:#111821!important;background:#ececec!important;opacity:1!important}

/* V23 — prevent scenario text escaping the chat bubble */
.bubble{
  max-width:82%!important;
  width:fit-content;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal!important;
  hyphens:auto;
  line-height:1.45!important;
  padding:15px 17px!important;
}
.phone{
  overflow:hidden;
}

/* V24 — definitive chat bubble sizing */
.phone{
  overflow:visible!important;
}
.bubble{
  box-sizing:border-box!important;
  display:block!important;
  width:80%!important;
  max-width:80%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:15px 17px!important;
  margin:0!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.45!important;
}
.bubble::after{content:"";display:block;clear:both}
@media(max-width:520px){
  .bubble{width:86%!important;max-width:86%!important;font-size:16px!important}
}

.rizz-live-event{
  margin-top:44px;
  padding:24px;
  max-width:680px;
  background:var(--blue);
  color:#fff;
  border:2px solid var(--ink);
  box-shadow:6px 6px 0 var(--ink);
}
.rizz-live-event>span{font:700 9px/1 var(--sans);letter-spacing:.14em}
.rizz-live-event h2{font:clamp(30px,5vw,54px)/.95 var(--serif);margin:13px 0 10px}
.rizz-live-event p{font-size:14px;line-height:1.55;max-width:520px}
.rizz-live-event a{display:inline-block;margin-top:15px;background:var(--ink);color:#fff;border:1px solid #fff;padding:15px 17px;text-decoration:none;font:700 9px var(--sans);letter-spacing:.12em}
.rizz-return{display:inline-block!important;margin-top:28px!important;background:transparent!important;color:var(--ink)!important;border-bottom:1px solid var(--ink)!important;padding:0 0 4px!important}

/* V26 — Rizz incoming message must remain physically inside phone */
.rizz-body .phone{
  box-sizing:border-box!important;
  width:min(460px,100%)!important;
  max-width:100%!important;
  overflow:hidden!important;
  position:relative!important;
}

.rizz-body .phone .bubble{
  box-sizing:border-box!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;

  display:block!important;
  width:auto!important;
  max-width:calc(100% - 34px)!important;
  min-width:0!important;

  margin:0 17px!important;
  padding:15px 17px!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;

  font-size:18px!important;
  line-height:1.4!important;
  letter-spacing:0!important;
}

.rizz-body #answerForm{
  box-sizing:border-box!important;
  width:calc(100% - 34px)!important;
  max-width:calc(100% - 34px)!important;
  margin:55px 17px 0!important;
}

@media(max-width:520px){
  .rizz-body .phone .bubble{
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
    font-size:16px!important;
  }
  .rizz-body #answerForm{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
}