:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f8ff;background:#090d23;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#28135a 0,transparent 43%),radial-gradient(ellipse at 15% 25%,#0a3763 0,transparent 37%),#090d23}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:18px 28px}.brand img{width:210px;max-height:65px;object-fit:contain}.topbar nav{display:flex;gap:25px;color:#cbd0ef;font-size:14px}.topbar nav a:hover{color:white}.hero{max-width:1200px;margin:auto;min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:35px 28px 85px}.hero-art img{width:100%;filter:drop-shadow(0 15px 55px #482bb988)}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#8fd9ff;font-weight:800}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.04;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffd43b,#ff7d32);color:transparent;background-clip:text}.hero p,.library p{font-size:18px;line-height:1.7;color:#c7cce7;max-width:540px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{border:0;border-radius:12px;padding:14px 22px;font-weight:800;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.primary{background:linear-gradient(115deg,#ffb81b,#ff752b);color:#12142a}.outline{border:1px solid #6864b5;color:white;background:#ffffff12}.meta{display:flex;flex-wrap:wrap;gap:15px;color:#b1b9df;font-size:12px}.section{max-width:1200px;margin:auto;padding:75px 28px}.section h2{font-size:clamp(32px,4vw,50px);margin:12px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.mini-card{background:#ffffff0a;border:1px solid #ffffff21;border-radius:20px;padding:28px}.symbol{font-size:32px}.card h3{font-size:23px}.card p{color:#b9c0df;line-height:1.7}.library{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding-bottom:120px}.mini-card{display:grid;gap:10px}.mini-card span{font-size:12px;color:#94a4d2;letter-spacing:1px}.mini-card strong{font-size:21px}.mini-card hr{width:100%;border:0;border-top:1px solid #ffffff20}footer{border-top:1px solid #ffffff20;padding:30px max(28px,calc((100vw - 1144px)/2));display:flex;justify-content:space-between;gap:15px;color:#a8b2d3;font-size:13px}.modal{position:fixed;inset:0;z-index:10;background:#030614df;display:flex;align-items:center;justify-content:center;padding:15px}.modal[hidden]{display:none}.dialog{width:min(100%,700px);max-height:94vh;overflow:auto;background:#151c3c;border:1px solid #5960a0;border-radius:20px;padding:25px;box-shadow:0 25px 90px #0009}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0 0 16px}.close{border:0;background:transparent;color:white;font-size:32px}.field{display:grid;gap:8px;margin:14px 0}.field label{font-size:14px;font-weight:700}.field input,.field textarea,.field select{width:100%;background:#080e27;border:1px solid #57628f;border-radius:10px;padding:12px;color:white}.field textarea{min-height:90px;resize:vertical}.hint{font-size:13px;color:#adb9db;line-height:1.6}.question{border:1px solid #ffffff25;border-radius:12px;padding:15px;margin:14px 0}.question strong{display:block;margin-bottom:8px}.question small{color:#9deac6}.dialog .btn{margin-top:10px}.notice{border-left:3px solid #ffbd37;padding:10px 14px;background:#ffffff0a;color:#e7e5cb;font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1}.empty{color:#aeb5d2;font-size:14px}@media(max-width:750px){.topbar{padding:15px}.brand img{width:145px}.topbar nav{gap:12px;font-size:11px}.hero{grid-template-columns:1fr;padding:30px 20px 55px;min-height:0}.hero-art{grid-row:1}.hero-art img{max-width:330px;display:block;margin:auto}.hero h1{font-size:55px}.cards,.library{grid-template-columns:1fr}.section{padding:55px 20px}footer{padding:25px 20px;flex-direction:column}}

.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.answers .answer{background:#293c80;color:white;min-height:74px;text-align:left}.answers .answer:nth-child(2){background:#8e344c}.answers .answer:nth-child(3){background:#8c6519}.answers .answer:nth-child(4){background:#226c56}.answers .answer:disabled{opacity:.55;cursor:default}.standings{line-height:2;font-weight:700}@media(max-width:540px){.answers{grid-template-columns:1fr}}

/* v2.0.3 Host live answer tracker */
.answer-tracker{margin:18px 0;padding:18px;border:1px solid #38528a;border-radius:16px;background:#121d3d}.answer-track-bar{height:12px;border-radius:20px;background:#354363;overflow:hidden}.answer-track-bar>div{height:100%;background:#37cda1;transition:width .25s}.answer-tracker summary{cursor:pointer;font-weight:700;margin:14px 0}.answer-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.answer-player{padding:10px;border-radius:9px;background:#303954;color:#fff}.answer-player.has-answered{background:#175347}.answer-player small{display:block;opacity:.8}

/* Zaptivia version label: stays visible in host and player dialogs. */
.site-version { position: fixed; bottom: 10px; right: 12px; z-index: 2147483000; padding: 4px 8px; border-radius: 6px; background: rgba(8, 13, 39, .88); border: 1px solid rgba(255,255,255,.2); color: #d9def2; font: 500 11px/1.3 system-ui, sans-serif; pointer-events: none; user-select: none; }

/* v2.0.4 dedicated host/dashboard */
[hidden]{display:none!important}.app-page{max-width:1250px;margin:0 auto;min-height:75vh;padding:28px 24px 100px}.host-shell{background:#131c3c;border:1px solid #435184;border-radius:24px;padding:clamp(20px,3vw,42px);box-shadow:0 25px 65px #0005}.host-shell h1{font-size:clamp(28px,4vw,44px);margin:8px 0}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dash-actions,.tile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.dash-warning{padding:16px;background:#263052;border:1px solid #6874a0;border-radius:12px;color:#d5dafa;margin:20px 0}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.set-tile,.room-invite{background:#202b51;border:1px solid #4d5c8a;border-radius:16px;padding:20px}.set-tile h3{margin:12px 0 8px}.set-tile p,.muted{color:#b8c6e4}.room-invite{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:22px 0}.invite-url{overflow-wrap:anywhere;color:#d3dafa}.room-phase{padding:10px 16px;border-radius:99px;background:#344473;color:#fff;font-weight:800;font-size:12px;letter-spacing:1px}.host-shell #room-content{margin-top:20px}.host-shell #room-content h3{margin-top:26px}.host-shell #room-content .btn{margin:7px 6px 7px 0}.advanced-toggle,.set-check{display:block;padding:12px 0;color:#dce4ff}.advanced-toggle input,.set-check input{margin-right:8px}.site-version{z-index:20}@media(max-width:600px){.app-page{padding:12px 12px 70px}.host-shell{padding:18px}.room-invite{display:block}}