*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;font-family:Space Grotesk,sans-serif;background-color:#101820;color:#f8f7f2}body{min-height:100vh;background:radial-gradient(circle at top,#243247,#0b1119 55%,#0a0f15)}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,64px)}.brand{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;font-size:clamp(24px,4vw,32px);text-transform:uppercase}.app__main{flex:1;display:grid;place-items:center;padding:24px clamp(20px,6vw,80px) 48px}.card{width:min(720px,100%);background:#0f1824db;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:clamp(24px,5vw,48px);box-shadow:0 28px 60px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero h1{font-size:clamp(36px,6vw,56px);margin-top:16px}.hero__logo{display:flex;justify-content:center;margin-bottom:16px}.hero__logo img{max-width:min(220px,45vw);height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45))}.hero{text-align:center;display:grid;justify-items:center;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#f7c660}.supporting{margin-top:12px;color:#cbd4e1;line-height:1.6}.primary-button,.ghost-button{font-family:Space Grotesk,sans-serif;font-weight:600;border-radius:999px;padding:12px 28px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:#f25f5c;color:#fff;box-shadow:0 10px 24px #f25f5c59}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.ghost-button{background:transparent;color:#f8f7f2;border:1px solid rgba(248,247,242,.3)}.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed}.setup__row{margin-top:24px;display:grid;gap:12px}.setup__split{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.setup__count{display:flex;gap:16px;align-items:center}.setup__count input[type=range]{flex:1}.league-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.league-chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#090e16cc}.setup__search{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#070c12f2;color:#f8f7f2;padding:14px 16px;font-family:Space Grotesk,sans-serif;font-size:15px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.team-card{text-align:left;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#090e16d9;color:#f8f7f2;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.team-card:hover{transform:translateY(-2px);border-color:#f7c66066}.team-card.is-selected{border-color:#f25f5cb3;box-shadow:0 12px 28px #f25f5c33}.team-card__title{font-weight:700;font-size:16px}.team-card__meta{margin-top:6px;color:#cbd4e1;font-size:14px}.setup__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.quiz-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.quiz-type-card{text-align:left;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0c131df2,#070c12f2);color:#f8f7f2;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quiz-type-card:hover{transform:translateY(-2px);border-color:#f7c66066}.quiz-type-card.is-selected{border-color:#f25f5cb3;box-shadow:0 12px 28px #f25f5c40}.quiz-type-card__title{font-weight:700;font-size:18px;margin-bottom:8px}.quiz-type-card__description{font-size:14px;color:#cbd4e1;line-height:1.5}.quiz-type-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.difficulty-card{text-align:left;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a1018d9;color:#f8f7f2;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.difficulty-card:hover{transform:translateY(-2px);border-color:#f7c66066}.difficulty-card.is-selected{border-color:#f25f5cb3;box-shadow:0 12px 28px #f25f5c40}.difficulty-card__title{font-weight:700;font-size:16px;margin-bottom:6px}.difficulty-card__description{font-size:14px;color:#cbd4e1;line-height:1.4}.quiz__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;color:#cbd4e1}.tag{padding:6px 12px;border-radius:999px;background:#f25f5c26;color:#f7c660;font-weight:600}.logo-frame{background:#0a0f15;border-radius:18px;padding:24px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(255,255,255,.08)}.logo-frame img{max-width:min(320px,70vw);max-height:240px;object-fit:contain}.quiz__form{display:grid;gap:12px}.quiz__actions{display:grid;gap:12px;margin-top:12px}.quiz__form input{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#080c12cc;color:#f8f7f2;font-size:16px}.message{margin-top:16px;padding:12px 14px;border-radius:12px;font-weight:600}.message.success{background:#22c55e29;color:#a7f3d0}.message.error{background:#ef444433;color:#fecaca}.message.hint{background:#f7c66026;color:#f7c660}.stack{display:grid;gap:12px;margin-top:24px}.score-summary{display:grid;justify-items:center;gap:6px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#080c12bf;margin:6px 0 8px}.score-summary__label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#f7c660}.score-summary__value{font-size:28px;font-weight:700}.review__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.review__list{display:grid;gap:18px}.review__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px}.review__stat{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0a1018bf;padding:12px 14px;display:grid;gap:6px}.review__item{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#070b11cc;padding:18px}.review__meta{display:flex;justify-content:space-between;align-items:center;color:#cbd4e1;margin-bottom:12px;font-size:14px}.review__content{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:16px;align-items:center}.review__logo{background:#06090ee6;border-radius:12px;padding:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06)}.review__logo img{max-width:120px;max-height:90px;object-fit:contain}.review__answers{display:grid;gap:12px}.review__row{display:grid;gap:6px}.review__label{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#f7c660}.review__value{font-size:16px;color:#f8f7f2}.review__value.is-correct{color:#a7f3d0}.review__value.is-wrong{color:#fecaca}.review__value.is-skipped{color:#f7c660}@media (max-width: 720px){.app__header{flex-direction:column;align-items:flex-start;gap:12px}.quiz__meta{flex-direction:column;align-items:flex-start;gap:8px}.review__content{grid-template-columns:1fr}}