/* Original angler.earth cabinet finish: vivid colour, deep black and short accents. */
#cabinet-stage{--arcade-ink:#010309;--arcade-cyan:#00caff;--arcade-yellow:#ffe000;--arcade-red:#ff304f;--arcade-green:#00f580}
#cabinet-top{background:var(--arcade-ink);box-shadow:0 3px 0 #001d31,0 6px 18px #0008}
#cabinet-clock{border-top:3px solid var(--arcade-yellow);padding-bottom:8px;background:var(--arcade-ink)}
#cabinet-clock #timer{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:51px;letter-spacing:2px;font-variant-numeric:tabular-nums}
#cabinet-clock #timer small{font-family:Arial,sans-serif;font-style:normal;font-weight:800;letter-spacing:1.5px}
#cabinet-screen.solid-menu{background:linear-gradient(112deg,#030611fa 15%,#031421f5 70%,#052842f2),repeating-linear-gradient(135deg,#fff1 0 1px,transparent 1px 18px);border-top:1px solid #075f83}
#cabinet-screen.solid-menu:before{content:'';position:absolute;top:0;left:0;bottom:0;width:9px;background:linear-gradient(var(--arcade-red) 0 25%,var(--arcade-cyan) 25% 50%,var(--arcade-yellow) 50% 75%,var(--arcade-green) 75%);pointer-events:none}
.screen-heading h2{font-family:'Arial Black',Arial,sans-serif;text-shadow:3px 4px 0 #000,0 0 28px #00caff20}
.screen-heading .arcade-kicker{color:var(--arcade-yellow);letter-spacing:2.5px}
.screen-footer{border-top:1px solid #146082;padding-top:11px;color:#d8f6ff}
#cabinet-stage .cabinet-choice,#cabinet-stage .back-choice{border-radius:2px;box-shadow:inset 0 2px 0 #ffffff1f,0 4px 0 #0008}
#cabinet-stage button.pad-focus,#cabinet-stage button:focus-visible{outline:3px solid #fff!important;outline-offset:3px;box-shadow:0 0 0 6px #00baff66,inset 0 2px 0 #fff5}
#cabinet-stage .cabinet-choice.yellow,#cabinet-stage .arcade-primary{background:linear-gradient(#fff04c,#ffe000 65%,#ffbd00);color:#030507;border-color:#fff;box-shadow:0 6px 0 #965000,inset 0 2px 0 #fff8}
#cabinet-stage .arcade-primary:active,#cabinet-stage .cabinet-choice:active{translate:0 2px}
#cabinet-stage .home-tile{position:relative;flex-direction:row;justify-content:flex-start;text-align:left;padding:14px 18px 14px 112px;display:grid;align-content:center;gap:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--tile),#000 90%),#010309 72%);border-width:2px;border-left-width:6px;border-radius:3px;overflow:hidden}
#cabinet-stage .home-tile:after{content:'';position:absolute;right:-18px;bottom:-12px;width:68px;height:68px;rotate:35deg;border:12px solid var(--tile);opacity:.12;pointer-events:none}
#cabinet-stage .home-tile .arcade-nav-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:80px;height:75px;filter:drop-shadow(0 4px 3px #000)}
#cabinet-stage .home-tile b{font-size:24px;line-height:1.08;letter-spacing:.2px}
#cabinet-stage .home-tile span{font-size:14px;line-height:1.2;color:#d8efff}
#cabinet-stage .mode-poster,#cabinet-stage .roster-tile{border-radius:3px;box-shadow:inset 0 2px 0 #ffffff12,0 5px 0 #0006}
#cabinet-stage .mode-poster.selected{background:linear-gradient(125deg,#393508,#080c13)!important;box-shadow:inset 0 -5px 0 #ffe000,0 0 22px #ffe0001a}
#cabinet-stage .roster-preview{border-radius:3px;border-bottom-width:6px;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--p),#001 65%),#030813 75%)}
#cabinet-stage .attract-copy{top:61px}
#cabinet-stage .attract-copy .arcade-kicker{background:#000b;width:fit-content;padding:8px 13px;border-left:5px solid var(--arcade-cyan);font-size:16px}
#cabinet-stage .attract-copy .attract-line{letter-spacing:.5px;text-shadow:0 2px 3px #000}
#cabinet-stage .attract-copy .arcade-primary{position:relative;overflow:hidden;min-width:415px}
#cabinet-stage .attract-copy .arcade-primary:after{content:'';position:absolute;inset:0 auto 0 -40%;width:22%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-20deg);animation:cabinet-sheen 5s 1s ease-in-out infinite;pointer-events:none}
#cabinet-stage .attract-label{background:#000a;border-right:5px solid var(--arcade-yellow);padding:12px 18px;font-style:italic}
#cabinet-stage .duke-tribute{border-color:#ffe00066;background:#02050bd9}

/* The line gauge is a marked scale, not an unexplained second score bar. */
#cabinet-hud{box-shadow:0 -3px 0 #001d31,0 -9px 30px #0005}
#cabinet-hud .score{border-right:2px solid color-mix(in srgb,var(--p),#000 70%);background:linear-gradient(135deg,color-mix(in srgb,var(--p),#000 95%),#010309)}
#cabinet-hud .score:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--p)}
#cabinet-hud .cabinet-portrait{border-radius:3px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--p),#000 80%),#000);border-width:1px;border-bottom-width:4px}
#cabinet-hud .score[data-leading=true]{background:linear-gradient(135deg,#373007,#010309 70%)}
#cabinet-hud .score[data-leading=true]:before{background:linear-gradient(90deg,var(--p),#ffe000)}
#cabinet-hud .score>strong{font-family:Impact,'Arial Black',Arial,sans-serif;letter-spacing:.5px;font-size:36px;text-shadow:2px 2px 0 #000}
#cabinet-hud .tension{left:auto;right:12px;top:45px;width:128px;height:13px;border:1px solid #a1d5e9;border-radius:2px;padding:0;overflow:visible;background:linear-gradient(90deg,#064566 0 18%,#098342 18% 72%,#ffd500 72% 85%,#f82842 85% 100%)}
#cabinet-hud .tension:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,#0007 12px 13px);pointer-events:none}
#cabinet-hud .tension i{height:100%;background:transparent!important;border-right:3px solid #fff;box-shadow:2px 0 2px #000;position:relative;z-index:1;transition:width .09s linear}
#cabinet-hud .tension i:after{content:'';position:absolute;right:-5px;top:-6px;width:7px;height:5px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}
#cabinet-hud .score[data-fighting=false] .tension{opacity:.25}
#cabinet-hud .meter-label{position:absolute;display:block;right:12px;top:28px;width:128px;text-align:right;color:#d4efff;font:800 9px/12px Arial,sans-serif;white-space:nowrap}
#cabinet-hud .score[data-danger=true] .meter-label{color:#ff7789}
#cabinet-hud .fight-cue{left:10px;right:136px;bottom:9px;height:24px;display:flex;gap:6px;align-items:center}
#cabinet-hud .cue-icon{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px}
#cabinet-hud .cue-title{font-size:12px;line-height:1.15;white-space:normal;display:block}
#cabinet-hud .score[data-cue=strike] .cue-title{color:#ffe000}
#cabinet-hud .score[data-cue=danger] .cue-title{color:#ff7789}
#cabinet-hud .score[data-cue=safe] .cue-title{color:#00ff8a}
#cabinet-hud .hud-coin{border:1px solid color-mix(in srgb,var(--p),#000 45%);background:#010309;border-radius:3px;padding:4px 6px;font-size:20px}
#cabinet-hud .race-target{color:#ffea42;font-size:13px}
body:not(.playing-round) #cabinet-hud .tension,body:not(.playing-round) #cabinet-hud .meter-label,body:not(.playing-round) #cabinet-hud .fight-cue{display:none}
#derby-race-banner{border:0;border-left:7px solid #ffe000;border-right:7px solid #ffe000;border-radius:0;box-shadow:0 4px 0 #0007;max-width:66%;padding:9px 30px;background:linear-gradient(90deg,#030407f5,#151303f5,#030407f5);font-family:'Arial Black',Arial,sans-serif;font-size:24px;font-style:italic}
#derby-race-banner[data-kind=lead]{border-color:#00caff;background:linear-gradient(90deg,#030407f5,#032435f5,#030407f5)}

/* A catch has a silhouette, a reveal, a weight lock and a small recast ribbon. */
#cabinet-playfield .catch-card.landing-reveal{border-radius:3px!important;border-top-width:4px!important;padding:9px 9px 8px;background:linear-gradient(150deg,#000f,#001322f5)!important;box-shadow:0 9px 24px #0009,inset 0 0 35px color-mix(in srgb,var(--reward),transparent 91%)!important}
#cabinet-playfield .landing-reveal .landing-title{font-size:25px;line-height:1.05;min-height:27px;overflow-wrap:anywhere}
#cabinet-playfield .landing-fish-stage{height:120px;margin-top:7px;background:radial-gradient(ellipse,var(--reward),transparent 62%);background-blend-mode:soft-light;isolation:isolate}
#cabinet-playfield .landing-fish-stage:before{content:'';position:absolute;inset:0;background:#00101ce0;z-index:-1}
#cabinet-playfield .landing-fish{width:96%!important;height:95%!important;filter:drop-shadow(0 8px 6px #000) drop-shadow(0 0 5px var(--reward))}
#cabinet-playfield .landing-ring{width:100px;height:100px;border-style:dashed;opacity:.24}
#cabinet-playfield .landing-reveal .landing-weight{font-size:49px;line-height:1.05}
#cabinet-playfield .landing-note{font-size:10px}
#cabinet-playfield .landing-bag>div>span{background:#02060d;border-color:#224c61;border-bottom:3px solid #00caff;padding:4px 2px}
#cabinet-playfield .landing-bag>div,#cabinet-playfield .landing-bag>small,#cabinet-playfield .landing-hint{display:none}
#cabinet-playfield .landing-bag{margin:5px 0 3px}
#cabinet-playfield .landing-bag>b{font-size:16px;line-height:1.15}
#cabinet-playfield .landing-reveal[data-landing-tier=mythic]{border-image:linear-gradient(130deg,#ff36af,#9c65ff,#00eeff,#ffe000) 1!important}
#cabinet-playfield .landing-recasting{padding:7px 10px!important;animation:none!important;max-height:124px!important}
#cabinet-playfield .landing-recasting .landing-copy{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto auto;column-gap:8px;text-align:left;align-items:center}
#cabinet-playfield .landing-recasting .landing-seat,#cabinet-playfield .landing-recasting .landing-note,#cabinet-playfield .landing-recasting .landing-hint,#cabinet-playfield .landing-recasting .landing-bag,#cabinet-playfield .landing-recasting .landing-skills,#cabinet-playfield .landing-recasting .landing-sparks{display:none}
#cabinet-playfield .landing-recasting .landing-title{grid-column:2;grid-row:1;font-size:16px;min-height:0;line-height:1.1}
#cabinet-playfield .landing-recasting .landing-fish-stage{grid-row:1/4;grid-column:1;height:83px;margin:0}
#cabinet-playfield .landing-recasting .landing-fish{animation:none;transform:rotate(-8deg)}
#cabinet-playfield .landing-recasting .landing-species{grid-column:2;font-size:12px;line-height:1.15;min-height:0;margin:3px 0}
#cabinet-playfield .landing-recasting .landing-weight{grid-column:2;font-size:30px;justify-content:start;line-height:1}
#cabinet-playfield .landing-recasting .landing-weight em{font-size:12px}
#cabinet-playfield .landing-recasting .landing-ring{width:58px;height:58px}

/* Victory podium: strong places, bright trophy, no buttons held hostage. */
#cabinet-stage .derby-podium{border-radius:3px;border-bottom:4px solid #ffe000}
#cabinet-stage .podium-scene{opacity:1;background-image:linear-gradient(#02081611,#02081344 55%,#010710d9),url(assets/championship-ceremony.png)}
.podium-spotlights{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:conic-gradient(from 156deg at 29% -15%,transparent 0deg,#00caff20 10deg,transparent 23deg),conic-gradient(from 168deg at 54% -15%,transparent 0deg,#ffe00030 12deg,transparent 26deg)}
.stand-rank{position:absolute;left:calc(50% - 83px);top:22px;z-index:3;display:grid;place-items:center;width:43px;height:43px;background:#03060a;border:2px solid var(--p);color:var(--p);font:900 italic 27px/1 Impact,Arial,sans-serif;box-shadow:3px 3px 0 #000}
.gold-stand .stand-rank{border-color:#ffe000;color:#ffe000}
#cabinet-stage .stand-plinth{border-radius:3px 3px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--p),#000 80%),#010309 80%)}
#cabinet-stage .stand-place{font-size:15px;letter-spacing:1px}
#cabinet-stage .gold-stand .stand-trophy{filter:drop-shadow(0 0 10px #ffe000aa) drop-shadow(0 4px 2px #000);animation:trophy-salute .9s .35s both}
#cabinet-stage .stand-catch img{filter:drop-shadow(0 5px 2px #000) drop-shadow(0 0 7px #00caff77)}
#cabinet-stage[data-scene=RESULTS] .screen-heading h2,#cabinet-stage[data-scene=REMATCH] .screen-heading h2{color:#ffe000}
@keyframes cabinet-sheen{0%,65%{left:-40%}85%,100%{left:130%}}
@keyframes trophy-salute{from{opacity:0;transform:translateY(20px) rotate(-18deg) scale(.7)}to{opacity:1;transform:none}}
.reduced-motion .arcade-primary:after{animation:none!important;display:none}.reduced-motion .stand-trophy{animation:none!important}
@media(prefers-reduced-motion:reduce){#cabinet-stage .arcade-primary:after{animation:none;display:none}#cabinet-stage .stand-trophy{animation:none}#cabinet-hud .tension i{transition:none}}

#cabinet-stage .pet-studio-shortcut{display:inline-block;color:#00caff;font:800 13px/1.3 Arial,sans-serif;letter-spacing:.3px;border:1px solid #00caff70;border-radius:3px;padding:9px 14px;margin:12px 0 0;text-decoration:none;background:#020913d9}
#cabinet-stage .home-credits .pet-studio-shortcut{margin:0 18px 0 0;padding:7px 13px}
#cabinet-stage .pet-studio-shortcut:hover,#cabinet-stage .pet-studio-shortcut:focus-visible{color:#03050c;background:#ffe000;border-color:#ffe000}