/* Cbw-only certificate-style result. Other game modes keep their layout. */
body.cbw-session { --ninja-bubble:url('/assets/microsoft-bubble.svg'); }
body.cbw-session #h1 { display:none; }
.company-logo[src="/assets/cwsi-logo.png"] { height:38px; max-width:min(160px,42vw); margin-bottom:6px; }
.done.done--cbw > .score,
.done.done--cbw > #doneKop,
.done.done--cbw > #grade,
.done.done--cbw > #advice,
.done.done--cbw > #breakdown { display:none; }
.award.show.award--cbw { width:100%; max-width:660px; animation:none; text-align:left; }
.award.show.award--cbw::before,.award.show.award--cbw::after { display:none; }
.cbw-prize { position:relative; overflow:hidden; background:#fff; color:#143650; border:1.5px solid #3195ce; border-radius:18px; padding:30px 32px 18px; box-shadow:0 12px 38px #12334f12; font-size:15px; line-height:1.65; }
.cbw-prize::before,.cbw-prize::after { content:""; position:absolute; width:135px; height:135px; background:url('/assets/microsoft-bubble.svg') center/contain no-repeat; pointer-events:none; opacity:.55; }
.cbw-prize::before { right:-55px; top:-60px; }
.cbw-prize::after { left:-70px; bottom:135px; }
.cbw-prize > * { position:relative; }
.cbw-prize__brands { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:26px; }
.cbw-prize__brands > img { width:126px; max-width:40%; height:auto; object-fit:contain; }
.cbw-microsoft { display:flex; align-items:center; gap:7px; color:#646464; font:600 22px 'Segoe UI',Arial,sans-serif; letter-spacing:-.7px; white-space:nowrap; }
.cbw-microsoft > span { display:grid; grid-template-columns:repeat(2,13px); grid-template-rows:repeat(2,13px); gap:2px; }
.cbw-microsoft i:nth-child(1) { background:#f25022; }
.cbw-microsoft i:nth-child(2) { background:#7fba00; }
.cbw-microsoft i:nth-child(3) { background:#00a4ef; }
.cbw-microsoft i:nth-child(4) { background:#ffb900; }
.cbw-prize__hero { display:grid; grid-template-columns:minmax(0,1fr) 142px; gap:24px; align-items:center; padding-bottom:26px; }
.cbw-prize__eyebrow { margin:0 0 12px; color:#0070bd; text-transform:uppercase; font-size:11px; letter-spacing:1.5px; font-weight:700; }
.done .cbw-prize h2 { margin:0 0 14px; font-size:34px; line-height:1.15; letter-spacing:-1px; font-weight:800; }
.cbw-prize__score { font-size:18px; margin:0; }
.cbw-prize__score strong { color:#0070bd; }
.cbw-prize__medal { position:relative; display:flex; align-items:center; justify-content:center; }
.cbw-prize__medal .cbw-shield { width:142px; height:168px; filter:drop-shadow(0 6px 5px #64491330); animation:cbw-shield-arrive .65s cubic-bezier(.2,.8,.25,1.1) both; }
.cbw-prize__reward { border-top:1px solid #d8e8f1; padding-top:22px; }
.cbw-prize__reward p { margin:0 0 16px; }
.cbw-prize__reward h3 { margin:0 0 14px; font-size:22px; line-height:1.35; text-transform:none; letter-spacing:-.4px; color:#143650; }
.cbw-prize__fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; border:0; margin:22px 0 0; padding:0; min-width:0; }
.cbw-prize__fields label { font-size:12px; font-weight:700; min-width:0; }
.cbw-prize__fields input { box-sizing:border-box; display:block; width:100%; min-width:0; margin-top:7px; border:1px solid #cadce7; border-radius:8px; padding:12px; background:#f7fafc; color:#526d84; font:16px Arial,sans-serif; -webkit-text-fill-color:#526d84; opacity:1; }
.cbw-prize__fields button { grid-column:1/-1; width:100%; padding:16px 12px; border:0; border-radius:9px; background:#0070bd; color:#fff; font:700 15px Poppins,Arial,sans-serif; opacity:.65; cursor:not-allowed; }
.cbw-prize__privacy,.cbw-prize__preview { font-size:11px; line-height:1.6; color:#526d84; margin:12px 0 0; text-align:center; }
.cbw-prize__preview { font-size:12px; }
.cbw-prize footer { margin-top:28px; padding-top:16px; border-top:1px solid #e5eef3; text-align:center; color:#60768a; font-size:11px; }
.cbw-prize footer strong { color:#0070bd; }
.cbw-celebration { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:10000; }
.cbw-party-logo { position:absolute; left:var(--left); bottom:-110px; width:var(--size); height:var(--size); animation:cbw-bubble-rise var(--duration) linear var(--delay) both; }
.cbw-party-face { width:100%; height:100%; display:flex; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid #96c8e5; border-radius:50%; background:radial-gradient(circle at 30% 25%,#fff 0%,#eef8fff0 65%,#d8edf9e6 100%); box-shadow:inset 2px 3px 5px #fff,0 2px 8px #0a4a7520; }
.cbw-party-face > img { width:100%; height:100%; object-fit:contain; }
.cbw-party-face > .cbw-party-cwsi { width:76%; height:auto; }
.cbw-party-face > .cbw-party-purview { width:60%; height:60%; object-fit:contain; mix-blend-mode:multiply; opacity:.2; }
.cbw-party-ms { display:grid; width:44%; height:44%; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); gap:2px; }
.cbw-party-logo--pop .cbw-party-face { animation:cbw-bubble-pop .32s ease-out var(--pop-at) both; }
.cbw-party-logo--pop::after { content:""; position:absolute; inset:0; border:2px solid #71c4ec; border-radius:50%; animation:cbw-pop-ring .45s ease-out var(--pop-at) both; }
@keyframes cbw-bubble-pop {
  0% { opacity:1; transform:scale(1); }
  35% { opacity:1; transform:scale(1.16); }
  100% { opacity:0; transform:scale(.2); }
}
@keyframes cbw-pop-ring {
  0% { opacity:0; transform:scale(.9); }
  20% { opacity:.8; }
  100% { opacity:0; transform:scale(1.7); }
}
.cbw-party-ms b:nth-child(1) { background:#f25022; }
.cbw-party-ms b:nth-child(2) { background:#7fba00; }
.cbw-party-ms b:nth-child(3) { background:#00a4ef; }
.cbw-party-ms b:nth-child(4) { background:#ffb900; }
@keyframes cbw-bubble-rise {
  0% { opacity:0; transform:translate(-50%,0); }
  8% { opacity:.95; }
  85% { opacity:.85; }
  100% { opacity:0; transform:translate(calc(-50% + var(--drift)),calc(-100vh - 160px)); }
}
@keyframes cbw-shield-arrive { from { opacity:0; transform:scale(.65) rotate(-8deg); } to { opacity:1; transform:scale(1) rotate(0); } }
@media(max-width:480px) {
  .cbw-prize { padding:24px 20px 18px; }
  .cbw-prize__hero { grid-template-columns:minmax(0,1fr) 96px; gap:10px; }
  .done .cbw-prize h2 { font-size:27px; }
  .cbw-prize__medal .cbw-shield { width:96px; height:116px; }
  .cbw-prize__score { font-size:16px; }
  .cbw-prize__fields { grid-template-columns:minmax(0,1fr); }
  .cbw-prize__brands { gap:12px; }
  .cbw-prize__brands > img { width:105px; }
  .cbw-microsoft { font-size:18px; }
  .cbw-microsoft > span { grid-template-columns:repeat(2,10px); grid-template-rows:repeat(2,10px); }
}
@media(prefers-reduced-motion:reduce) {
  .cbw-celebration { display:none!important; }
  .cbw-prize__medal .cbw-shield { animation:none!important; }
}