@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#11120f;--panel:#1b1c17;--line:#33342b;--gold:#d6bc7c;--red:#c4553c;--text:#f3f0e7;--muted:#a3a393}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font:16px/1.5 DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.6;cursor:wait}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.site-shell{max-width:840px;margin:0 auto;padding:0 28px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:86px;display:flex}.wordmark{color:var(--gold);letter-spacing:1.8px;font:600 23px Barlow Condensed,Arial Narrow,sans-serif}.login-button{min-height:42px;color:var(--gold);background:0 0;border:1px solid #514a34;border-radius:5px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:inline-flex}.subtle{color:var(--muted);font-size:14px}.event-heading{align-items:center;gap:30px;padding:40px 0;display:flex}.event-logo{object-fit:contain;flex-shrink:0;width:140px;height:140px}.event-heading h1{margin-bottom:15px;font:600 44px/1.15 Barlow Condensed,Arial Narrow,sans-serif}.event-heading p{color:var(--muted);align-items:center;gap:8px;margin-top:7px;font-size:14px;display:flex}.event-heading p svg{color:var(--gold);flex-shrink:0}.participants-panel{background:var(--panel);border:1px solid var(--line);border-top:2px solid #a94b36;border-radius:7px;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;display:flex}.section-heading h2{font-size:20px;font-weight:500}.participant-count{min-width:30px;color:var(--gold);text-align:center;border:1px solid #4a4430;border-radius:4px;padding:2px 9px;font-size:14px}.join-row,.your-profile{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#202119;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.join-row p{color:var(--muted);font-size:14px}.primary-button{background:var(--gold);color:#171912;white-space:nowrap;border:0;border-radius:5px;justify-content:center;align-items:center;gap:13px;min-height:46px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.primary-button:hover{background:#e3ca8b}.name-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#202119;padding:20px 24px}.name-form label{color:#d2d0c2;margin-bottom:9px;font-size:14px;display:block}.name-form>div{align-items:stretch;gap:10px;display:flex}.name-form input{width:100%;min-width:0;min-height:46px;color:var(--text);background:#12140f;border:1px solid #4b4b3c;border-radius:5px;padding:10px 13px;font-size:16px}.name-form input::placeholder{color:#8b8d7e}.form-error{color:#f4a89c;margin-top:12px;font-size:14px}.cancel-button{color:var(--muted);background:0 0;border:0;padding:10px 0 0;font-size:14px}.your-profile{font-size:14px}.your-profile>span{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.your-profile>span>svg{color:var(--gold);flex-shrink:0;margin-right:3px}.your-profile strong{overflow-wrap:anywhere;font-weight:500}.your-profile button{color:var(--gold);background:0 0;border:none;align-items:center;gap:6px;padding:10px 0 10px 10px;font-size:14px;display:flex}.participants{margin:0;padding:0 24px;list-style:none}.participants li{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:17px 0;display:flex}.participants li:last-child{border:0}.avatar{width:36px;height:36px;color:var(--gold);background:#343123;border:1px solid #554a32;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.participant-name{overflow-wrap:anywhere;min-width:0}.you-tag{color:var(--gold);border:1px solid #4b4733;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:12px}.rank{text-align:center;width:20px;color:var(--muted);flex-shrink:0;margin-right:-3px;font:600 18px Barlow Condensed,Arial Narrow,sans-serif}.rank.first{color:var(--gold)}.result{flex-direction:column;flex-shrink:0;align-items:flex-end;margin-left:auto;padding-left:6px;display:flex}.participant-time{letter-spacing:.3px;color:#6f7062;white-space:nowrap;align-items:center;gap:8px;font:600 20px/1.1 Barlow Condensed,Arial Narrow,sans-serif;display:inline-flex}.is-stopped .participant-time{color:var(--gold)}.is-running .participant-time{color:var(--text)}.verdict{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.2}.result.is-ridder .verdict{color:var(--gold)}.result.is-too-slow .participant-time,.result.is-too-slow .verdict{color:#ec9d88}.stopwatch{background:radial-gradient(120% 85% at 50% 0%, #25251c, var(--panel) 65%);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:7px;margin-bottom:28px;padding:22px 24px 24px;container-type:inline-size}.stopwatch.is-running{border-top-color:var(--red);background:radial-gradient(120% 85% at 50% 0%, #37231b, var(--panel) 65%)}.stopwatch-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stopwatch-head h2{letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;font:600 16px Barlow Condensed,Arial Narrow,sans-serif;display:flex}.stopwatch-status{border:1px solid var(--line);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:3px 11px;font-size:13px;display:inline-flex}.is-running .stopwatch-status{color:#f2b4a4;border-color:#683426}.is-stopped .stopwatch-status{color:var(--gold);border-color:#4a4430}.is-stopped.is-unsaved .stopwatch-status{color:#f4a89c;border-color:#683426}.stopwatch-display{text-align:center;letter-spacing:.01em;white-space:nowrap;color:#5f6053;margin:14px 0 20px;font:600 min(25cqi,150px)/1.05 Barlow Condensed,Arial Narrow,sans-serif}.stopwatch-display .has-hours{color:#ec9d88;font-size:.8em}.is-closed .stopwatch-display{color:var(--muted)}.stopwatch-caption{text-align:center;color:var(--muted);margin:-12px 0 20px;font-size:14px}.is-running .stopwatch-display{color:var(--text)}.is-stopped .stopwatch-display{color:var(--gold)}.is-stopped.is-unsaved .stopwatch-display{color:#d9cfae}.stopwatch-button{letter-spacing:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:8px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:92px;font:700 38px/1 Barlow Condensed,Arial Narrow,sans-serif;transition:transform 80ms,background-color .15s;display:flex}.stopwatch-button:active:not(:disabled){transform:scale(.985)}.stopwatch-button.start{background:var(--gold);color:#171912}.stopwatch-button.start:hover:not(:disabled){background:#e3ca8b}.stopwatch-button.stop{background:var(--red);color:#fff4ef;box-shadow:0 0 0 6px #c4553c24}.stopwatch-button.stop:hover{background:#cf5f46}.stopwatch-button.join,.stopwatch-button.retry{letter-spacing:0;gap:10px;min-height:64px;font:600 16px DM Sans,Arial,sans-serif}.stopwatch-button.join{color:var(--gold);background:#25251c;border:1px solid #514a34}.stopwatch-button.retry{background:var(--gold);color:#171912}.stopwatch-button.closed{letter-spacing:2px;color:var(--muted);border:1px solid var(--line);opacity:1;cursor:not-allowed;background:#22221a;gap:12px;font-size:26px}.ridder-meter{margin:-6px 0 20px}.ridder-bar{background:#2e2e25;border-radius:3px;height:6px;overflow:hidden}.ridder-bar span{background:var(--gold);transform-origin:0;height:100%;display:block}.ridder-meter.is-over .ridder-bar span{background:var(--red)}.ridder-meter p{color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;display:flex}.ridder-meter strong{color:var(--text);font-weight:600}.ridder-meter.is-over strong{color:#f4a89c}.verdict-banner{border-radius:6px;align-items:flex-start;gap:11px;margin-bottom:16px;padding:13px 15px;font-size:15px;line-height:1.4;display:flex}.verdict-banner svg{flex-shrink:0;margin-top:1px}.verdict-banner strong{font-weight:600}.verdict-banner.is-ridder{color:var(--gold);background:#2a2617;border:1px solid #5a4d2c}.verdict-banner.is-ridder span{color:#e9dfc0}.verdict-banner.is-too-slow{color:#f4b3a3;background:#33201a;border:1px solid #683426}.is-too-slow .stopwatch-display{color:#ec9d88}.stopwatch-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stopwatch-rank{align-items:center;gap:9px;font:600 26px/1 Barlow Condensed,Arial Narrow,sans-serif;display:flex}.stopwatch-rank svg{color:var(--gold)}.reset-button,.reset-confirm button{border:1px solid var(--line);min-height:42px;color:var(--muted);background:0 0;border-radius:5px;align-items:center;gap:7px;padding:8px 13px;font-size:14px;display:inline-flex}.reset-confirm{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-size:14px;display:flex}.reset-confirm span{margin-right:4px}.reset-confirm button{color:var(--text)}.reset-confirm .danger{background:var(--red);border-color:var(--red);color:#fff4ef}.stopwatch-error{color:#f4a89c;margin-top:14px;font-size:14px}.stopwatch-hint{text-align:center;color:var(--muted);margin-top:16px;font-size:14px}.stopwatch-hint strong{color:var(--text);font-weight:500}.pulse{background:#e0654b;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}.stopwatch-button{transition:none}}.rank,.participant-time,.stopwatch-display,.ridder-meter strong{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;color:var(--muted);padding:36px 24px;font-size:14px}.loading{color:var(--muted);padding:16px 24px;font-size:14px}.error-banner{color:#ebbd9c;background:#38271e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;font-size:14px;display:flex}.error-banner button{background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:14px;display:flex}.demo-bar{color:#c9bb94;background:#252218;border:1px solid #4d4229;border-radius:4px;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:8px 12px;font-size:12px;display:flex}.demo-bar button{background:0 0;border:0;padding:6px;font-size:12px}.save-notice{color:var(--muted);min-height:65px;padding:12px 0 30px;font-size:14px}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100dvh;padding:25px;display:flex}.auth-brand{color:var(--gold);font:600 30px Barlow Condensed,sans-serif}.auth-landing{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:32px 18px;display:flex}.auth-heading{text-align:center}.auth-heading img{object-fit:contain;margin:0 auto 15px;display:block}.auth-heading h1{font:600 36px/1.15 Barlow Condensed,Arial Narrow,sans-serif}.auth-heading p{color:var(--muted);margin-top:8px;font-size:14px}.auth-landing .cl-rootBox,.auth-landing .cl-cardBox{max-width:100%}@media (max-width:420px){.auth-landing{justify-content:flex-start;gap:20px;padding-top:25px}.auth-heading img{width:90px;height:90px;margin-bottom:12px}.auth-heading h1{font-size:32px}}@media (max-width:600px){.site-shell{padding:0 18px}.header{min-height:70px}.wordmark{letter-spacing:1.4px;font-size:20px}.event-heading{align-items:flex-start;gap:18px;padding:29px 0}.event-logo{width:95px;height:95px;margin-top:2px}.event-heading h1{max-width:210px;margin-bottom:13px;font-size:31px}.event-heading p{align-items:flex-start;gap:6px;margin-top:8px;font-size:12px}.event-heading p svg{width:14px;height:14px;margin-top:2px}.section-heading{padding:19px 18px}.section-heading h2{font-size:19px}.join-row,.your-profile{gap:12px;padding:16px 18px}.join-row p{font-size:13px}.primary-button{gap:8px;padding:11px 14px}.name-form{padding:18px}.name-form>div{gap:8px}.name-form input{padding:10px}.name-form input::placeholder{font-size:14px}.participants{padding:0 18px}.your-profile>span{column-gap:5px}.your-profile button span{display:none}.error-banner{padding:14px 18px}.stopwatch{margin-bottom:22px;padding:18px 18px 20px}.stopwatch-button{min-height:84px;font-size:34px}.participants li{gap:11px}.participant-time{gap:7px;font-size:18px}}@media (max-width:360px){.site-shell{padding:0 14px}.event-logo{width:78px;height:78px}.event-heading{gap:13px}.event-heading h1{font-size:29px}}