/* §15.8.1: these rules affect only the RU preorder block after the session. */
#ku-preorder-offer[hidden] { display:none!important; }
#ku-preorder-offer { max-width:min(420px,90%); margin-top:24px; text-align:center; font-size:20px; letter-spacing:.5px; line-height:1.35; }
#ku-preorder-offer p { margin:8px 0; }
#ku-preorder-offer .ku-preorder-price { display:flex; gap:14px; align-items:baseline; justify-content:center; }
.ku-preorder-price strong { font-size:34px; font-weight:400; color:rgba(230,230,230,.95); }
.ku-preorder-price del { color:rgba(220,220,220,.5); font-size:22px; }
.ku-preorder-price span { font-size:16px; }
#ku-preorder-offer .ku-preorder-note { font-size:16px; color:rgba(220,220,220,.65); }
.ku-preorder-action { display:inline-block; margin-top:10px; padding:10px 24px; color:#ddd; text-decoration:none; border:1px solid rgba(255,255,255,.25); border-radius:8px; font-size:20px; }
.ku-preorder-action:hover { background:rgba(255,255,255,.08); }
.ku-preorder-action:focus-visible { outline:2px solid #ddd; outline-offset:4px; }
#level-complete.preorder-shown { overflow-y:auto; padding:24px 8px; box-sizing:border-box; }
#level-complete.preorder-shown > span:first-child { font-size:clamp(22px,5vw,40px); letter-spacing:3px; }
@media(max-height:580px){
  #level-complete.preorder-shown { justify-content:flex-start; }
  #ku-preorder-offer { margin-top:12px; font-size:17px; }
  #ku-preorder-offer p { margin:5px 0; }
  #level-complete.preorder-shown #level-buttons:empty { display:none; }
}