:root{color-scheme:dark;--ink:#071321;--panel:#102332;--muted:#8da6ac;--white:#ebf5e8;--mint:#72efc4;--orange:#ffb96a;--line:#29434b;font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--ink);color:var(--white)}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated}.world-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#071321c9 0%,transparent 29%,transparent 72%,#071321ba 100%)}.topbar{position:fixed;z-index:3;top:0;left:0;width:100%;padding:28px 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:1.5px;font-size:18px}.bolt{display:grid;place-items:center;background:var(--mint);color:var(--ink);width:39px;height:43px;font-size:43px;line-height:1;clip-path:polygon(0 0,87% 0,100% 15%,100% 100%,13% 100%,0 85%)}.slash{color:var(--mint)}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:500;letter-spacing:1.2px;margin-top:5px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock-box{position:absolute;left:50%;transform:translateX(-50%);top:24px;text-align:center;min-width:250px}.clock-box>span{display:block;font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--muted)}.clock-box strong{font:900 34px/1.3 monospace;letter-spacing:-1px;display:block;text-shadow:3px 3px #102c3c}.clock-box #race-rule{letter-spacing:.6px;font-size:10px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.source-pill{font-size:11px;display:flex;align-items:center;gap:7px;color:#b2c7c8;background:#10242ac2;border:1px solid #2b444a;padding:9px 11px}.source-pill i,.live-dot{width:5px;height:5px;display:inline-block;background:var(--mint);box-shadow:0 0 9px #72efc477}.source-pill.demo{color:var(--orange)}.source-pill.demo i{background:var(--orange)}.source-pill.offline{color:#ff9d9d}.source-pill.offline i{background:#ff9d9d}.icon-button{background:#10242abd;border:1px solid var(--line);width:34px;height:34px;font-size:22px;line-height:1}.icon-button:hover{border-color:var(--mint)}main{position:relative;z-index:2;height:100%;pointer-events:none}main button,main a{pointer-events:auto}.hero{position:absolute;left:10%;top:18%;max-width:560px;text-shadow:0 2px 12px #071321}.hero .eyebrow{color:var(--orange);letter-spacing:3px;font-size:10px}.hero h1{font-weight:900;font-size:clamp(38px,4.8vw,68px);line-height:1.22;letter-spacing:1px;margin:15px 0 20px}.hero h1 em{font-style:normal;color:var(--mint)}.hero>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b1c8c7}.hero .primary-button{margin-top:14px;min-width:244px}.hero .hero-foot{font-size:10px!important;letter-spacing:.4px;margin-top:24px;color:#8ba7aa!important}.hero-foot b{color:var(--orange);padding:0 9px}.primary-button,.secondary-button,.text-button{border:0;padding:13px 20px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:28px;transition:transform .15s,background .15s}.primary-button{background:var(--mint);color:#082823;box-shadow:4px 4px 0 #21524d}.primary-button:hover{background:#a1ffdc;transform:translateY(-2px)}.primary-button span{font-size:22px}.secondary-button{background:#142c38;border:1px solid #34505a;color:#dbece9;box-shadow:2px 2px 0 #071321}.secondary-button:hover{border-color:var(--mint)}.text-button{color:var(--muted);background:none;text-decoration:underline;text-underline-offset:5px}.eyebrow{font:700 10px/1.6 monospace;letter-spacing:2px;color:var(--mint)}.lobby{position:absolute;top:16.5%;left:50%;transform:translateX(-50%);text-align:center;max-width:680px;width:85%;text-shadow:2px 3px 0 #071321}.lobby h2{font-size:clamp(24px,3.1vw,40px);margin:8px 0 10px}.lobby p{font-size:13px;color:#acc7c4}.lobby .primary-button{padding:8px 20px;font-size:12px;margin-top:3px}.countdown{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#07132155;text-shadow:5px 5px #102b3d}.countdown>span{font:800 16px monospace;letter-spacing:6px;color:var(--orange)}.countdown strong{font:900 clamp(120px,20vw,240px)/1.1 monospace;color:var(--mint)}.countdown p{font-size:14px;letter-spacing:2px}.race-cue{position:absolute;top:23%;left:50%;transform:translateX(-50%);font-size:12px;color:#c4d8d2;display:flex;align-items:center;gap:10px;white-space:nowrap}.player-hud{position:absolute;bottom:47px;left:36px;right:36px;display:grid;grid-template-columns:repeat(var(--count,4),minmax(0,1fr));gap:12px}.player-card{background:linear-gradient(110deg,#0e2433ee,#102833d9);border:1px solid #31505c;border-top:3px solid var(--player);padding:11px 15px 10px;min-width:0;box-shadow:3px 3px #06111bc9;position:relative;overflow:hidden}.player-card.empty{opacity:.68}.player-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.player-name{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-rank{font:900 15px monospace;color:var(--player)}.player-energy{font:900 34px/1.2 monospace;letter-spacing:-1px;margin:5px 0 2px;color:var(--player)}.player-energy small{font:500 11px sans-serif;color:var(--muted);margin-left:5px;letter-spacing:0}.player-bottom{display:flex;justify-content:space-between;gap:5px;color:#9eb8bd;font:11px monospace}.player-bottom strong{color:#e0eddf;font-size:12px}.player-status{font-size:9px;color:var(--muted);margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-status.lost{color:#ffc477}.player-progress{position:absolute;bottom:0;left:0;height:2px;width:var(--progress,0%);background:var(--player)}footer{position:absolute;bottom:15px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#77999d;gap:20px}footer span:last-child{font:700 10px monospace;letter-spacing:2px}footer b{color:var(--orange);font-size:16px;margin-left:8px}dialog{color:var(--white);background:var(--panel);border:1px solid #3c5e65;box-shadow:7px 7px 0 #030b13;max-width:580px;width:calc(100% - 32px);max-height:90dvh;padding:30px;overflow:auto}dialog::backdrop{background:#020910c7;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.close-button{border:0;background:none;color:var(--muted);font-size:28px;line-height:1}.close-button:hover{color:var(--white)}dialog h2{font-size:27px;margin:11px 0 22px;letter-spacing:.4px}dialog h3{font-size:15px;margin-bottom:6px}.dialog-copy{font-size:13px;color:var(--muted);line-height:1.8}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:14px 0}input,select{min-width:0;width:100%;padding:11px 12px;border:1px solid #36525e;color:var(--white);background:#0b1c29;border-radius:0}input:focus,select:focus{border-color:var(--mint)}input[type=radio],input[type=checkbox]{accent-color:var(--mint);width:16px;flex-shrink:0;margin:0}fieldset{padding:0;margin:18px 0;border:0}legend{font-size:12px;font-weight:600;margin-bottom:4px}.choice{flex-direction:row;align-items:center;gap:13px;border:1px solid var(--line);padding:14px;margin:9px 0;background:#0d202e;cursor:pointer}.choice:has(input:checked){border-color:var(--mint);background:#173b3c}.choice span{flex:1}.choice strong{display:block;font-size:13px;margin-bottom:5px}.choice small{font-size:10px;color:var(--muted);line-height:1.6}.choice b{font-size:22px;color:var(--mint)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-hint{font-size:11px;line-height:1.9;color:var(--muted)}.form-error{color:#ffb1a2;font-size:12px;line-height:1.6;min-height:17px}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.dialog-actions .primary-button{margin-left:auto}.wizard-steps{list-style:none;display:flex;padding:0;gap:12px;margin:0 0 24px}.wizard-steps li{flex:1;border-top:2px solid #324951;padding-top:10px;font-size:10px;color:#668891}.wizard-steps li.active{color:var(--mint);border-color:var(--mint)}.device-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.device-options label{margin:0;flex-direction:row;border:1px solid var(--line);padding:12px;align-items:center;font-size:11px}.review{margin:20px 0;border-top:1px solid var(--line)}.review div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.review span{color:var(--muted)}.review strong{text-align:right}.host-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.host-actions button{font-size:12px;padding:12px}#demo-controls{border-top:1px solid var(--line);padding-top:8px}.slider-row label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:3px}.slider-row output{font:700 12px monospace;color:var(--mint)}input[type=range]{accent-color:var(--mint);padding:0;border:0;height:24px}.admin-link{display:block;font-size:12px;color:var(--muted);margin-top:22px}.admin-link:hover{color:var(--mint)}.result-dialog{position:fixed;inset:0;border:0;max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;background:#071321e8;display:none;padding:30px}.result-dialog[open]{display:grid;place-items:center}.result-inner{width:min(660px,100%);text-align:center}.result-star{color:var(--orange);font:900 56px monospace;margin:14px 0}.result-dialog h2{font-size:clamp(24px,3vw,40px);margin:14px 0}.result-dialog #result-subtitle{font-size:12px;color:var(--muted);margin-bottom:26px}.result-list{border-top:1px solid var(--line);text-align:left;max-height:45vh;overflow:auto}.result-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--line)}.result-row:first-child{background:#193d3c}.result-row>b{font:900 22px monospace;color:var(--mint)}.result-row strong{font-size:14px}.result-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.result-row>span:last-child{font:800 24px monospace;color:var(--mint)}.result-row>span:last-child small{display:inline;font:11px sans-serif;margin-left:5px}.result-actions{display:flex;justify-content:center;gap:14px;margin-top:28px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);z-index:20;background:#163840;border:1px solid #609d9e;color:#e3f6e8;padding:13px 22px;max-width:90%;font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.player-hud{left:6%;right:6%;bottom:48px}.player-card{padding:15px 21px}.player-energy{font-size:42px}.hero{top:19%}}@media(max-width:1050px){.topbar{padding:24px}.brand{font-size:14px}.brand small{font-size:8px;max-width:190px}.clock-box{top:23px;min-width:200px}.clock-box strong{font-size:28px}.source-pill{font-size:10px;padding:8px}.player-hud{left:24px;right:24px;gap:8px}.player-card{padding:10px}.player-energy{font-size:27px}.player-hud.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.player-hud.many .player-card{padding:6px 9px}.player-hud.many .player-energy{font-size:22px;margin:2px 0}.player-hud.many .player-status{display:none}.player-hud.many .player-bottom{font-size:9px}.player-hud.many .player-bottom strong{font-size:10px}.player-hud.many .player-top{font-size:10px}footer{left:24px;right:24px}.hero{left:8%;top:19%}.top-actions{gap:6px}}
@media(max-width:700px){.topbar{padding:18px 16px}.brand{font-size:13px;gap:8px;letter-spacing:.7px}.bolt{width:29px;height:32px;font-size:32px}.brand small{max-width:150px;font-size:7px;letter-spacing:.5px}.top-actions{gap:6px}.source-pill{padding:6px 8px;font-size:9px}.icon-button{width:29px;height:29px;font-size:19px}.clock-box{top:80px}.clock-box strong{font-size:31px}.clock-box>span{font-size:8px}.clock-box #race-rule{font-size:9px}.hero{top:25%;left:8%;right:8%;max-width:none}.hero h1{font-size:43px;margin:12px 0}.hero>p:not(.eyebrow){font-size:12px}.hero .hero-foot{font-size:8px!important;margin-top:20px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero .primary-button{min-width:225px}.lobby{top:23%}.lobby h2{font-size:24px}.lobby p{font-size:11px}.lobby .eyebrow{font-size:8px}.race-cue{top:25%;font-size:10px}.player-hud{left:14px;right:14px;bottom:42px;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.player-card{padding:7px 10px}.player-energy{font-size:25px;margin:2px 0}.player-top{font-size:11px}.player-status{font-size:8px;margin-top:2px}.player-bottom{font-size:9px}.player-bottom strong{font-size:10px}.player-hud.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.player-hud.many .player-card{padding:5px}.player-hud.many .player-energy{font-size:19px}.player-hud.many .player-energy small{font-size:8px;margin-left:2px}.player-hud.many .player-rank{font-size:10px}.player-hud.many .player-bottom span:last-child{display:none}.player-hud.many .player-top{font-size:8px}.player-hud.many .player-bottom{font-size:8px}footer{left:16px;right:16px;bottom:14px;font-size:8px;letter-spacing:0}footer span:last-child{font-size:7px;letter-spacing:1px}footer b{font-size:12px}.countdown strong{font-size:150px}dialog{padding:22px;max-height:94dvh}.form-row{grid-template-columns:1fr;gap:0}.dialog-actions{gap:8px}.primary-button,.secondary-button{font-size:12px;padding:12px 16px}.result-dialog{padding:20px}.result-actions{gap:9px}.result-star{font-size:42px}.result-row{padding:11px;grid-template-columns:30px 1fr auto;gap:8px}.result-row>span:last-child{font-size:21px}}
@media(max-height:620px){.topbar{padding-top:14px}.clock-box{top:12px}.hero{top:22%}.hero h1{font-size:38px}.hero>p:not(.eyebrow){font-size:11px;margin:10px 0}.hero .hero-foot{display:none}.hero .primary-button{margin-top:2px}.lobby{top:22%}.lobby h2{font-size:26px;margin:3px}.lobby p{margin:5px}.player-hud{bottom:33px}.player-card{padding:5px 10px}.player-energy{font-size:24px;margin:1px 0}.player-status{display:none}footer{bottom:10px}.race-cue{top:25%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.player-hud.unjoined{display:flex;justify-content:center}.join-hint{margin:0;padding:10px 16px;color:#b1c8c7;font-size:12px;letter-spacing:1px;text-shadow:1px 2px #071321}.join-hint span{color:var(--mint);margin-right:8px}.player-hud.single{grid-template-columns:minmax(0,1fr)}

.lobby-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.lobby-actions .primary-button,.lobby-actions .secondary-button{margin:0;min-height:44px;padding:9px 20px;font-size:12px}.lobby-actions .secondary-button span{font-size:18px}

/* Warm paper, ink outlines and watercolor accents match the illustrated courses. */
:root{color-scheme:light;--ink:#263c36;--panel:#fffdf4;--muted:#5d746b;--white:#263c36;--mint:#268d76;--orange:#cf812b;--line:#476052}
body{background:#f7f1de;color:#263c36}.world-shade{background:linear-gradient(#fffaf1cc 0%,#fffaf133 20%,transparent 38%,transparent 74%,#fffaf159 100%)}
.brand{color:#243e36;text-shadow:1px 2px #fffdf1}.brand small{color:#405f52}.bolt{background:#f8cc69;color:#263c36;clip-path:none;border:2px solid #263c36;border-radius:7px 11px 7px 9px;box-shadow:3px 3px 0 #263c36}.slash{color:#268d76}
.clock-box>span,.clock-box #race-rule{color:#47695b;font-weight:800}.clock-box strong{color:#263c36;text-shadow:2px 3px #fffdf1;font-family:'Trebuchet MS',monospace}.top-actions{filter:drop-shadow(1px 2px #fffdf1)}
.source-pill{background:#fffdf2;border:2px solid #3e574a;border-radius:20px;color:#286b57;font-weight:800}.source-pill i,.live-dot{background:#238766;box-shadow:none}.source-pill.demo{background:#fff0c7;color:#895314}.source-pill.demo i{background:#cc8c27}.source-pill.offline{background:#ffe3dc;border-color:#ad4744;color:#a63231}.source-pill.offline i{background:#a63231}
.icon-button{background:#fffdf2;color:#263c36;border:2px solid #3e574a;border-radius:7px;box-shadow:2px 2px 0 #3e574a}.icon-button:hover{background:#e0f2df;border-color:#263c36}
.hero,.lobby{text-shadow:2px 2px #fffdf1}.hero .eyebrow{color:#805a29}.hero h1{color:#263c36;text-shadow:3px 4px #fff9e4}.hero h1 em{color:#1c846c}.hero>p:not(.eyebrow){color:#35584a;font-weight:600}.hero .hero-foot{color:#375c4c!important}.hero-foot b{color:#aa7127}.eyebrow{color:#24715c}.lobby h2{color:#263c36}.lobby p{color:#365846;font-weight:600}
.primary-button,.secondary-button{border:2px solid #263c36;border-radius:10px 7px 11px 8px;box-shadow:4px 4px 0 #263c36;transition:transform .15s,background .15s}.primary-button{background:#f7c95f;color:#263c36}.primary-button:hover{background:#ffdb84;transform:translate(-1px,-2px)}.secondary-button{background:#fffdf4;color:#263c36}.secondary-button:hover{background:#e3f2e3;border-color:#263c36}.text-button{color:#426455}.primary-button:disabled,.secondary-button:disabled{opacity:.5;transform:none;box-shadow:2px 2px 0 #263c36}
.countdown{background:#fff7e33d;text-shadow:4px 5px #fff7e5}.countdown>span{color:#304c40}.countdown strong{color:#f6c554;-webkit-text-stroke:3px #263c36;text-shadow:6px 7px #fff7e5}.countdown p{color:#263c36;font-weight:800}.race-cue{color:#2d5445;background:#fffdf1e8;border:2px solid #52715b;border-radius:20px;padding:7px 14px;font-weight:700;box-shadow:2px 2px 0 #52715b}
.player-card{background:#fffdf4ed;border:2px solid #3b5144;border-top:5px solid var(--player);border-radius:9px 12px 9px 10px;box-shadow:3px 4px 0 #3b5144}.player-name{color:#263c36}.player-rank{color:#2b5a48}.player-energy{color:#1e775e}.player-energy small,.player-status{color:#62766a}.player-bottom{color:#637369}.player-bottom strong{color:#263c36}.player-status.lost{color:#ac551c}.player-progress{background:#3a9174}.join-hint{color:#315343;text-shadow:1px 2px #fffdf1;font-weight:700}.join-hint span{color:#23684e}
footer{color:#3e6151;font-weight:600;text-shadow:1px 1px #fffdf1}footer b{color:#a56823}
dialog{background:#fffaf0;color:#263c36;border:3px solid #334d3e;border-radius:17px 12px 19px 12px;box-shadow:8px 8px 0 #334d3e;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#31463868;backdrop-filter:blur(4px)}.close-button{color:#365543}.close-button:hover{color:#bd6b2a}.dialog-copy,.form-hint{color:#627466}.form-error{color:#a53432}input,select{color:#263c36;background:#fffefa;border:2px solid #6d8372;border-radius:7px}input:focus,select:focus{border-color:#238269;outline-color:#238269}input[type=radio],input[type=checkbox]{accent-color:#27856b}
.choice{background:#fffdf6;border:2px solid #9daa91;border-radius:10px;margin:7px 0;padding:10px 12px}.choice:has(input:checked){background:#e2f1dc;border-color:#355e46;box-shadow:2px 2px 0 #355e46}.choice strong{color:#284b3b}.choice small{color:#627466}.choice b{color:#c9862f}.wizard-steps li{border-color:#bec4a9;color:#7a826f}.wizard-steps li.active{border-color:#2d8869;color:#277153}.review{border-color:#c8c8aa}.review div{border-color:#d5d3bc}.review span{color:#6c7c6b}.review strong{color:#294e3a}.device-options label{border:2px solid #a5b59a;border-radius:7px;background:#fffef7}.device-options label:has(input:checked){background:#e6f2dd;border-color:#477451}
#room-dialog fieldset{margin:12px 0}#room-dialog h2{margin-bottom:17px}#room-dialog .wizard-steps{margin-bottom:16px}#room-dialog .form-hint{margin:8px 0;font-size:10px}
.scene-field { min-inline-size: 0; }
.scene-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.scene-choice {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 2px solid #a6b69c;
  border-radius: 9px;
  background: #fffef6;
  cursor: pointer;
}
.scene-choice img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  background: #d9eadf;
}
.scene-choice .scene-caption {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 4px 7px;
  color: #3d5e45;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}
.scene-caption input[type="radio"] {
  flex: none;
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
}
.scene-caption .scene-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
.scene-choice:has(input:checked) {
  border-color: #277d5c;
  box-shadow: 2px 2px 0 #277d5c;
  background: #e9f4dd;
}
.scene-choice:has(input:focus-visible) {
  outline: 2px solid #224b3a;
  outline-offset: 2px;
}
#demo-controls{border-color:#becbb1}.slider-row output{color:#247c5c}input[type=range]{accent-color:#398b66}.admin-link{color:#57735d}.admin-link:hover{color:#227b5a}.host-actions button{border-radius:8px}
.result-dialog{background:#fff9eaf2;border:0;border-radius:0;box-shadow:none}.result-star{color:#d79633;text-shadow:3px 3px #263c36}.result-dialog h2{color:#2e4d3c}.result-dialog #result-subtitle{color:#6d7b65}.result-list{border-color:#adbaa0}.result-row{border-color:#c5c9ad}.result-row:first-child{background:#f8e7b2;border-radius:9px}.result-row>b,.result-row>span:last-child{color:#247259}.result-row strong{color:#304c3b}.result-row small{color:#687b66}.toast{background:#fff4c9;color:#304c3b;border:2px solid #3c5944;border-radius:10px;box-shadow:3px 3px 0 #3c5944}
@media(max-width:700px){.hero h1{font-size:40px}.lobby-actions{gap:9px}.lobby-actions .primary-button,.lobby-actions .secondary-button{padding:8px 12px;font-size:11px}.source-pill{padding:5px 7px}.race-cue{padding:6px 10px;font-size:9px}.countdown strong{-webkit-text-stroke:2px #263c36}.player-card{border-top-width:4px}#room-dialog{padding:18px}#room-dialog h2{font-size:24px}.choice small{font-size:9px}}


/* Small overlays use ink on compact paper strips, without offset white shadows. */
.hero .eyebrow,.hero #hero-copy,.hero .hero-foot,.lobby .eyebrow,.lobby #lobby-copy,.countdown p,.join-hint{color:#263c36;text-shadow:none;background:#fffaf0f0;border-radius:6px;padding:6px 10px;max-width:100%;width:fit-content}
.hero .eyebrow,.hero #hero-copy,.hero .hero-foot{display:table}.hero .eyebrow{font-weight:800}.hero .hero-foot{color:#263c36!important;font-weight:700}.hero-foot b{color:#8b561c}
.lobby .eyebrow{display:inline-block}.lobby #lobby-copy{margin:10px auto 12px}.lobby h2{color:#203a30;text-shadow:0 1px 0 #fffaf0,0 -1px 0 #fffaf0,1px 0 0 #fffaf0,-1px 0 0 #fffaf0}.race-cue{color:#263c36;text-shadow:none;background:#fffaf0f5}.countdown p{font-weight:800}.join-hint{font-weight:700}
footer>span{background:#fffaf0db;color:#2d493b;text-shadow:none;border-radius:4px;padding:3px 6px}.brand small,.clock-box>span{color:#304c3e;text-shadow:0 1px #fffaf0}
.player-name{border-left:4px solid var(--player);padding-left:8px}.player-rank{color:color-mix(in srgb,var(--player) 48%,#18382a)}.player-progress{background:var(--player)}.player-card.boosting{outline:2px solid #bd4433;outline-offset:2px;box-shadow:3px 4px 0 #7c2e24}.player-status.boosting{color:#a62e22;font-weight:900}.slider-row label{border-left:4px solid var(--player);padding-left:9px}.slider-row input[type=range]{accent-color:color-mix(in srgb,var(--player) 60%,#234835)}.demo-mode-label{font-size:11px;margin-top:12px}

/* A composed welcome screen, with the illustrated course continuing behind it. */
body[data-state="home"] .clock-box{display:none}
body[data-state="home"] .world-shade{background:linear-gradient(180deg,#fff9e8a8,transparent 25%,#213e3c0d 60%,#f6f1df66)}
body[data-state="home"] footer>span:first-child{background:none;font-weight:500;color:#304c43}
.hero{left:50%;right:auto;top:55%;transform:translate(-50%,-40%);width:min(1060px,calc(100% - 96px));max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;padding:36px 42px 28px;background:linear-gradient(115deg,#fffdf6fa 20%,#fffaf0f5 70%,#edf4e5f5);border:1px solid #fffdfb;border-radius:28px;box-shadow:0 18px 60px #1b3b3429,0 2px 0 #fffef7 inset;text-shadow:none;isolation:isolate}
.hero:before{content:"";position:absolute;inset:9px;border:1px solid #d5dccb99;border-radius:21px;pointer-events:none;z-index:-1}
.hero-content{position:relative;z-index:2}
.hero .eyebrow{display:flex;align-items:center;gap:7px;background:none;padding:0;margin:0 0 16px;color:#47775f;letter-spacing:1.3px;font:700 11px/1.6 'Microsoft JhengHei',sans-serif}
.hero .eyebrow>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f5db88;color:#365347;font-size:20px}
.hero h1{font-size:clamp(36px,4.2vw,56px);line-height:1.2;letter-spacing:1px;margin:0 0 15px;color:#203e36;text-shadow:none;font-weight:900}
.hero h1 em{color:#288c72;position:relative}
.hero #hero-copy{display:block;background:none;padding:0;margin:0 0 23px;color:#62756b;font-size:13px;line-height:1.85;font-weight:500;text-shadow:none;width:auto}
.hero .primary-button{background:#246e58;color:#fffef6;border:1px solid #205a4b;box-shadow:0 4px 0 #154e40,0 9px 18px #1d5d4321;border-radius:12px;min-width:248px;min-height:54px;justify-content:space-between;margin:0;padding:10px 13px 10px 23px;letter-spacing:.8px;font-size:14px}
.hero .primary-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#ffffff19;font-size:23px;font-weight:500}
.hero .primary-button:hover{background:#2b8165;transform:translateY(-2px);box-shadow:0 6px 0 #154e40,0 12px 20px #1d5d4321}
.hero-steps{display:flex;gap:20px;padding:20px 0 0;margin:24px 0 0;list-style:none;border-top:1px solid #d9dfcf;color:#68796c;white-space:nowrap}
.hero-steps li{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600}
.hero-steps b{font:700 10px 'Trebuchet MS',sans-serif;color:#2d8063;background:#e8eedf;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}
.hero-art{position:relative;align-self:center;height:300px;min-width:0;pointer-events:none}
.hero-orbit{position:absolute;inset:11px 5px 5px 12px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f5e4a977,#c9e2bd66 68%,transparent 69%);transform:rotate(-12deg);border:1px dashed #709d7038}
.hero-rider{position:absolute;width:220px;height:220px;background-size:400% 300%;background-position:0% 50%;background-repeat:no-repeat;animation:hero-pedal 1.2s steps(1,end) infinite;filter:drop-shadow(0 7px 3px #3a4d4320)}
.hero-rider-front{background-image:url('./assets/bots/jade-knight.png');width:252px;height:252px;left:13%;top:-3%;z-index:2}
.hero-rider-back{background-image:url('./assets/bots/amber-punk.png');left:-12%;top:29%;width:183px;height:183px;animation-duration:1.4s;z-index:3}
.hero-rider-side{background-image:url('./assets/bots/blue-skier.png');right:-9%;top:36%;width:187px;height:187px;animation-duration:1s;z-index:4}
.hero-spark{position:absolute;top:-5px;right:15%;font:bold 56px Georgia,serif;color:#dba942;transform:rotate(12deg)}
.hero-art-caption{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%) rotate(-4deg);white-space:nowrap;background:#fae5a9;border:1px solid #d3b969;color:#5f653f;border-radius:6px;padding:8px 14px;font:800 10px 'Trebuchet MS',sans-serif;letter-spacing:1.8px;box-shadow:0 3px 0 #b8aa7c44;z-index:5}
@keyframes hero-pedal{0%,100%{background-position:0% 50%}25%{background-position:33.3333% 50%}50%{background-position:66.6667% 50%}75%{background-position:100% 50%}}
.top-actions{filter:none}.icon-button{border-width:1px;border-radius:10px;box-shadow:0 2px 6px #26463620}.source-pill{border-width:1px;box-shadow:0 2px 6px #26463612}.bolt{box-shadow:2px 2px 0 #263c36}
.player-card{border-width:1px;border-top-width:4px;border-radius:14px;box-shadow:0 4px 0 #35534835,0 8px 20px #253c3410;background:#fffdf5f5}.player-card.boosting{box-shadow:0 4px 0 #7c2e2444,0 0 18px #e49d4244}.player-energy{letter-spacing:-.7px}.race-cue{border-width:1px;box-shadow:0 2px 8px #304b3826}
@media(max-width:1100px){.hero{padding:30px 34px 25px;gap:6px;width:calc(100% - 72px);grid-template-columns:1.2fr 1fr}.hero-art{height:275px}.hero-rider-front{width:230px;height:230px;left:5%}.hero-rider-back{width:165px;height:165px;left:-13%;top:34%}.hero-rider-side{width:170px;height:170px;right:-8%;top:42%}.hero-steps{gap:12px}.hero-art-caption{bottom:-5px}.hero .eyebrow{letter-spacing:.7px;font-size:10px}}
@media(max-width:760px){.hero{width:calc(100% - 40px);padding:27px 26px 23px;grid-template-columns:1.4fr 1fr;gap:0;top:53%}.hero h1{font-size:38px}.hero-art{height:230px;opacity:.95}.hero-rider-front{width:190px;height:190px;left:-11%}.hero-rider-back{width:136px;height:136px;left:-27%;top:36%}.hero-rider-side{width:140px;height:140px;right:-13%;top:45%}.hero-spark{right:3%;font-size:42px}.hero-art-caption{font-size:8px;padding:7px 8px;letter-spacing:1px}.hero #hero-copy{font-size:12px}.hero-steps{gap:10px}.hero-steps li{font-size:9px;gap:4px}.hero .primary-button{min-width:225px;font-size:13px}}
@media(max-width:600px){.hero{top:34%;transform:translateX(-50%);display:block;padding:25px 26px 22px;border-radius:23px}.hero:before{inset:7px;border-radius:17px}.hero-art{display:none}.hero h1{font-size:38px;line-height:1.2;letter-spacing:0}.hero .eyebrow{font-size:9px;letter-spacing:.6px;margin-bottom:13px}.hero #hero-copy{font-size:12px;margin-bottom:19px}.hero .primary-button{width:100%;min-width:0;min-height:50px;font-size:13px}.hero-steps{justify-content:space-between;margin-top:21px;padding-top:17px;gap:8px}.hero-steps li{font-size:9px}.hero-steps b{width:19px;height:19px;font-size:9px}body[data-state="home"] footer{bottom:16px}body[data-state="home"] footer>span:first-child{font-size:8px;max-width:68%}}
@media(max-height:650px) and (min-width:601px){.hero{top:37%;transform:translate(-50%,-10%);padding:22px 32px;width:min(900px,calc(100% - 72px))}.hero h1{font-size:36px;margin-bottom:10px}.hero .eyebrow{margin-bottom:10px}.hero #hero-copy{font-size:12px;margin-bottom:15px}.hero .primary-button{min-height:46px}.hero-steps{margin-top:17px;padding-top:13px}.hero-art{height:240px}.hero-rider-front{width:210px;height:210px}.hero-rider-back,.hero-rider-side{width:150px;height:150px}.hero-art-caption{bottom:-1px}}
@media(max-height:650px) and (max-width:600px){.hero{top:27%;padding:20px 23px}.hero h1{font-size:32px}.hero .eyebrow{margin-bottom:9px}.hero #hero-copy{margin-bottom:13px}.hero-steps{margin-top:17px;padding-top:13px}}
@media(prefers-reduced-motion:reduce){.hero .primary-button{transition:none}}
.player-meta{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.player-laps{font:700 10px 'Microsoft JhengHei',sans-serif;white-space:nowrap;color:#527461;background:#eaf0e2;border-radius:5px;padding:3px 5px}.player-hud.many .player-meta{gap:4px}.player-hud.many .player-laps{font-size:8px;padding:2px 3px}
@media(max-width:600px){.player-meta{gap:4px}.player-laps{font-size:9px;padding:2px 4px}.player-hud.many .player-laps{display:none}}
@media(min-height:651px) and (min-width:601px){.hero{top:calc(35% + 16px);transform:translateX(-50%);padding-top:26px;padding-bottom:22px}.hero h1{font-size:clamp(36px,3.6vw,50px);line-height:1.18;margin-bottom:12px}.hero .eyebrow{margin-bottom:12px}.hero #hero-copy{line-height:1.75;margin-bottom:18px}.hero-steps{margin-top:20px;padding-top:16px}.hero-art{height:270px}}
@media(min-height:651px) and (max-width:600px){.hero{top:calc(35% + 14px)}}

/* Award ceremony: a scrollable paper stage, with small local camera flashes. */
.result-dialog{padding:22px 24px 28px;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 50% 30%,#fffef6 0%,#fff7df 56%,#e4efda 100%);isolation:isolate;overscroll-behavior:contain;scrollbar-gutter:stable}
.result-dialog[open]{display:block;place-items:initial}.result-inner{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto;text-align:center}.result-heading{position:relative;z-index:2}.result-heading .eyebrow{font-size:10px;color:#7c642b;letter-spacing:2.5px}.result-dialog h2{font-size:clamp(26px,2.8vw,38px);margin:7px 0 8px;color:#284939;text-shadow:1px 2px #fff}.result-dialog #result-subtitle{font-size:11px;line-height:1.6;color:#62735b;margin:0 0 8px}.celebration-canvas{position:fixed;inset:0;width:100vw;height:100dvh;z-index:0;pointer-events:none}
.award-stage{position:relative;display:flex;flex-direction:column;min-height:386px;width:100%;padding:0 0 10px}.award-arena{order:1;position:relative;margin:0 128px;padding-top:12px}.award-podium{display:grid;align-items:end;gap:10px;min-height:260px}.award-group{min-width:0;position:relative}.award-actors{display:grid;grid-template-columns:repeat(var(--award-columns,1),minmax(0,1fr));align-items:end;gap:3px;padding:0 5px}.award-rider{position:relative;min-width:0;text-align:center}.award-character{position:relative;display:block;width:122px;max-width:100%;aspect-ratio:var(--happy-ratio,1);margin:0 auto}.award-sprite{display:block;width:100%;height:100%;visibility:hidden;background-image:url('./assets/awards-happy.png');background-repeat:no-repeat;background-size:400% 500%;transform-origin:50% 94%;filter:drop-shadow(0 3px 1px #395c2926);animation:award-dance 2.4s ease-in-out infinite;animation-delay:var(--dance-delay,0s);animation-play-state:paused}.award-happy-ready .is-happy .award-sprite{visibility:visible}.award-name{display:block;width:fit-content;max-width:100%;margin:1px auto 0;padding:3px 6px;border-bottom:3px solid var(--award-player,#75b99a);border-radius:4px;background:#fffdf3ed;color:#294638;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.award-energy{display:block;margin:3px 0 7px;font:800 14px/1.2 'Trebuchet MS',monospace;color:#315d45}.award-step{position:relative;border:2px solid #5a6a4b;border-radius:9px 9px 3px 3px;box-shadow:4px 5px 0 #3e563b;color:#314a35;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.award-step:before{content:'';position:absolute;left:8px;right:8px;top:4px;border-top:2px solid #ffffffc4}.place-1 .award-step{height:102px;background:#f6d16f;border-color:#88682b}.place-2 .award-step{height:76px;background:#d5e3df}.place-3 .award-step{height:57px;background:#e6ba8f}.award-place-label{font-size:9px;font-weight:800;letter-spacing:1px}.award-place-number{font:900 37px/1 'Trebuchet MS',sans-serif;text-shadow:2px 2px #fff8d7}.place-3 .award-place-number{font-size:27px}.award-group.is-empty .award-step{opacity:.42;background:#e3e3d5;box-shadow:2px 3px #67795d}.award-group.is-empty .award-place-label{font-size:8px;letter-spacing:0}.many-winners .award-character{width:86px}.many-winners .award-name{font-size:10px;padding:2px 3px}.many-winners .award-energy{font-size:11px}
.award-floor{order:2;position:relative;margin:10px 136px 0;padding-top:8px;border-top:2px dashed #a8b695}.award-floor-caption{font-size:10px;color:#69765e;margin:0 0 4px;font-weight:700;letter-spacing:1px}.award-floor-riders{display:flex;justify-content:center;align-items:start;gap:15px}.award-floor .award-rider{flex:0 1 108px}.award-floor .award-character{width:76px;aspect-ratio:var(--sad-ratio,1)}.award-floor .award-name{font-size:10px;padding:2px 4px}.award-floor .award-energy{font-size:11px;margin-bottom:0}.award-floor-rank{font-size:9px;color:#76806e;font-weight:700}.is-sad .award-sprite{background-image:url('./assets/awards-sad.png');animation-name:award-sad-sway;animation-duration:3.4s;filter:drop-shadow(0 2px 1px #395c2920)}.award-sad-ready .is-sad .award-sprite{visibility:visible}.award-tear{position:absolute;top:29%;left:63%;width:5px;height:8px;border-radius:70% 30% 65% 45%;background:#84c9dce6;opacity:0;transform:rotate(30deg);animation:award-tear 3.4s ease-in infinite;animation-delay:var(--dance-delay,0s);animation-play-state:paused}.award-tear.tear-two{left:39%;animation-delay:calc(var(--dance-delay,0s) - 1.6s)}.award-empty{order:2;color:#68785f;font-size:13px}
.award-crowd{position:absolute;inset:0;z-index:0;pointer-events:none;visibility:hidden}.award-photo-ready .award-crowd{visibility:visible}.award-photographer{position:absolute;top:var(--photo-y);width:78px;aspect-ratio:var(--photo-ratio,1);filter:drop-shadow(0 2px 1px #3f4e3023)}.award-photographer.crowd-left{left:var(--photo-x)}.award-photographer.crowd-right{right:var(--photo-x)}.photographer-sprite{display:block;width:100%;height:100%;background:url('./assets/photographers.png') no-repeat;background-size:400% 200%;background-position-y:0;animation:award-camera var(--photo-period,12s) steps(1,end) infinite;animation-delay:var(--photo-delay,0s);animation-play-state:paused}.camera-flash{position:absolute;left:48%;top:20%;width:23px;height:23px;opacity:0;background:#fff4ae;clip-path:polygon(50% 0,59% 35%,85% 15%,65% 42%,100% 50%,65% 58%,85% 85%,59% 65%,50% 100%,41% 65%,15% 85%,35% 58%,0 50%,35% 42%,15% 15%,41% 35%);animation:award-camera-flash var(--photo-period,12s) ease-out infinite;animation-delay:var(--photo-delay,0s);animation-play-state:paused}.is-celebrating .award-sprite,.is-celebrating .award-tear,.is-celebrating .photographer-sprite,.is-celebrating .camera-flash{animation-play-state:running}
.result-dialog .result-actions{position:relative;z-index:3;margin:14px 0 0;gap:14px;padding:8px 0}.result-dialog .result-actions button{min-height:44px}.result-details{width:min(740px,100%);margin:13px auto 0;text-align:left;border:1px solid #b8c1a6;border-radius:10px;background:#fffdf3e8}.result-details summary{padding:12px 16px;text-align:center;cursor:pointer;color:#5c7057;font-size:11px;font-weight:700}.result-details .result-list{max-height:none;overflow:visible;border-top:1px solid #c6ceb6;padding:0 10px}.result-details .result-row{padding:11px 8px;grid-template-columns:35px minmax(0,1fr) auto;gap:12px}.result-details .result-row:first-child{background:#f8e7b270}.result-details .result-row strong{font-size:12px;overflow-wrap:anywhere}.result-details .result-row>b{font-size:18px}.result-details .result-row>span:last-child{font-size:20px;white-space:nowrap}
@keyframes award-dance{0%,100%{transform:translateY(0) rotate(-3deg)}23%{transform:translateY(-8px) rotate(3deg)}48%{transform:translateY(0) rotate(3deg)}73%{transform:translateY(-6px) rotate(-3deg)}}
@keyframes award-sad-sway{0%,100%{transform:translateY(2px) rotate(-2.5deg)}50%{transform:translateY(4px) rotate(2.5deg)}}
@keyframes award-tear{0%,30%,100%{opacity:0;transform:translateY(0) rotate(30deg)}38%{opacity:.8}65%{opacity:0;transform:translateY(24px) rotate(30deg)}}
@keyframes award-camera{0%,64%,90%,100%{background-position-y:0}65%,89%{background-position-y:100%}}
@keyframes award-camera-flash{0%,74%,76%,100%{opacity:0;transform:scale(.25)}74.3%{opacity:.9;transform:scale(1.1)}75.4%{opacity:0;transform:scale(1.35)}}
@media(min-width:701px) and (max-height:720px){.result-dialog{padding-top:12px}.result-dialog h2{font-size:27px;margin:4px 0}.result-dialog #result-subtitle{margin-bottom:2px}.award-stage{min-height:335px}.award-arena{padding-top:5px}.award-podium{min-height:222px}.award-character{width:100px}.award-step{padding:6px}.place-1 .award-step{height:80px}.place-2 .award-step{height:60px}.place-3 .award-step{height:47px}.award-place-number{font-size:29px}.award-floor{margin-top:7px;padding-top:5px}.award-floor .award-character{width:59px}.award-photographer{width:66px;top:calc(var(--photo-y) * .86)}.result-dialog .result-actions{margin-top:7px;padding:3px 0}.result-details{margin-top:8px}}
@media(max-width:700px){.result-dialog{padding:18px 10px 0;scrollbar-gutter:auto}.result-inner{padding-bottom:14px}.result-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.result-dialog h2{font-size:25px;line-height:1.35;margin:6px 0}.result-dialog #result-subtitle{font-size:10px;padding:0 10px}.award-stage{min-height:0;padding:0 0 4px}.award-arena{margin:0 6px;padding-top:8px}.award-podium{gap:5px;min-height:225px}.award-character{width:105px}.award-name{font-size:10px;padding:2px 3px;line-height:1.35}.award-energy{font-size:12px;margin:3px 0 5px}.award-actors{padding:0 2px;gap:2px}.place-1 .award-step{height:78px}.place-2 .award-step{height:60px}.place-3 .award-step{height:46px}.award-place-label{font-size:7px;letter-spacing:0}.award-place-number{font-size:27px}.place-3 .award-place-number{font-size:22px}.many-winners .award-character{width:62px}.many-winners .award-actors{grid-template-columns:repeat(2,minmax(0,1fr))}.many-winners .award-name{font-size:9px}.many-winners .award-energy{font-size:10px}.award-floor{margin:10px 6px 0;padding-top:7px}.award-floor-riders{gap:5px;flex-wrap:wrap}.award-floor .award-rider{flex:0 1 calc(20% - 5px);min-width:55px}.award-floor .award-character{width:60px}.award-floor .award-name{font-size:9px}.award-floor .award-energy{font-size:10px}.award-floor-caption{font-size:9px}.award-crowd{position:relative;inset:auto;order:3;display:grid;grid-template-columns:repeat(5,1fr);max-width:350px;width:100%;margin:8px auto 0;gap:0;justify-items:center}.award-photographer{position:relative;top:auto!important;left:auto!important;right:auto!important;width:61px;margin-top:-8px}.award-photographer.desktop-spectator{display:none}.camera-flash{width:18px;height:18px}.result-dialog .result-actions{position:sticky;bottom:0;margin:0 -10px;padding:12px 8px;background:#fffaf0f5;border-top:1px solid #bec5ae;gap:8px;box-shadow:0 -4px 12px #3b51340f}.result-dialog .result-actions button{padding:10px 12px;font-size:11px;gap:6px}.result-details{margin-top:8px}.result-details summary{font-size:10px}.result-details .result-row{grid-template-columns:25px minmax(0,1fr) auto;gap:8px;padding:10px 3px}.result-details .result-row small{font-size:9px}.result-details .result-row>span:last-child{font-size:17px}.result-details .result-row strong{font-size:11px}}

/* Full-size award actors stand on the podium; scores belong on its front face. */
.award-stage{padding-bottom:92px;min-height:0}.award-arena{width:min(720px,calc(100% - 216px));margin:0 auto;padding-top:14px}.award-podium{min-height:0;gap:12px}.award-actors{padding:0 9px;gap:4px;position:relative;z-index:2}.award-character{--award-figure-height:140px;height:var(--award-figure-height);aspect-ratio:var(--award-sprite-ratio,1);width:auto;max-width:none;margin:0 auto;display:block}.award-sprite{transform-origin:50% 100%}.place-1 .award-character{--award-figure-height:150px}.many-winners .award-character{--award-figure-height:98px;width:auto}.award-step{padding:12px 8px 9px;gap:4px;justify-content:space-between;border-radius:10px 10px 4px 4px;box-shadow:4px 5px 0 #4b64433d}.place-1 .award-step{height:145px;background:linear-gradient(#ffe29c,#f4cc69)}.place-2 .award-step{height:120px;background:linear-gradient(#e5efeb,#c7dbd5)}.place-3 .award-step{height:99px;background:linear-gradient(#f2d7b8,#dfb78e)}.award-captions{display:grid;grid-template-columns:repeat(var(--award-columns,1),minmax(0,1fr));gap:4px;width:100%;position:relative;z-index:3}.award-caption{min-width:0}.award-caption .award-name{font-size:12px;background:none;border:0;padding:0;margin:0 auto;line-height:1.4}.award-caption .award-energy{font-size:16px;margin:4px 0 0;color:#385b43}.award-place-label{display:none}.award-place-number,.place-3 .award-place-number{font-size:34px;opacity:.8}.is-empty .award-place-label{display:block}.many-winners .award-step{height:auto;min-height:145px}.many-winners .award-caption .award-name{font-size:10px}.many-winners .award-caption .award-energy{font-size:12px}
.award-floor{margin:18px auto 0;width:min(700px,calc(100% - 216px));padding-top:12px}.award-floor-caption{margin-bottom:8px}.award-floor .award-character{--award-figure-height:86px;width:auto;aspect-ratio:var(--award-sprite-ratio,1)}.award-floor-riders{gap:20px}.award-floor .award-rider{flex:0 1 115px}.award-floor-rank{display:block;margin-bottom:6px}.award-floor .award-name{margin-top:6px}.award-floor .award-energy{font-size:12px}
.award-photographer{width:79px}.award-photographer.crowd-right{transform:scaleX(-1)}.award-photographer.crowd-bottom{top:auto;bottom:-4px;left:var(--photo-bottom-x);transform:translateX(-50%);width:94px;visibility:hidden}.award-photo-back-ready .crowd-bottom{visibility:visible}.crowd-bottom .photographer-sprite{background-image:url('./assets/photographers-back.png')}.photographer-sprite,.camera-flash{animation:none!important}.photographer-sprite{background-position-y:0}.is-shooting .photographer-sprite{background-position-y:100%}.camera-flash{background:#fffbe8;filter:drop-shadow(0 0 5px #ffd665);width:28px;height:28px}.crowd-bottom .camera-flash{left:49%;top:15%}
@media(min-width:701px) and (max-height:740px){.result-dialog{padding:12px 22px 20px}.result-dialog h2{font-size:27px}.award-stage{padding-bottom:80px}.award-arena{padding-top:10px}.award-character{--award-figure-height:120px}.place-1 .award-character{--award-figure-height:132px}.many-winners .award-character{--award-figure-height:84px}.place-1 .award-step{height:124px}.place-2 .award-step{height:104px}.place-3 .award-step{height:87px}.award-step{padding:10px 7px 7px}.award-caption .award-name{font-size:11px}.award-caption .award-energy{font-size:14px}.award-place-number,.place-3 .award-place-number{font-size:29px}.award-floor{margin-top:12px;padding-top:7px}.award-floor .award-character{--award-figure-height:80px}.award-floor-caption{margin-bottom:5px}.award-photographer{width:72px;top:var(--photo-y)}.award-photographer.crowd-bottom{width:84px}.result-details{margin-top:8px}}
@media(max-width:700px){.award-stage{padding-bottom:74px}.award-arena{width:calc(100% - 64px);margin:0 auto;padding-top:14px}.award-podium{gap:5px;min-height:0}.award-character{--award-figure-height:83px;max-width:none}.place-1 .award-character{--award-figure-height:95px}.award-actors{padding:0;gap:2px}.many-winners .award-character{--award-figure-height:51px;width:auto}.many-winners .award-actors,.many-winners .award-captions{grid-template-columns:repeat(2,minmax(0,1fr))}.place-1 .award-step{height:114px}.place-2 .award-step{height:96px}.place-3 .award-step{height:83px}.award-step{padding:9px 4px 6px}.award-caption .award-name{font-size:9px;line-height:1.3}.award-caption .award-energy{font-size:12px;margin-top:4px}.award-place-number,.place-3 .award-place-number{font-size:25px}.many-winners .award-step{min-height:125px}.many-winners .award-caption .award-name{font-size:8px}.many-winners .award-caption .award-energy{font-size:9px}.award-floor{width:calc(100% - 58px);margin:13px auto 0;padding-top:8px}.award-floor .award-character{--award-figure-height:64px;width:auto;max-width:none}.award-floor-riders{gap:9px;flex-wrap:wrap}.award-floor .award-rider{flex:0 1 70px;min-width:0}.award-floor-rank{font-size:8px;margin-bottom:4px}.award-floor .award-name{font-size:9px}.award-floor .award-energy{font-size:10px}.award-crowd{position:absolute;inset:0;display:block;max-width:none;margin:0;width:100%;height:100%}.award-photographer{position:absolute;width:50px;top:calc(var(--photo-y)*.7 + 18px)!important;margin:0}.award-photographer.crowd-left{left:-5px!important}.award-photographer.crowd-right{right:-5px!important;left:auto!important}.award-photographer.crowd-left:nth-child(even),.award-photographer.crowd-right:nth-child(even){margin-top:30px}.award-photographer.crowd-bottom{top:auto!important;bottom:-4px;left:var(--photo-mobile-x)!important;right:auto!important;width:73px;margin:0}.award-photographer.desktop-spectator{display:none}.camera-flash{width:20px;height:20px}.result-dialog .result-actions{position:sticky;bottom:0}}

/* Give the race the screen; crowded races use a small telemetry strip. */
.player-card{padding:8px 11px}.player-energy{font-size:27px;line-height:1.1}.player-status{font-size:8px}.many-racers .race-cue{top:calc(22% - 30px)}.player-hud.many{left:14px;right:14px;bottom:33px;gap:6px}.player-hud.many .player-card{padding:6px 7px 5px;border-top-width:3px;border-radius:10px}.player-hud.many .player-top{font-size:9px;gap:3px}.player-hud.many .player-name{border-left-width:3px;padding-left:4px}.player-hud.many .player-rank{font-size:11px}.player-hud.many .player-laps{display:none}.player-hud.many .player-energy{font-size:20px;line-height:1.1;margin:4px 0 3px}.player-hud.many .player-energy small{font-size:8px;margin-left:3px}.player-hud.many .player-bottom{font-size:7px;gap:2px}.player-hud.many .player-bottom strong{font-size:9px}.player-hud.many .player-status{display:none}.player-hud.many .player-status.lost{display:block;position:absolute;right:5px;bottom:2px;font-size:7px;background:#fffaf0;margin:0;color:#a5452b}.many-racers footer{bottom:8px;font-size:8px}
@media(min-width:800px){.player-hud.many{grid-template-columns:repeat(var(--count,8),minmax(0,1fr))}}
@media(max-width:799px){.player-hud.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.player-hud.many .player-energy{font-size:18px}}
@media(max-width:700px){.many-racers .race-cue{top:calc(26% - 28px)}.player-card{padding:6px 9px}.player-energy{font-size:23px}.player-hud.many{left:10px;right:10px}.player-hud.many .player-top{font-size:8px}}

/* Per-player target-race timing shares the existing compact telemetry row. */
.player-time{font-variant-numeric:tabular-nums;font-weight:700;color:#285c49;white-space:nowrap}.rule-timing-note{display:block;font-size:11px;line-height:1.6;font-weight:500;color:#5e7566;margin-top:8px}.result-details .result-row>span:last-child small{display:block;font-size:10px;line-height:1.5;text-align:right}