@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,800;0,900;1,700;1,800;1,900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-title:"Barlow Condensed",sans-serif;--font-body:"Outfit",sans-serif;--bg-dark:#070a14;--bg:#0c1322;--panel:#162136a6;--panel-opaque:#162136;--panel-2:#243049bf;--border:#ffffff14;--border-hover:#ffffff29;--text:#f8fafc;--muted:#94a3b8;--green:#00e676;--green-glow:#00e6762e;--yellow:gold;--yellow-glow:#ffd7002e;--red:#ff3d00;--red-glow:#ff3d002e;--blue:#00b0ff;--blue-glow:#00b0ff2e;--radius:16px;--radius-inner:10px;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #00000080;--glow-gold:0 0 25px #ffd70040;--glow-green:0 0 25px #00e67640;--glow-blue:0 0 25px #00b0ff40;--ease-out:cubic-bezier(.16,1,.3,1);--transition:all .25s var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#152542 0%,#080d1a 80%) no-repeat fixed;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button{font:inherit;color:inherit;cursor:pointer;transition:var(--transition);outline:none;background:0 0;border:none}button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);backdrop-filter:blur(8px);background:#0c132299;width:100%;padding:14px 16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 14px var(--blue-glow)}.screen{display:flex;flex-direction:column;gap:18px;max-width:520px;min-height:100dvh;margin:0 auto;padding:24px 20px 48px}.screen-center{text-align:center;justify-content:center}.screen-title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;text-align:center;color:var(--yellow);text-shadow:var(--glow-gold);font-size:1.8rem;font-style:italic;font-weight:800}.big-msg{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.02em;text-align:center;color:#fff;text-shadow:0 2px 10px #0006;font-size:2.2rem;font-style:italic;font-weight:900}.muted{color:var(--muted);text-align:center;font-size:.95rem}.panel{background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:var(--transition);padding:20px}.btn{display:flex;border-radius:var(--radius);color:#fff;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);background:linear-gradient(135deg,#00b0ff,#0081cb);border:1px solid #ffffff1a;justify-content:center;align-items: center;width:100%;min-height:56px;padding:14px 24px;font-size:1.2rem;font-style:italic;font-weight:800;box-shadow:0 6px 20px #00b0ff4d}.btn:hover:not(:disabled){border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00b0ff73}.btn:active:not(:disabled){transform:translateY(1px)scale(.98);box-shadow:0 2px 10px #00b0ff33}.btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.btn.green{color:#002d13;background:linear-gradient(135deg,#00e676,#00b248);border-color:#ffffff26;box-shadow:0 6px 20px #00e6764d}.btn.green:hover:not(:disabled){box-shadow:0 8px 24px #00e67673}.btn.danger{background:linear-gradient(135deg,#ff3d00,#c30000);box-shadow:0 6px 20px #ff3d004d}.btn.danger:hover:not(:disabled){box-shadow:0 8px 24px #ff3d0073}.btn.ghost{border:1px solid var(--border);box-shadow:none;color:var(--text);background:#ffffff0d}.btn.ghost:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-sm);background:#ffffff1a}.alts{display:grid;gap:12px}.alt-btn{border-radius:var(--radius);border:1px solid var(--border);text-align:left;display:flex;transition:var(--transition);box-shadow:var(--shadow-sm);background:#1a243866;align-items: center;gap:14px;min-height:64px;padding:16px;font-size:1.05rem;font-weight:600}.alt-btn:hover:not(:disabled){border-color:var(--border-hover);box-shadow:var(--shadow-md);background:#1a2438d9;transform:translateY(-2px)}.alt-btn .alt-letter{display:inline-flex;font-family:var(--font-title);color:var(--muted);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items: center;min-width:36px;height:36px;font-size:1.25rem;font-style:italic;font-weight:800}.alt-btn:disabled{opacity:.6;transform:none!important}.alt-btn.picked{border-color:var(--blue);box-shadow:var(--glow-blue);opacity:1;background:#00b0ff26}.alt-btn.picked .alt-letter{background:var(--blue);color:#fff;border-color:#0000}.alt-btn.correct{border-color:var(--green);box-shadow:var(--glow-green);opacity:1;background:#00e67626}.alt-btn.correct .alt-letter{background:var(--green);color:#002d13;border-color:#0000}.alt-btn.wrong-pick{border-color:var(--red);box-shadow:0 0 20px var(--red-glow);opacity:1;background:#ff3d0026}.alt-btn.wrong-pick .alt-letter{background:var(--red);color:#fff;border-color:#0000}.alt-btn.struck{text-decoration:line-through;color:var(--muted);opacity:.45;background:#1e141e59;border-color:#452a35}.alt-btn.struck .alt-letter{color:#553b47;background:#0000001a}.countdown{display:flex;align-items: center;gap:12px}.countdown-track{border:1px solid var(--border);overflow:hidden;background:#00000059;border-radius:99px;flex:1;height:14px;padding:2px}.countdown-fill{background:linear-gradient(90deg,#00b0ff,#00e676);border-radius:99px;height:100%;transition:width .25s linear;box-shadow:0 0 10px #00e67659}.countdown-fill.low{background:linear-gradient(90deg,#ff3d00,#c30000);box-shadow:0 0 10px #ff3d0080}.countdown-secs{font-family:var(--font-title);font-variant-numeric:tabular-nums;text-align:right;color:#fff;min-width:2.5ch;font-size:1.4rem;font-style:italic;font-weight:800}.conn-banner{position:fixed;z-index:100;text-align:center;font-family:var(--font-title);text-transform:uppercase;color:#4a3500;animation:slideDown .3s var(--ease-out);background:linear-gradient(90deg,gold,#ffa000);padding:8px;font-size:1rem;font-style:italic;font-weight:800;top:0;left:0;right:0;box-shadow:0 2px 10px #0000004d}.toast{position:fixed;z-index:100;backdrop-filter:blur(10px);color:#fff;box-shadow:var(--shadow-lg);text-align:center;animation:slideUp .3s var(--ease-out);background:#ff3d00f2;border:1px solid #fff3;border-radius:99px;max-width:90vw;padding:12px 24px;font-weight:600;bottom:24px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}table.std{border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem}table.std th,table.std td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px}table.std th{color:var(--muted);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);font-size:.85rem;font-style:italic;font-weight:700}table.std tr{transition:var(--transition)}table.std tr:hover td{background:#ffffff05}table.std tr.hl td{color:#fff;background:#00b0ff1f;font-weight:700}table.std tr.qualified td:first-child{border-left:4px solid var(--green)}table.std td.num{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}@media (prefers-reduced-motion:reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important;transform:none!important}}.join-form{display:flex;flex-direction:column;gap:16px;margin-top:14px}.join-code{text-align:center;letter-spacing:.25em;text-transform:uppercase;text-shadow:var(--glow-gold);font-style:italic;font-family:var(--font-title)!important;color:var(--yellow)!important;background:#00000059!important;border:2px solid #ffffff1f!important;font-size:2.2rem!important;font-weight:900!important}.join-code::placeholder{letter-spacing:normal;opacity:.45;font-size:1.25rem;font-style:normal;font-weight:600}.join-error{color:var(--red);text-shadow:0 0 10px var(--red-glow);text-align:center;border-radius:var(--radius-inner);background:#ff3d001a;border:1px solid #ff3d0033;padding:8px 12px;font-size:.95rem;font-weight:700}.question-text{text-align:center;color:#fff;margin:12px 0 20px;font-size:1.35rem;font-weight:700;line-height:1.45}.duel-header{display:flex;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1a2438cc,#0c1322cc);justify-content:space-between;align-items: center;gap:12px;margin-bottom:4px;padding:14px 18px;font-style:italic;font-weight:800}.duel-header .duel-me{color:var(--green);text-shadow:var(--glow-green)}.duel-header .duel-vs{color:var(--muted);font-size:.9rem}.duel-header .duel-score{color:var(--yellow);text-shadow:var(--glow-gold);background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:2px 10px;font-size:1.3rem;font-weight:900}.coin-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.confirm-last{text-align:center;color:var(--yellow);font-size:1.15rem;font-weight:700}.alt-btn .dist{color:var(--yellow);text-shadow:var(--glow-gold);font-family:var(--font-title);font-variant-numeric:tabular-nums;background:#0003;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:1.25rem;font-style:italic;font-weight:800}.mates{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:12px}.mates li{border-bottom:1px solid var(--border);border-radius:var(--radius-inner);display:flex;background:#ffffff05;justify-content:space-between;align-items: center;padding:12px 16px;font-weight:500}.mates li.me{color:var(--green);background:#00e67614;border:1px solid #00e67626;font-weight:700}.podium{display:flex;flex-direction:column;gap:12px;margin-top:16px}.podium p{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;align-items: center;gap:12px;padding:12px 18px;font-size:1.25rem;font-weight:600}.podium p:before{flex-shrink:0;font-size:1.6rem}.podium p:first-child{border-color:var(--yellow);background:linear-gradient(135deg,#ffd70014,#1a24384d)}.podium p:first-child:before{content:"🥇"}.podium p:nth-child(2){background:linear-gradient(135deg,#cbd5e114,#1a24384d);border-color:#cbd5e1}.podium p:nth-child(2):before{content:"🥈"}.podium p:nth-child(3){background:linear-gradient(135deg,#cd7f3214,#1a24384d);border-color:#cd7f32}.podium p:nth-child(3):before{content:"🥉"}