:root{--ink:#172449;--muted:#53607c;--blue:#2348ce;--paper:#f3f5fc;--line:#d8dfee;--mint:#d5f2e7;--yellow:#fce49a;--pink:#f6dce8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}header,main,footer{max-width:1160px;margin:auto}header{padding:28px 30px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-weight:850;font-size:34px;letter-spacing:-2px;color:var(--ink);text-decoration:none}.brand span:first-child{color:var(--blue);padding-right:7px}.brand-dot{color:var(--blue)}.tagline,.header-note{font-size:12px;color:var(--muted)}.header-note{margin-left:auto;letter-spacing:1.8px}main{padding:48px 30px 65px;min-height:75vh}footer{padding:24px 30px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5vw,64px);line-height:1.08;letter-spacing:-2.2px;margin-bottom:24px}h2{font-size:26px;line-height:1.2;letter-spacing:-.6px}h3{font-size:19px}p{color:var(--muted)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:20px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.hero-card{background:var(--blue);color:white;border-radius:28px;padding:42px;position:relative;overflow:hidden}.hero-card p{color:#e0e7ff;max-width:380px}.hero-card h1{max-width:450px}.hero-card .eyebrow{color:#e0e7ff}.ticket{margin-top:38px;border-top:1px solid #6983df;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.ticket-symbols{display:flex;gap:6px}.ticket-symbols span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink);background:var(--yellow);font-weight:800}.ticket-symbols span:nth-child(2){background:var(--mint)}.ticket-symbols span:nth-child(3){background:var(--pink)}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px}.join-card{display:flex;flex-direction:column;justify-content:center}.join-card h2{font-size:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:42px 0 20px}.section-head h2{margin:0}.library{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quiz-card{display:flex;flex-direction:column;padding:24px}.quiz-card h3{margin:18px 0 8px}.quiz-card p{font-size:14px}.quiz-card .actions{margin-top:auto}.quiz-icon{width:46px;height:46px;background:var(--yellow);display:grid;place-items:center;border-radius:14px;font-size:23px;font-weight:850}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button,.button{font:inherit;font-weight:650;font-size:15px;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:12px;background:var(--blue);color:white;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}button.secondary,.button.secondary{background:white;border-color:var(--line);color:var(--ink)}button.light{background:white;color:var(--blue)}button.small{font-size:13px;padding:10px 13px}button.danger{color:#9a2440;background:#fff0f4}button:disabled{opacity:.55;cursor:default}@media(hover:hover){button:hover:not(:disabled),.button:hover{filter:brightness(.94)}}:focus-visible{outline:3px solid #bd4b00;outline-offset:4px}label{display:block;font-size:14px;font-weight:650;margin-bottom:16px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #a8b5d0;border-radius:10px;padding:13px 14px;font:inherit;font-size:16px;color:var(--ink);background:white}textarea{resize:vertical;min-height:82px}input.code-input{font-size:26px;letter-spacing:8px;font-weight:750}.full{width:100%}.hint{font-size:13px;color:var(--muted)}.back{margin-bottom:24px}.editor{max-width:820px;margin:auto}.question-edit{margin-top:20px}fieldset{border:0;padding:0;margin:0}legend{font-weight:750;margin-bottom:12px}.options-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-edit{display:flex;align-items:center;gap:10px}.option-edit input[type=radio]{width:24px;height:24px;margin:0;accent-color:var(--blue);flex-shrink:0}.option-edit label{flex:1;margin:0}.editor-bar{position:sticky;bottom:12px;background:white;padding:18px;border:1px solid var(--line);border-radius:16px;margin-top:22px;box-shadow:0 6px 24px #17244914;display:flex;justify-content:space-between;gap:12px}.room-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pill{border-radius:30px;background:#e3e9fb;padding:7px 13px;font-size:13px;font-weight:650}.room-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.room-main{text-align:center}.room-code{font:800 clamp(40px,7vw,76px)/1.2 ui-monospace,monospace;letter-spacing:8px;margin:18px 0;color:var(--blue)}.share-link{overflow-wrap:anywhere;font-size:14px}.players{list-style:none;margin:0;padding:0}.players li{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.players li:last-child{border:0}.avatar{width:37px;height:37px;border-radius:50%;background:#e3e9fb;display:grid;place-items:center;flex-shrink:0;font-weight:750}.player-name{overflow-wrap:anywhere;min-width:0}.score{margin-left:auto;white-space:nowrap;font-weight:750;font-variant-numeric:tabular-nums}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.answer{background:white;border:2px solid var(--line);color:var(--ink);text-align:left;justify-content:flex-start;min-height:90px;font-size:17px;padding:18px;overflow-wrap:anywhere}.answer b{background:#e3e9fb;border-radius:8px;min-width:32px;height:32px;display:grid;place-items:center}.answer.selected{border-color:var(--blue);background:#edf1ff}.answer.correct{border-color:#237155;background:var(--mint)}.answer:disabled{opacity:1}.feedback{background:#e9eefb;border-radius:12px;padding:16px;color:var(--ink)}.progress{height:5px;display:flex;gap:5px;margin:18px 0 28px}.progress span{flex:1;background:var(--line);border-radius:4px}.progress .done{background:var(--blue)}.winner{background:var(--yellow);border-radius:22px;padding:30px;margin-bottom:25px}.winner h1{font-size:40px;overflow-wrap:anywhere}.winner p{color:var(--ink);margin:0}.notice{max-width:700px;margin:0 auto 12px;padding:0 25px;color:var(--blue)}.notice:empty{display:none}.error{color:#a11c39}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:0}.empty{padding:25px 0}.room-title{font-size:34px;letter-spacing:-1px;overflow-wrap:anywhere}.quiz-card h3{overflow-wrap:anywhere}@media(max-width:760px){header{padding:18px 20px}.tagline{display:none}.header-note{font-size:10px;letter-spacing:1px}main{padding:28px 18px 40px}.hero,.room-layout{grid-template-columns:1fr}.hero-card{padding:30px}.library{grid-template-columns:1fr}.card{padding:24px}.section-head{align-items:flex-start}.section-head h2{font-size:23px}.options-edit{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.room-top{align-items:flex-start}.room-code{letter-spacing:5px}.editor-bar{flex-wrap:wrap}.editor-bar button{flex:1}footer{flex-direction:column;padding:20px}.winner h1{font-size:32px}.room-title{font-size:28px}}

.brand{white-space:nowrap;flex-shrink:0}.join-card form + .hint{margin-top:14px}@media(max-width:360px){header{gap:15px}.header-note{letter-spacing:.5px;font-size:9px}}