/* Prime Creation / Page 02 category strip + half-width machine trim
   The original service continuity remains informational (not fake buttons).
   One two-row, six-column layout in both orientations. */
html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(3px,.75vw,11px)!important;
  row-gap:clamp(.55rem,1.2vh,.8rem)!important;
  align-items:center!important;
  justify-items:stretch!important;
  width:var(--page02-width,min(94%,78rem))!important;
  padding:clamp(.62rem,1.2vw,.9rem)!important;
  box-sizing:border-box!important;
  min-width:0!important;
  background:linear-gradient(150deg,rgba(4,12,22,.78),rgba(2,8,14,.84))!important;
  border:1px solid rgba(156,197,224,.24)!important;
  border-radius:clamp(14px,2vw,27px)!important;
  color:#eaf5fc!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
  overflow:visible!important;
}
html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity > b{
  grid-column:1/-1!important;
  grid-row:1!important;
  justify-self:start!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0 0 .08rem!important;
  white-space:nowrap!important;
  color:#eef7ff!important;
  -webkit-text-fill-color:#eef7ff!important;
  font-size:clamp(.7rem,1.25vw,1rem)!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:clamp(.07em,.18vw,.16em)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
}
html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity > i{
  display:none!important;
}
html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity > span{
  display:flex!important;
  grid-row:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  min-height:clamp(31px,3.9vw,43px)!important;
  padding:clamp(.18rem,.55vw,.38rem) 2px!important;
  margin:0!important;
  justify-content:center!important;
  align-items:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  text-align:center!important;
  overflow:visible!important;
  color:#f5faff!important;
  -webkit-text-fill-color:#f5faff!important;
  font-size:clamp(.55rem,1.06vw,.83rem)!important;
  font-weight:780!important;
  line-height:1.08!important;
  letter-spacing:clamp(0px,.055vw,.5px)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
  background:linear-gradient(175deg,rgba(39,63,82,.93),rgba(5,13,22,.97) 52%,rgba(32,52,70,.94))!important;
  border:.75px solid rgba(206,233,248,.68)!important;
  border-radius:999px!important;
  box-shadow:inset 0 .5px rgba(254,255,255,.31),
    inset 0 -1px rgba(5,15,26,.9),0 0 0 .5px rgba(146,185,213,.3)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-decoration:none!important;
}
/* On narrow portrait screens DESIGN and MUSIC remain a single line,
   and no scrollable navigation or second row is introduced. */
@media(max-width:600px){
  html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity{
    column-gap:3px!important;
    padding:.6rem .42rem .7rem!important;
    row-gap:.52rem!important;
  }
  html body.prime-v2 #main[data-app-shell] > #intro .tab01-continuity > span{
    min-height:32px!important;
    font-size:clamp(.51rem,2.08vw,.66rem)!important;
    font-weight:760!important;
    letter-spacing:0!important;
    padding:.2rem 1px!important;
  }
}
/* Fifty-percent hardware profile: the 3D depth is computed in
   PrimeSpatialSurfaceMaterials.childGeometry. These matching chamfers,
   surface lips, and metal seams are precisely half their former size.
   Front screen position, hitboxes, corner curves and diorama remain fixed. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 [data-prime-spatial-slab="true"]{
  --prime-slab-depth:3px;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-spatial-slab="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-bevel-top,.prime-spatial-thickness-bevel-bottom){
  height:1.4px!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-spatial-slab="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-bevel-left,.prime-spatial-thickness-bevel-right){
  width:1.4px!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-spatial-slab="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-bevel-top,.prime-spatial-thickness-bevel-bottom,
.prime-spatial-thickness-bevel-left,.prime-spatial-thickness-bevel-right){
  border-width:.5px!important;
  box-shadow:0 0 .5px rgba(240,247,255,.35)!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-device-shell="physical-z-shell"]>.prime-spatial-thickness>
.prime-spatial-thickness-bevel-top{
  transform:translateZ(-.5px) rotateX(45deg)!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-device-shell="physical-z-shell"]>.prime-spatial-thickness>
.prime-spatial-thickness-bevel-bottom{
  transform:translateZ(-.5px) rotateX(-45deg)!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-device-shell="physical-z-shell"]>.prime-spatial-thickness>
.prime-spatial-thickness-bevel-left{
  transform:translateZ(-.5px) rotateY(-45deg)!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-device-shell="physical-z-shell"]>.prime-spatial-thickness>
.prime-spatial-thickness-bevel-right{
  transform:translateZ(-.5px) rotateY(45deg)!important;
}
/* Slim front-facing machined rims across every registered machine. */
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-machine-panel="true"]{
  border-width:.5px!important;
  box-shadow:inset 0 .5px 0 rgba(247,252,255,.18),
    inset 0 0 0 .5px rgba(22,49,69,.43),
    0 0 0 .5px rgba(214,232,245,.24),
    0 6px 16px rgba(0,4,11,.33)!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-machine-panel="true"]>.prime-spatial-thickness>
:is(.prime-spatial-thickness-top,.prime-spatial-thickness-bottom,
.prime-spatial-thickness-left,.prime-spatial-thickness-right,
.prime-device-chassis-corner-wall){
  border-top-width:.5px!important;
  border-bottom-width:.5px!important;
}
html[data-prime-spatial-enabled="true"] body.prime-v2
[data-prime-machine-panel="true"]>.prime-spatial-thickness>
.prime-machine-seam{
  height:3px!important;
  top:-.5px!important;
  border-width:.5px!important;
  box-shadow:none!important;
}
/* Skin-derived chrome width follows the same 50% scaling. */
html[data-prime-skin] body.prime-v2{
  --prime-skin-bezel-depth:calc(var(--prime-skin-depth,4) * .11px);
}
@media(forced-colors:active){
  html body.prime-v2 #main[data-app-shell]>#intro .tab01-continuity>span{border:1px solid CanvasText!important}
}