/* Scenic layers keep the race cells readable while the world changes each round. */
:root{--forest:#1e644c;--leaf:#93c966;--sun:#ffc865;--scene:url('/assets/jungle.webp');--tint:#eaf2d8;--scene-accent:#287253}
body[data-scene="2"]{--scene:url('/assets/lagoon.webp');--tint:#e3f3ed;--scene-accent:#157f89;--sun:#ffbd75}
body[data-scene="3"]{--scene:url('/assets/moonlight.webp');--tint:#e8e4f5;--scene-accent:#66549c;--sun:#e4c780}
body{background:var(--tint);transition:background-color 1s}
body::before{content:'';position:fixed;inset:0;background:linear-gradient(#edf5debd,#edf5deed 70%),var(--scene) center/cover;z-index:-1;pointer-events:none}
body[data-scene="3"]::before{background:linear-gradient(#d7d8f0d9,#e8e5f4ed 70%),var(--scene) center/cover}
header{max-width:none;background:linear-gradient(110deg,#123f36,#277257);border-bottom:3px solid #bbd687;box-shadow:0 4px 20px #163e3419;padding-left:max(22px,calc((100vw - 1480px)/2));padding-right:max(22px,calc((100vw - 1480px)/2))}
.brand{color:#fffde6;letter-spacing:-.5px}.brand b,.brand-icon{color:#ffd07c}.brand small{color:#d6ebc7}header .icon,header .language{color:#fff9dd;border-color:#7ba385;background:#ffffff0b}header .icon.active{background:#c9e894;color:#214a39}header input[type=range]{accent-color:#ffce76}
#soundtrack{max-width:126px;padding:7px;border:1px solid #7ba385;border-radius:9px;color:#fffce6;background:#245d49;font:500 10px 'DM Sans',sans-serif;cursor:pointer}#soundtrack option{background:#245d49;color:white}
.panel{border-color:#b9cfab;box-shadow:0 4px 0 #45644614,0 10px 22px #26473506}.section-head h2{color:var(--scene-accent)}
.primary{background:linear-gradient(#337d54,#216248);border:1px solid #285c3d;box-shadow:0 4px 0 #183e30}.primary:hover:not(:disabled){background:linear-gradient(#438e62,#26714f)}
.hero-art::before{content:'';position:absolute;inset:-25px -30px;border-radius:44% 56% 49% 51%;background:var(--scene) center/cover;opacity:.4;box-shadow:inset 0 0 75px #e5efbf}.hero-copy h1{color:#215d42}.hero-copy h1 em{color:#c36d36}.hero-art .sun{opacity:.45}
.lobby-card{background:#fffef3f5}.crew-member{background:linear-gradient(100deg,#e4f0cf,#f8f7e6);border:1px solid #ccdbb8}.crew-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.crew-actions>[data-do=addBot]{background:#d5edaf;border-color:#aac875}.remove-bot{padding:0;width:27px;height:27px;border-radius:50%;font-size:20px;background:#fff7e4;color:#8b674a;flex-shrink:0}.bot-hint{display:block;font-size:10px;color:#647758;margin-top:13px}.crew-member img{transition:transform .25s}.crew-member:hover img{transform:rotate(-6deg) scale(1.08)}
.track-panel{position:relative;isolation:isolate;background:#e8f1cc;padding-top:48px;box-shadow:0 4px 0 #4f714833,0 10px 28px #325a3619;border:2px solid #85b382;overflow:hidden}
.track-panel::before{content:'';position:absolute;inset:0;background:var(--scene) center 38%/cover;z-index:-2;transition:background-image .8s}
.track-panel::after{content:'';position:absolute;inset:35px 6px 5px;background:linear-gradient(#f7f6d2c2,#ecf0c5aa);border-radius:16px;z-index:-1;box-shadow:0 2px 8px #163e3430}
.track-panel>.section-head{padding:0 6px 4px}.track-panel h2{font:800 17px Outfit;letter-spacing:.2px;text-shadow:0 1px #fffdeb}.scene-icon{display:inline-block;margin-right:5px;animation:sceneShine 6s ease-in-out infinite}.track-panel .section-head>span{background:#fff9dcee;border:1px solid #c5bc87;font-weight:700;color:#5a6645}
.track-ruler{color:#41582a;text-shadow:0 1px #fff9d7;font-weight:800}.lane{background:linear-gradient(90deg,color-mix(in srgb,var(--dino) 19%,#fff4cc) 0%,#f8efc767 16%,#fff6d776 85%,#e2efb390);border-top:1px dashed #6b915c77}.lane-grid{background:repeating-linear-gradient(90deg,transparent,transparent calc(100% / (var(--finish) + 1) - 1px),#67855230 calc(100% / (var(--finish) + 1) - 1px),#67855230 calc(100% / (var(--finish) + 1)))}.lane-name{opacity:.9;color:#40523a;text-shadow:0 1px #ffffe9}.finish-line{width:10px;opacity:.8;border-left:2px solid #fffce5;border-right:2px solid #fffce5}.track-caption{color:#3e5d35;font-weight:500;text-shadow:0 1px #fff}
body[data-scene="2"] .track-panel{border-color:#77b5ad}body[data-scene="2"] .track-panel::after{background:linear-gradient(#ffefccdc,#ffe3b4ad)}body[data-scene="3"] .track-panel{border-color:#9b95c8}body[data-scene="3"] .track-panel::after{background:linear-gradient(#ece7efd9,#dcd9e9bd)}body[data-scene="3"] .lane{background:linear-gradient(90deg,color-mix(in srgb,var(--dino) 24%,#eee6fa),#eae9f27a 25%,#dddfef66)}
.runner{padding:0;background:transparent;border:0;border-radius:10px;box-shadow:none;cursor:pointer;transition:left .66s cubic-bezier(.2,.6,.28,1),transform .66s;will-change:left,transform;opacity:1!important}.runner:hover:not(:disabled){background:transparent;box-shadow:none;transform:none}.runner:active:not(:disabled){transform:none}.runner img{animation:dinoBreathe 4s ease-in-out infinite;transform-origin:50% 95%;border:2px solid #fffce2;box-shadow:0 3px 0 #3455314a,0 6px 8px #273c332a;transition:filter .2s}.runner:nth-child(2n) img{animation-delay:-2s}.runner:hover img{animation:dinoHello .5s ease-in-out;filter:brightness(1.1)}.runner.pet img{animation:dinoHello .7s ease-in-out}.runner.hopping img{animation:dinoRun .62s ease-in-out}.runner.backstep img{animation:dinoOops .62s ease-in-out}.runner span{background:#fffce1f0;color:#344d32;bottom:1px}.dino-feet{position:absolute;bottom:-4px;left:19%;right:19%;height:5px;z-index:-1;display:flex;justify-content:space-between}.dino-feet::before,.dino-feet::after{content:'';display:block;background:#526b3c;width:7px;border-radius:2px 2px 5px 5px;transform:rotate(-12deg)}.dino-feet::after{transform:rotate(12deg)}.hopping .dino-feet::before{animation:feet .15s 4 alternate}.hopping .dino-feet::after{animation:feet .15s 4 alternate-reverse}.dust{position:absolute;left:-10px;bottom:0;width:9px;height:9px;background:#fff3bfd9;border-radius:50%;opacity:0;box-shadow:-7px -6px #fff3bfaa,-13px 2px #fff3bf88;pointer-events:none}.hopping .dust{animation:dustPuff .65s ease-out}
.checkpoint-row{justify-items:center;gap:4px;align-items:center}.checkpoint,.checkpoint.flipped{display:block;padding:0!important;width:min(100%,60px)!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.4!important;border:2px solid #fcf5d1;border-radius:7px;box-shadow:0 3px 0 #3a5f3730;position:relative;background:#2f7755;overflow:visible}.checkpoint-art{display:grid;width:100%;height:100%;place-items:center;aspect-ratio:1.4;border-radius:5px;background-repeat:no-repeat;color:#f6d587;font-size:18px!important;background-color:#397b59}.checkpoint:not(.flipped) .checkpoint-art{background:radial-gradient(circle,#60956855 10%,transparent 50%),repeating-linear-gradient(45deg,#2c7753,#2c7753 5px,#337e59 5px,#337e59 10px)}.checkpoint small{background:#fff9d9;color:#37563c;border-radius:50%;width:12px;height:12px;display:grid;place-items:center;right:-5px;bottom:-5px;font-size:8px;font-weight:800;border:1px solid #aac291}.checkpoint.just-flipped{animation:checkpointFlip .65s ease-out}.checkpoint:hover:not(:disabled){transform:translateY(-3px) rotate(-3deg) scale(1.08)}
.turn-banner{background:linear-gradient(110deg,#e7efca,#f8f5db);border-color:#abc58c}.turn-label{display:block;font-size:8px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#7c5521;margin-bottom:2px}.turn-banner.your-turn{position:relative;background:linear-gradient(110deg,#ffebae,#fff9df 60%,#edfacd);border:2px solid #e3b659;box-shadow:0 0 0 3px #f6cd6b22,0 0 22px #eccb5266;animation:turnGlow 3s ease-in-out infinite}.your-turn .turn-star{color:#bc7b27;animation:sceneShine 3s ease-in-out infinite}.your-turn [data-do=reveal]{background:linear-gradient(#74a246,#42742f);box-shadow:0 3px 0 #365626,0 0 19px #b5dc6899;animation:revealGlow 2.8s ease-in-out infinite}.market.your-draft{border:2px solid #c6a451;background:linear-gradient(120deg,#fff5cb,#fcfff0);box-shadow:0 0 22px #f2c96766;animation:turnGlow 3s ease-in-out infinite}.your-draft .section-head h2::before{content:'✦ ';color:#a76a20}.race-card.pickable{animation:pickInvitation 3s ease-in-out infinite;border-color:#ffd675}.race-card.pickable:nth-child(2n){animation-delay:-1.5s}.race-card.pickable:hover{transform:translateY(-8px) rotate(-3deg) scale(1.08)}.resolving{background:#dfedcd;border-color:#abc795}.marching-dots{margin-left:auto;color:#7aa658;letter-spacing:6px;font-size:11px;animation:sceneShine 1s infinite}
#race-event{top:auto;bottom:26px;left:50%;width:auto;max-width:min(440px,calc(100vw - 28px));padding:12px 16px;display:flex;gap:14px;align-items:center;transform:translate(-50%,25px) scale(.96);border:2px solid #e6c16e;background:#fffbee;box-shadow:0 8px 35px #1f41354d;border-radius:18px;text-align:left;opacity:0;z-index:50}#race-event.visible{transform:translate(-50%,0) scale(1);opacity:1}#race-event.move-event img{width:76px;aspect-ratio:1.4;object-fit:contain;flex:none}#race-event .event-card{width:150px;aspect-ratio:1.4;flex:none;border:2px solid #fff0b7;box-shadow:0 3px 0 #657c3f33}#race-event b{font:800 18px Outfit;padding:5px 0;color:#456133}#race-event small{font-size:11px;line-height:1.5;display:block;color:#5a6751}#race-event em{font-style:normal;background:#e0efc0;padding:2px 6px;border-radius:8px}#race-event .eyebrow{font-size:8px;color:#8c6c31}dialog>.event-card{width:min(320px,100%);aspect-ratio:1.4;box-shadow:0 4px 0 #81936130;margin-bottom:20px}
.fireflies{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.fireflies i{position:absolute;left:calc(7% + var(--i)*14%);top:calc(5% + var(--i)*11%);width:4px;height:4px;border-radius:50%;background:#fff2a8;box-shadow:0 0 8px 3px #fcef9677;opacity:0;animation:firefly 7s calc(var(--i)*-.9s) infinite}body[data-scene="3"] .fireflies i{width:5px;height:5px;box-shadow:0 0 10px 4px #e4ffd266}
.podium>div{animation:podiumPop .7s backwards}.podium>div:nth-child(2){animation-delay:.15s}.podium>div:nth-child(3){animation-delay:.3s}.results{background:linear-gradient(145deg,#fff9d6,#f3f8dc);border:2px solid #d7bc65}.results h2{color:#517431}
@keyframes turnGlow{50%{box-shadow:0 0 0 4px #f6cd6b33,0 0 26px #f0d16f70}}@keyframes revealGlow{50%{box-shadow:0 3px 0 #365626,0 0 0 5px #d0ea8b33,0 0 22px #b5dc68aa}}@keyframes pickInvitation{50%{transform:translateY(-4px);box-shadow:0 3px 0 #b8953530,0 0 15px #f3d27366}}@keyframes dinoBreathe{50%{transform:translateY(-1px) rotate(1deg)}}@keyframes dinoRun{20%,65%{transform:translateY(-7px) rotate(-8deg)}40%,85%{transform:translateY(-1px) rotate(5deg)}}@keyframes dinoOops{30%{transform:rotate(12deg) translateY(-7px)}60%{transform:rotate(-7deg)}}@keyframes dinoHello{25%{transform:rotate(-12deg) translateY(-6px)}60%{transform:rotate(9deg) translateY(-9px)}}@keyframes feet{to{transform:translateY(-4px) rotate(25deg)}}@keyframes dustPuff{15%{opacity:.9}100%{opacity:0;transform:translateX(-21px) scale(1.8)}}@keyframes checkpointFlip{0%{transform:perspective(250px) rotateY(90deg) scale(.8)}70%{transform:rotateY(-9deg) scale(1.15)}}@keyframes sceneShine{50%{opacity:.8;transform:translateY(-2px) rotate(8deg)}}@keyframes firefly{20%,70%{opacity:.8}50%{transform:translate(14px,-12px)}100%{transform:translate(-8px,7px);opacity:0}}@keyframes podiumPop{from{opacity:0;transform:translateY(15px) scale(.8)}to{opacity:1;transform:none}}
@media(min-width:1000px) and (max-height:780px){.track-panel{padding-top:28px}.track-panel h2{font-size:14px}.checkpoint,.checkpoint.flipped{width:min(100%,43px)!important}.turn-banner{min-height:50px}.track-caption{margin-top:8px}.track-panel .section-head{padding-bottom:0}.runner{height:32px}.turn-label{font-size:7px;margin:0}.turn-banner small{font-size:9px}.turn-banner strong{font-size:14px}}
@media(max-width:1000px){#soundtrack{max-width:96px}.checkpoint,.checkpoint.flipped{width:min(100%,51px)!important}}
@media(max-width:760px){header{padding:10px 12px;flex-wrap:wrap;gap:9px}.brand{font-size:19px}nav{margin-left:auto;gap:4px}#soundtrack{max-width:90px;width:90px;font-size:9px;padding:6px 4px}header input[type=range]{width:40px}.track-panel{padding-top:28px}.track-panel h2{font-size:13px}.track-panel::after{inset:21px 3px 4px}.track-panel>.section-head{padding-bottom:3px}.lane{height:46px}.runner{height:34px;top:4px;width:35px;margin-left:-17px}.runner span{font-size:5px}.runner img{border-width:1px}.checkpoint,.checkpoint.flipped{width:100%!important;border-width:1px;border-radius:5px}.checkpoint-art{font-size:12px!important}.checkpoint small{width:10px;height:10px;font-size:6px;bottom:-5px;right:-2px}.track-caption{margin-top:10px}.track-ruler{margin-top:3px}.turn-banner.your-turn{padding:7px 9px}.turn-banner strong{font-size:13px}.turn-banner small{max-width:180px}.turn-label{font-size:7px;letter-spacing:1px}.turn-banner .turn-star{font-size:20px}.turn-banner [data-do=reveal]{padding:11px 8px;font-size:10px}.bot-hint{font-size:9px}.crew-actions button{font-size:12px;padding:10px}.crew-member{gap:7px}.crew-member strong{font-size:13px}.crew-member small{font-size:10px}#race-event{bottom:15px;padding:10px;gap:10px;width:calc(100vw - 28px)}#race-event .event-card{width:115px}#race-event b{font-size:16px}#race-event small{font-size:10px}#race-event.move-event{width:auto;min-width:230px}.fireflies i{width:3px;height:3px}}
.market-tray{display:flex;align-items:center;gap:15px;min-height:66px;margin-top:7px}.market-tray .market-cards{flex:1;min-width:0;margin-top:0}.reveal-deck{flex:0 0 140px;min-height:66px;padding:8px 12px;display:grid;grid-template-columns:25px 1fr;align-items:center;gap:3px 6px;text-align:left;background:linear-gradient(125deg,#3c8053,#245b45);border:2px solid #dfc474;color:#fffad4;box-shadow:-3px 3px 0 #92b67a,-6px 6px 0 #c6d7a4;border-radius:12px}.reveal-deck strong{font-size:12px}.reveal-deck small{font-size:8px;grid-column:2;color:#e2edc3}.reveal-deck kbd{font:700 9px 'DM Sans';border:1px solid #b9c892;border-radius:4px;padding:1px 4px;color:white}.reveal-deck .deck-symbol{font-size:28px;color:#f5d379;grid-row:span 2}.reveal-deck:hover:not(:disabled){background:linear-gradient(125deg,#4a945e,#2b704e);box-shadow:-3px 3px 0 #92b67a,-6px 6px 0 #c6d7a4,0 0 20px #bcdc6499;transform:translateY(-3px) rotate(-1deg)}.your-reveal .reveal-deck{animation:revealGlow 3s ease-in-out infinite}.market.your-reveal{border:2px solid #b1bf72;background:linear-gradient(120deg,#eef4cc,#fffde8)}.market-tray .empty-table{font-size:11px}.market-tray .empty-table>span{font-size:23px}
@media(max-width:760px){.market-tray{gap:9px;min-height:64px}.reveal-deck{flex-basis:120px;padding:7px 8px;grid-template-columns:20px 1fr;gap:3px 4px}.reveal-deck strong{font-size:10px}.reveal-deck .deck-symbol{font-size:22px}.market-tray .race-card{width:27%;min-width:37px}.market-tray .empty-table{font-size:10px;gap:5px}.market-tray .empty-table>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.fireflies,.dust{display:none}.turn-banner.your-turn,.market.your-draft{box-shadow:0 0 0 3px #f6cd6b44,0 0 15px #eccb5255}}