/* V148 compact premium Apple × KPMG quiz polish
   Goal: small aligned glass cards, fixed score-grid display, centered surfaces, no cut content on desktop/mobile. */
:root{
  --v148-kpmg:#00338d;
  --v148-kpmg2:#00a3e0;
  --v148-apple:#f5f7ff;
  --v148-glass:rgba(255,255,255,.088);
  --v148-line:rgba(255,255,255,.16);
  --v148-muted:rgba(235,240,255,.72);
}
*{box-sizing:border-box!important}
html,body{max-width:100%;overflow-x:hidden!important;scroll-behavior:auto!important}
body.quiz-only-mode{
  background:
    radial-gradient(circle at 12% 0%,rgba(0,51,141,.45),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(0,163,224,.22),transparent 28%),
    radial-gradient(circle at 54% 112%,rgba(167,139,250,.22),transparent 32%),
    linear-gradient(135deg,#040711 0%,#07111f 47%,#02040a 100%)!important;
}
body.quiz-only-mode:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%,rgba(0,51,141,.055));z-index:0}
body.quiz-only-mode .app-shell{display:block!important;width:100%!important;min-height:100dvh!important;position:relative!important;z-index:1!important}
body.quiz-only-mode .workspace{width:min(100%,1530px)!important;max-width:1530px!important;margin:0 auto!important;padding:14px 20px 88px!important;display:grid!important;gap:12px!important}
body.quiz-only-mode .sidebar{position:sticky!important;top:8px!important;z-index:60!important;height:auto!important;max-height:none!important;max-width:1530px!important;margin:8px auto 0!important;border-radius:24px!important;padding:9px 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:visible!important;background:linear-gradient(135deg,rgba(9,14,29,.82),rgba(0,51,141,.16))!important;border:1px solid var(--v148-line)!important;box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14)!important;backdrop-filter:blur(26px) saturate(1.35)!important;-webkit-backdrop-filter:blur(26px) saturate(1.35)!important}
body.quiz-only-mode .portal-brand{padding:0!important;min-width:0!important;gap:10px!important}.portal-brand strong{font-size:14px!important;letter-spacing:-.02em!important}.portal-brand small{font-size:10px!important}
body.quiz-only-mode .nav-list{display:flex!important;gap:7px!important;margin-left:auto!important}.nav-item{min-height:34px!important;width:auto!important;padding:8px 13px!important;border-radius:999px!important;font-size:12px!important;text-align:center!important}.logout-btn{width:auto!important;min-height:34px!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important}
.brand-lockup-v148,.mini-brand-lockup-v148,.hero-brand-v148,.final-quiz-brand-strip-v148{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.logo-tile,.mini-logo,.hero-logo-img{display:grid!important;place-items:center!important;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.052))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 34px rgba(0,0,0,.28)!important;overflow:hidden!important}.logo-tile{width:48px!important;height:48px!important;border-radius:16px!important}.mini-logo{width:34px!important;height:34px!important;border-radius:12px!important}.hero-logo-img{width:42px!important;height:42px!important;border-radius:14px!important}.logo-tile img,.mini-logo img,.hero-logo-img img{width:72%!important;height:72%!important;object-fit:contain!important;display:block!important}.kpmg-logo-tile img{width:100%!important;height:100%!important;object-fit:cover!important}.apple-logo-tile img{filter:drop-shadow(0 4px 10px rgba(255,255,255,.18))!important}
body.quiz-only-mode .topbar{min-height:70px!important;padding:14px 18px!important;border-radius:24px!important;margin:0!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,51,141,.16) 52%,rgba(255,255,255,.052))!important}.topbar h2{font-size:clamp(21px,1.8vw,30px)!important;line-height:1.05!important}.topbar .eyebrow{font-size:10px!important;letter-spacing:.26em!important}.profile-chip{padding:8px 11px!important;border-radius:18px!important;min-width:220px!important}.profile-chip>span{width:42px!important;height:42px!important;border-radius:14px!important;font-size:16px!important}
body.quiz-only-mode .hero{min-height:unset!important;padding:16px 18px!important;border-radius:26px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(0,51,141,.17) 48%,rgba(0,163,224,.08))!important}.hero h1{font-size:clamp(28px,2.5vw,44px)!important;line-height:1.02!important;margin:4px 0!important;letter-spacing:-.06em!important}.hero p{font-size:13px!important;max-width:760px!important;color:var(--v148-muted)!important}.hero-panel{display:flex!important;gap:8px!important}.mini-stat{min-width:88px!important;padding:10px 12px!important;border-radius:17px!important}.mini-stat span{font-size:22px!important}.mini-stat small{font-size:10px!important}
body.quiz-only-mode .section-card.final-quiz-card{margin-top:0!important;min-height:calc(100dvh - 224px)!important;border-radius:28px!important;padding:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.034) 45%,rgba(0,51,141,.10))!important}.final-quiz-head{padding:14px 16px!important;border-radius:22px!important;margin-bottom:12px!important}.final-quiz-head h3{font-size:clamp(25px,2.1vw,36px)!important;line-height:1.03!important}.final-quiz-head small{font-size:12px!important}.final-quiz-pill{border-radius:999px!important;padding:9px 13px!important;font-size:12px!important;background:rgba(255,255,255,.095)!important}
/* rules gate compact premium */
.quiz-rules-section-v147{width:min(100%,1530px)!important;margin:0 auto!important}.rules-gate-card-v147{border-radius:28px!important;padding:18px!important;min-height:auto!important;text-align:left!important;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(0,51,141,.12) 48%,rgba(255,255,255,.038))!important}.rules-gate-top-v147{padding:14px 16px!important;border-radius:22px!important;align-items:center!important}.rules-gate-top-v147 h3{font-size:clamp(26px,2.25vw,40px)!important;line-height:1.03!important}.rules-alert-row-v148{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0!important}.pmo-pill-v148,.integrity-pill-v148,.window-pill-v148{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:9px 12px!important;font-size:12px!important;font-weight:950!important;letter-spacing:-.01em!important}.pmo-pill-v148{color:#082216!important;background:linear-gradient(135deg,rgba(136,255,201,.95),rgba(45,212,191,.76))!important;box-shadow:0 12px 34px rgba(45,212,191,.18)!important}.integrity-pill-v148{color:#fff7f7!important;background:linear-gradient(135deg,rgba(255,80,120,.62),rgba(255,255,255,.08))!important;border:1px solid rgba(255,119,149,.30)!important}.window-pill-v148{color:#f3f7ff!important;background:linear-gradient(135deg,rgba(0,51,141,.68),rgba(0,163,224,.18))!important;border:1px solid rgba(110,196,255,.26)!important}.rules-gate-grid-v147{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.rules-gate-grid-v147>div{min-height:92px!important;padding:13px!important;border-radius:18px!important}.rules-gate-grid-v147 strong{font-size:24px!important;line-height:1!important}.rules-gate-grid-v147 span{font-size:12px!important;line-height:1.38!important}.rules-gate-long-v147{padding:14px 16px!important;border-radius:22px!important;margin-top:10px!important}.rules-gate-long-v147 h4{font-size:14px!important}.rules-gate-long-v147 li{font-size:12.5px!important;line-height:1.42!important;margin:6px 0!important}.rules-gate-actions-v147{margin-top:12px!important;gap:9px!important;justify-content:center!important}.rules-gate-actions-v147 button{min-height:42px!important;border-radius:999px!important;padding:11px 16px!important}
/* landing compact */
body.quiz-only-mode .final-quiz-landing{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important;align-items:stretch!important}.final-quiz-panel{padding:20px!important;border-radius:24px!important}.final-quiz-panel h2{font-size:clamp(30px,3vw,48px)!important;line-height:1!important;max-width:900px!important}.final-quiz-panel p{font-size:14px!important;line-height:1.58!important}.final-quiz-brand-strip-v148{width:max-content!important;max-width:100%!important;margin-bottom:12px!important;border-radius:999px!important;padding:7px 10px!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,51,141,.18))!important;border:1px solid rgba(255,255,255,.14)!important}.final-quiz-brand-strip-v148 img{width:24px!important;height:24px!important;object-fit:contain!important;border-radius:7px!important}.final-quiz-brand-strip-v148 img[src*="kpmg"]{object-fit:cover!important}.final-quiz-brand-strip-v148 span{width:1px!important;height:18px!important;background:rgba(255,255,255,.18)!important}.final-quiz-brand-strip-v148 b{font-size:11px!important;color:rgba(244,248,255,.84)!important;white-space:nowrap!important}.final-quiz-rules-v147{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.final-quiz-rules-v147 div{min-height:76px!important;padding:11px!important;border-radius:16px!important}.final-quiz-rules-v147 strong{font-size:22px!important}.final-quiz-rules-v147 span{font-size:11.5px!important;line-height:1.3!important}.final-quiz-side{display:grid!important;gap:10px!important}.final-quiz-mini{padding:13px!important;border-radius:18px!important}.quiz-window-open-v148,.quiz-window-closed-v148{display:flex!important;align-items:center!important;gap:8px!important;margin:12px 0 2px!important;border-radius:16px!important;padding:10px 12px!important}.quiz-window-open-v148{background:rgba(0,163,224,.09)!important;border:1px solid rgba(0,163,224,.22)!important}.quiz-window-closed-v148{background:rgba(255,80,120,.10)!important;border:1px solid rgba(255,80,120,.25)!important}.quiz-window-open-v148 strong,.quiz-window-closed-v148 strong{font-size:12px!important}.quiz-window-open-v148 span,.quiz-window-closed-v148 span{font-size:12px!important;color:var(--v148-muted)!important}
/* critical fixed display rules: V147 missed display:grid, causing huge stacked bars */
body.quiz-only-mode .final-quiz-shell{display:grid!important;gap:12px!important;align-items:start!important}.final-quiz-scoregrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.final-quiz-scoregrid div{min-width:0!important;text-align:center!important;padding:8px 9px!important;min-height:54px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.final-quiz-scoregrid b{font-size:19px!important;line-height:1!important}.final-quiz-scoregrid span{font-size:10.5px!important;line-height:1.15!important;color:var(--v148-muted)!important}.final-quiz-proctor{min-width:0!important}.final-quiz-camera{min-width:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}.final-quiz-camera video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
/* reading room */
body.final-quiz-reading-active .final-quiz-shell.final-quiz-case-mode{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.final-quiz-case-mode .final-quiz-proctor{display:grid!important;grid-template-columns:148px minmax(0,1fr) 270px!important;gap:9px!important;padding:10px!important;border-radius:22px!important;align-items:stretch!important}.final-quiz-case-mode .final-quiz-camera{height:88px!important;border-radius:16px!important}.final-quiz-case-mode .final-quiz-integrity{min-height:88px!important;margin:0!important;padding:11px 12px!important;border-radius:16px!important;font-size:12px!important}.final-quiz-case-mode .final-quiz-integrity strong{font-size:13px!important}.final-quiz-case-mode .final-quiz-integrity span{font-size:11.5px!important;line-height:1.35!important}.final-quiz-work.final-quiz-reading-work{height:min(67vh,720px)!important;min-height:500px!important;border-radius:24px!important;padding:10px!important;gap:9px!important}.final-quiz-reading-card{padding:24px 28px!important;border-radius:22px!important}.final-quiz-progress-line{padding:9px 11px!important;border-radius:15px!important;margin-bottom:14px!important;font-size:12px!important}.final-quiz-reading-card h2{font-size:clamp(30px,3vw,50px)!important;margin:4px 0 14px!important}.final-quiz-reading-text{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:28px!important}.final-quiz-reading-text p{font-size:14.4px!important;line-height:1.72!important;margin-bottom:12px!important}.final-quiz-actions-row{padding:10px!important;border-radius:18px!important;gap:10px!important}.final-quiz-timer{min-height:38px!important;padding:8px 11px!important;border-radius:14px!important}.final-quiz-timer span{font-size:10px!important}.final-quiz-timer b{font-size:18px!important}.final-quiz-actions{gap:8px!important}.final-quiz-actions button{min-height:39px!important;border-radius:999px!important;padding:10px 14px!important}
/* question phase */
body.quiz-only-mode .final-quiz-shell:not(.final-quiz-case-mode){grid-template-columns:290px minmax(0,1fr)!important}.final-quiz-shell:not(.final-quiz-case-mode) .final-quiz-proctor{padding:12px!important;border-radius:22px!important}.final-quiz-shell:not(.final-quiz-case-mode) .final-quiz-camera{height:150px!important;border-radius:18px!important}.final-quiz-work{padding:14px!important;border-radius:24px!important}.final-quiz-case,.final-quiz-question{padding:16px!important;border-radius:20px!important}.final-quiz-question h3{font-size:clamp(22px,1.8vw,32px)!important;line-height:1.2!important}.final-quiz-options{display:grid!important;gap:9px!important}.final-quiz-options label{padding:11px 12px!important;border-radius:16px!important;font-size:13px!important;line-height:1.38!important;align-items:flex-start!important}.final-quiz-note{font-size:12px!important;line-height:1.45!important;margin-top:10px!important;color:var(--v148-muted)!important}.final-quiz-result{padding:24px!important;border-radius:26px!important;text-align:center!important}.final-quiz-result h2{font-size:clamp(30px,3vw,48px)!important}.final-quiz-breakdown{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.final-quiz-breakdown div{padding:12px!important;border-radius:16px!important}
/* secure floating capsule safe placement */
#secureSessionWidgetV81,.secure-session-widget-v81{right:max(14px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;max-width:min(420px,calc(100vw - 28px))!important;border-radius:20px!important;z-index:50!important}body.final-quiz-reading-active #secureSessionWidgetV81,body.final-quiz-reading-active .secure-session-widget-v81{display:none!important}
@media (max-width:980px){body.quiz-only-mode .workspace{padding:10px 12px 94px!important}.sidebar{top:0!important;margin:0!important;border-radius:0 0 20px 20px!important;overflow-x:auto!important}.portal-brand div{display:block!important}.hero{grid-template-columns:1fr!important}.hero-brand-v148{justify-content:center!important}.hero-panel{width:100%;justify-content:center;flex-wrap:wrap}.rules-gate-grid-v147{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-quiz-landing{grid-template-columns:1fr!important}.final-quiz-case-mode .final-quiz-proctor{grid-template-columns:130px 1fr!important}.final-quiz-case-mode .final-quiz-integrity{grid-column:1/-1!important;min-height:auto!important}.final-quiz-work.final-quiz-reading-work{height:68dvh!important;min-height:520px!important}.final-quiz-reading-text{grid-template-columns:1fr!important}.final-quiz-shell:not(.final-quiz-case-mode){grid-template-columns:1fr!important}.final-quiz-shell:not(.final-quiz-case-mode) .final-quiz-proctor{position:relative!important;top:auto!important}.final-quiz-shell:not(.final-quiz-case-mode) .final-quiz-camera{height:190px!important}.final-quiz-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){body.quiz-only-mode .workspace{padding:9px 9px 92px!important;gap:9px!important}.sidebar{gap:8px!important;padding:8px!important}.mini-brand-lockup-v148{display:none!important}.portal-brand strong{font-size:12px!important}.portal-brand small{display:none!important}.nav-item,.logout-btn{min-height:32px!important;padding:7px 10px!important;font-size:11px!important}.topbar{padding:11px!important;border-radius:18px!important}.topbar h2{font-size:22px!important}.profile-chip{min-width:0!important;width:100%!important}.hero{padding:13px!important;border-radius:20px!important;text-align:center!important}.hero h1{font-size:27px!important}.hero p{font-size:12px!important}.mini-stat{min-width:76px!important;padding:8px!important}.section-card.final-quiz-card{padding:10px!important;border-radius:20px!important;min-height:auto!important}.final-quiz-head{align-items:flex-start!important;flex-direction:column!important;padding:12px!important;border-radius:18px!important}.final-quiz-head h3{font-size:24px!important}.rules-gate-card-v147{padding:11px!important;border-radius:20px!important}.rules-gate-top-v147{align-items:flex-start!important;flex-direction:column!important;padding:12px!important}.rules-gate-top-v147 h3{font-size:24px!important}.rules-gate-grid-v147{grid-template-columns:1fr!important}.rules-gate-grid-v147>div{min-height:auto!important}.rules-alert-row-v148{display:grid!important;grid-template-columns:1fr!important}.rules-gate-actions-v147{display:grid!important}.rules-gate-actions-v147 button{width:100%!important}.final-quiz-panel{padding:14px!important}.final-quiz-panel h2{font-size:29px!important}.final-quiz-rules-v147{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-quiz-rules-v147 div{min-height:70px!important}.final-quiz-brand-strip-v148{width:100%!important;justify-content:center!important}.final-quiz-brand-strip-v148 b{white-space:normal!important;text-align:left!important}.final-quiz-case-mode .final-quiz-proctor{grid-template-columns:1fr!important}.final-quiz-case-mode .final-quiz-camera{height:168px!important}.final-quiz-scoregrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.final-quiz-work.final-quiz-reading-work{height:70dvh!important;min-height:500px!important;padding:8px!important;border-radius:18px!important}.final-quiz-reading-card{padding:17px!important;border-radius:18px!important}.final-quiz-reading-card h2{font-size:29px!important}.final-quiz-reading-text p{font-size:13.6px!important;line-height:1.65!important}.final-quiz-actions-row{display:grid!important;grid-template-columns:1fr!important}.final-quiz-actions{display:grid!important;grid-template-columns:1fr!important}.final-quiz-actions button{width:100%!important}.final-quiz-shell:not(.final-quiz-case-mode) .final-quiz-camera{height:170px!important}.final-quiz-case,.final-quiz-question{padding:13px!important}.final-quiz-options label{font-size:12.5px!important}.final-quiz-breakdown{grid-template-columns:1fr!important}}


/* V149 login-required guard: login must be visible by default, app only after verified access */
body.quiz-login-required-v149 #loginView:not(.hidden){display:grid !important;}
body.quiz-login-required-v149 #appView.hidden{display:none !important;}
body.quiz-login-required-v149 #loginView .login-card{max-width:520px;}
body.quiz-login-required-v149 .login-rules-card{max-width:560px;}
@media (max-width: 760px){body.quiz-login-required-v149 #loginView:not(.hidden){display:block !important; padding:18px 12px 34px;} body.quiz-login-required-v149 #loginView .login-card, body.quiz-login-required-v149 .login-rules-card{max-width:100%;}}

/* V150 login alignment + timed access window
   Fixes: equal-height login/rules cards, compact scroll-safe right panel, aligned inputs, and 4 PM-7 PM IST access UI. */
body.quiz-window-v150 #loginView:not(.hidden){
  width:100%!important;
  min-height:100dvh!important;
  display:grid!important;
  grid-template-columns:minmax(360px,500px) minmax(360px,500px)!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-content:center!important;
  padding:clamp(18px,3vh,30px) 18px!important;
}
body.quiz-window-v150 #loginView .login-card,
body.quiz-window-v150 #loginView .login-rules-card{
  height:min(690px,calc(100dvh - 48px))!important;
  min-height:560px!important;
  max-height:690px!important;
  border-radius:28px!important;
  padding:22px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(255,255,255,.15),transparent 34%),
    radial-gradient(circle at 90% 8%,rgba(0,163,224,.13),transparent 36%),
    linear-gradient(145deg,rgba(13,19,34,.78),rgba(4,8,18,.88))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.quiz-window-v150 #loginView .login-card{justify-content:flex-start!important;gap:0!important;}
body.quiz-window-v150 #loginView .brand-row{gap:13px!important;align-items:center!important;min-height:78px!important;}
body.quiz-window-v150 #loginView .brand-lockup-v148{gap:7px!important;flex:0 0 auto!important;}
body.quiz-window-v150 #loginView .brand-lockup-v148 .logo-tile{width:46px!important;height:46px!important;border-radius:15px!important;}
body.quiz-window-v150 #loginView .login-card h1{font-size:clamp(34px,3.2vw,44px)!important;line-height:.96!important;margin:4px 0 0!important;letter-spacing:-.055em!important;}
body.quiz-window-v150 #loginView .eyebrow{font-size:10px!important;margin-bottom:4px!important;}
body.quiz-window-v150 #loginView .login-copy{font-size:13.4px!important;line-height:1.55!important;margin:16px 0 16px!important;color:rgba(232,238,255,.74)!important;}
body.quiz-window-v150 #loginView .login-form{display:grid!important;gap:11px!important;margin-top:2px!important;}
body.quiz-window-v150 #loginView .login-form label{gap:7px!important;font-size:11.2px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:rgba(232,238,255,.68)!important;}
body.quiz-window-v150 #loginView .login-form input{height:46px!important;border-radius:15px!important;padding:0 14px!important;background:rgba(4,8,18,.70)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;}
body.quiz-window-v150 #loginView .primary-btn{min-height:45px!important;border-radius:16px!important;margin-top:2px!important;}
body.quiz-window-v150 #loginView .primary-btn:disabled{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.75)!important;}
body.quiz-window-v150 #loginView .form-message{min-height:34px!important;display:flex!important;align-items:center!important;font-size:12px!important;line-height:1.35!important;}
body.quiz-window-v150 #loginView .login-fast-note{margin-top:auto!important;padding-top:16px!important;font-size:11.5px!important;line-height:1.4!important;color:rgba(232,238,255,.58)!important;text-align:center!important;}

body.quiz-window-v150 #loginView .login-rules-card{justify-content:flex-start!important;}
body.quiz-window-v150 #loginView .rules-card-head{flex:0 0 auto!important;text-align:left!important;margin:0 0 10px!important;}
body.quiz-window-v150 #loginView .rules-card-head .side-pill{padding:7px 10px!important;font-size:10.5px!important;background:rgba(0,51,141,.18)!important;border-color:rgba(0,163,224,.24)!important;}
body.quiz-window-v150 #loginView .rules-card-head h2{font-size:clamp(24px,2.2vw,33px)!important;line-height:1.02!important;margin:9px 0 7px!important;letter-spacing:-.045em!important;}
body.quiz-window-v150 #loginView .rules-card-head p{font-size:12.4px!important;line-height:1.45!important;margin:0!important;color:rgba(232,238,255,.66)!important;}
.login-window-status-v150{display:grid!important;gap:3px!important;margin-top:10px!important;padding:10px 12px!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;}
.login-window-status-v150 strong{font-size:12px!important;color:#fff!important;line-height:1.15!important;}
.login-window-status-v150 span{font-size:11.4px!important;line-height:1.35!important;color:rgba(232,238,255,.68)!important;}
.login-window-status-v150.is-open{background:rgba(45,212,191,.095)!important;border-color:rgba(45,212,191,.24)!important;}
.login-window-status-v150.is-closed{background:rgba(255,84,118,.09)!important;border-color:rgba(255,84,118,.24)!important;}
body.quiz-window-v150 #loginView .rules-quick-grid{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 10px!important;}
body.quiz-window-v150 #loginView .rules-quick-grid div{min-width:0!important;min-height:58px!important;border-radius:15px!important;padding:8px 6px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;}
body.quiz-window-v150 #loginView .rules-quick-grid strong{font-size:17px!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important;}
body.quiz-window-v150 #loginView .rules-quick-grid span{font-size:9.7px!important;line-height:1.18!important;margin-top:5px!important;color:rgba(232,238,255,.62)!important;}
body.quiz-window-v150 #loginView .rules-scroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 6px 2px 0!important;margin:0!important;scrollbar-gutter:stable!important;}
body.quiz-window-v150 #loginView .rules-scroll ol{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;}
body.quiz-window-v150 #loginView .rules-scroll li{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:9px!important;row-gap:2px!important;align-items:start!important;padding:9px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.095)!important;}
body.quiz-window-v150 #loginView .rules-scroll li::before{width:30px!important;height:30px!important;border-radius:11px!important;font-size:11px!important;}
body.quiz-window-v150 #loginView .rules-scroll li strong{font-size:12px!important;line-height:1.15!important;color:#fff!important;}
body.quiz-window-v150 #loginView .rules-scroll li span{font-size:11px!important;line-height:1.34!important;color:rgba(232,238,255,.66)!important;}
body.quiz-window-v150 #loginView .rules-footer-note{flex:0 0 auto!important;margin-top:10px!important;border-radius:16px!important;padding:10px 12px!important;font-size:11.5px!important;line-height:1.35!important;text-align:center!important;color:rgba(232,238,255,.72)!important;background:linear-gradient(135deg,rgba(0,51,141,.18),rgba(255,255,255,.045))!important;border:1px solid rgba(0,163,224,.20)!important;}

body.quiz-access-closed-v150 #loginView .login-card{position:relative!important;}
body.quiz-access-closed-v150 #loginView .login-form input{opacity:.56!important;}
body.quiz-access-closed-v150 #loginView .login-form label{opacity:.72!important;}

@media (max-width:980px){
  body.quiz-window-v150 #loginView:not(.hidden){grid-template-columns:minmax(0,520px)!important;align-items:start!important;padding:16px 12px 28px!important;}
  body.quiz-window-v150 #loginView .login-card,
  body.quiz-window-v150 #loginView .login-rules-card{height:auto!important;min-height:0!important;max-height:none!important;padding:18px!important;border-radius:24px!important;}
  body.quiz-window-v150 #loginView .login-rules-card{max-height:calc(100dvh - 32px)!important;}
  body.quiz-window-v150 #loginView .rules-scroll{max-height:min(360px,45dvh)!important;}
  body.quiz-window-v150 #loginView .rules-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:520px){
  body.quiz-window-v150 #loginView:not(.hidden){padding:10px 9px 22px!important;gap:10px!important;}
  body.quiz-window-v150 #loginView .login-card,
  body.quiz-window-v150 #loginView .login-rules-card{padding:14px!important;border-radius:21px!important;}
  body.quiz-window-v150 #loginView .brand-row{min-height:auto!important;align-items:flex-start!important;}
  body.quiz-window-v150 #loginView .brand-lockup-v148 .logo-tile{width:38px!important;height:38px!important;border-radius:13px!important;}
  body.quiz-window-v150 #loginView .login-card h1{font-size:31px!important;}
  body.quiz-window-v150 #loginView .login-copy{font-size:12.6px!important;margin:12px 0!important;}
  body.quiz-window-v150 #loginView .rules-card-head h2{font-size:25px!important;}
  body.quiz-window-v150 #loginView .rules-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.quiz-window-v150 #loginView .rules-scroll{max-height:44dvh!important;}
  body.quiz-window-v150 #loginView .rules-scroll li{grid-template-columns:26px minmax(0,1fr)!important;padding:8px!important;}
  body.quiz-window-v150 #loginView .rules-scroll li::before{width:26px!important;height:26px!important;border-radius:10px!important;}
}