:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f7fb;background:#090b12;--panel:#ffffff0d;--line:#ffffff18;--accent:#6ce2ff;--gold:#f6cc66;--green:#4ee7a0;--red:#ff6776}
*{box-sizing:border-box}
html,body,#app{margin:0;min-height:100%;height:100%;overflow:hidden}
button,input{font:inherit}
body{background:#090b12}
.shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -20%,#2d3c65 0,#0c1020 45%,#070910 100%)}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#090b12cc;backdrop-filter:blur(12px);z-index:30}
.brand{font-weight:900;letter-spacing:.14em;font-size:1.15rem}.brand span{opacity:.55;font-weight:650}.subBrand{font-size:.73rem;opacity:.5;margin-top:2px;letter-spacing:.04em}.status{font-size:.82rem;opacity:.7}
.home{flex:1;overflow:auto;padding:28px;display:grid;place-items:start center}
.hero{width:min(1180px,100%)}
.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:800;opacity:.55;margin:8px 0}
h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.92;margin:0 0 12px;letter-spacing:-.055em}
.sub{font-size:clamp(1rem,2vw,1.25rem);opacity:.7;max-width:900px;line-height:1.5}
.heroStrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.heroStrip span{padding:8px 14px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff12;font-size:.8rem;font-weight:700;letter-spacing:.04em;opacity:.8}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:30px;padding-bottom:30px}
.card{border:1px solid #ffffff22;background:linear-gradient(180deg,#ffffff10,#ffffff08);border-radius:22px;padding:20px;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 60px #0006}
.card small{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;opacity:.45}.card h2{font-size:1.7rem;margin:.25rem 0 0}.card p{opacity:.68;line-height:1.45}
.btn{border:0;border-radius:14px;padding:13px 17px;background:linear-gradient(180deg,#f6f7fb,#d9deec);color:#090b12;font-weight:850;cursor:pointer;box-shadow:0 8px 24px #0003}.btn:hover{transform:translateY(-1px)}
.btn.alt{background:#ffffff12;color:#fff;border:1px solid #ffffff22;box-shadow:none}
.game{flex:1;display:flex;min-height:0}
.sidebar{width:300px;padding:16px;border-right:1px solid var(--line);background:#080a10cc;display:flex;flex-direction:column;gap:12px}
.sideContent{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}
.metric,.killerStatus{padding:12px;border-radius:14px;background:var(--panel);border:1px solid #ffffff10;box-shadow:inset 0 1px 0 #ffffff0a}
.metric.accent{background:linear-gradient(180deg,#10313c,#0b1c25);border-color:#1d4854}
.metric b,.killerStatus b{display:block;font-size:1.32rem}.metric small{opacity:.55}.killerStatus span{display:block;opacity:.7;margin-top:4px}.hint{font-size:.82rem;line-height:1.45;opacity:.55}.lastThrows{font-size:1.05rem;font-weight:800;min-height:1.4em;padding:3px 2px 8px}
.adSlot{margin-top:auto;min-height:145px;border:1px solid #ffffff1c;border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#261838,#11243f 55%,#0d182d);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff12}
.adSlot:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff10;filter:blur(2px)}
.adSlot .adBadge{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;background:#ffffff1b;font-size:.68rem;font-weight:900;letter-spacing:.09em;margin-bottom:10px}
.adSlot b{font-size:1.18rem;line-height:1.1;position:relative;z-index:1}.adSlot span{font-size:.84rem;opacity:.75;margin-top:6px;position:relative;z-index:1;line-height:1.35}.adSlot em{font-style:normal;font-weight:800;color:#fff;margin-top:10px;position:relative;z-index:1;font-size:.82rem}
.controls{display:flex;gap:8px;flex-wrap:wrap}
.stageWrap{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;min-width:0}
.stage{position:relative;width:min(100%,1120px);aspect-ratio:16/10;max-height:calc(100vh - 125px);background:linear-gradient(180deg,#141a2e,#090b12);border:1px solid #ffffff1d;border-radius:22px;overflow:hidden;box-shadow:0 24px 100px #0008;touch-action:none;user-select:none}
.stage.success{box-shadow:0 0 0 2px #4ee7a088,0 24px 100px #0008}.stage.fail{box-shadow:0 0 0 2px #ff667788,0 24px 100px #0008}.stage.impact{box-shadow:0 0 0 2px #f6cc6688,0 24px 100px #0008}
.arenaBackdrop{position:absolute;inset:0;pointer-events:none}.rushBg{background:radial-gradient(circle at 20% 20%,#4b6eff22 0 10%,transparent 10%),radial-gradient(circle at 82% 22%,#ff5c6d18 0 12%,transparent 12%),linear-gradient(180deg,#1a223d,#0d1223)}.rushBg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#fff,#ffffff40)}
.footerAd{width:min(100%,1120px);min-height:40px;border:1px solid #ffffff16;border-top:0;border-radius:0 0 12px 12px;display:grid;place-items:center;font-size:.82rem;letter-spacing:.03em;opacity:.85;background:#080a10;padding:0 14px}.tickerItem{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}.tickerItem strong{letter-spacing:.09em;color:#f6cc66}.tickerItem span{opacity:.7}.tickerItem em{font-style:normal;font-weight:800;color:#fff}
.target{position:absolute;border-radius:50%;transform:translate(-50%,-50%);cursor:crosshair;box-shadow:0 0 0 10px #ffffff14,0 0 80px #ffffff24;background:radial-gradient(circle,#fff 0 10%,#e64b5d 11% 24%,#fff 25% 40%,#3f6fff 41% 58%,#fff 59% 74%,#11192d 75%);display:grid;place-items:center;animation:targetPulse 1.35s ease-in-out infinite}
.target i{position:absolute;border-radius:50%;border:1px solid #ffffff55}.target i:nth-child(1){inset:11%}.target i:nth-child(2){inset:28%}.target i:nth-child(3){inset:44%}
@keyframes targetPulse{50%{transform:translate(-50%,-50%) scale(1.03)}}
.floating{position:absolute;transform:translate(-50%,-50%);font-weight:950;font-size:2rem;animation:float .85s ease forwards;pointer-events:none;z-index:15;text-shadow:0 3px 14px #000}.floating.good{color:#7fffbd}.floating.bad{color:#ff8e98}@keyframes float{to{opacity:0;transform:translate(-50%,-130%) scale(1.15)}}
.castleField{display:grid;grid-template-columns:1fr 1fr;height:100%;position:relative}.skyLayer{position:absolute;inset:0;background:linear-gradient(180deg,#7aa7ff25 0,#ffffff05 35%,transparent 36%)}
.half{position:relative;overflow:hidden;display:grid;place-items:center}.half:first-child{background:linear-gradient(180deg,#82a0ff40,#3e567820 45%,#17301d 46%,#132718)}.half:last-child{background:linear-gradient(180deg,#ff9cb040,#6e3b5420 45%,#332316 46%,#2a1d12)}
.castleWrap{position:relative;display:grid;place-items:center;gap:18px}.castleLabel{font-weight:900;letter-spacing:.08em;opacity:.72}
.castleArt{position:relative;width:280px;height:220px;filter:drop-shadow(0 24px 35px #0008)}
.castleArt .keep,.castleArt .tower,.castleArt .gate,.castleArt .flag{position:absolute;display:block}
.castleArt .keep{left:50%;bottom:30px;transform:translateX(-50%);width:145px;height:110px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#dbe0ea,#8e96ab);box-shadow:inset 0 -20px 0 #6a7388}
.castleArt .tower{bottom:30px;width:64px;height:138px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#d7dde8,#9098ad);box-shadow:inset 0 -26px 0 #6a7388}.castleArt .tower.left{left:30px}.castleArt .tower.right{right:30px}
.castleArt .tower:before,.castleArt .keep:before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;background:repeating-linear-gradient(90deg,#7d869c 0 16px,#cfd4df 16px 24px);border-radius:6px 6px 0 0}
.castleArt .gate{left:50%;bottom:30px;transform:translateX(-50%);width:40px;height:58px;border-radius:20px 20px 0 0;background:#4a2d1f;border:4px solid #2f1b12}
.castleArt .flag{left:50%;top:8px;width:4px;height:32px;background:#d4d9e7}.castleArt .flag:before{content:"";position:absolute;left:4px;top:0;border-left:32px solid #5ab6ff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.castleArt.p2 .flag:before{border-left-color:#ff6b7e}
.castleArt.hit{animation:shake .26s linear 2}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.impactBurst{position:absolute;transform:translate(-50%,-50%);color:#ffd778;font-size:3.1rem;animation:burst .45s ease forwards;pointer-events:none}@keyframes burst{to{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(28deg)}}
.health{position:absolute;top:18px;left:8%;right:8%;height:18px;border:1px solid #ffffff55;background:#0006;border-radius:99px;overflow:hidden}.health i{display:block;height:100%;background:linear-gradient(90deg,#7cf7bb,#e8ff99);transition:width .2s}
.overlay{position:absolute;inset:0;background:#070910e8;display:grid;place-items:center;text-align:center;padding:24px;z-index:20}.overlayBox{max-width:640px}.overlay h2{font-size:clamp(2rem,6vw,4.5rem);margin:.1em}.overlay p{opacity:.72;line-height:1.5}
.race{height:100%;display:grid;grid-template-rows:1fr 1fr;position:relative;background:linear-gradient(180deg,#73b5ff22,#94d27d15 45%,#4e7531 46%,#35541d)}
.race:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff07 0 1px,transparent 1px);background-size:7% 100%;opacity:.5}
.lane{position:relative;border-bottom:2px dashed #ffffff2b;overflow:hidden}.lane:last-child{border-bottom:0}.trackMarks{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 35%,#ffffff10 36% 38%,transparent 39% 100%)}
.laneName{position:absolute;left:15px;top:15px;font-weight:900;opacity:.68;background:#0004;padding:6px 10px;border-radius:999px}
.terrapin{position:absolute;left:4%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 10px #0008);transition:left .11s linear;z-index:2}
.terrapinArt{width:120px;height:74px;animation:bob .55s ease-in-out infinite}.terrapinArt .shell{position:absolute;left:18px;top:18px;width:64px;height:42px;border-radius:34px 34px 28px 28px;background:radial-gradient(circle at 45% 35%,#80d07a 0,#4f9d55 42%,#2d693c 100%);border:4px solid #244e2d;box-shadow:inset 0 0 0 3px #9bdc96}.terrapinArt .head{position:absolute;right:8px;top:27px;width:25px;height:20px;border-radius:60% 70% 70% 40%;background:#6bbd74;border:3px solid #2f6b3a}.terrapinArt .head:after{content:"";position:absolute;right:4px;top:5px;width:4px;height:4px;border-radius:50%;background:#111}.terrapinArt .tail{position:absolute;left:10px;top:34px;width:12px;height:8px;background:#5aa768;clip-path:polygon(0 50%,100% 0,100% 100%)}
.terrapinArt .leg{position:absolute;width:14px;height:12px;border-radius:50%;background:#5faa67;border:2px solid #2e6a38;transform-origin:50% 0}
.terrapinArt .leg1{left:26px;top:50px;animation:legA .35s linear infinite}.terrapinArt .leg2{left:45px;top:53px;animation:legB .35s linear infinite}.terrapinArt .leg3{left:56px;top:53px;animation:legA .35s linear infinite}.terrapinArt .leg4{left:77px;top:50px;animation:legB .35s linear infinite}
@keyframes bob{50%{transform:translateY(-3px)}}@keyframes legA{50%{transform:translateY(3px)}}@keyframes legB{50%{transform:translateY(-3px)}}
.finish{position:absolute;right:5%;top:0;bottom:0;border-left:8px repeating-linear-gradient(#fff 0 10px,#000 10px 20px);z-index:2;writing-mode:vertical-rl;text-orientation:mixed;font-weight:900;letter-spacing:.15em;padding:8px;opacity:.8;background:#00000014}
.event{position:absolute;right:10%;top:50%;transform:translateY(-50%) scale(.85);font-size:1.25rem;font-weight:950;opacity:0;transition:.15s;background:#0a0e1acc;border:1px solid #ffffff20;border-radius:999px;padding:10px 14px}.event.show{opacity:1;transform:translateY(-50%) scale(1)}
.dartboard{position:absolute;inset:4% 18%;display:grid;place-items:center}.boardFace{position:relative;width:min(88vh,88%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -9deg,#1a1a1a 0 18deg,#eadfc7 18deg 36deg,#1a1a1a 36deg 54deg,#eadfc7 54deg 72deg,#1a1a1a 72deg 90deg,#eadfc7 90deg 108deg,#1a1a1a 108deg 126deg,#eadfc7 126deg 144deg,#1a1a1a 144deg 162deg,#eadfc7 162deg 180deg,#1a1a1a 180deg 198deg,#eadfc7 198deg 216deg,#1a1a1a 216deg 234deg,#eadfc7 234deg 252deg,#1a1a1a 252deg 270deg,#eadfc7 270deg 288deg,#1a1a1a 288deg 306deg,#eadfc7 306deg 324deg,#1a1a1a 324deg 342deg,#eadfc7 342deg 360deg);border:12px solid #111;box-shadow:0 25px 80px #0009}
.ringFill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.ring-double-fill{width:100%;height:100%;box-shadow:inset 0 0 0 14px #b5232caa}.ring-treble-fill{width:63%;height:63%;box-shadow:inset 0 0 0 14px #168253cc}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.ring-double{width:95.3%;height:95.3%;border:1px solid #ffffff40}.ring-treble{width:62.9%;height:62.9%;border:1px solid #ffffff40}.ring-outerbull{width:9.35%;height:9.35%;background:#168253;border:2px solid #ffffff50}.ring-bull{width:3.74%;height:3.74%;background:#b5232c;z-index:3;border:2px solid #ffffff70}
.spokes{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.spokes i{position:absolute;left:50%;top:0;width:1px;height:50%;transform-origin:50% 100%;background:#bcbcbc88}
.boardNum{position:absolute;transform:translate(-50%,-50%);z-index:4;font-size:clamp(.7rem,1.7vw,1.35rem);font-weight:900;color:#fff;text-shadow:0 2px 4px #000}.overlay+.dartboard{opacity:.4}
@media(max-width:800px){header{padding:10px 12px}.game{flex-direction:column}.sidebar{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border-right:0;border-bottom:1px solid #ffffff18}.sideContent{display:contents}.metric,.killerStatus{padding:8px}.metric b,.killerStatus b{font-size:1rem}.hint,.adSlot{display:none}.controls{grid-column:1/-1;margin-top:0}.stageWrap{padding:8px}.stage{border-radius:14px;max-height:none}.home{padding:18px}h1{font-size:3.3rem}.status{display:none}.dartboard{inset:4% 8%}.tickerItem{font-size:.7rem}}

/* ===== teraPINS v0.3.0 ===== */
.raceTitleCard{padding:14px;border-radius:16px;background:linear-gradient(145deg,#5d3d17,#2f1f0d);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff1d}.raceTitleCard small{display:block;font-weight:900;letter-spacing:.15em;color:#ffcc55}.raceTitleCard b{display:block;font-size:1.7rem;line-height:1}.raceTitleCard span{display:block;margin-top:6px;font-size:.78rem;opacity:.66}.playerRacer{padding:10px 12px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff10}.playerRacer small{display:block;opacity:.45;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.playerRacer b{display:block;margin-top:2px}.racePositions{border-radius:14px;background:#05070c99;border:1px solid #ffffff14;padding:10px}.racePositions>small{display:block;font-size:.66rem;letter-spacing:.12em;opacity:.45;margin-bottom:6px}.racePositions div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;padding:4px 0;font-size:.77rem}.racePositions div span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-weight:900}.racePositions div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.racePositions div em{font-style:normal;opacity:.55;font-weight:800}
.raceGame{position:absolute;inset:0;background:linear-gradient(180deg,#70c8ff 0 20%,#c8efff 20% 30%,#79b85c 30% 32%,#476e2d 32% 100%);overflow:hidden}.raceGame:before{content:"";position:absolute;left:0;right:0;top:20%;height:12%;background:linear-gradient(135deg,#426b34 25%,#588044 25% 50%,#3b642f 50% 75%,#567b43 75%);background-size:70px 70px;opacity:.55;clip-path:polygon(0 70%,7% 25%,14% 60%,23% 10%,31% 66%,42% 18%,52% 70%,63% 20%,73% 58%,84% 12%,100% 65%,100% 100%,0 100%)}
.raceBanner{position:absolute;left:3%;top:2.5%;z-index:8;display:flex;align-items:center;gap:10px;padding:10px 18px 9px;border-radius:12px;background:linear-gradient(180deg,#7c4e1b,#3f260d);border:3px solid #2d1908;box-shadow:0 8px 20px #0005, inset 0 2px 0 #ffffff2c;transform:rotate(-1deg)}.raceBanner strong{display:block;font-size:clamp(1.8rem,4vw,3.1rem);line-height:.84;color:#ffbf45;text-shadow:0 3px 0 #602e00,0 5px 8px #0005}.raceBanner strong span{color:#7edb61}.raceBanner small{display:block;margin-top:4px;font-weight:950;letter-spacing:.18em;color:white}.raceBanner em{font-style:normal;font-size:2rem}.raceCrowd{position:absolute;top:18%;left:50%;right:0;height:14%;display:flex;align-items:flex-end;justify-content:space-around;padding:0 4%;background:linear-gradient(180deg,transparent,#2d3a4066);border-bottom:4px solid #6b4520}.raceCrowd i{width:15px;height:15px;border-radius:50%;background:#f0c18d;box-shadow:0 11px 0 5px #4b6680,22px 2px 0 #d79d72,22px 13px 0 5px #7d4e64,-22px 3px 0 #b77e65,-22px 14px 0 5px #547a4f}.raceTrack{position:absolute;left:0;right:0;top:32%;bottom:8%;display:grid;grid-template-rows:repeat(5,1fr);background:linear-gradient(180deg,#aa7240,#985e32)}.raceTrack:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#5c321c55 0 1px,transparent 1.5px),linear-gradient(90deg,#ffffff0b,transparent 20%,#ffffff08 40%,transparent 60%);background-size:22px 22px,100% 100%;pointer-events:none}.raceTrack .lane{position:relative;border-bottom:2px dashed #f7e1bd7a;overflow:hidden}.raceTrack .lane:last-child{border-bottom:0}.laneStripe{position:absolute;left:0;right:0;bottom:6px;height:2px;background:#ffffff18}.laneHud{position:absolute;left:1.2%;top:50%;transform:translateY(-50%);z-index:5;display:grid;grid-template-columns:34px 120px 42px;align-items:center;gap:7px;padding:5px 8px 5px 5px;border-radius:10px;background:#07101acc;border:1px solid #ffffff1e;box-shadow:0 4px 12px #0005}.laneHud .racerNumber{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:1000;background:var(--accent);color:#111;box-shadow:inset 0 -3px 0 #0003}.laneHud b{display:block;font-size:.72rem}.laneHud small{display:block;font-size:.52rem;letter-spacing:.06em;opacity:.48}.laneHud strong{font-size:.72rem;text-align:right;color:#fff}.finishPost{position:absolute;right:3%;top:0;bottom:0;width:36px;z-index:6;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 50%/20px 20px;border-left:3px solid #3c210e;border-right:3px solid #3c210e;box-shadow:0 0 16px #0006}.finishPost b{position:absolute;right:40px;top:8px;padding:5px 8px;background:#2c1a0d;color:#fff;border-radius:6px;font-size:.66rem;letter-spacing:.1em}.raceEventLegend{position:absolute;left:0;right:0;bottom:0;height:8%;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 20px;background:#081017e8;border-top:1px solid #ffffff1a;font-size:.69rem;font-weight:800;letter-spacing:.03em}.raceEventLegend .good{color:#86f4b8}.raceEventLegend .bad{color:#ff939d}
.raceTrack .terrapin{top:50%;width:92px;height:54px;transform:translate(-50%,-50%);transition:left .1s linear;z-index:4;filter:drop-shadow(0 6px 5px #3a1d0d88)}.raceTrack .terrapinArt{animation:terrapinRun .38s ease-in-out infinite}.raceTrack .terrapinArt .shell{left:20px;top:9px;width:54px;height:39px;border-radius:28px 29px 23px 25px;background:radial-gradient(circle at 42% 34%,color-mix(in srgb,var(--shell),white 25%) 0,var(--shell) 42%,color-mix(in srgb,var(--shell),black 32%) 100%);border:3px solid color-mix(in srgb,var(--shell),black 45%);box-shadow:inset 0 0 0 3px #ffffff18}.raceTrack .terrapinArt .shell:before{content:"";position:absolute;inset:6px 8px;border-radius:50%;background:repeating-conic-gradient(#ffffff10 0 16deg,#0000000d 16deg 32deg);border:1px solid #00000021}.raceTrack .terrapinArt .head{right:2px;top:17px;width:25px;height:21px;background:#88bd67;border:2px solid #3f6835;border-radius:55% 70% 70% 45%;transition:.2s}.raceTrack .terrapinArt .head i{position:absolute;right:6px;top:5px;width:4px;height:4px;border-radius:50%;background:#111;box-shadow:1px 0 0 1px #fff}.raceTrack .terrapinArt .head:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:4px;border-bottom:2px solid #2b4227;border-radius:50%}.raceTrack .terrapinArt .tail{left:13px;top:25px;width:11px;height:8px;background:#719d59;clip-path:polygon(0 50%,100% 0,100% 100%)}.raceTrack .terrapinArt .leg{width:12px;height:10px;background:#729f59;border:2px solid #416a36}.raceTrack .terrapinArt .leg1{left:27px;top:40px}.raceTrack .terrapinArt .leg2{left:43px;top:43px}.raceTrack .terrapinArt .leg3{left:53px;top:43px}.raceTrack .terrapinArt .leg4{left:68px;top:40px}.raceTag{position:absolute;left:40px;top:19px;z-index:3;width:20px;height:20px;border-radius:5px;background:var(--accent);color:#111;font-size:.72rem;font-weight:1000;display:grid;place-items:center;border:2px solid #ffffff99;transform:rotate(-5deg)}.dust{position:absolute;left:8px;bottom:5px;width:20px;height:8px;border-radius:50%;background:#d8b17c88;filter:blur(2px);animation:dustPuff .45s ease-in-out infinite}.racer-2 .head{transform:rotate(-4deg)}.racer-2 .head:after{border-bottom:0;border-top:2px solid #2b4227;bottom:2px}.racer-3 .head:before{content:"";position:absolute;left:-5px;top:-9px;width:28px;height:9px;background:#ed68bd;border-radius:60% 70% 40% 40%;transform:rotate(-8deg)}.racer-4 .head i{width:9px;height:7px;background:transparent;border:2px solid #202020;border-radius:50%;right:4px;top:3px;box-shadow:-10px 0 0 -1px transparent}.racer-1 .head:before{content:"";position:absolute;left:-2px;top:-7px;width:27px;height:9px;background:#2f74a8;border-radius:8px 8px 2px 2px;transform:rotate(4deg)}
.event{position:absolute;right:11%;top:50%;transform:translateY(-50%) scale(.9);font-size:.82rem;font-weight:1000;opacity:0;transition:.18s;background:#09111be8;border:1px solid #ffffff2b;border-radius:999px;padding:7px 11px;z-index:7;box-shadow:0 5px 12px #0005}.event.show{opacity:1;transform:translateY(-50%) scale(1)}.event.positive{color:#8bf5ba;border-color:#4ee7a077}.event.negative{color:#ff9ca5;border-color:#ff677677}
.jetFlame,.pogo,.skate,.lettuce,.drinkCup,.mudBlob,.dizzyStars{position:absolute;opacity:0;pointer-events:none}.fx-pogo{animation:pogoBounce .28s ease-in-out infinite!important}.fx-pogo .pogo{opacity:1;left:43px;top:43px;width:5px;height:27px;background:#dde4f2;border-radius:4px;box-shadow:0 25px 0 5px #f0a93e}.fx-pogo .leg{opacity:0}.fx-jet .jetFlame{opacity:1;left:6px;top:24px;width:28px;height:15px;background:linear-gradient(90deg,#ffe36a,#ff802f,#ff3d2f,transparent);clip-path:polygon(0 50%,100% 0,72% 50%,100% 100%);animation:flame .16s linear infinite}.fx-jet{transform:translate(-50%,-50%) rotate(-4deg)!important}.fx-skates .skate{opacity:1;top:47px;width:23px;height:7px;border-radius:5px;background:#555;border-bottom:3px solid #c6d5e8}.fx-skates .skate:before,.fx-skates .skate:after{content:"";position:absolute;bottom:-6px;width:6px;height:6px;border-radius:50%;background:#61c7ff;border:2px solid #13212c}.fx-skates .skate:before{left:2px}.fx-skates .skate:after{right:2px}.fx-skates .skateA{left:26px}.fx-skates .skateB{left:55px}.fx-lettuce .lettuce{opacity:1;right:-2px;top:-10px;color:#90ec61;font-size:24px;animation:lettuceSpin .55s linear infinite}.fx-lettuce{filter:drop-shadow(0 0 12px #9aff7599) drop-shadow(0 6px 5px #3a1d0d88)}.fx-drink{animation:none!important}.fx-drink .drinkCup{opacity:1;right:-12px;top:19px;width:13px;height:17px;border-radius:2px 2px 5px 5px;background:#64ccff;border:2px solid #fff}.fx-drink .drinkCup:after{content:"";position:absolute;right:-8px;top:-8px;width:2px;height:12px;background:#fff;transform:rotate(18deg)}.fx-drink .head{transform:rotate(18deg) translateY(3px)}.fx-shell .head,.fx-shell .tail,.fx-shell .leg{opacity:0}.fx-shell .shell{left:25px;animation:shellWobble .4s ease-in-out infinite}.fx-mud .mudBlob{opacity:1;left:8px;right:0;bottom:0;height:16px;border-radius:50%;background:#4c2d18;box-shadow:-14px -3px 0 -3px #5d391f,18px -2px 0 -5px #4c2d18}.fx-mud{filter:sepia(.35) drop-shadow(0 6px 5px #3a1d0d88)}.fx-dizzy .dizzyStars{opacity:1;right:0;top:-15px;color:#ffe168;font-weight:1000;font-size:15px;white-space:nowrap;animation:dizzyStars .45s linear infinite}.fx-dizzy{animation:wrongWay .34s ease-in-out infinite!important}.fx-dizzy .head{transform:rotate(180deg)}
@keyframes terrapinRun{0%,100%{margin-top:0}50%{margin-top:-2px}}@keyframes dustPuff{50%{transform:scale(1.4);opacity:.4}}@keyframes pogoBounce{0%,100%{margin-top:0}50%{margin-top:-18px}}@keyframes flame{50%{transform:scaleX(.7)}}@keyframes lettuceSpin{to{transform:rotate(360deg)}}@keyframes shellWobble{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes dizzyStars{to{transform:rotate(360deg)}}@keyframes wrongWay{25%{margin-left:4px;transform:translate(-50%,-50%) rotate(-6deg)}75%{margin-left:-4px;transform:translate(-50%,-50%) rotate(6deg)}}
@media(max-width:1050px){.laneHud{grid-template-columns:28px 88px 36px}.laneHud b{font-size:.63rem}.raceTrack .terrapin{width:80px}.raceBanner{transform:scale(.84) rotate(-1deg);transform-origin:top left}.raceEventLegend{font-size:.58rem}.racePositions div{font-size:.68rem}}