/* The Cup's optional depth, grouped into four visual, keyboard-accessible views. */
body[data-ui=cup] #race-options{--desk-cyan:#86edef;--desk-gold:#ffdb7e;--desk-muted:#aecbd3;margin:32px 0;padding:clamp(16px,2.5vw,32px);border:1px solid #437180;border-radius:22px;background:radial-gradient(ellipse at 10% 0,#23627155,transparent 60%),#082631;box-shadow:0 16px 45px #00101735;color:#eef8f6;overflow:hidden}
body[data-ui=cup] #race-options>:not(summary){margin:0;width:auto}
body[data-ui=cup] #race-options [hidden]{display:none!important}
body[data-ui=cup] #race-options :is(button,select,summary,[tabindex]):focus-visible{outline:3px solid var(--desk-gold);outline-offset:4px}
body[data-ui=cup] #race-options .eyebrow{margin:0 0 8px;color:var(--desk-cyan);font-size:10px;letter-spacing:.15em;font-weight:700}
body[data-ui=cup] #race-options .desk-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
body[data-ui=cup] #desk-title{margin:0;font-size:clamp(28px,3.3vw,46px);font-weight:850;line-height:1.08;letter-spacing:-.04em}
body[data-ui=cup] #race-options .desk-back{display:flex;align-items:center;gap:16px;min-height:44px;margin:0;padding:10px 16px;border:1px solid #6598a066;border-radius:30px;background:#123845;color:#e7f9f5;font:600 12px/1.4 var(--sans);cursor:pointer}
body[data-ui=cup] #race-options .desk-back span{font-size:21px;color:var(--desk-gold)}
body[data-ui=cup] #race-options .desk-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
body[data-ui=cup] #race-options .desk-tabs>button{--tab-accent:var(--desk-cyan);position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:100px;margin:0;padding:12px;border:1px solid #446b7d;border-radius:14px;background:linear-gradient(120deg,#184456,#0d2b3b);color:#e7f2f4;text-align:left;font-family:var(--sans);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
body[data-ui=cup] #race-options .desk-tabs>button[data-desk=pot]{--tab-accent:var(--desk-gold)}
body[data-ui=cup] #race-options .desk-tabs>button[data-desk=plans]{--tab-accent:#b5acff}
body[data-ui=cup] #race-options .desk-tabs>button[data-desk=record]{--tab-accent:#bdf486}
body[data-ui=cup] #race-options .desk-tabs>button[aria-selected=true]{border-color:var(--tab-accent);background:linear-gradient(125deg,#225d6a,#103545);box-shadow:inset 0 -3px var(--tab-accent),0 0 22px #5ad3e20a}
body[data-ui=cup] #race-options .desk-tab-copy{position:relative;z-index:1;min-width:0;padding-right:8px}
body[data-ui=cup] #race-options .desk-tab-copy strong{display:block;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:-.02em}
body[data-ui=cup] #race-options .desk-tab-copy small{display:block;margin-top:7px;color:#b3d0d8;font-size:10px;line-height:1.5}
body[data-ui=cup] #race-options .desk-tab-mark{position:absolute;right:10px;top:8px;color:var(--tab-accent);font-size:15px;opacity:.8}
body[data-ui=cup] #race-options .desk-tab-art{display:block;width:72px;height:72px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 5px 8px #001c2999);transition:transform .2s}
body[data-ui=cup] #race-options .desk-tab-art .racer-art{width:84px;height:72px;left:-8px}
body[data-ui=cup] #race-options .desk-art-pot{background-image:url('../dive/art/chest-treasure.webp')}
body[data-ui=cup] #race-options .desk-art-plans{background-image:url('art/current-channel-v1.webp');border-radius:50%;border:1px solid #b5acff66;background-size:cover}
body[data-ui=cup] #race-options .desk-art-record{background-image:url('art/finish-flags-v1.webp')}
body[data-ui=cup] #race-options .desk-panel{min-width:0;animation:desk-arrive .24s ease-out}
body[data-ui=cup] #race-options .desk-racer{display:grid;grid-template-columns:155px minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:24px;padding:18px 24px;border:1px solid #4f7c8c66;border-radius:14px;background:radial-gradient(ellipse at 15% 50%,#29869540,transparent 50%),#061f2b}
body[data-ui=cup] #race-options .desk-racer-art{height:95px;display:grid;place-items:center}
body[data-ui=cup] #race-options .desk-racer-art .racer-art{width:155px;height:95px}
body[data-ui=cup] #desk-fish-name{margin:0;font-size:32px;font-weight:800;letter-spacing:-.035em}
body[data-ui=cup] #desk-fish-trait{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--desk-muted)}
body[data-ui=cup] #race-options .desk-energy{text-align:right;min-width:100px}
body[data-ui=cup] #race-options .desk-energy>span{display:block;font:10px var(--mono);letter-spacing:.07em;color:var(--desk-muted)}
body[data-ui=cup] #race-options .desk-energy-pips{display:flex;justify-content:flex-end;gap:5px;margin:10px 0 6px}
body[data-ui=cup] #race-options .desk-energy-pips i{width:24px;height:12px;border-radius:3px;background:#214955;border:1px solid #42707b;transform:skew(-12deg)}
body[data-ui=cup] #race-options .desk-energy-pips i[data-filled=true]{background:var(--desk-gold);border-color:var(--desk-gold);box-shadow:0 0 12px #ffdb7e30}
body[data-ui=cup] #race-options .desk-energy strong{font-size:14px;color:var(--desk-gold)}
body[data-ui=cup] #race-options .desk-energy[data-invalid=true] strong{color:#ffab94}
body[data-ui=cup] #race-options #tactics{margin:0;padding:0;border:0;background:none}
body[data-ui=cup] #starting-plan-title{margin:0 0 7px;font-size:21px;line-height:1.3;font-weight:750;letter-spacing:-.025em}
body[data-ui=cup] #race-options .tactics-intro{color:var(--desk-muted);font-size:13px;margin-bottom:18px}
body[data-ui=cup] #race-options #plan-sections{gap:16px}
body[data-ui=cup] #race-options #plan-sections>section{position:relative;padding:0 18px 18px;border:1px solid #426d7f;border-radius:14px;overflow:hidden;background:#0b2d3c}
body[data-ui=cup] #race-options .desk-leg-art{height:110px;margin:0 -18px 14px;background:linear-gradient(0deg,#0b2d3c,transparent 80%),url('art/course-preview.webp') center 50%/cover;transition:background-image .2s}
body[data-ui=cup] #race-options [data-route="0"]>.desk-leg-art{background-image:linear-gradient(0deg,#0b2d3c,transparent 80%),url('art/reef-edge-v1.webp')}
body[data-ui=cup] #race-options [data-route="1"]>.desk-leg-art{background-image:linear-gradient(0deg,#0b2d3c,transparent 80%),url('art/open-water-v1.webp')}
body[data-ui=cup] #race-options [data-route="2"]>.desk-leg-art{background-image:linear-gradient(0deg,#0b2d3c,transparent 80%),url('art/current-channel-v1.webp')}
body[data-ui=cup] #race-options #plan-sections h3{font-size:17px;font-weight:750;color:#f0f9f4;letter-spacing:-.02em}
body[data-ui=cup] #race-options #plan-sections label{margin-top:12px;font-size:11px;color:#bed8df}
body[data-ui=cup] #race-options #plan-sections select{appearance:none;min-height:44px;padding:10px 38px 10px 12px;background:#071e2c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%2386edef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border-color:#5b8393;border-radius:8px;font-size:13px;color:#edf8f5}
body[data-ui=cup] #race-options #plan-sections section.active{border-color:var(--desk-gold);box-shadow:inset 0 0 0 1px var(--desk-gold)}
body[data-ui=cup] #race-options #plan-sections p{color:#a9c6ce;font-size:11px;margin-top:14px}
body[data-ui=cup] #race-options #energy-note{margin:16px 0 0;font-size:12px}
body[data-ui=cup] #race-options .desk-pot-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;border:1px solid #e3c26c55;border-radius:16px;background:radial-gradient(ellipse at 90% 50%,#967a3438,transparent 55%),#0b2b34}
body[data-ui=cup] #race-options .desk-pot-hero .eyebrow{color:var(--desk-gold)}
body[data-ui=cup] #race-options .desk-pot-hero h3{margin:0;color:var(--desk-gold);font-size:clamp(40px,5vw,70px);font-weight:850;letter-spacing:-.055em;line-height:1.15;font-variant-numeric:tabular-nums}
body[data-ui=cup] #race-options .desk-pot-hero h3 small{display:inline-block;font-size:14px;letter-spacing:0;font-weight:500}
body[data-ui=cup] #race-options .desk-pot-hero p:last-child{margin:10px 0 0;color:#c5d5cf;font-size:13px}
body[data-ui=cup] #race-options .desk-pot-hero img{width:180px;height:160px;object-fit:contain;filter:drop-shadow(0 12px 15px #0005)}
body[data-ui=cup] #race-options .desk-contributions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 26px}
body[data-ui=cup] #race-options .desk-contribution{display:grid;justify-items:center;gap:6px;min-width:0;padding:14px 10px 18px;border:1px solid #446b7d66;border-radius:12px;background:#0c2d3a;text-align:center}
body[data-ui=cup] #race-options .desk-contribution[data-you=true]{border-color:#86edef88;background:#143e47}
body[data-ui=cup] #race-options .desk-contribution .racer-art{width:90px;height:52px}
body[data-ui=cup] #race-options .desk-contribution>span:not(.racer-art){font-size:12px;color:var(--desk-muted)}
body[data-ui=cup] #race-options .desk-contribution strong{font-size:20px;letter-spacing:-.035em}
body[data-ui=cup] #race-options .desk-contribution small{font-size:10px;color:var(--desk-muted)}
body[data-ui=cup] #race-options .desk-bonus{border-color:#daba634d;background:#cfab3510}
body[data-ui=cup] #race-options .desk-contribution>span.desk-bonus-mark{height:52px;color:var(--desk-gold);font-size:44px;line-height:1}
body[data-ui=cup] #race-options .tide{grid-template-columns:minmax(0,1fr) 160px;gap:24px;margin:0;padding:22px;border:1px solid #446b7d66;border-radius:14px;background:#061f2b}
body[data-ui=cup] #race-options .tide-art{display:none}
body[data-ui=cup] #race-options .tide h2{font-size:23px;line-height:1.2;font-weight:750}
body[data-ui=cup] #race-options .tide p{font-size:12px;line-height:1.65}
body[data-ui=cup] #race-options .tide details{margin:12px 0 0;padding:0;border:0;background:none;font-size:12px}
body[data-ui=cup] #race-options .tide summary{position:relative;padding-right:30px;color:var(--desk-gold);cursor:pointer;min-height:30px}
body[data-ui=cup] #race-options .entry-assistance{margin:0;padding:24px;border:1px solid #8a84ba66;border-radius:14px;background:radial-gradient(ellipse at 0 0,#6e59932b,transparent 60%),#0b2938}
body[data-ui=cup] #race-options .desk-assistance-title{display:flex;gap:20px;align-items:center;margin-bottom:18px}
body[data-ui=cup] #race-options .desk-orbio-mark{display:grid;place-items:center;flex:0 0 62px;height:62px;border-radius:18px;background:#b5acff15;color:#cabfff;font-size:42px}
body[data-ui=cup] #race-options .desk-assistance-title .eyebrow{color:#c7beff}
body[data-ui=cup] #race-options .desk-assistance-title h3{margin:0;font-size:25px;letter-spacing:-.035em;font-weight:750;line-height:1.2}
body[data-ui=cup] #race-options .desk-assistance-title p:last-child{margin:7px 0 0;color:var(--desk-muted);font-size:12px;line-height:1.5}
body[data-ui=cup] #race-options .entry-assistance .budget-allocation{max-width:480px}
body[data-ui=cup] #race-options #strategy-options{padding:16px 0 0;margin:16px 0 0;border:0;border-top:1px solid #8a84ba44;background:none}
body[data-ui=cup] #race-options #strategy-shop{margin:20px 0 0;padding:24px;border-color:#446b7d88;background:#0b2938}
body[data-ui=cup] #race-options #shop-heading{font-size:26px;font-weight:750}
body[data-ui=cup] #race-options .desk-record-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
body[data-ui=cup] #desk-record-title{margin:0;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.035em}
body[data-ui=cup] #desk-record-note{margin:7px 0 0;font-size:13px;color:var(--desk-muted);line-height:1.5}
body[data-ui=cup] #race-options #download{padding:12px 16px;border:1px solid #86edef66;border-radius:10px;background:#184552;color:#c9fbf6;font-size:12px;line-height:1.4;cursor:pointer}
body[data-ui=cup] #race-options .desk-rule-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
body[data-ui=cup] #race-options .desk-rule-strip>div{display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid #446b7d66;border-radius:12px;background:#0f3240}
body[data-ui=cup] #race-options .desk-rule-strip strong{color:#bdf486;font-size:38px;line-height:1;font-weight:850}
body[data-ui=cup] #race-options .desk-rule-strip span{font-size:12px;color:#c1d5dc;line-height:1.4}
body[data-ui=cup] #race-options #evidence{border:1px solid #446b7d88;border-radius:14px;overflow:hidden;background:#061f2b}
body[data-ui=cup] #race-options .desk-disclosure{margin:0;padding:0 22px;border:0;border-bottom:1px solid #446b7d66;border-radius:0;background:transparent}
body[data-ui=cup] #race-options .desk-disclosure:last-child{border:0}
body[data-ui=cup] #race-options .desk-disclosure>summary{position:relative;list-style:none;padding:20px 32px 20px 0;font-size:15px;font-weight:700;color:#e8f6ef;cursor:pointer}
body[data-ui=cup] #race-options .desk-disclosure>summary::-webkit-details-marker{display:none}
body[data-ui=cup] #race-options .desk-disclosure>summary:after{content:'+';position:absolute;right:0;top:16px;font-size:24px;font-weight:400;color:var(--desk-cyan)}
body[data-ui=cup] #race-options .desk-disclosure[open]>summary:after{content:'−'}
body[data-ui=cup] #race-options .desk-disclosure :is(p,a){font-size:12px;line-height:1.7;color:#b7cfd6}
body[data-ui=cup] #race-options .desk-disclosure a{color:var(--desk-gold)}
body[data-ui=cup] #race-options .desk-disclosure p:last-child{margin-bottom:20px}
body[data-ui=cup] #race-options .desk-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body[data-ui=cup] #race-options .desk-rule-grid strong{color:var(--desk-cyan);font-size:14px}
body[data-ui=cup] #race-options .desk-rule-grid p{margin:6px 0 0}
@keyframes desk-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
body[data-ui=cup] #race-options #desk-tab-record[data-saved=true] small{color:#bdf486;font-weight:700}
@media(forced-colors:active){body[data-ui=cup] #race-options #plan-sections select{appearance:auto;background-image:none}body[data-ui=cup] #race-options .desk-tabs>button[aria-selected=true]{outline:2px solid Highlight;outline-offset:-4px}}
@media(hover:hover){body[data-ui=cup] #race-options .desk-tabs>button:hover{border-color:var(--tab-accent);transform:translateY(-2px)}body[data-ui=cup] #race-options .desk-tabs>button:hover .desk-tab-art{transform:scale(1.08) rotate(-3deg)}body[data-ui=cup] #race-options .desk-back:hover{border-color:var(--desk-gold)}}
@media(max-width:1100px){body[data-ui=cup] #race-options .desk-tabs>button{grid-template-columns:1fr;gap:6px}body[data-ui=cup] #race-options .desk-tab-art{width:64px;height:58px}body[data-ui=cup] #race-options .desk-tab-art .racer-art{width:75px;height:58px}body[data-ui=cup] #race-options .desk-tab-copy{padding:0}}
@media(max-width:760px){
 body[data-ui=cup] #race-options{margin-top:22px;padding:16px;border-radius:16px}
 body[data-ui=cup] #race-options .desk-heading{align-items:flex-start;gap:12px;margin-bottom:20px}
 body[data-ui=cup] #race-options .desk-heading .eyebrow{font-size:8px;letter-spacing:.09em}
 body[data-ui=cup] #desk-title{font-size:27px}
 body[data-ui=cup] #race-options .desk-back{gap:8px;max-width:100px;padding:8px 10px;border-radius:12px;font-size:10px}
 body[data-ui=cup] #race-options .desk-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
 body[data-ui=cup] #race-options .desk-tabs>button{padding:12px;min-height:139px}
 body[data-ui=cup] #race-options .desk-tab-copy strong{font-size:15px}
 body[data-ui=cup] #race-options .desk-tab-copy small{margin-top:4px;font-size:10px}
 body[data-ui=cup] #race-options .desk-racer{grid-template-columns:80px minmax(0,1fr);gap:10px 14px;padding:16px;margin-bottom:22px}
 body[data-ui=cup] #race-options .desk-racer-art,body[data-ui=cup] #race-options .desk-racer-art .racer-art{width:85px;height:72px}
 body[data-ui=cup] #desk-fish-name{font-size:26px}
 body[data-ui=cup] #desk-fish-trait{font-size:11px}
 body[data-ui=cup] #race-options .desk-racer .eyebrow{font-size:8px}
 body[data-ui=cup] #race-options .desk-energy{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #42677566}
 body[data-ui=cup] #race-options .desk-energy-pips{margin:0 0 0 auto}
 body[data-ui=cup] #starting-plan-title{font-size:21px}
 body[data-ui=cup] #race-options #plan-sections{grid-template-columns:1fr;gap:14px}
 body[data-ui=cup] #race-options .desk-leg-art{height:100px}
 body[data-ui=cup] #race-options #plan-sections select{font-size:16px}
 body[data-ui=cup] #race-options .desk-pot-hero{position:relative;padding:20px;gap:0;overflow:hidden}
 body[data-ui=cup] #race-options .desk-pot-hero>div{position:relative;z-index:1}
 body[data-ui=cup] #race-options .desk-pot-hero h3{font-size:48px}
 body[data-ui=cup] #race-options .desk-pot-hero h3 small{display:block;font-size:12px;margin-top:4px}
 body[data-ui=cup] #race-options .desk-pot-hero .eyebrow{font-size:8px}
 body[data-ui=cup] #race-options .desk-pot-hero img{position:absolute;right:-12px;top:20px;width:130px;height:130px;opacity:.4}
 body[data-ui=cup] #race-options .desk-pot-hero p:last-child{max-width:21ch;font-size:12px;margin-top:18px}
 body[data-ui=cup] #race-options .desk-contributions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
 body[data-ui=cup] #race-options .desk-contribution strong{font-size:17px}
 body[data-ui=cup] #race-options .tide{grid-template-columns:1fr;gap:18px;padding:18px}
 body[data-ui=cup] #race-options .tide-balance{text-align:left;width:100%}
 body[data-ui=cup] #race-options .entry-assistance,body[data-ui=cup] #race-options #strategy-shop{padding:18px}
 body[data-ui=cup] #race-options .desk-assistance-title{display:block}
 body[data-ui=cup] #race-options .desk-orbio-mark{width:48px;height:48px;margin-bottom:16px;font-size:34px;border-radius:12px}
 body[data-ui=cup] #race-options .desk-assistance-title h3{font-size:25px}
 body[data-ui=cup] #race-options .desk-record-heading{flex-direction:column;align-items:flex-start}
 body[data-ui=cup] #race-options .desk-rule-strip{gap:8px}
 body[data-ui=cup] #race-options .desk-rule-strip>div{flex-direction:column;gap:8px;padding:14px 8px;text-align:center}
 body[data-ui=cup] #race-options .desk-rule-strip strong{font-size:32px}
 body[data-ui=cup] #race-options .desk-rule-strip span{font-size:10px}
 body[data-ui=cup] #race-options .desk-disclosure{padding:0 16px}
 body[data-ui=cup] #race-options .desk-disclosure>summary{font-size:13px}
 body[data-ui=cup] #race-options .desk-rule-grid{grid-template-columns:1fr;gap:16px}
 body[data-ui=cup] #race-options #rival-budgets{grid-template-columns:1fr;gap:4px;padding:12px}
 body[data-ui=cup] #race-options #rival-budgets dd{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){body[data-ui=cup] #race-options *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body[data-ui=cup] #race-options .desk-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-plan-editor{border:1px solid #83c6ce50;border-radius:16px;padding:18px;margin-bottom:22px}.saved-plan-editor>summary{font-weight:700;color:#ecd28e;cursor:pointer}.saved-plan-editor #desk-tab-plan{display:none!important}.desk-plan-notice{color:#b4d0d0;line-height:1.65;margin:16px 0}@media(max-width:640px){body[data-ui=cup] #race-options .desk-tabs{grid-template-columns:1fr}}