/* TATWO mobile home work switch — logo頭.fig source implementation.
   Visual source: logo頭.fig package supplied by the user.
   Extracted nodes used here:
   - 1:3 Base + 1:4/1:5 Mask/Texture: 76x76 circle, texture x=-12 y=-12 w=100 h=100,
     fill black opacity .01, BACKGROUND_BLUR radius 2. Figma grain is intentionally disabled
     in production because phone camera review showed visible noise/murkiness.
   - 1:6..1:40 layers 7..1: each full 76x76, FOREGROUND_BLUR radius 1,
     Texture BACKGROUND_BLUR radius 2 and radial masks/stops encoded below.
   - 1:41 image 2: x=17 y=13 w=39 h=50, IMAGE opacity .8, drop shadow x=1 y=1 blur=5.
   - 1:42 光澤: 76x76 ellipse, 1px linear-gradient stroke stops encoded below.
   This file intentionally replaces older non-source wheel overrides and static PNG fallback. */

@media (max-width:760px){
  .page-home.is-work-selector .home-lower{
    position:absolute !important;
    right:18px !important;
    bottom:58px !important;
    width:92px !important;
    height:92px !important;
    pointer-events:none !important;
    overflow:visible !important;
  }

  .page-home.is-work-selector .home-work-picker{
    position:absolute !important;
    inset:0 !important;
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    pointer-events:none !important;
    overflow:visible !important;
  }

  .page-home.is-work-selector .home-picker-copy,
  .page-home.is-work-selector .home-side-ai-control,
  .page-home.is-work-selector .home-work-picker::before,
  .page-home.is-work-selector .home-work-picker::after{
    display:none !important;
  }

  .page-home.is-work-selector .home-work-wheel,
  .page-home.is-work-selector .home-work-wheel.is-expanded,
  .page-home.is-work-selector .home-work-wheel.is-dragging,
  .page-home.is-work-selector .home-work-wheel:focus-visible{
    --stick-x:0px;
    --stick-y:0px;
    --liquid-pull:0;
    --press-x:0;
    --press-y:0;
    --drag-vx:0;
    --drag-vy:0;
    --drag-energy:0;
    --drag-phase:0;
    position:absolute !important;
    right:11px !important;
    bottom:11px !important;
    width:70px !important;
    height:70px !important;
    min-width:70px !important;
    min-height:70px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    overflow:visible !important;
    pointer-events:auto !important;
    touch-action:none !important;
    cursor:grab !important;
    isolation:isolate !important;
    contain:layout paint style !important;
    -webkit-tap-highlight-color:transparent !important;
    filter:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    transform:translate3d(var(--stick-x), var(--stick-y), 0) !important;
    transform-origin:50% 50% !important;
    will-change:transform !important;
    transition:transform .18s cubic-bezier(.22,1,.36,1) !important;
  }

  .page-home.is-work-selector .home-work-wheel.is-dragging{
    cursor:grabbing !important;
    transition:none !important;
  }

  .page-home.is-work-selector .home-work-wheel::before,
  .page-home.is-work-selector .home-work-wheel::after,
  .page-home.is-work-selector .home-work-wheel.is-expanded::before,
  .page-home.is-work-selector .home-work-wheel.is-expanded::after,
  .page-home.is-work-selector .home-work-wheel.is-dragging::before,
  .page-home.is-work-selector .home-work-wheel.is-dragging::after,
  .page-home.is-work-selector .home-work-wheel:focus-visible::before,
  .page-home.is-work-selector .home-work-wheel:focus-visible::after{
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
  }

  .page-home.is-work-selector .home-work-wheel .home-wheel-center,
  .page-home.is-work-selector .home-work-wheel .home-wheel-sheen,
  .page-home.is-work-selector .home-work-wheel .home-work-chip,
  .page-home.is-work-selector .home-work-wheel .home-work-chip.is-active,
  .page-home.is-work-selector .home-work-wheel.is-expanded .home-work-chip,
  .page-home.is-work-selector .home-work-wheel.is-dragging .home-work-chip,
  .page-home.is-work-selector .home-work-wheel:focus-visible .home-work-chip{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .page-home.is-work-selector .home-logo-head-source{
    --source-grain:none;
    --logo-backdrop-width:381px;
    --logo-backdrop-height:705px;
    --logo-backdrop-x:-282px;
    --logo-backdrop-y:-566px;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:50% !important;
    overflow:hidden !important;
    pointer-events:none !important;
    isolation:isolate !important;
    transform:translateZ(0) !important;
    background:transparent !important;
    -webkit-mask:radial-gradient(circle at 50% 50%, #000 0 70%, rgba(0,0,0,.86) 82%, #000 100%) !important;
    mask:radial-gradient(circle at 50% 50%, #000 0 70%, rgba(0,0,0,.86) 82%, #000 100%) !important;
  }

  .page-home.is-work-selector .home-logo-head-source > span,
  .page-home.is-work-selector .home-logo-head-source > img,
  .page-home.is-work-selector .home-logo-head-source > canvas{
    position:absolute !important;
    pointer-events:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
  }

  .page-home.is-work-selector .logo-head-transmission{
    inset:-4.4% !important;
    width:108.8% !important;
    height:108.8% !important;
    border-radius:50% !important;
    z-index:0 !important;
    background-image:var(--logo-backdrop-image) !important;
    background-repeat:no-repeat !important;
    background-size:var(--logo-backdrop-width) var(--logo-backdrop-height) !important;
    background-position:
      calc(var(--logo-backdrop-x) - 3.08px + (var(--stick-x) * -.34))
      calc(var(--logo-backdrop-y) - 3.08px + (var(--stick-y) * -.34)) !important;
    opacity:calc(.28 + (var(--liquid-pull) * .22)) !important;
    filter:blur(.22px) saturate(1.06) contrast(1.025) brightness(1.04) !important;
    transform:
      translate3d(calc(var(--stick-x) * -.11), calc(var(--stick-y) * -.11), 0)
      scale(calc(1.035 + (var(--liquid-pull) * .045))) !important;
    transform-origin:50% 50% !important;
    will-change:transform, background-position, opacity !important;
    -webkit-mask:radial-gradient(circle at 50% 50%, rgba(0,0,0,.98) 0 57%, rgba(0,0,0,.68) 72%, rgba(0,0,0,.22) 89%, transparent 100%) !important;
    mask:radial-gradient(circle at 50% 50%, rgba(0,0,0,.98) 0 57%, rgba(0,0,0,.68) 72%, rgba(0,0,0,.22) 89%, transparent 100%) !important;
  }

  .page-home.is-work-selector .logo-head-base{
    left:-15.7895% !important;
    top:-15.7895% !important;
    width:131.579% !important;
    height:131.579% !important;
    border-radius:50% !important;
    background-color:transparent !important;
    background-image:none !important;
    background-size:auto !important;
    background-repeat:repeat !important;
    opacity:1 !important;
    -webkit-backdrop-filter:blur(1.35px) saturate(1.05) !important;
    backdrop-filter:blur(1.35px) saturate(1.05) !important;
    border:.92px solid rgba(255,255,255,1) !important;
    box-sizing:border-box !important;
    z-index:1 !important;
  }

  .page-home.is-work-selector .logo-head-ring{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:50% !important;
    background-color:transparent !important;
    background-image:none !important;
    background-repeat:no-repeat !important;
    background-size:auto !important;
    opacity:1 !important;
    filter:blur(.55px) !important;
    -webkit-backdrop-filter:blur(1.2px) saturate(1.04) !important;
    backdrop-filter:blur(1.2px) saturate(1.04) !important;
    -webkit-mask:radial-gradient(circle at 50% 50%, transparent 0 var(--mask-clear), #000 var(--mask-solid) 100%) !important;
    mask:radial-gradient(circle at 50% 50%, transparent 0 var(--mask-clear), #000 var(--mask-solid) 100%) !important;
    transform:translate3d(calc(var(--stick-x) * var(--layer-pull, 0)), calc(var(--stick-y) * var(--layer-pull, 0)), 0) !important;
    will-change:transform, backdrop-filter !important;
    z-index:2 !important;
  }

  .page-home.is-work-selector .logo-head-ring-7{ --mask-clear:78.9355%; --mask-solid:84.2582%; --grain-size:49.605%; --layer-pull:-.030; }
  .page-home.is-work-selector .logo-head-ring-6{ --mask-clear:81.6300%; --mask-solid:86.7600%; --grain-size:43.255%; --layer-pull:-.024; }
  .page-home.is-work-selector .logo-head-ring-5{ --mask-clear:84.2000%; --mask-solid:89.4200%; --grain-size:35.836%; --layer-pull:-.018; }
  .page-home.is-work-selector .logo-head-ring-4{ --mask-clear:86.8300%; --mask-solid:92.1500%; --grain-size:29.386%; --layer-pull:-.012; }
  .page-home.is-work-selector .logo-head-ring-3{ --mask-clear:89.6100%; --mask-solid:94.7500%; --grain-size:23.522%; --layer-pull:-.008; }
  .page-home.is-work-selector .logo-head-ring-2{ --mask-clear:92.1800%; --mask-solid:97.4100%; --grain-size:19.331%; --layer-pull:-.004; }
  .page-home.is-work-selector .logo-head-ring-1{ --mask-clear:94.8100%; --mask-solid:100.000%; --grain-size:16.000%; --layer-pull:0; }

  .page-home.is-work-selector .logo-head-ripple-layer{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:50% !important;
    overflow:hidden !important;
    pointer-events:none !important;
    background:transparent !important;
    filter:none !important;
    transform:translateZ(0) !important;
    mix-blend-mode:normal !important;
    z-index:8 !important;
    will-change:opacity, visibility !important;
  }

  .page-home.is-work-selector .logo-head-image2-source{
    left:22.3684% !important;
    top:17.1053% !important;
    width:51.3158% !important;
    height:65.7895% !important;
    object-fit:fill !important;
    opacity:.8 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    filter:drop-shadow(.92px .92px 4.61px rgba(0,0,0,.25)) !important;
    transform:translateZ(0) !important;
    image-rendering:auto !important;
    z-index:10 !important;
  }

  .page-home.is-work-selector .logo-head-gloss{
    inset:0 !important;
    border-radius:50% !important;
    padding:.92px !important;
    box-sizing:border-box !important;
    background:linear-gradient(90deg,
      rgba(255,255,255,1) 2.761%,
      rgba(255,255,255,.3) 5.569%,
      rgba(255,255,255,.1) 42.072%,
      rgba(255,255,255,.410227) 88.871%,
      rgba(255,255,255,.7) 100%) !important;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;
    mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    mask-composite:exclude !important;
    opacity:1 !important;
    z-index:20 !important;
  }
}