@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-flare: #e83825;--color-flare-hover: #e94a38;--color-flare-soft: #efb0a8;--color-forge: #211d1a;--color-forge-soft: #55504c;--color-ash: #ece5db;--color-ash-soft: #f8f5ef;--color-white: #ffffff;--color-black: #000000;--color-error: #8f2418;--shadow-panel: 0 24px 80px rgba(33, 29, 26, .12);font-family:Inter,system-ui,sans-serif;color:var(--color-forge);background:var(--color-ash);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;min-height:100vh;place-items:center;padding:32px 18px;background:linear-gradient(120deg,rgba(232,56,37,.11),transparent 30%),linear-gradient(245deg,rgba(33,29,26,.07),transparent 36%),var(--color-ash)}.welcome-panel,.trivia-panel,.result-panel,.host-panel{width:min(100%,720px);border:1px solid rgba(33,29,26,.14);border-radius:8px;background:#f8f5eff0;box-shadow:var(--shadow-panel)}.welcome-panel,.result-panel{padding:clamp(28px,6vw,56px)}.trivia-panel{padding:clamp(24px,5vw,44px)}.host-shell{place-items:start center}.host-panel{width:min(100%,1040px);padding:clamp(24px,4vw,44px)}.host-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.host-header h1{font-size:clamp(2.1rem,5vw,4.2rem)}.host-count{flex:0 0 auto;margin:6px 0 0;border:1px solid rgba(33,29,26,.22);border-radius:999px;padding:8px 12px;color:var(--color-forge);font-size:.88rem;font-weight:800}.host-actions{display:flex;align-items:flex-start;gap:10px}.compact-button{min-height:38px;padding:0 12px;white-space:nowrap}.question-form{display:grid;gap:16px;margin-top:28px;border:1px solid rgba(33,29,26,.16);border-radius:8px;padding:18px;background:var(--color-white)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:end}.question-form label{margin:0}.form-submit{width:100%}.host-list{display:grid;gap:14px;margin-top:30px}.host-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:stretch;border:1px solid rgba(33,29,26,.16);border-radius:8px;padding:18px;background:var(--color-white)}.question-number,.answer-key,.winner-label{margin:0;color:var(--color-forge);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.host-row h2{margin:8px 0 12px;color:var(--color-forge);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1}.answer-key{color:var(--color-forge-soft)}.winner-box{display:grid;align-content:center;gap:5px;border-radius:8px;padding:16px;border-left:4px solid var(--color-flare);background:var(--color-ash)}.winner-box strong{color:var(--color-forge);font-size:1.28rem}.winner-box span,.winner-box small{color:var(--color-forge-soft);font-weight:700}.eyebrow{margin:0 0 12px;color:var(--color-forge);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:var(--color-forge);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:700;line-height:.95}.trivia-panel h1{margin-top:26px;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.name-form{margin-top:34px}.notification-row{display:flex;align-items:center;gap:14px;margin-top:18px}.notification-status{margin:0;color:var(--color-forge-soft);font-size:.9rem;font-weight:700}label{display:block;margin-bottom:10px;font-size:.92rem;font-weight:700}.name-row{display:grid;grid-template-columns:1fr auto;gap:12px}input,textarea{width:100%;border:1px solid rgba(33,29,26,.24);border-radius:8px;background:var(--color-white);color:var(--color-forge);outline:none}input{min-height:52px;padding:0 16px}textarea{min-height:112px;margin-top:10px;padding:14px 16px;resize:vertical}input:focus,textarea:focus{border-color:var(--color-forge);box-shadow:0 0 0 4px #e8382538}.primary-button,.secondary-button,.answer{min-height:48px;border-radius:8px;border:1px solid transparent;padding:0 18px;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.primary-button{background:var(--color-flare);color:var(--color-black)}.primary-button:hover:not(:disabled){background:var(--color-flare-hover);transform:translateY(-1px)}.secondary-button{background:transparent;border-color:#211d1a5c;color:var(--color-forge)}.secondary-button:hover:not(:disabled){border-color:var(--color-forge)}.progress-row,.navigation-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-row p{margin:0;font-weight:700}.progress-track{height:8px;margin-top:18px;overflow:hidden;border-radius:999px;background:#211d1a24}.progress-fill{height:100%;border-radius:inherit;background:var(--color-flare);transition:width .24s ease}.answer-grid{display:grid;gap:12px;margin-top:28px}.answer{width:100%;min-height:58px;background:var(--color-white);border-color:#211d1a33;color:var(--color-forge);text-align:left}.answer:hover{border-color:var(--color-forge)}.answer.selected{background:var(--color-flare);border-color:var(--color-flare);color:var(--color-black)}.navigation-row{margin-top:28px}.error{margin:16px 0 0;color:var(--color-error);font-weight:700}.notice{margin:16px 0 0;color:var(--color-forge);font-weight:800}.score{margin:20px 0 8px;color:var(--color-flare);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(4.5rem,14vw,8rem);font-weight:700;line-height:.9}.score span{color:var(--color-forge);font-size:.42em}.status{margin:0 0 28px;color:var(--color-forge-soft);font-weight:600}@media(max-width:560px){.name-row,.navigation-row,.notification-row{grid-template-columns:1fr}.name-row,.notification-row,.navigation-row{display:grid}.primary-button,.secondary-button{width:100%}.host-header,.host-row,.form-grid{grid-template-columns:1fr}.host-header,.host-actions{display:grid}.host-count{width:fit-content}}