/* RacqSense IQ – pilot dashboard redesign, scoped to the home view. */
:root{--lime:#d1fc52;--lime2:#a6dc37}
html,body{background:#071710}
.side{background:linear-gradient(180deg,#091b15,#07130f);border-right-color:#203b2c}
.side .brand{font-size:20px}.side .ball{background:#112419;color:var(--lime);border:1px solid #b6e648;box-shadow:none}
.side .nav button{color:#c2d0c5}.side .nav button:hover,.side .nav button.active{background:#20392a;color:#fff}
.side .nav button.active{box-shadow:inset 3px 0 0 var(--lime)}
.main{max-width:1800px;padding:26px clamp(18px,2.4vw,42px) 70px}
#home{max-width:none;position:relative}
.pilotDashboard{color:#f2f9f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--pd-panel:#10261c;--pd-line:#2d4835;--pd-soft:#a8bcae}
.pilotDashboard *{min-width:0}
.pilotHero{position:relative;overflow:hidden;min-height:280px;border:1px solid #284b34;border-radius:24px;background:linear-gradient(95deg,rgba(4,18,13,.98) 0%,rgba(5,22,15,.95) 38%,rgba(7,22,14,.35) 78%),#081810;padding:clamp(23px,2.4vw,40px)}
.pilotHero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(6,23,14,.6),transparent 30%)}
.pilotHeroContent{position:relative;z-index:1;max-width:680px}
.pilotEyebrow{display:block;color:var(--lime);font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px}
.pilotHero h1{font-size:clamp(36px,3.3vw,64px);letter-spacing:-.055em;line-height:1.02;margin:0 0 16px;font-weight:900}
.pilotHero h1 em{font-style:normal;color:var(--lime)}
.pilotHero p{color:#c0d0c3;line-height:1.5;font-size:clamp(14px,1.12vw,17px);max-width:490px;margin:0 0 20px}
.pilotActions{display:flex;gap:11px;flex-wrap:wrap}
.pilotAction{border:1px solid #57735b;border-radius:14px;min-height:49px;padding:12px 19px;background:#11241b;color:#f0f6f0;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.25}
.pilotAction.primary{background:var(--lime);border-color:var(--lime);color:#102009;box-shadow:0 5px 24px rgba(199,255,51,.13)}
.pilotAction:hover,.pilotSmallButton:hover{filter:brightness(1.09)}
.pilot-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(330px,1fr);gap:16px;margin-top:16px}
.pilotCard{border:1px solid var(--pd-line);border-radius:20px;background:linear-gradient(145deg,#10291e 0%,#091e15 100%);padding:22px;box-shadow:0 10px 32px rgba(0,0,0,.08)}
.pilotCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:11px;margin-bottom:18px}
.pilotCardLabel{display:flex;align-items:flex-start;gap:13px}
.pilotSymbol{color:var(--lime);font-size:27px;line-height:1;flex:0 0 30px}
.pilotCard h2{font-size:19px;color:#f5faf5;font-weight:850;letter-spacing:-.025em;margin:0 0 5px}
.pilotCardHeader p,.pilotHint,.pilotMini{margin:0;color:var(--pd-soft);font-size:12px;line-height:1.5}
.pilotSmallButton{border-radius:11px;border:1px solid #3d5e47;background:#142920;color:#ecf7ed;font-weight:800;cursor:pointer;padding:10px 12px;font-size:12px;flex-shrink:0}
.pilotEquipment{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.pilotEquipmentTile{display:flex;flex-direction:column;justify-content:space-between;gap:9px;min-height:125px;padding:12px;border:1px solid #2a4333;background:rgba(5,20,12,.39);border-radius:12px}
.pilotEquipmentTile small{font-size:11px;color:#c5d2c7}
.pilotEquipmentTile .pilotTileIcon{font-size:29px;line-height:1.2;min-height:37px;display:flex;align-items:center;color:var(--lime)}
.pilotItemArt{display:block;width:53px;height:52px;max-width:100%}
.pilotEquipmentTile strong{display:block;color:#fff;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.pilotCardFooter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}
.pilotTextButton{border:0;background:transparent;color:#e7f7e8;padding:5px;cursor:pointer;font-weight:800;font-size:12px}
.pilotInputLabel{color:#e6f5e8;font-weight:800;font-size:12px}
.pilotHorizon{max-width:155px;width:auto;padding:8px 9px;border:1px solid #45674c;background:#0d2118;color:#fff;border-radius:9px;font-size:11px}
.pilotGoals{display:grid;gap:17px}
.pilotGoalRow{display:grid;grid-template-columns:90px minmax(0,1fr) 22px;align-items:center;gap:9px}
.pilotGoalRow label{font-size:12px;font-weight:750;color:#ecf6ee}
.pilotGoalRow output{text-align:right;font-size:13px;color:var(--lime);font-weight:900}
.pilotGoalRow input[type=range]{width:100%;accent-color:var(--lime);height:24px;cursor:pointer;background:transparent;touch-action:pan-y}
.pilotGoalRow input[type=range]::-webkit-slider-thumb{cursor:pointer}
.pilotGoalRow input[type=range]:focus-visible{outline:2px solid #d7ff67;outline-offset:4px}
.pilotGoalRow input[type=range]:disabled{opacity:.4}
.pilotRecommendation{display:grid;grid-template-columns:95px minmax(0,1fr);gap:19px;align-items:center}
.pilotScore{width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(closest-side,#0b2115 82%,transparent 84%),conic-gradient(var(--lime) var(--score,0%),#344c39 0)}
.pilotScore strong{font-size:27px;line-height:1.05;white-space:nowrap}
.pilotScore span{display:block;width:calc(100% - 20px);font-size:10px;line-height:1.15;text-align:center;color:#d4e4d4}
.pilotVerdict{font-size:18px;font-weight:900;line-height:1.25;margin:0 0 7px}
.pilotVerdictDetail{color:var(--lime);font-weight:850;margin:0 0 7px;line-height:1.4}
.pilotRecommendation small{display:block;color:#c5d5c8;line-height:1.55;font-size:12px}
.pilotRecommendationButtons{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.pilotSteps{display:grid;gap:18px;counter-reset:step}
.pilotStep{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;align-items:start}
.pilotStepNo{border:1px solid #587961;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:850;color:#e1efde}
.pilotStep:first-child .pilotStepNo{background:var(--lime);color:#102009;border-color:var(--lime)}
.pilotStep strong{font-size:13px;color:#f2f9f2}
.pilotStep p{color:#aabdab;font-size:12px;line-height:1.5;margin:4px 0 0}
.pilotExtras{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 0}
.pilotExtras button{background:rgba(23,47,32,.8);border:1px solid #34533d;color:#e1f4e7;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer}
.pilotMobileHead{display:none}
.pilotMasthead{position:relative}
.pilotMasthead .pilotMobileMenu{display:none}
#home>.cloudSyncPanel{margin:0 0 14px;background:#132b1f;border:1px solid #426244;border-radius:12px}
#home>.cloudSyncPanel button{background:#26452e;border-color:#8dbd49;color:#e5ffb7}
#home>.cloudSyncPanel b{color:#e2ffb3}
.pilotBottomPad{height:1px}
@media(min-width:1440px){
 .pilot-grid{gap:18px}.pilotEquipmentTile{min-height:145px}.pilotCard{padding:25px}
}
@media(max-width:1140px){
 .pilot-grid{grid-template-columns:1fr}
 .pilotHero{min-height:260px;background-position:right center}
}
@media(max-width:900px){
 body{background:#06170e;padding-bottom:82px}
 .main{padding:13px 13px 115px}
 .pilotDashboard{width:100%}
 .pilotHero{min-height:290px;padding:22px 19px;background-position:66% center;background-size:auto 100%;border-radius:19px}
 .pilotHero h1{font-size:clamp(32px,8vw,45px);max-width:470px}
 .pilotHero p{max-width:340px;font-size:13px}
 .pilotEyebrow{font-size:9px;letter-spacing:.13em}
 .pilotMobileHead{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 3px 14px}
 .pilotBrandMobile{font-weight:950;font-size:18px;letter-spacing:-.02em}
 .pilotBrandMobile span{color:var(--lime);font-size:11px;vertical-align:top}
 .pilotMobileMenu{display:flex!important;border:1px solid #3a5b42;background:#0c2517;color:#f2f9f2;border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:800}
 .pilot-grid{margin-top:12px;gap:12px}
 .pilotCard{padding:17px 14px;border-radius:17px}
 .pilotCardHeader{margin-bottom:13px}
 .pilotCard h2{font-size:17px}
 .pilotCardLabel{gap:8px}.pilotSymbol{font-size:21px;flex:0 0 24px}
 .pilotEquipment{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:7px;gap:8px;scrollbar-width:thin}
 .pilotEquipmentTile{flex:0 0 116px;min-height:119px;scroll-snap-align:start}
 .pilotEquipmentTile .pilotTileIcon{font-size:25px;min-height:30px}
 .pilotGoalRow{grid-template-columns:80px 1fr 23px}
 .pilotRecommendation{grid-template-columns:78px 1fr;gap:11px}
 .pilotScore{height:77px;width:77px}.pilotScore strong{font-size:22px}
 .pilotVerdict{font-size:15px}.pilotVerdictDetail{font-size:13px}
 .pilotHero .pilotActions{flex-direction:column;max-width:350px}
 .pilotHero .pilotAction{width:100%}
 .mobileBottomNav{grid-template-columns:repeat(5,minmax(0,1fr));background:#081d13;border-color:#34513e}
 .mobileBottomNav button{color:#b3c8b5;font-size:10px}
 .mobileBottomNav button.active{color:var(--lime)}
 #home>.cloudSyncPanel{margin:0 0 12px;font-size:11px}
 .pilotExtras button{padding:10px 11px}
}
@media(max-width:390px){
 .pilotHorizon{max-width:118px;font-size:10px}
 .pilotCardHeader .pilotSmallButton{font-size:10px;padding:8px}
 .pilotHero h1{font-size:31px}
}

/* Goal-independent comparison page for saved and currently entered equipment */
.pilotComparePage{max-width:1120px;margin:auto}
.pilotComparePage>.pilotCard{margin-bottom:14px}
.pilotCompareHeading{margin:14px 0 21px}
.pilotCompareHeading h1{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;line-height:1.14;margin:8px 0}
.pilotCompareHeading p{font-size:14px;color:#b9cebd;line-height:1.6;max-width:670px}
.pilotComparePicker{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px;color:#c5d9c9;font-size:13px;font-weight:700}
.pilotComparePicker select{background:#0b2217;border:1px solid #426749;border-radius:10px;color:#f6fff2;padding:10px;font-size:13px;max-width:100%}
.pilotComparisonScroller{overflow-x:auto;max-width:100%}
.pilotComparisonTable{width:100%;border-collapse:separate;border-spacing:0;min-width:480px}
.pilotComparisonTable th,.pilotComparisonTable td{border-bottom:1px solid #284b33;text-align:left;padding:16px 12px;font-size:14px}
.pilotComparisonTable thead th{font-size:12px;color:#d4f5c4;background:#152d1d}
.pilotComparisonTable th:first-child{width:23%}
.pilotComparisonTable tbody th{color:#bbcfbf;font-weight:800}
.pilotComparisonTable tbody td{color:#f2fff2;overflow-wrap:anywhere;max-width:300px}
.pilotComparisonMissing{color:#8fa996;font-style:italic}
.pilotComparisonNotice{padding:12px 15px;margin:17px 0 0;border:1px solid #426347;border-radius:12px;background:#142b1d;color:#c6ddc7;font-size:12px;line-height:1.5}
.pilotCompareExtra h2{margin:0 0 8px}
@media(max-width:900px){.pilotComparePage{padding-bottom:30px}.pilotCompareHeading{margin:10px 3px 16px}.pilotComparisonTable th,.pilotComparisonTable td{padding:12px 8px;font-size:12px}.pilotComparePicker{display:block}.pilotComparePicker select{display:block;margin-top:8px;width:100%}}


/* Simplified pilot homepage: neutral visual instead of an unrelated racket image. */
.pilotHero{background:
  radial-gradient(ellipse at 88% 10%,rgba(65,127,92,.16),transparent 42%),
  linear-gradient(115deg,#09251b,#051b15 72%,#0b3024);
}
.pilotHero::after{background:linear-gradient(105deg,transparent 60%,rgba(136,191,120,.035) 60%,rgba(136,191,120,.035) 61%,transparent 61%)}
.pilotExtrasGroup{margin-top:14px;padding:16px;border:1px solid #304c3c;border-radius:15px;background:#0c2118}
.pilotExtrasGroup>h3{font-size:14px;line-height:1.3;font-weight:850;margin:0 0 10px;color:#eaffd9}
.pilotExtrasGroup .pilotExtras{margin:0}
.pilotSearchContext{font-size:12px;line-height:1.55;color:#b3c9b7;margin-bottom:12px}
.pilotSearchContext b{color:#ebfae3;font-weight:850}
.pilotAccountGroup{background:#0a1c16}
.pilotAccountGroup>h3{color:#b9d5c4}
@media(max-width:900px){
 .pilotExtrasGroup{padding:13px;border-radius:13px}
 .pilotSearchContext{font-size:11px}
}

/* Unvollständige Setup-Kacheln: klarer Rahmen und Handlungsbedarf auf Desktop und Mobil. */
.pilotEquipmentTileMissing{border:2px solid #ffc16d;background:linear-gradient(145deg,#322718,#1b271c);box-shadow:inset 0 0 0 1px rgba(255,193,109,.08)}
.pilotEquipmentTileMissing strong{color:#ffebc5}
.pilotTileAttention{display:inline-flex;gap:6px;align-items:center;align-self:flex-start;background:#65451e;border:1px solid #b88d48;border-radius:7px;padding:5px 7px;color:#fff0c8;font-size:10px;font-weight:850;line-height:1.25}
.pilotTileAttention b{font-size:12px;color:#fff0c8}
.pilotEquipmentTileUnknown{border:1.5px solid #698c81;background:linear-gradient(145deg,#19312a,#102720)}
.pilotTileUnknownNote{font-size:10px;line-height:1.4;color:#c4ddd3;font-weight:750}
@media(max-width:900px){.pilotEquipmentTileMissing{border-width:2px}.pilotTileAttention{font-size:10px;padding:5px 6px}}

/* Home: keep the next-steps card beside the hero headline, never duplicated in the grid. */
.pilotHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:clamp(18px,3vw,46px);align-items:center}
.pilotHeroContent{max-width:680px}
.pilotHeroSteps{position:relative;z-index:1;width:100%;max-width:350px;justify-self:end;box-shadow:0 9px 32px rgba(0,0,0,.14);padding:19px;border-color:#406a47;background:linear-gradient(145deg,#143626,#09261a)}
.pilotHeroSteps .pilotCardHeader{margin-bottom:12px}
.pilotHeroSteps .pilotCardLabel{gap:10px}
.pilotHeroSteps .pilotSymbol{font-size:23px;flex-basis:24px}
.pilotHeroSteps .pilotSteps{gap:10px}
.pilotHeroSteps .pilotStep{gap:9px;grid-template-columns:27px minmax(0,1fr)}
.pilotHeroSteps .pilotStepNo{width:27px;height:27px}
.pilotHeroSteps .pilotStep p{font-size:11px;line-height:1.35}
.pilotHeroSteps .pilotCardHeader p{font-size:11px}
.pilotStepsToggle{display:none;border:1px solid #597f61;border-radius:9px;background:#224331;color:#efffe7;padding:8px 10px;font-size:11px;font-weight:850;cursor:pointer;flex-shrink:0}
.pilotStepsToggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.pilot-grid>.pilotRecommendationCard{grid-column:1/-1}
@media(min-width:1141px){
 .pilotRecommendationCard{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:22px;align-items:center}
 .pilotRecommendationCard>.pilotCardHeader{grid-column:1/-1}
 .pilotRecommendationCard>.pilotRecommendation{grid-column:1;max-width:820px}
 .pilotRecommendationCard>.pilotRecommendationButtons{grid-column:2;flex-direction:column;margin-top:0;min-width:270px}
 .pilotRecommendationCard>.pilotRecommendationButtons .pilotAction{width:100%}
 .pilotRecommendationCard>.pilotMini{grid-column:1/-1}
}
@media(max-width:1140px){
 .pilotHero{grid-template-columns:minmax(0,1fr) 290px;gap:14px}
 .pilotHeroSteps{max-width:290px;padding:15px}
 .pilotHeroSteps .pilotStep p{font-size:10px}
}
@media(max-width:900px){
 .pilotHero{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
 .pilotHeroContent{max-width:100%}
 .pilotHeroSteps{width:100%;max-width:none;justify-self:stretch;padding:13px 14px;border-radius:13px}
 .pilotHeroSteps .pilotCardHeader{margin-bottom:0;align-items:center}
 .pilotHeroSteps .pilotCardLabel{align-items:center}
 .pilotHeroSteps .pilotCardHeader p{display:none}
 .pilotHeroSteps .pilotSteps{display:none;margin-top:12px}
 .pilotHeroSteps.isOpen .pilotSteps{display:grid}
 .pilotStepsToggle{display:inline-flex;align-items:center}
 .pilotHeroSteps .pilotStep p{font-size:11px}
 .pilot-grid>.pilotRecommendationCard{grid-column:auto}
}

/* Approved home footer: direct search and personal data share one row on desktop. */
.pilotFooterGrid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-top:14px}
.pilotFooterGrid>.pilotExtrasGroup{margin-top:0;min-width:0}
.pilotFooterGrid .pilotAccountGroup{background:linear-gradient(145deg,#102b21,#0a211b)}
.pilotFooterGrid .pilotExtras button{white-space:normal}
.pilotRecommendationCard .pilotRecommendationButtons .pilotActionOptimize{
  background:#51d6ee;border:1px solid #6ae4f4;color:#062932;
  box-shadow:0 4px 20px rgba(69,207,233,.12)
}
.pilotRecommendationCard .pilotRecommendationButtons .pilotActionDiscover{
  background:#233b1a;border:1px solid #b6ef49;color:#e3ffa8;
}
.pilotRecommendationCard .pilotRecommendationButtons .pilotActionOptimize:hover,
.pilotRecommendationCard .pilotRecommendationButtons .pilotActionDiscover:hover{filter:brightness(1.12)}
.pilotRecommendationCard .pilotRecommendationButtons .pilotAction:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1140px){.pilotFooterGrid{gap:12px}}
@media(max-width:900px){
  .pilotFooterGrid{grid-template-columns:1fr;gap:12px;margin-top:12px}
  .pilotRecommendationCard .pilotRecommendationButtons .pilotActionOptimize,
  .pilotRecommendationCard .pilotRecommendationButtons .pilotActionDiscover{width:100%}
}

/* New players: select a playing/ownership path below the hero CTA, before Next Steps. */
.pilotHomeOnboarding{margin-top:19px;padding:18px;border:1px solid #4d7953;background:linear-gradient(140deg,#153629,#0a281f);border-radius:15px;display:grid;gap:9px;min-width:0;max-width:560px}
.pilotHomeOnboarding .pilotEyebrow{font-size:10px;color:#caff40}
.pilotHomeOnboarding h2{font-size:21px;color:#f1fff0;font-weight:900;line-height:1.2;letter-spacing:-.025em;margin:0}
.pilotHomeOnboarding p{font-size:12px;line-height:1.5;color:#c4d8d0;margin:0 0 5px}
.pilotHomeOnboarding>label{font-size:12px;font-weight:800;color:#d4f7d9}
.pilotHomeOnboarding select{width:100%;min-width:0;min-height:46px;border:1px solid #87a980;background:#0b2523;border-radius:10px;padding:10px 34px 10px 12px;color:#f0fff0;font-size:14px;cursor:pointer}
.pilotHomeOnboarding select:focus-visible{outline:2px solid #caff40;outline-offset:3px}
.pilotHomePathHelp{font-size:12px;line-height:1.45;min-height:34px;color:#bdd4c3}
.pilotHomePathContinue{width:100%;background:#caff40;border-color:#caff40;color:#152408;min-height:46px}
.pilotHomePathContinue:disabled{opacity:.45;cursor:not-allowed;filter:none}
.pilotHomeOnboarding .pilotHomePathContinue:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:900px){.pilotHomeOnboarding{max-width:none;padding:15px;gap:10px;margin-top:17px}.pilotHomeOnboarding h2{font-size:19px}.pilotHomeOnboarding select{min-height:48px;font-size:16px}.pilotHomeOnboarding .pilotHomePathContinue{width:100%;min-height:48px}}

/* Player onboarding: emphasize the ONE required first selection, not the entire card. */
.pilotHomeOnboarding .pilotHomePathSelectWrap{position:relative;min-width:0;isolation:isolate}
.pilotHomeOnboarding .pilotHomePathSelectWrap select{
  appearance:none;-webkit-appearance:none;display:block;width:100%;
  min-height:54px;padding:12px 62px 12px 15px;
  border:2px solid #caff40;border-radius:12px;
  background:#082822;color:#f2ffe7;font-size:16px;font-weight:800;
  box-shadow:0 0 0 3px rgba(202,255,64,.11),0 5px 19px rgba(112,202,40,.10);
  cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease
}
.pilotHomeOnboarding .pilotHomePathChevron{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:45px;height:42px;
  border-radius:9px;background:#caff40;color:#17260b;
  font-size:29px;font-weight:850;line-height:1;pointer-events:none
}
.pilotHomeOnboarding .pilotHomePathSelectWrap:focus-within select{
  outline:2px solid #f4ffe5;outline-offset:3px;
  box-shadow:0 0 0 5px rgba(202,255,64,.22),0 5px 25px rgba(202,255,64,.19)
}
.pilotHomeOnboarding .pilotHomePathSelectWrap:focus-within .pilotHomePathChevron{background:#edffab}
@media(max-width:900px){
  .pilotHomeOnboarding .pilotHomePathSelectWrap select{min-height:54px;font-size:16px}
  .pilotHomeOnboarding .pilotHomePathChevron{width:46px;height:43px}
}
@media(prefers-reduced-motion:reduce){
  .pilotHomeOnboarding .pilotHomePathSelectWrap select{transition:none}
}


/* A cleaner tangerine highlight for missing equipment. Keep the dark RacqSense
   green cards (no muddy brown fill) and use orange for gentle tint, stroke and CTA.
   Only tiles with status=missing use this treatment; explicitly unknown rackets
   and first-time beginners without equipment remain neutral. */
#home .pilotDashboard .pilotEquipmentTileMissing{
  position:relative;
  overflow:hidden;
  border:2px solid #ffae59;
  border-radius:13px;
  background:
    radial-gradient(circle at 90% 4%,rgba(255,183,108,.19),transparent 62%),
    linear-gradient(145deg,rgba(255,159,67,.12),rgba(255,159,67,.02) 62%),
    #102a20;
  box-shadow:inset 0 0 0 1px rgba(255,220,169,.13),0 6px 18px rgba(245,142,55,.09);
}
#home .pilotDashboard .pilotEquipmentTileMissing::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#ffcf89,#ff963c);
  border-radius:12px 12px 0 0;
  pointer-events:none;
}
#home .pilotDashboard .pilotEquipmentTileMissing small{color:#ffdaa7;font-weight:750}
#home .pilotDashboard .pilotEquipmentTileMissing strong{color:#fff8ed;font-weight:850}
#home .pilotDashboard .pilotEquipmentTileMissing .pilotTileIcon{color:#ffc583}
#home .pilotDashboard .pilotEquipmentTileMissing .pilotItemArt{filter:drop-shadow(0 1px 3px rgba(255,166,73,.22))}
#home .pilotDashboard .pilotEquipmentTileMissing .pilotTileAttention{
  align-self:stretch;
  display:inline-flex;
  justify-content:center;
  gap:6px;
  background:linear-gradient(120deg,#ffcf85,#ffae59);
  color:#2c210f;
  border:1px solid #ffe0aa;
  border-radius:8px;
  padding:7px 6px;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  text-align:center;
  box-shadow:0 2px 7px rgba(32,17,5,.13);
}
#home .pilotDashboard .pilotEquipmentTileMissing .pilotTileAttention b{color:#2c210f;font-size:12px}
@media(max-width:900px){
  #home .pilotDashboard .pilotEquipmentTileMissing{border-width:2px}
  #home .pilotDashboard .pilotEquipmentTileMissing .pilotTileAttention{
    min-height:30px;
    padding:6px 4px;
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce){
  #home .pilotDashboard .pilotEquipmentTileMissing{transition:none}
}

/* Live progress status: grounded in saved profile, current racket and goals. */
.pilotHeroSteps .pilotProgressSummary{margin:0 0 11px;font-size:11px;color:#d2f0ce;font-weight:750;letter-spacing:.01em}
.pilotHeroSteps .pilotStepBody{display:grid;gap:3px}
.pilotHeroSteps .pilotStepState{font-size:10px;font-weight:800;color:#a9bdaf}
.pilotHeroSteps .pilotStepNo{background:#102c21;border:1px solid #54705c;color:#ceddd0}
.pilotHeroSteps .pilotStep--done .pilotStepNo{background:#305c3e;border-color:#448858;color:#eaffd5}
.pilotHeroSteps .pilotStep--done .pilotStepState{color:#b8e6ba}
.pilotHeroSteps .pilotStep--active .pilotStepNo{background:#cbff47;border-color:#cbff47;color:#14240b}
.pilotHeroSteps .pilotStep--active .pilotStepState{color:#d7ff86}
.pilotHeroSteps .pilotStep--optional .pilotStepNo{border-color:#eba763;background:#332b1c;color:#ffd3a3}
.pilotHeroSteps .pilotStep--optional .pilotStepState{color:#ffcd9c}
.pilotHeroSteps .pilotStep--pending .pilotStepNo{opacity:.72}
.pilotHeroSteps .pilotStepPending{color:#abc1b0;font-size:12px;font-weight:700}
.pilotHeroSteps .pilotProgressNote{font-size:11px;margin:12px 0 0;color:#c6d8ca;line-height:1.45;border-top:1px solid #375c45;padding-top:10px}
.pilotHeroSteps .pilotStepBody .pilotTextButton{line-height:1.4;overflow-wrap:anywhere}
.pilotHeroSteps .pilotStep--optional .pilotTextButton{color:#ffe5c6}
.pilotHeroSteps .pilotStepBody p{margin:0;color:#afc4b6}
@media(max-width:900px){
  .pilotHeroSteps .pilotProgressSummary{margin:7px 0 0;font-size:11px}
  .pilotHeroSteps .pilotProgressNote{font-size:11px}
}


/* Player name for authenticated pilot accounts and local public previews. */
.playerIdentitySidebar:not([hidden]){
  margin:-13px 0 18px;padding:10px 12px;
  border:1px solid rgba(199,255,51,.35);
  background:rgba(199,255,51,.075);border-radius:11px;
  color:#e4fdb5;font-size:12px;font-weight:750;
  line-height:1.5;overflow-wrap:anywhere;
}
.playerIdentityMobile:not([hidden]){
  display:block;color:#c7ff33;font-size:11px;
  font-weight:700;margin-top:2px;
}
.pilotDashboard .pilotGreeting{
  display:inline-block;margin:0 0 12px;
  font-size:clamp(15px,1.2vw,19px);
  font-weight:800;color:#e5ffb6;
}
#playerNameGate .access-gate-card{
  border-color:#91bb52;
  background:linear-gradient(180deg,#143025,#071d18);
}
#playerNameGate input:focus-visible{
  outline:2px solid #c7ff33;outline-offset:2px;
}
@media(max-width:900px){
  .playerIdentitySidebar:not([hidden]){margin:7px 0 18px}
  .pilotDashboard .pilotGreeting{font-size:16px}
}


/* One photo-first saved-setup layout shared by desktop and mobile.
   Text and missing-data highlighting remain independent of the imagery. */
#home .pilotDashboard .pilotEquipment{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
  overflow:visible;
  padding-bottom:0;
}
#home .pilotDashboard .pilotEquipmentTile{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  min-height:204px;
  padding:11px;
  border-radius:16px;
  background:linear-gradient(160deg,#0e2c20,#081e16);
  box-shadow:inset 0 0 0 1px rgba(173,225,160,.04);
  scroll-snap-align:none;
}
#home .pilotDashboard .pilotEquipmentTile small{
  font-size:11px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:.01em;
}
#home .pilotDashboard .pilotEquipmentTile strong{
  margin-top:auto;
  font-size:clamp(12px,1vw,15px);
  line-height:1.4;
  overflow-wrap:anywhere;
}
#home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{
  width:100%;
  height:120px;
  min-height:120px;
  flex-shrink:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:12px;
}
#home .pilotDashboard .pilotTilePhoto{
  position:relative;
  border:1px solid rgba(112,144,126,.28);
  background:#f8faf8;
}
#home .pilotDashboard .pilotTilePhoto .pilotSetupPhoto{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#f8faf8;
}
#home .pilotDashboard .pilotTilePhoto--cover .pilotSetupPhoto{object-fit:cover}
#home .pilotDashboard .pilotTilePhoto .pilotItemArt{display:none}
#home .pilotDashboard .pilotTilePhotoSource{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:2;
  border-radius:5px;
  padding:3px 5px;
  background:rgba(6,20,20,.79);
  color:#eef6ed;
  font-size:9px;
  line-height:1;
  letter-spacing:.01em;
  font-weight:750;
}
#home .pilotDashboard .pilotTilePhoto.pilotPhotoFallback{
  background:linear-gradient(145deg,#163a2b,#071c15);
}
#home .pilotDashboard .pilotTilePhoto.pilotPhotoFallback .pilotSetupPhoto{display:none}
#home .pilotDashboard .pilotTilePhoto.pilotPhotoFallback .pilotItemArt{
  display:block;
  width:70px;
  height:70px;
}
#home .pilotDashboard .pilotEquipmentTileMissing .pilotTileIcon{
  border-color:rgba(255,175,101,.35);
  background:rgba(255,175,101,.04);
}
@media(min-width:901px){
  #home .pilotDashboard .pilotEquipment{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  #home .pilotDashboard .pilotEquipment{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    overflow:visible;
    scrollbar-width:auto;
    scroll-snap-type:none;
    padding-bottom:0;
  }
  #home .pilotDashboard .pilotEquipmentTile{
    flex:initial;
    min-width:0;
    min-height:185px;
    padding:10px;
  }
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{
    height:82px;
    min-height:82px;
  }
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{
    height:98px;
    min-height:98px;
  }
  #home .pilotDashboard .pilotEquipmentTile strong{
    font-size:13px;
  }
  #home .pilotDashboard .pilotCard[aria-labelledby="pilotGearTitle"] .pilotCardHeader{
    flex-wrap:wrap;
    gap:10px;
  }
  #home .pilotDashboard .pilotCard[aria-labelledby="pilotGearTitle"] .pilotCardHeader .pilotSmallButton{
    margin-left:auto;
  }
}
@media(max-width:360px){
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{
    height:82px;
    min-height:82px;
  }
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{
    height:98px;
    min-height:98px;
  }
  #home .pilotDashboard .pilotEquipmentTile{
    min-height:170px;
    padding:8px;
  }
}


/* Premium saved-setup cards: consistent product gallery across desktop and mobile. */
#home .pilotDashboard .pilotEquipment{gap:10px;align-items:stretch}
#home .pilotDashboard .pilotEquipmentTile{
  justify-content:flex-start;
  min-height:290px;
  padding:9px;
  gap:9px;
  border:1px solid #315b4a;
  border-radius:13px;
  background:linear-gradient(165deg,#0b3326,#061f19);
}
#home .pilotDashboard .pilotEquipmentTile small{font-size:12px;font-weight:800;color:#edf8ef}
#home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{
  width:100%;height:185px;min-height:185px;border-radius:9px;
  background:#0c2823;overflow:hidden;
}
#home .pilotDashboard .pilotTilePhoto .pilotSetupPhoto{background:#0c2823;object-position:center}
#home .pilotDashboard .pilotTilePhoto--contain .pilotSetupPhoto{object-fit:contain}
#home .pilotDashboard .pilotTilePhoto--cover .pilotSetupPhoto{object-fit:cover}
#home .pilotDashboard .pilotEquipmentTile strong{
  margin-top:auto;font-size:13px;line-height:1.36;font-weight:800;
  overflow-wrap:break-word;word-break:normal;hyphens:auto;
}
#home .pilotDashboard .pilotTilePhotoSource{font-size:8px;opacity:.82}
@media(max-width:1140px) and (min-width:901px){
  #home .pilotDashboard .pilotEquipmentTile{min-height:254px}
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:92px;min-height:92px}
}
@media(max-width:900px){
  #home .pilotDashboard .pilotEquipment{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #home .pilotDashboard .pilotEquipmentTile{min-height:0;padding:8px}
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:82px;min-height:82px}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{height:98px;min-height:98px}
  #home .pilotDashboard .pilotEquipmentTile strong{font-size:12px}
}
@media(max-width:390px){
  #home .pilotDashboard .pilotEquipmentTile{min-height:0;padding:8px}
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:82px;min-height:82px}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{height:98px;min-height:98px}
}


/* Approved RacqSense photo collection, responsive. */
#home .pilotDashboard .pilotTilePhoto .pilotSetupPhoto{object-fit:cover;background:#102b21}
#home .pilotDashboard .pilotTilePhoto--contain .pilotSetupPhoto{object-fit:cover}
#home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotSetupPhoto{transform:none}
#home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto{object-position:center}


/* RacqSense Setup-Bilder: optimierter Zuschnitt PC und Mobile */
#home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotSetupPhoto,
#home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotSetupPhoto,
#home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto,
#home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotSetupPhoto {
  object-fit: contain;
  object-position: center;
  padding: 4px;
  transform: none;
}

#home .pilotDashboard .pilotEquipmentTile:nth-child(4) .pilotSetupPhoto {
  object-fit: cover;
  object-position: center;
  padding: 0;
  transform: none;
}

/* Desktop-only: give saved setup photos more presence without changing mobile or category hub. */
@media(min-width:901px){
  #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotSetupPhoto{
    padding:0;
    transform:none;
    transform-origin:center;
  }
}


/* Desktop saved setup: wider cards and compact photo windows, preserving full photo motifs. */
@media(min-width:1141px){
  #home .pilotDashboard .pilot-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}
  #home .pilotDashboard .pilotEquipmentTile{min-height:242px}
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:92px;min-height:92px}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto,
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotSetupPhoto{transform:none}
}
@media(min-width:901px) and (max-width:1140px){
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:92px;min-height:92px}
}


/* Equal-height desktop setup photography, with no empty top/bottom bands. */
@media (min-width:901px){
 #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:92px;min-height:92px;padding:0}
 #home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(4) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotSetupPhoto{
  display:block;width:100%;height:100%;padding:0;transform:none;
  object-fit:contain;object-position:center;
 }
}


/* Desktop fine framing: equal card heights with a slight pullback for racket, stringbed and shoes. */
@media(min-width:901px){
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotTilePhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotTilePhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTilePhoto{position:relative;isolation:isolate}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotTilePhoto::before,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotTilePhoto::before,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTilePhoto::before{
  content:"";position:absolute;inset:-10px;background-size:cover;background-position:center;
  filter:blur(12px) brightness(.78);z-index:0;pointer-events:none
 }
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schlaeger.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/bespannung.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schuhe.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotSetupPhoto,
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotSetupPhoto{
  position:relative;z-index:1;transform:none;background:transparent
 }
}


/* Desktop: visible photo-matched soft backdrop behind setup images. */
@media(min-width:901px){
 #home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto{position:relative;isolation:isolate;background:#15382e}
 #home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto::before{
  content:"";position:absolute;inset:-12px;background-position:center;background-size:cover;
  filter:blur(13px) brightness(.95);opacity:.95;z-index:0;pointer-events:none
 }
 #home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schlaeger.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/saite.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/bespannung.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(4) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/griff.jpg")}
 #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schuhe.jpg")}
 #home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto .pilotSetupPhoto{position:relative;z-index:1;background:transparent}
}

/* Highlight the single current-setup analysis action alongside other setup controls. */
.pilotCardFooter .pilotAnalyzeButton{border-color:#81aa57;background:#183b27;color:#d8ff86;box-shadow:inset 0 0 0 1px rgba(183,255,60,.1)}
.pilotCardFooter .pilotAnalyzeButton:hover{background:#244b2c;border-color:#b7ff3c;filter:brightness(1.07)}
.pilotCardFooter .pilotAnalyzeButton:focus-visible{outline:2px solid #b7ff3c;outline-offset:3px}

/* Group setup management left, keep analysis the primary action right. */
#home .pilotDashboard .pilotCardFooter .pilotSetupActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#home .pilotDashboard .pilotCardFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:650px){
 #home .pilotDashboard .pilotCardFooter{flex-direction:column;align-items:stretch}
 #home .pilotDashboard .pilotCardFooter .pilotSetupActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}
 #home .pilotDashboard .pilotCardFooter .pilotSetupActions .pilotSmallButton{width:100%;min-width:0;white-space:normal}
 #home .pilotDashboard .pilotCardFooter .pilotAnalyzeButton{width:100%;min-height:42px}
}

/* Approved V2 home layout, strictly scoped to home dashboard. */
#home .pilotDashboard .pilotHero{min-height:210px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(100deg,rgba(5,24,17,.99) 0%,rgba(6,27,20,.9) 57%,rgba(7,34,23,.7) 100%),radial-gradient(ellipse at 80% 30%,#183b22,transparent 65%)}
#home .pilotDashboard .pilotHeroContent{max-width:690px}
#home .pilotDashboard .pilotHero h1{font-size:clamp(34px,3.2vw,55px);margin-bottom:12px}
#home .pilotDashboard .pilotHero p{margin-bottom:0}
#home .pilotDashboard .pilotCompactProgress{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:440px;border:1px solid #527851;border-radius:30px;background:rgba(5,30,20,.85);padding:11px 15px;font-size:13px;color:#d2e6d4}
#home .pilotDashboard .pilotCompactProgress>span:first-child{background:var(--lime);color:#10210b;border-radius:50%;height:23px;width:23px;display:inline-grid;place-items:center;font-weight:900}
#home .pilotDashboard .pilotCompactProgress button{background:none;border:0;color:var(--lime);font-weight:800;cursor:pointer;padding:3px}
#home .pilotDashboard .pilot-grid{grid-template-columns:minmax(0,1.42fr) minmax(340px,1fr);grid-template-areas:"recommend recommend" "setup goals";align-items:stretch}
#home .pilotDashboard .pilotHomeRecommendation{grid-area:recommend}
#home .pilotDashboard .pilotHomeSetup{grid-area:setup}
#home .pilotDashboard .pilotHomeGoals{grid-area:goals}
#home .pilotDashboard .pilotHomeRecommendation .pilotRecommendationCard{border-color:#a7e733;box-shadow:0 0 0 1px rgba(174,255,55,.17),0 14px 40px rgba(0,0,0,.15)}
#home .pilotDashboard .pilotActionOptimize{background:var(--lime);border-color:var(--lime);color:#102009}
#home .pilotDashboard .pilotActionDiscover{background:transparent;border:1px solid #567c43;color:#c6d7c9}
#home .pilotDashboard .pilotHomeSetup .pilotEquipment .pilotSetupNote{display:block;grid-column:1/-1;font-size:12px;color:#c0d7c9;margin:5px 0 0}
#home .pilotDashboard .pilotGoalOverview{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;margin-top:14px;border-top:1px solid #345441;padding-top:11px}
#home .pilotDashboard .pilotGoalOverview svg{width:100%;max-height:140px}
#home .pilotDashboard .pilotGoalFocus strong{color:var(--lime);font-size:14px}
#home .pilotDashboard .pilotGoalFocus p{font-size:12px;color:#c5d9cb;line-height:1.5;margin:6px 0 0}
#home .pilotDashboard .pilotQuickAccess{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px;padding:12px 15px;background:#10291e;border:1px solid #31523c;border-radius:16px}
#home .pilotDashboard .pilotQuickAccess strong{font-size:15px;margin-right:auto}
#home .pilotDashboard .pilotQuickAccess button{border:1px solid #3c674d;border-radius:10px;background:#112c22;color:#e6f4ea;padding:10px 13px;font-weight:750;cursor:pointer}
#home .pilotDashboard .pilotQuickAccess button:hover{border-color:var(--lime)}
#home .pilotDashboard .pilotCardHeader p,#home .pilotDashboard .pilotMini,#home .pilotDashboard .pilotRecommendation small{color:#c5d8cb;font-size:12px}
@media(max-width:900px){#home .pilotDashboard .pilotHero{flex-direction:column;align-items:stretch;gap:14px}#home .pilotDashboard .pilot-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"recommend" "setup" "goals"}}
@media(max-width:650px){#home .pilotDashboard .pilotHero{padding:22px 18px;min-height:0}#home .pilotDashboard .pilotGoalOverview{grid-template-columns:120px minmax(0,1fr)}#home .pilotDashboard .pilotQuickAccess{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#home .pilotDashboard .pilotQuickAccess strong{grid-column:1/-1}#home .pilotDashboard .pilotQuickAccess button{font-size:12px;padding:10px 7px}}

/* Home development goals: 11-axis radar above the four quick sliders. */
#home .pilotDashboard .pilotHomeGoals .pilotGoalLayout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
#home .pilotDashboard .pilotHomeGoals .pilotCard{overflow:visible}
#home .pilotDashboard .pilotGoalRadarFrame{min-width:0;display:flex;align-items:center;justify-content:center;overflow:visible}
#home .pilotDashboard .pilotGoalRadarFrame svg{width:min(100%,560px);height:auto;overflow:visible}
#home .pilotDashboard .pilotGoalRadarFrame svg text{fill:#e6f3e9;font-family:inherit;font-weight:650}
#home .pilotDashboard .pilotGoalControls{min-width:0}
#home .pilotDashboard .pilotGoalControls .pilotGoals{gap:11px}
#home .pilotDashboard .pilotGoalControls .pilotGoalRow{grid-template-columns:108px minmax(0,1fr) 22px}
#home .pilotDashboard .pilotGoalControls .pilotGoalFocus{margin-top:15px;padding-top:14px;border-top:1px solid #3c644b}
#home .pilotDashboard .pilotGoalControls .pilotGoalFocus strong{display:block;font-size:15px;line-height:1.4;color:#f3f9ed}
#home .pilotDashboard .pilotGoalControls .pilotGoalFocus strong:first-letter{color:#c7ff33}
#home .pilotDashboard .pilotGoalControls .pilotGoalFocus p{font-size:12px;color:#d0dfd5;line-height:1.55;margin:7px 0 0}
#home .pilotDashboard .pilotHomeGoals .pilotCard{min-height:100%}
@media(max-width:900px){
  #home .pilotDashboard .pilotHomeGoals .pilotGoalLayout{gap:12px}
  #home .pilotDashboard .pilotGoalRadarFrame svg{width:100%;max-width:none}
  #home .pilotDashboard .pilotGoalControls .pilotGoalRow{grid-template-columns:92px minmax(0,1fr) 24px}
  #home .pilotDashboard .pilotGoalControls .pilotGoalFocus strong{font-size:14px}
}
@media(max-width:650px){#home .pilotDashboard .pilotHomeGoals .pilotGoalLayout{grid-template-columns:1fr;gap:10px}#home .pilotDashboard .pilotGoalRadarFrame{overflow:visible}#home .pilotDashboard .pilotGoalRadarFrame svg{width:100%;max-width:none}#home .pilotDashboard .pilotGoalControls .pilotGoalRow{grid-template-columns:88px minmax(0,1fr) 22px}}


/* Approved start-banner revision, limited to the hero only. Existing home actions stay functional. */
#home .pilotHero{min-height:clamp(310px,29vw,440px);background-image:linear-gradient(90deg,rgba(3,17,22,.80) 0%,rgba(3,17,22,.3) 46%,transparent 76%),url('./assets/setup_photos/racqsense_start_banner_clean.jpg');background-position:center center;background-size:cover;border-color:#0b5558;display:flex;align-items:center}
#home .pilotHeroContent{max-width:750px}
#home .pilotHero h1 em{color:#bcff42}
#home .pilotHero p{color:#b6c6d3}
@media(max-width:720px){#home .pilotHero{min-height:350px;background-position:64% center}#home .pilotHero h1{font-size:clamp(32px,8vw,48px)}}

/* Hero hotfix: outrank legacy dashboard override. */
#home .pilotDashboard .pilotHero{background:linear-gradient(90deg,rgba(3,17,22,.86) 0%,rgba(3,17,22,.40) 48%,rgba(3,17,22,.06) 82%),url('./assets/setup_photos/racqsense_start_banner_clean.jpg') center / cover no-repeat !important;min-height:clamp(310px,29vw,440px) !important;flex-direction:row !important;align-items:center !important;border-color:#0b5558}
#home .pilotDashboard .pilotHero h1 em{color:#bcff42 !important}
@media(max-width:720px){#home .pilotDashboard .pilotHero{min-height:350px !important;background-position:60% center !important}}

/* Approved dashboard order: setup and goals first, full-width recommendation below. */
#home .pilotDashboard .pilot-grid{grid-template-areas:"setup goals" "recommend recommend"}
@media(max-width:900px){#home .pilotDashboard .pilot-grid{grid-template-areas:"setup" "goals" "recommend"}}


/* Unified original setup photography — desktop and phone share the same five assets.
   Phone uses a compact two-column photo gallery, desktop keeps five columns. */
#home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto::before{
  content:"";position:absolute;inset:-12px;z-index:0;pointer-events:none;
  background-position:center;background-size:cover;
  filter:blur(12px) brightness(.83);opacity:.75;
}
#home .pilotDashboard .pilotEquipmentTile:nth-child(1) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schlaeger.jpg")}
#home .pilotDashboard .pilotEquipmentTile:nth-child(2) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/saite.jpg")}
#home .pilotDashboard .pilotEquipmentTile:nth-child(3) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/bespannung.jpg")}
#home .pilotDashboard .pilotEquipmentTile:nth-child(4) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/griff.jpg")}
#home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTilePhoto::before{background-image:url("./assets/setup_photos/freigegeben/schuhe.jpg")}
#home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto{
  position:relative;isolation:isolate;overflow:hidden;background:#0d2b22;
}
#home .pilotDashboard .pilotEquipmentTile .pilotTilePhoto .pilotSetupPhoto,
#home .pilotDashboard .pilotEquipmentTile:nth-child(n) .pilotTilePhoto .pilotSetupPhoto{
  position:relative;z-index:1;display:block;width:100%;height:100%;
  background:transparent;object-fit:contain;object-position:center;transform:none;
}
@media(max-width:650px){
  #home .pilotDashboard .pilotEquipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
  #home .pilotDashboard .pilotEquipmentTile{min-width:0;min-height:0;padding:9px;gap:7px}
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:82px;min-height:82px;padding:0}
  #home .pilotDashboard .pilotEquipmentTile strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5){grid-column:1/-1}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{height:98px;min-height:98px}
  #home .pilotDashboard .pilotCardHeader{gap:10px}
  #home .pilotDashboard .pilotCardHeader .pilotCardLabel{min-width:0}
}
@media(max-width:360px){
  #home .pilotDashboard .pilotEquipmentTile .pilotTileIcon{height:82px;min-height:82px}
  #home .pilotDashboard .pilotEquipmentTile:nth-child(5) .pilotTileIcon{height:98px;min-height:98px}
}

/* Setup overview framing only. Same photos, calmer edges, readable names. */
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile{
  min-height:0;
  padding:8px;
  gap:6px;
}
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotTileIcon{
  height:92px;
  min-height:92px;
}
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotTilePhoto{
  background:#10261d;
}
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotTilePhoto::before{
  inset:0;
  filter:blur(2px) brightness(.55);
  opacity:.08;
}
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotSetupPhoto{
  object-fit:contain;
  object-position:center;
  transform:none;
  padding:0;
  width:100%;
  height:100%;
}
#home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile strong{
  margin-top:2px;
  font-size:12px;
  line-height:1.35;
  overflow:visible;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:manual;
}
#home .pilotDashboard .pilotHomeSetup .pilotTilePhotoSource{
  font-size:10px;
  line-height:1.2;
  opacity:1;
  padding:3px 6px;
}
@media(min-width:901px){
  #home .pilotDashboard .pilotHomeSetup .pilotEquipment{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotTileIcon{
    height:164px;
    min-height:164px;
  }
}
@media(max-width:900px){
  #home .pilotDashboard .pilotHomeSetup .pilotEquipment{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile{
    padding:8px;
    gap:6px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile .pilotTileIcon{
    height:82px;
    min-height:82px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile:nth-child(5){
    grid-column:1 / -1;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile:nth-child(5) .pilotTileIcon{
    height:98px;
    min-height:98px;
  }
  #home .pilotDashboard .pilotBottomPad{height:36px}
}

/* Desktop home: full-width setup, then goals beside the recommendation.
   Spacing below is desktop-only so the page sits closer to one laptop screen. */
@media(min-width:901px){
  .main:has(#home.active){padding-top:16px;padding-bottom:28px}
  #home>.cloudSyncPanel{margin-bottom:8px}
  #home .pilotDashboard .pilotHero{
    min-height:0 !important;
    padding:16px 28px !important;
    gap:16px;
  }
  #home .pilotDashboard .pilotEyebrow{margin-bottom:8px}
  #home .pilotDashboard .pilotGreeting{margin-bottom:6px}
  #home .pilotDashboard .pilotHero h1{font-size:clamp(32px,2.6vw,46px);margin-bottom:8px}
  #home .pilotDashboard .pilotHero p{font-size:15px;line-height:1.4}
  #home .pilotDashboard .pilotCompactProgress{padding:8px 12px}
  #home .pilotDashboard .pilot-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"setup setup" "goals recommend";
    align-items:stretch;
    gap:12px;
    margin-top:12px;
  }
  #home .pilotDashboard .pilotCard{padding:16px 18px}
  #home .pilotDashboard .pilotCardHeader{margin-bottom:10px}
  #home .pilotDashboard .pilotHomeSetup>.pilotCard:has(.pilotEquipment){
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title actions" "equipment equipment";
    align-items:center;
    column-gap:14px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotCardHeader{
    grid-area:title;
    margin-bottom:0;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipment{
    grid-area:equipment;
    margin-top:10px;
    gap:10px;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotCardFooter{
    grid-area:actions;
    margin-top:0;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
  }
  #home .pilotDashboard .pilotHomeSetup .pilotEquipmentTile strong{
    font-size:13px;
  }
  #home .pilotDashboard .pilotHomeGoals .pilotCard,
  #home .pilotDashboard .pilotHomeRecommendation .pilotCard{
    height:100%;
  }
  #home .pilotDashboard .pilotHomeRecommendation .pilotRecommendationCard{
    display:flex;
    flex-direction:column;
  }
  #home .pilotDashboard .pilotHomeRecommendation .pilotRecommendation{
    gap:12px;
  }
  #home .pilotDashboard .pilotHomeRecommendation .pilotScore{
    width:78px;
    height:78px;
  }
  #home .pilotDashboard .pilotHomeRecommendation .pilotScore strong{font-size:22px}
  #home .pilotDashboard .pilotHomeRecommendation .pilotVerdict{font-size:16px;margin-bottom:4px}
  #home .pilotDashboard .pilotHomeRecommendation .pilotRecommendationButtons{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:10px;
  }
  #home .pilotDashboard .pilotHomeRecommendation .pilotRecommendationButtons .pilotAction{
    width:100%;
    min-height:42px;
    padding:8px 14px;
  }
  #home .pilotDashboard .pilotHomeGoals .pilotGoalLayout{gap:8px}
  #home .pilotDashboard .pilotGoalControls .pilotGoals{gap:4px}
  #home .pilotDashboard .pilotGoalControls .pilotGoalRow input[type=range]{height:18px}
  #home .pilotDashboard .pilotGoalControls .pilotGoalFocus{margin-top:8px;padding-top:8px}
  #home .pilotDashboard .pilotGoalRadarFrame svg{
    width:min(100%,400px);
  }
  #home .pilotDashboard .pilotQuickAccess{
    margin-top:8px;
    padding:7px 12px;
    gap:6px;
    border-radius:12px;
  }
  #home .pilotDashboard .pilotQuickAccess strong{font-size:13px}
  #home .pilotDashboard .pilotQuickAccess button{padding:6px 10px}
}