/* StikDex v2.0.0 — desktop visual system. Pocket Edition begins at 760px. */
@media(max-width:760px){
  .workspace-heading h1 .horizon-wordmark,
  .workspace-heading h1 small,
  .horizon-region-scene,
  .horizon-featured-pokemon,
  .horizon-card-visual,
  .horizon-gen-art,
  .horizon-gen-kicker,
}

@media(min-width:761px){
  :root{
    --hz-bg:#edf3f8;
    --hz-surface:rgba(255,255,255,.84);
    --hz-surface-solid:#fff;
    --hz-line:rgba(71,91,117,.14);
    --hz-ink:#0a1524;
    --hz-muted:#66758a;
    --hz-blue:#4ba7ff;
    --hz-cyan:#65e7ff;
    --hz-coral:#ff5369;
    --hz-shadow:0 24px 70px rgba(19,38,65,.12);
    --hz-sidebar:330px;
    --hz-header-h:94px;
  }
  body[data-theme="dark"]{
    --hz-bg:#050b14;
    --hz-surface:rgba(11,20,33,.78);
    --hz-surface-solid:#0b1421;
    --hz-line:rgba(157,184,216,.14);
    --hz-ink:#f4f8ff;
    --hz-muted:#8ea0b8;
    --hz-shadow:0 28px 80px rgba(0,0,0,.34);
  }

  html{scroll-behavior:smooth;background:var(--hz-bg)}
  body{
    min-height:100vh;
    overflow-x:hidden;
    background:
      radial-gradient(circle at 9% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 28%),
      radial-gradient(circle at 92% 18%,rgba(101,231,255,.07),transparent 24%),
      var(--hz-bg)!important;
    color:var(--hz-ink);
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    opacity:.24;
    pointer-events:none;
    background-image:radial-gradient(circle,rgba(129,164,203,.28) .7px,transparent .8px);
    background-size:28px 28px;
    mask-image:linear-gradient(180deg,#000,transparent 62%);
  }
  .app{
    width:100%!important;
    min-height:100vh;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Floating editorial header */
  .topbar{
    position:fixed;
    top:0;
    left:var(--hz-sidebar);
    right:0;
    z-index:120;
    min-height:var(--hz-header-h);
    padding:16px clamp(24px,3.2vw,58px)!important;
    border:0!important;
    border-bottom:1px solid var(--hz-line)!important;
    background:color-mix(in srgb,var(--hz-bg) 78%,transparent)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.06);
    backdrop-filter:blur(24px) saturate(150%);
  }
  .topbar-row{max-width:none;margin:0 auto;flex-wrap:nowrap!important;gap:30px!important}
  .workspace-heading{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:12px;min-width:310px}
  .workspace-kicker{grid-column:1/-1;margin-bottom:3px;color:var(--hz-muted)!important;font-size:9px!important;letter-spacing:.2em!important}
  .workspace-heading h1{display:flex;align-items:baseline;gap:9px;margin:0!important;line-height:1!important;letter-spacing:-.04em}
  .workspace-heading h1 span{font-size:30px;font-weight:950;color:var(--hz-ink)}
  .workspace-heading h1 .horizon-wordmark{font-size:16px;font-weight:800;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--hz-blue)}
  .workspace-heading h1 small{display:none}
  .workspace-route-line{justify-self:start;align-self:center;margin:0!important;padding:7px 10px;border:1px solid var(--hz-line);border-radius:999px;background:var(--hz-surface);font-size:10px!important;white-space:nowrap}
  .workspace-route-dot{background:var(--hz-coral)!important;box-shadow:0 0 14px rgba(255,83,105,.58)}
  #workspaceRouteHint{display:none}
  .header-tools{margin-left:auto;display:flex!important;flex-wrap:nowrap!important;gap:10px!important}
  .search-wrap{width:clamp(280px,31vw,520px)!important}
  .search-wrap input{
    min-height:50px;
    padding:0 54px 0 42px!important;
    border:1px solid var(--hz-line)!important;
    border-radius:16px!important;
    background:var(--hz-surface)!important;
    color:var(--hz-ink)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.04);
    font-size:13px!important;
  }
  .search-wrap::after{content:"Ctrl K";position:absolute;right:11px;top:50%;transform:translateY(-50%);padding:5px 7px;border:1px solid var(--hz-line);border-radius:7px;color:var(--hz-muted);background:color-mix(in srgb,var(--hz-bg) 65%,transparent);font-size:9px;font-weight:900;pointer-events:none}
  .search-icon{left:15px!important;color:var(--hz-blue)!important;font-size:18px!important}
  .stikcloud-status{min-height:50px!important;border-color:var(--hz-line)!important;border-radius:16px!important;background:var(--hz-surface)!important}
  .command-theme-toggle{width:50px;height:50px;padding:0!important;border-color:var(--hz-line)!important;border-radius:16px!important;background:var(--hz-surface)!important}

  /* Full-height command rail: large, readable and permanently fixed. */
  .nav{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:150!important;
    width:var(--hz-sidebar)!important;
    height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:17px 16px 20px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border:0!important;
    border-right:1px solid rgba(153,196,235,.15)!important;
    background:radial-gradient(circle at 76% 4%,rgba(70,181,235,.15),transparent 24%),linear-gradient(180deg,#07111f 0%,#081422 54%,#050c16 100%)!important;
    box-shadow:18px 0 55px rgba(0,0,0,.18)!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(112,157,197,.34) transparent;
  }
  .nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(112,157,197,.32)}
  .nav .rail-brand{position:relative;flex:0 0 auto;min-height:132px;display:grid!important;grid-template-columns:37px minmax(0,1fr);align-content:start;gap:10px;overflow:hidden;margin:0 0 5px!important;padding:15px!important;border:1px solid rgba(129,193,236,.16);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}
  .nav .rail-ball{width:37px!important;height:37px!important;box-shadow:0 0 24px rgba(87,210,255,.22)}
  .nav .rail-brand-copy{position:relative;z-index:2;display:grid!important;align-content:center;gap:4px}
  .nav .rail-brand-copy strong{color:#f5f9ff!important;font-size:16px!important;line-height:1!important;letter-spacing:.01em!important}
  .nav .rail-brand-copy small{color:#75d9ff!important;font-size:8px!important;font-weight:900!important;line-height:1.3!important;letter-spacing:.13em!important}
  .horizon-rail-mascots{position:absolute;right:-3px;bottom:-17px;width:190px;height:106px;display:block;pointer-events:none}
  .horizon-rail-mascot{position:absolute;bottom:0;width:102px;height:102px;display:block}.horizon-rail-mascot.scyther{left:0;transform:rotate(-4deg)}.horizon-rail-mascot.scizor{right:0;z-index:2;transform:rotate(3deg)}
  .horizon-rail-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 13px rgba(0,0,0,.45))}.horizon-rail-mascot.shiny-form img{filter:drop-shadow(0 0 10px rgba(255,226,73,.54)) drop-shadow(0 13px 13px rgba(0,0,0,.45))}.horizon-rail-mascot.ditto-form img{filter:drop-shadow(0 13px 13px rgba(0,0,0,.45))}.horizon-rail-mascot.ditto-form.shiny-form img{filter:drop-shadow(0 0 10px rgba(255,226,73,.54)) drop-shadow(0 13px 13px rgba(0,0,0,.45))}
  .horizon-ditto-face{position:absolute;z-index:4;left:42%;top:25%;width:22%;height:17%;transform:rotate(2deg)}.horizon-ditto-face i{position:absolute;top:0;width:3px;height:6px;border-radius:50%;background:#291b37}.horizon-ditto-face i:first-child{left:15%}.horizon-ditto-face i:nth-child(2){right:15%}.horizon-ditto-face b{position:absolute;left:25%;right:25%;bottom:0;height:5px;border-bottom:2px solid #291b37;border-radius:50%}
  .nav .rail-overall{flex:0 0 auto;min-height:91px;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0 0 7px!important;padding:12px!important;border:1px solid rgba(151,188,219,.14)!important;border-radius:17px!important;background:rgba(255,255,255,.04)!important}
  .nav .rail-ring{width:62px!important;height:62px!important}.nav .rail-ring::after{inset:7px!important;background:#0a1625!important}.nav .rail-ring strong{font-size:15px!important;color:#fff!important}
  .nav .rail-overall-copy{min-width:0;display:grid!important;gap:5px!important}.nav .rail-overall-copy strong{color:#f3f8ff!important;font-size:14px!important}.nav .rail-overall-copy span{color:#8fa5bb!important;font-size:9px!important;line-height:1.45!important}
  .nav .rail-section{display:block!important;margin:10px 9px 1px!important;color:#66819c!important;font-size:9px!important;font-weight:950!important;letter-spacing:.19em!important;text-transform:uppercase}
  .nav .nav-btn{position:relative;flex:0 0 auto!important;width:100%!important;min-width:0!important;min-height:58px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main sub"!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;margin:0!important;padding:11px 14px!important;overflow:hidden;border:1px solid rgba(138,176,209,.1)!important;border-radius:15px!important;background:rgba(255,255,255,.025)!important;color:#c7d4e2!important;box-shadow:none!important;text-align:left!important}
  .nav .nav-btn::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 5px 5px 0;background:transparent}
  .nav .nav-btn:hover{border-color:rgba(107,201,245,.28)!important;background:rgba(89,184,232,.09)!important;color:#fff!important;transform:translateX(2px)!important}
  .nav .nav-btn.active{border-color:rgba(100,210,255,.32)!important;background:linear-gradient(90deg,rgba(48,157,218,.22),rgba(255,255,255,.055))!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
  .nav .nav-btn.active::after{background:#62dcff;box-shadow:0 0 16px rgba(98,220,255,.7)}
  .nav .nav-btn::before{display:none!important}
  .nav .nav-main{grid-area:main;font-size:15px!important;font-weight:850!important;line-height:1.15!important;color:inherit!important}
  .nav .nav-sub{grid-area:sub;display:block!important;color:#7f96ac!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
  .nav .generation-nav-btn{grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"emblem main" "emblem sub"!important;min-height:76px!important;column-gap:13px!important;row-gap:3px!important;padding:10px 13px!important}
  .nav .generation-nav-btn .nav-main{align-self:end;min-width:0;font-size:15px!important;line-height:1.1!important;padding:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav .generation-nav-btn .nav-sub{align-self:start;justify-self:start;min-width:0;font-size:10px!important;line-height:1.1!important;text-align:left!important}
  .nav .generation-nav-btn.active::after{background:var(--gen-accent);box-shadow:0 0 16px color-mix(in srgb,var(--gen-accent) 70%,transparent)}
  .nav .league-emblem{grid-area:emblem;width:39px!important;height:39px!important;flex-basis:39px!important;border-radius:11px!important}
  .nav .league-emblem-code{display:block!important;font-size:9px!important}
  .horizon-region-nav-icon{grid-area:emblem;position:relative;width:54px;height:54px;display:grid;place-items:center;align-self:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--gen-accent) 55%,rgba(255,255,255,.12));border-radius:16px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--gen-accent) 25%,rgba(255,255,255,.08)),rgba(5,15,27,.52));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18)}
  .horizon-region-nav-icon img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.4));transform:scale(1.08)}
  .nav .rail-footer{display:block!important;flex:0 0 auto;margin:12px 0 0!important;padding:0!important;border:0!important}
  .nav .tracker-version{width:100%!important;min-height:58px!important;padding:12px 14px!important;border:1px solid rgba(143,184,219,.13)!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;color:#a9bdd0!important;text-align:left!important}.nav .tracker-version strong{font-size:11px!important}.nav .tracker-version span{font-size:9px!important}
  .journey-bar{display:none!important}

  /* Modern full-width content canvas */
  .view{
    width:calc(100% - var(--hz-sidebar))!important;
    max-width:none!important;
    margin-left:var(--hz-sidebar)!important;
    margin-right:0!important;
    padding:calc(var(--hz-header-h) + 34px) clamp(24px,4.3vw,76px) 80px!important;
    animation:horizon-view-in .38s cubic-bezier(.2,.75,.2,1)
  }
  @keyframes horizon-view-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
  #dashboardView{
    padding:calc(var(--hz-header-h) + 34px) clamp(24px,4.3vw,76px) 80px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  .home-shell{width:min(1680px,100%)!important;gap:22px!important}
  .home-wide-rail{display:none!important}

  /* Cinematic first viewport */
  .home-hero{
    min-height:clamp(480px,58vh,610px)!important;
    grid-template-columns:minmax(520px,1.03fr) minmax(540px,.97fr)!important;
    overflow:hidden!important;
    border:1px solid rgba(143,202,255,.18)!important;
    border-radius:34px!important;
    background:
      linear-gradient(105deg,rgba(5,11,21,.98) 0%,rgba(9,29,50,.95) 48%,rgba(11,78,124,.75) 100%),
      radial-gradient(circle at 78% 38%,rgba(101,231,255,.32),transparent 28%)!important;
    box-shadow:0 38px 100px rgba(4,14,27,.3)!important;
  }
  .home-hero::before{width:700px!important;height:700px!important;right:-90px!important;top:-170px!important;border-width:1px!important;border-color:rgba(123,218,255,.16)!important;box-shadow:0 0 0 78px rgba(255,255,255,.025),0 0 0 156px rgba(255,255,255,.018)!important}
  .home-hero::after{opacity:.18!important;background-size:28px 28px!important;mask-image:linear-gradient(90deg,#000 0%,#000 35%,transparent 88%)!important}
  .home-hero-copy{padding:70px 34px 70px clamp(48px,5vw,92px)!important}
  .home-overline{margin-bottom:22px!important;color:#8cddff!important;font-size:11px!important;letter-spacing:.2em!important}
  .home-hero h2{max-width:760px!important;font-size:clamp(58px,5.3vw,92px)!important;line-height:.9!important;letter-spacing:-.065em!important}
  .home-hero h2 em{font-weight:950;font-style:normal;color:transparent;background:linear-gradient(90deg,#62d8ff,#8cb8ff 48%,#ff7790);background-clip:text;-webkit-background-clip:text}
  .home-hero-copy>p{max-width:650px!important;margin-top:25px!important;color:#a8bfd5!important;font-size:17px!important;line-height:1.7!important}
  .home-hero-actions{gap:11px!important;margin-top:32px!important}
  .home-cta{min-height:52px!important;padding:0 20px!important;border-radius:15px!important;font-size:12px!important}
  .home-cta.primary{border-color:#ff5369!important;background:linear-gradient(135deg,#ff5369,#ee365a)!important;box-shadow:0 15px 34px rgba(238,54,90,.3)!important}
  .horizon-vision-cta{border-color:rgba(101,231,255,.28)!important;background:rgba(61,189,235,.12)!important;color:#9eeaff!important}
  .horizon-vision-cta:hover{background:rgba(61,189,235,.22)!important}
  .home-hero-progress{min-height:480px!important;display:block!important;padding:0!important;isolation:isolate}
  .horizon-featured-pokemon{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}
  .horizon-featured-aura{position:absolute;width:min(38vw,580px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(103,225,255,.35) 0%,rgba(60,143,213,.16) 34%,transparent 68%);filter:blur(2px);animation:horizon-aura 5s ease-in-out infinite}
  @keyframes horizon-aura{50%{transform:scale(1.07);opacity:.72}}
  .horizon-featured-pokemon img{position:relative;z-index:2;width:min(30vw,455px);height:min(30vw,455px);object-fit:contain;filter:drop-shadow(0 34px 40px rgba(0,0,0,.42));transform:translateY(-22px);transition:transform .3s ease}
  .horizon-mascot-stage .horizon-mascot{position:absolute!important;top:8%;width:58%!important;height:78%!important;object-fit:contain!important;filter:drop-shadow(0 34px 34px rgba(0,0,0,.46))!important}
  .horizon-mascot-stage .scyther{left:-1%;z-index:2;transform:translateY(-2%) rotate(-4deg)!important}.horizon-mascot-stage .scizor{right:-1%;z-index:3;transform:translateY(5%) rotate(4deg)!important}
  .home-hero:hover .horizon-mascot-stage .scyther{transform:translateY(-4%) rotate(-6deg) scale(1.025)!important}.home-hero:hover .horizon-mascot-stage .scizor{transform:translateY(2%) rotate(5deg) scale(1.03)!important}
  .horizon-featured-caption{position:absolute;left:38px;bottom:33px;z-index:4;display:grid;gap:3px;padding-left:13px;border-left:3px solid #65e7ff;text-align:left}
  .horizon-featured-caption small{color:#7bdcf8;font-size:9px;font-weight:950;letter-spacing:.16em}
  .horizon-featured-caption strong{color:#fff;font-size:15px}.horizon-featured-caption span{color:#8faec7;font-size:10px}
  .home-orbit{position:absolute!important;right:28px;bottom:26px;z-index:4;width:136px!important;height:136px!important}
  .home-progress-ring{width:108px!important;height:108px!important}.home-progress-ring::before{inset:8px!important}.home-progress-centre strong{font-size:25px!important}.home-progress-centre span{font-size:7px!important}.home-progress-centre small{margin-top:5px!important;font-size:8px!important}
  .home-orbit-badge{display:none!important}.home-orbit::after{inset:12px!important}.home-orbit::before{inset:0!important}

  /* Breathing-room metrics */
  .home-stat-grid{gap:15px!important}
  .home-stat-card{
    min-height:126px!important;
    grid-template-columns:62px minmax(0,1fr) 28px!important;
    padding:24px 25px!important;
    border:1px solid var(--hz-line)!important;
    border-radius:22px!important;
    background:linear-gradient(140deg,var(--hz-surface-solid),color-mix(in srgb,var(--stat-color) 5%,var(--hz-surface-solid)))!important;
    color:var(--hz-ink)!important;
    box-shadow:var(--hz-shadow)!important;
  }
  .home-stat-card::after{right:-35px!important;bottom:-74px!important;width:180px!important;height:180px!important;border-width:32px!important}
  .home-stat-icon{width:62px!important;height:62px!important;border-radius:19px!important;font-size:25px!important}
  .home-stat-copy small{font-size:10px!important;letter-spacing:.15em!important}.home-stat-copy strong{font-size:40px!important}.home-stat-copy span{font-size:12px!important}.home-stat-arrow{font-size:22px!important}
  .home-stat-card:hover{transform:translateY(-6px)!important;box-shadow:0 30px 70px rgba(10,30,55,.16)!important}

  .home-middle-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important;gap:18px!important}
  .home-panel{border:1px solid var(--hz-line)!important;border-radius:26px!important;background:var(--hz-surface)!important;box-shadow:var(--hz-shadow)!important;backdrop-filter:blur(18px)}
  .home-panel-head{padding:27px 28px 19px!important}.home-panel-head h3{font-size:25px!important;letter-spacing:-.025em}.home-panel-head p{font-size:12px!important}
  .home-panel-chip{padding:8px 12px!important;border-color:var(--hz-line)!important;background:transparent!important;font-size:9px!important;letter-spacing:.1em;text-transform:uppercase}
  .home-focus-grid{gap:12px!important;padding:0 17px 20px!important}
  .home-focus-grid .focus-card{min-height:145px!important;padding:17px!important;border-color:var(--hz-line)!important;border-radius:18px!important;background:color-mix(in srgb,var(--hz-surface-solid) 76%,transparent)!important}
  .home-focus-grid .focus-sprite,.home-focus-grid .focus-icon{width:54px!important;height:54px!important}.home-focus-grid .focus-copy strong{font-size:14px!important}.home-focus-grid .focus-open{min-height:37px!important;border-radius:10px!important;background:#297ed5!important}
  .home-activity-list{max-height:236px!important;padding:0 19px 19px!important}.home-activity-list .dash-v2-activity-row{padding:10px 7px!important}.home-activity-list .dash-v2-activity-sprite{width:42px!important;height:42px!important}

  /* Region showcase */
  .home-collection-panel{padding-bottom:24px!important}
  .home-collection-head{grid-template-columns:minmax(0,1fr) minmax(420px,.7fr)!important;padding:29px 30px 23px!important}.home-collection-head h3{font-size:30px!important;letter-spacing:-.035em}.home-collection-head p{font-size:12px!important}
  .home-mini-chart{padding:14px 16px!important;border-color:var(--hz-line)!important;border-radius:15px!important;background:color-mix(in srgb,var(--hz-bg) 42%,transparent)!important}.home-mini-chart .progress-bar{height:11px!important}
  .home-region-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:0 22px!important}
  .home-region-grid .dash-v2-region-row{
    position:relative!important;
    min-height:244px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:end!important;
    overflow:hidden!important;
    padding:18px!important;
    border:1px solid color-mix(in srgb,var(--gen-accent) 26%,var(--hz-line))!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 73% 23%,color-mix(in srgb,var(--gen-accent) 25%,transparent),transparent 37%),
      linear-gradient(145deg,color-mix(in srgb,var(--gen-accent) 10%,var(--hz-surface-solid)),var(--hz-surface-solid))!important;
    box-shadow:none!important;
    isolation:isolate;
  }
  .home-region-grid .dash-v2-region-row::before{inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--hz-surface-solid) 97%,transparent) 82%)!important;opacity:1!important}
  .home-region-grid .dash-v2-region-row:hover{transform:translateY(-7px)!important;border-color:color-mix(in srgb,var(--gen-accent) 68%,var(--hz-line))!important;box-shadow:0 28px 55px color-mix(in srgb,var(--gen-accent) 16%,rgba(0,0,0,.12))!important}
  .horizon-region-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
  .horizon-region-scene img{position:absolute;right:-4px;top:5px;width:175px;height:175px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.24));transition:transform .25s ease}
  .dash-v2-region-row:hover .horizon-region-scene img{transform:translateY(-5px) scale(1.04)}
  .horizon-region-number{position:absolute;left:15px;top:10px;color:color-mix(in srgb,var(--gen-accent) 34%,transparent);font-size:68px;font-weight:950;letter-spacing:-.08em}
  .home-region-grid .dash-v2-region-main{position:relative;z-index:2;display:grid!important;grid-template-columns:45px 1fr!important;align-items:center!important;gap:10px!important}
  .home-region-grid .dash-v2-region-emblem{width:43px!important;height:43px!important}.home-region-grid .dash-v2-region-name small{font-size:9px!important;letter-spacing:.12em!important}.home-region-grid .dash-v2-region-name strong{font-size:19px!important}
  .home-region-grid .dash-v2-region-track{position:relative;z-index:2;margin-top:12px!important}.home-region-grid .dash-v2-region-track-head strong{font-size:19px!important}.home-region-grid .dash-v2-region-track-head small{font-size:9px!important}.home-region-grid .dash-v2-region-bar{height:8px!important}
  .home-region-grid .dash-v2-region-numbers{display:none!important}

  /* Shared modern surfaces beyond Home */
  #neededView,#pendingView,#binderView,#versionHistoryView{padding:calc(var(--hz-header-h) + 34px) clamp(28px,4vw,70px) 78px!important}
  .section-head{margin-bottom:22px!important}.section-head h2{font-size:clamp(32px,3vw,49px)!important;letter-spacing:-.05em!important}.section-head p{font-size:13px!important}
  .card-panel,.needed-sticky-toolbar,.pending-sticky-toolbar,.binder-toolbar,.binder-stats,.binder-page-shell{border-color:var(--hz-line)!important;border-radius:22px!important;background:var(--hz-surface)!important;box-shadow:var(--hz-shadow)!important;backdrop-filter:blur(18px)}

  /* Generation workspaces become spacious visual galleries. */
  #generationView{padding:calc(var(--hz-header-h) + 34px) clamp(28px,4vw,70px) 90px!important;overflow:visible!important}
  #generationView .gen-header{
    position:relative;
    min-height:310px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)!important;
    align-items:center!important;
    gap:22px!important;
    overflow:hidden;
    margin:0 0 18px!important;
    padding:48px clamp(34px,4vw,72px) 96px!important;
    border:1px solid color-mix(in srgb,var(--gen-accent) 32%,rgba(255,255,255,.1));
    border-radius:30px;
    background:
      radial-gradient(circle at 78% 38%,color-mix(in srgb,var(--gen-accent) 40%,transparent),transparent 31%),
      linear-gradient(120deg,#07111f 0%,#0c2035 56%,color-mix(in srgb,var(--gen-accent) 46%,#071a2c) 100%)!important;
    box-shadow:0 32px 80px rgba(1,12,25,.27);
    color:#fff;
    isolation:isolate;
  }
  #generationView .gen-header::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.16) .7px,transparent .8px);background-size:27px 27px;mask-image:linear-gradient(90deg,#000,transparent 84%);opacity:.34}
  #generationView .gen-header>div:first-child{position:relative;z-index:3;align-self:center}
  .horizon-gen-kicker{display:block;margin-bottom:14px;color:#80dcff;font-size:10px;font-weight:950;letter-spacing:.22em}
  #generationView .gen-header h2{margin:0!important;color:#fff!important;font-size:clamp(52px,5vw,84px)!important;line-height:.92!important;letter-spacing:-.065em!important}
  #generationView .gen-region-name{margin:18px 0 13px!important;color:#b4c9dc!important;font-size:17px!important;font-weight:750!important;letter-spacing:.08em!important;text-transform:uppercase}
  #generationView #genBadge{padding:8px 12px!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:10px!important}
  .horizon-gen-art{position:absolute;right:3%;top:-11%;z-index:2;width:min(43vw,650px);height:125%;display:block!important;pointer-events:none}
  .horizon-gen-art::before{content:"";position:absolute;inset:9% 1% 3% 7%;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.018)}
  .horizon-gen-art img{position:absolute;right:7%;bottom:1%;width:76%;height:94%;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(0,0,0,.4))}
  .horizon-gen-art span{position:absolute;right:1%;bottom:-11%;z-index:-1;color:rgba(255,255,255,.055);font-size:280px;font-weight:950;line-height:1;letter-spacing:-.12em}
  #generationView .gen-tools{position:absolute;left:clamp(34px,4vw,72px);right:clamp(34px,4vw,72px);bottom:27px;z-index:5;display:flex!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  #generationView .gen-tools::-webkit-scrollbar{display:none}
  #generationView .gen-tools .inline-search{width:min(300px,22vw)!important;min-height:44px!important;border-color:rgba(255,255,255,.17)!important;border-radius:13px!important;background:rgba(4,15,28,.64)!important;color:#fff!important;font-size:11px!important;backdrop-filter:blur(12px)}
  #generationView .gen-tools .inline-select,#generationView .gen-tools .action-btn{flex:0 0 auto;min-height:44px!important;padding:0 12px!important;border-color:rgba(255,255,255,.15)!important;border-radius:13px!important;background:rgba(4,15,28,.64)!important;color:#d8e7f5!important;font-size:10px!important;backdrop-filter:blur(12px)}
  #generationView .gen-tools .action-btn:hover{border-color:#67d7ff!important;color:#fff!important;background:rgba(55,147,195,.24)!important}
  #pocketGenToolsToggle{display:none!important}

  #generationView .filter-toolbar{position:sticky!important;top:calc(var(--hz-header-h) + 10px)!important;z-index:95!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 18px!important;padding:9px!important;border:1px solid var(--hz-line)!important;border-radius:17px!important;background:color-mix(in srgb,var(--hz-bg) 82%,transparent)!important;box-shadow:0 15px 36px rgba(4,18,37,.1)!important;backdrop-filter:blur(22px) saturate(150%)}
  #generationView .filter-buttons{gap:6px!important}
  #generationView .filter-btn{min-height:42px!important;padding:0 15px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--hz-muted)!important;font-size:11px!important}
  #generationView .filter-btn span{min-width:24px!important;padding:3px 6px!important;border-radius:999px!important;background:color-mix(in srgb,var(--hz-ink) 7%,transparent)!important;font-size:9px!important}
  #generationView .filter-btn.active{border-color:color-mix(in srgb,var(--gen-accent) 36%,var(--hz-line))!important;background:color-mix(in srgb,var(--gen-accent) 12%,var(--hz-surface-solid))!important;color:var(--hz-ink)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--gen-accent) 12%,transparent)!important}
  #generationView .filter-summary{padding-right:12px;color:var(--hz-muted)!important;font-size:10px!important;font-weight:750!important}

  #generationView .gen-summary{grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important;margin-bottom:20px!important}
  #generationView .gen-summary>.card-panel{min-height:195px!important;display:grid!important;place-items:center!important;padding:20px!important;border-radius:22px!important}
  #generationView .gen-summary .pie{width:145px!important;height:145px!important}
  #generationView .gen-summary .pie-center strong{font-size:25px!important}#generationView .gen-summary .pie-center span{font-size:8px!important}
  #generationView .gen-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
  #generationView .gen-kpis .kpi{min-height:112px!important;padding:18px!important;border:1px solid var(--hz-line)!important;border-top:4px solid var(--none)!important;border-radius:18px!important;background:var(--hz-surface)!important;box-shadow:0 14px 34px rgba(12,34,61,.08)!important}
  #generationView .gen-kpis .kpi.green{border-top-color:var(--green)!important}#generationView .gen-kpis .kpi.yellow{border-top-color:var(--yellow)!important}
  #generationView .gen-kpis .kpi label{color:var(--hz-muted)!important;font-size:9px!important;letter-spacing:.12em!important}#generationView .gen-kpis .kpi strong{margin-top:7px!important;font-size:31px!important}#generationView .gen-kpis .kpi small{font-size:10px!important}
  #generationView .gen-kpis .progress-wrap{grid-column:1/-1!important;padding:17px 18px!important;border:1px solid var(--hz-line)!important;border-radius:16px!important;background:var(--hz-surface)!important}
  #generationView .gen-kpis .progress-head{font-size:10px!important}#generationView .gen-kpis .progress-bar{height:11px!important}#generationView .gen-kpis .progress-notes{font-size:9px!important}

  #generationView .board{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  #generationView .column{min-height:0!important;overflow:hidden!important;border:1px solid var(--hz-line)!important;border-radius:24px!important;background:var(--hz-surface)!important;box-shadow:var(--hz-shadow)!important}
  #generationView .column-head{padding:20px 23px!important;border-bottom:1px solid var(--hz-line)!important;background:color-mix(in srgb,var(--hz-surface-solid) 88%,var(--green))!important;color:var(--hz-ink)!important;text-align:left!important;font-size:12px!important;letter-spacing:.12em!important}
  #generationView .column.yellow .column-head{background:color-mix(in srgb,var(--hz-surface-solid) 89%,var(--yellow))!important}#generationView .column.none .column-head{background:color-mix(in srgb,var(--hz-surface-solid) 91%,#ef6672)!important}
  #generationView .zone{min-height:142px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:13px!important;background:transparent!important}
  #generationView .card{position:relative!important;min-height:220px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(145px,1fr) auto!important;align-items:end!important;gap:8px!important;overflow:hidden!important;padding:13px!important;border:1px solid var(--hz-line)!important;border-radius:18px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--gen-accent) 7%,var(--hz-surface-solid)),var(--hz-surface-solid))!important;box-shadow:0 10px 24px rgba(12,34,61,.06)!important;cursor:pointer!important;touch-action:auto!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
  #generationView .card::before{display:none!important}
  #generationView .card:hover{z-index:2;transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--gen-accent) 55%,var(--hz-line))!important;box-shadow:0 23px 45px color-mix(in srgb,var(--gen-accent) 14%,rgba(5,18,35,.16))!important}
  .horizon-card-visual{position:absolute;inset:0 0 56px;display:block!important;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--gen-accent) 18%,transparent),transparent 64%)}
  .horizon-pokemon-art{position:absolute;left:10%;top:8%;width:80%;height:79%;object-fit:contain;filter:drop-shadow(0 15px 17px rgba(0,0,0,.2));transition:transform .22s ease}
  #generationView .card:hover .horizon-pokemon-art{transform:scale(1.07) translateY(-3px)}
  .horizon-card-status{position:absolute;left:10px;top:10px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--none) 42%,var(--hz-line));border-radius:999px;background:color-mix(in srgb,var(--hz-surface-solid) 80%,transparent);color:var(--hz-muted);font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}
  .horizon-status-green{border-color:color-mix(in srgb,var(--green) 48%,var(--hz-line));color:var(--green)}.horizon-status-yellow{border-color:color-mix(in srgb,var(--yellow) 58%,var(--hz-line));color:color-mix(in srgb,var(--yellow) 78%,#5b4500)}
  #generationView .card-label{position:relative;z-index:2;grid-column:1;grid-row:2;align-self:center;flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;display:block!important;overflow:hidden!important;padding:0!important;color:var(--hz-ink)!important;white-space:nowrap!important}
  #generationView .generation-pokemon-sprite{display:none!important}
  #generationView .sprite-card-text{min-width:0!important;display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:6px!important;overflow:hidden!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}#generationView .sprite-card-text .dex{flex:0 0 auto!important;font-size:9px!important}#generationView .sprite-card-text .name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important}
  #generationView .card-actions{position:absolute;z-index:3;top:9px;right:9px;display:flex!important;gap:5px!important;padding-left:0!important}
  #generationView .card-actions .pending-age-badge{position:absolute;top:34px;right:0}
  #generationView .shop-direct-btn{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;border-color:var(--hz-line)!important;border-radius:8px!important;background:color-mix(in srgb,var(--hz-bg) 58%,transparent)!important}
  #generationView .move-box{display:none!important}
  #generationView .empty{min-height:120px;display:grid;place-items:center;align-content:center;gap:6px;border:1px dashed var(--hz-line);border-radius:16px;background:color-mix(in srgb,var(--hz-bg) 50%,transparent);font-style:normal!important}

  /* Pokémon inspector */
  body.horizon-inspector-open{overflow:hidden!important}
  .horizon-inspector-backdrop{position:fixed;inset:0;z-index:400;display:grid;justify-items:end;background:rgba(2,8,17,.64);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
  .horizon-inspector-backdrop.open{opacity:1;visibility:visible}
  .horizon-inspector{position:relative;width:min(580px,46vw);height:100%;overflow-y:auto;padding:28px;background:color-mix(in srgb,var(--hz-surface-solid) 96%,transparent);color:var(--hz-ink);box-shadow:-35px 0 90px rgba(0,0,0,.3);transform:translateX(32px);transition:transform .25s ease}
  .horizon-inspector-backdrop.open .horizon-inspector{transform:none}
  .horizon-inspector-close{position:sticky;top:0;z-index:4;float:right;width:43px;height:43px;border:1px solid var(--hz-line);border-radius:13px;background:var(--hz-surface);color:var(--hz-ink);font-size:25px;cursor:pointer}
  .horizon-inspector-visual{position:relative;min-height:390px;display:grid;place-items:center;overflow:hidden;margin:-28px -28px 0;padding:42px 40px 22px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--inspector-accent) 24%,transparent),transparent 55%),linear-gradient(150deg,#071221,#102a43)}
  .horizon-inspector-visual::before{content:"";position:absolute;width:330px;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.016)}
  .horizon-inspector-visual img{position:relative;z-index:2;width:330px;height:330px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.36))}
  .horizon-inspector-body{padding:28px 3px 10px}.horizon-inspector-kicker{color:var(--inspector-accent);font-size:9px;font-weight:950;letter-spacing:.18em}.horizon-inspector-body h2{margin:8px 0 6px;font-size:42px;line-height:1;letter-spacing:-.055em}.horizon-inspector-meta{margin:0;color:var(--hz-muted);font-size:12px}
  .horizon-inspector-status{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0}.horizon-inspector-status button{min-height:55px;padding:8px;border:1px solid var(--hz-line);border-radius:13px;background:var(--hz-surface);color:var(--hz-muted);font-size:9px;font-weight:900;cursor:pointer}.horizon-inspector-status button.active{border-color:var(--inspector-accent);background:color-mix(in srgb,var(--inspector-accent) 12%,var(--hz-surface));color:var(--hz-ink);box-shadow:0 10px 24px color-mix(in srgb,var(--inspector-accent) 14%,transparent)}
  .horizon-inspector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.horizon-inspector-tile{min-height:84px;padding:14px;border:1px solid var(--hz-line);border-radius:15px;background:var(--hz-surface)}.horizon-inspector-tile small{display:block;margin-bottom:7px;color:var(--hz-muted);font-size:8px;font-weight:900;letter-spacing:.12em}.horizon-inspector-tile strong{font-size:13px}
  .horizon-saved-card-record{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;margin-top:13px;padding:13px;border:1px solid color-mix(in srgb,#65e7ff 30%,var(--hz-line));border-radius:16px;background:color-mix(in srgb,#65e7ff 7%,var(--hz-surface))}.horizon-saved-card-record img{width:82px;height:110px;object-fit:contain;border-radius:8px}.horizon-saved-card-record small{display:block;color:var(--hz-muted);font-size:9px}.horizon-saved-card-record strong{display:block;margin:5px 0;font-size:13px}.horizon-saved-card-record span{font-size:10px;color:var(--hz-muted)}
  .horizon-inspector-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.horizon-inspector-actions button{min-height:48px;border:1px solid var(--hz-line);border-radius:13px;background:var(--hz-surface);color:var(--hz-ink);font-size:10px;font-weight:900;cursor:pointer}.horizon-inspector-actions .primary{border-color:var(--inspector-accent);background:var(--inspector-accent);color:#07111f}

  @media(max-width:1500px){
    :root{--hz-sidebar:310px}
    .home-hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important}.home-hero-copy{padding-left:48px!important}.home-hero h2{font-size:64px!important}
    .home-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    #generationView .zone{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  }
  @media(max-width:1260px){
    :root{--hz-sidebar:290px}
    .topbar{padding-left:24px!important;padding-right:24px!important}.workspace-route-line{display:none}.search-wrap{width:300px!important}.stikcloud-status-copy{display:none!important}
    .nav .nav-main,.nav .generation-nav-btn .nav-main{display:block!important;font-size:14px!important}.nav .nav-sub{font-size:9px!important}
    .home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important}.home-hero-copy{padding-left:42px!important}.home-hero h2{font-size:56px!important}
    .home-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    #generationView .zone{grid-template-columns:repeat(4,minmax(0,1fr))!important}
    .horizon-inspector{width:min(560px,54vw)}
  }
  @media(max-width:980px){
    :root{--hz-sidebar:265px}
    .workspace-heading{min-width:220px}.workspace-heading h1 .horizon-wordmark{display:none}.search-wrap{width:260px!important}.search-wrap::after{display:none}
    .nav{padding-left:12px!important;padding-right:12px!important}.nav .nav-btn,.nav .generation-nav-btn{display:grid!important}.nav .nav-sub{font-size:8px!important}
    #dashboardView{padding-left:22px!important;padding-right:22px!important}.home-hero{grid-template-columns:1fr .72fr!important}.home-hero-copy{padding:52px 28px 52px 40px!important}.home-hero h2{font-size:52px!important}.home-hero-copy>p{font-size:14px!important}.horizon-featured-pokemon img{width:330px;height:330px}.home-orbit{display:none!important}
    .home-middle-grid{grid-template-columns:1fr!important}.home-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    #generationView .gen-header{grid-template-columns:1fr .62fr!important;padding-left:38px!important;padding-right:38px!important}#generationView .gen-tools{left:38px;right:38px}.horizon-gen-art{right:-4%}#generationView .zone{grid-template-columns:repeat(4,minmax(0,1fr))!important}#generationView .gen-summary{grid-template-columns:180px 1fr!important}.horizon-inspector{width:min(540px,62vw)}
  }
}

@media(prefers-reduced-motion:reduce){
  .horizon-featured-aura,.view{animation:none!important}
  .horizon-featured-pokemon img,.horizon-region-scene img{transition:none!important}
}