/* Copyright 2026 71 Degrees. All rights reserved. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans.woff2) format('woff2')}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/space-grotesk.woff2) format('woff2')}:root{--tn-bg:#0a0c1c;--tn-panel:#161a33;--tn-panel-light:#212748;--tn-border:rgba(157,168,255,.14);--tn-primary:#8657ff;--tn-primary-dark:#6d3ff0;--tn-primary-soft:rgba(134,87,255,.16);--tn-gold:#f2b84b;--tn-gold-dark:#d99a2b;--tn-good:#34d399;--tn-bad:#f4515f;--tn-text:#f1f2ff;--tn-muted:#9aa0c9;--tn-font-body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--tn-font-display:'Space Grotesk',system-ui,-apple-system,sans-serif;font-family:var(--tn-font-body)}body{margin:0;background:radial-gradient(1100px 520px at 12% -8%,rgba(134,87,255,.16),transparent 60%),radial-gradient(900px 500px at 108% 12%,rgba(242,184,75,.08),transparent 55%),var(--tn-bg);background-attachment:fixed;color:var(--tn-text);font-family:var(--tn-font-body)}h1,h2,h3,h4{font-family:var(--tn-font-display);letter-spacing:-.01em}h1:focus{outline:0}.page{min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:.5rem;padding:.85rem 1.5rem;background:rgba(22,26,51,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--tn-border)}.top-bar .brand{font-family:var(--tn-font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--tn-text);text-decoration:none}.top-bar nav{display:flex;align-items:center;flex-wrap:wrap}.top-bar nav a{color:var(--tn-muted);text-decoration:none;margin-left:1.5rem;font-weight:600;font-size:.92rem;transition:color .15s ease}.top-bar nav a:hover{color:var(--tn-text)}.tn-account-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:underline}.tn-account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.tn-account-name{color:var(--tn-muted);margin-left:1.5rem;font-weight:600;font-size:.92rem}.tn-link-button{background:none;border:0;color:var(--tn-muted);font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;padding:0;margin-left:.6rem;text-decoration:underline;transition:color .15s ease}.tn-link-button:hover{color:var(--tn-text)}.tn-fb-btn{display:inline-block;background:#1877f2;color:#fff!important;padding:.4rem .9rem;border-radius:8px;text-decoration:none!important;font-weight:700;margin-left:1.5rem;transition:background .15s ease}.tn-fb-btn:hover{background:#145dbf}main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.tn-card{position:relative;background:linear-gradient(180deg,var(--tn-panel),rgba(22,26,51,.85));border:1px solid var(--tn-border);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 12px 32px rgba(0,0,0,.35)}.tn-btn{display:inline-block;background:linear-gradient(135deg,var(--tn-primary),var(--tn-primary-dark));color:var(--tn-btn-text,#fff);border:0;border-radius:10px;padding:.65rem 1.4rem;font-family:var(--tn-font-body);font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px rgba(134,87,255,.28);transition:filter .15s ease,transform .1s ease}.tn-btn:hover{filter:brightness(1.08)}.tn-btn:active{transform:translateY(1px)}.tn-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.tn-btn-secondary{background:var(--tn-panel-light);border:1px solid var(--tn-border);box-shadow:none}.tn-btn-secondary:hover{background:#2a3158;filter:none}:root{--tn-admin:#f97316;--tn-admin-dark:#c2410c}.tn-btn.tn-admin{background:linear-gradient(135deg,#ea580c,var(--tn-admin-dark));color:#fff;border:0;box-shadow:0 6px 18px rgba(234,88,12,.3)}.tn-btn.tn-btn-secondary.tn-admin{background:transparent;color:var(--tn-admin);border:1px solid var(--tn-admin);box-shadow:none}.tn-btn.tn-btn-secondary.tn-admin:hover{background:rgba(249,115,22,.14);filter:none}.tn-link-button.tn-admin,.top-bar nav a.tn-admin{color:var(--tn-admin)}.tn-link-button.tn-admin:hover,.top-bar nav a.tn-admin:hover{color:#fdba74}.tn-btn-danger{background:var(--tn-bad);box-shadow:0 6px 18px rgba(244,81,95,.28)}.tn-input,.tn-select{background:var(--tn-panel-light);border:1px solid var(--tn-border);color:var(--tn-text);border-radius:8px;padding:.55rem .75rem;font-family:var(--tn-font-body);font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.tn-search-highlight{background:var(--tn-gold);color:var(--tn-bg);border-radius:3px;padding:0 2px}.tn-input:focus,.tn-select:focus{outline:0;border-color:var(--tn-primary);box-shadow:0 0 0 3px var(--tn-primary-soft)}.tn-quiz-list-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem;border-radius:10px;background:var(--tn-panel-light);border:1px solid var(--tn-border);margin-bottom:.75rem}.tn-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.tn-choice-stack{display:flex;flex-direction:column;gap:.6rem}.tn-question-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:1rem .85rem;box-sizing:border-box}.tn-choice-btn{padding:1.4rem 1rem;border-radius:12px;border:0;font-family:var(--tn-font-body);font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;text-align:left;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:filter .15s ease,transform .1s ease}.tn-choice-btn:hover:not(:disabled){filter:brightness(1.06)}.tn-choice-btn:active:not(:disabled){transform:translateY(1px)}.tn-choice-btn:disabled{opacity:.65;cursor:default}.tn-choice-0{background:#e63946}.tn-choice-1{background:#2a9d8f}.tn-choice-2{background:#f4a261}.tn-choice-3{background:#457b9d}.tn-choice-btn.tn-correct{outline:4px solid var(--tn-good);box-shadow:0 0 16px 4px rgba(52,211,153,.7),0 0 44px 10px rgba(52,211,153,.35);animation:tn-correct-glow 1.5s ease-in-out infinite alternate}@keyframes tn-correct-glow{from{box-shadow:0 0 10px 2px rgba(52,211,153,.55),0 0 26px 4px rgba(52,211,153,.2)}to{box-shadow:0 0 22px 7px rgba(52,211,153,.9),0 0 60px 16px rgba(52,211,153,.5)}}@media(prefers-reduced-motion:reduce){.tn-choice-btn.tn-correct{animation:none}}.tn-choice-btn.tn-incorrect{outline:4px solid var(--tn-bad)}.tn-timer{font-family:var(--tn-font-display);font-size:clamp(2rem,10vw,3rem);font-weight:700;text-align:center}.tn-timer.tn-urgent{color:var(--tn-bad)}.tn-progress-track{height:10px;border-radius:6px;background:var(--tn-panel-light);overflow:hidden}.tn-progress-fill{height:100%;background:linear-gradient(90deg,var(--tn-primary),var(--tn-gold));transition:width .9s linear}.tn-leaderboard-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;border-radius:8px;background:var(--tn-panel-light);border:1px solid transparent;margin-bottom:.4rem}.tn-leaderboard-row.tn-rank-3{font-size:1.1em;padding:.75rem 1rem}.tn-leaderboard-row.tn-rank-2{font-size:1.25em;padding:.85rem 1.1rem}.tn-leaderboard-row.tn-rank-1{background:linear-gradient(90deg,rgba(242,184,75,.2),var(--tn-panel-light));border-color:rgba(242,184,75,.6);font-size:1.45em;font-weight:700;padding:1rem 1.25rem;animation:tn-glow-pulse 2.2s ease-in-out infinite}@keyframes tn-glow-pulse{0%,100%{box-shadow:0 0 6px 0 rgba(242,184,75,.3)}50%{box-shadow:0 0 22px 5px rgba(242,184,75,.75)}}@media(prefers-reduced-motion:reduce){.tn-leaderboard-row.tn-rank-1{animation:none;box-shadow:0 0 14px 3px rgba(242,184,75,.5)}}.tn-muted{color:var(--tn-muted)}.tn-qr-box{text-align:center;background:#fff;border-radius:14px;padding:1rem;display:inline-block}.tn-join-code{font-family:var(--tn-font-display);font-size:clamp(1.6rem,8vw,2.5rem);font-weight:700;letter-spacing:.2em;text-align:center}.tn-flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.tn-answer-locked{text-align:center;padding:2rem;font-size:1.4rem;color:var(--tn-good);font-weight:700}.tn-qr-box img{max-width:100%;height:auto}@media(max-width:600px){main{padding:1.25rem .85rem 3rem}.top-bar{padding:.65rem 1rem}.top-bar nav a,.tn-account-name,.tn-fb-btn{margin-left:.85rem}.tn-card{padding:1.1rem}h1{font-size:1.5rem}}@media(max-width:380px){.tn-choice-grid{gap:.5rem}.tn-choice-btn{padding:.85rem .6rem;font-size:.85rem}}.tn-feedback-fab{position:fixed;right:1.25rem;bottom:1.25rem;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:linear-gradient(135deg,var(--tn-primary),var(--tn-primary-dark));color:var(--tn-btn-text,#fff);font-size:1.4rem;line-height:1;box-shadow:0 6px 20px rgba(134,87,255,.4);cursor:pointer;z-index:1000;transition:filter .15s ease}.tn-feedback-fab:hover{filter:brightness(1.08)}.tn-feedback-panel{position:fixed;right:1.25rem;bottom:5rem;width:min(320px,calc(100vw - 2.5rem));background:var(--tn-panel);border:1px solid var(--tn-border);border-radius:14px;padding:1.1rem;box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:1000}.tn-feedback-panel textarea.tn-input{resize:vertical}.tn-feedback-thanks{color:var(--tn-good);font-weight:600;margin:0}@media(max-width:380px){.tn-feedback-fab{right:1rem;bottom:1rem;width:2.8rem;height:2.8rem;font-size:1.2rem}.tn-feedback-panel{right:.75rem;bottom:4.5rem}}.tn-question-screen .tn-flex-between{padding-right:3rem}main:has(.tn-question-screen)+.tn-feedback-fab{top:.4rem;bottom:auto;right:.4rem;width:2.3rem;height:2.3rem;font-size:1rem}main:has(.tn-question-screen)+.tn-feedback-fab+.tn-feedback-panel{top:3rem;bottom:auto}#components-reconnect-modal{display:none;position:fixed;inset:0;background:rgba(10,12,28,.92);z-index:2000;align-items:center;justify-content:center}#components-reconnect-modal.components-reconnect-show,#components-reconnect-modal.components-reconnect-failed,#components-reconnect-modal.components-reconnect-rejected{display:flex}.tn-reconnect-box{background:var(--tn-panel);border:1px solid var(--tn-border);padding:1.5rem 2rem;border-radius:14px;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.5)}.tn-reconnect-reload{color:var(--tn-gold)}.tn-footer{max-width:960px;margin:0 auto;padding:1rem 1.5rem 3rem;display:flex;gap:1.5rem;justify-content:center}.tn-footer a{color:var(--tn-muted);text-decoration:none;font-size:.85rem}.tn-footer a:hover{color:var(--tn-text)}.tn-correct-heading{display:inline-block;position:relative;animation:tn-correct-pop .4s ease-out}.tn-correct-burst{position:absolute;inset:0;pointer-events:none}.tn-spark{position:absolute;top:0;left:50%;font-size:.9rem;animation:tn-spark-rise .9s ease-out forwards}.tn-spark:nth-child(1){--tn-spark-x:-30px;left:15%}.tn-spark:nth-child(2){--tn-spark-x:-10px;left:38%;animation-delay:.05s}.tn-spark:nth-child(3){--tn-spark-x:10px;left:62%;animation-delay:.1s}.tn-spark:nth-child(4){--tn-spark-x:30px;left:85%;animation-delay:.15s}@keyframes tn-correct-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes tn-spark-rise{0%{transform:translate(0,0) scale(.6);opacity:0}30%{opacity:1}100%{transform:translate(var(--tn-spark-x,0),-28px) scale(1);opacity:0}}.tn-bonus-heading{display:inline-block;position:relative;animation:tn-correct-pop .4s ease-out}.tn-bonus-burst{position:absolute;inset:0;pointer-events:none}.tn-bonus-spark{position:absolute;top:0;left:50%;font-size:.9rem;animation:tn-spark-rise .9s ease-out forwards}.tn-bonus-spark:nth-child(1){--tn-spark-x:-30px;left:15%}.tn-bonus-spark:nth-child(2){--tn-spark-x:-10px;left:38%;animation-delay:.05s}.tn-bonus-spark:nth-child(3){--tn-spark-x:10px;left:62%;animation-delay:.1s}.tn-bonus-spark:nth-child(4){--tn-spark-x:30px;left:85%;animation-delay:.15s}@media(prefers-reduced-motion:reduce){.tn-correct-heading,.tn-spark,.tn-bonus-heading,.tn-bonus-spark{animation:none}}input[list]::-webkit-calendar-picker-indicator{display:none!important}.tn-break{display:flex;flex-direction:column;min-height:calc(100vh - 9rem);text-align:center}.tn-break-top{flex:1 1 auto;padding:1rem .5rem}.tn-break-message{font-size:clamp(1.6rem,4vw,3rem);margin:.5rem auto;max-width:22ch;overflow-wrap:anywhere}.tn-break-host .tn-break-message{font-size:clamp(2.2rem,5.5vw,4.5rem);max-width:26ch}.tn-break-clock{font-size:clamp(3rem,12vw,7rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.tn-break-link{margin-top:1rem;font-size:1.15rem}.tn-break-link a{color:var(--tn-primary);font-weight:700;overflow-wrap:anywhere}.tn-marquee{flex:0 0 auto;height:200px;overflow:hidden;margin-top:auto;text-align:left;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.tn-marquee-scrolls .tn-marquee-track{animation:tn-marquee-scroll var(--tn-marquee-seconds,20s) linear infinite}@keyframes tn-marquee-scroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.tn-marquee-scrolls{overflow-y:auto}.tn-marquee-scrolls .tn-marquee-track{animation:none}}.tn-site-banner{position:sticky;top:0;z-index:60;padding:.4rem .75rem;text-align:center;font-size:.85rem;font-weight:600}.tn-site-banner-staging{background:#b45309;color:#fff}.tn-site-banner-maintenance{background:#1d4ed8;color:#fff}