html.premium-space-demo{--ambient-x:72%;--ambient-y:44%;--ambient-alpha:0}
html.premium-space-demo .premium-space{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate}
html.premium-space-demo .experience{position:relative;z-index:2}
html.premium-space-demo .premium-material{position:absolute;inset:0;opacity:.34;background:linear-gradient(118deg,rgba(255,255,255,.035),rgba(112,132,137,.014) 46%,rgba(255,255,255,.04)),repeating-conic-gradient(from 90deg at 0 0,rgba(255,255,255,.08) 0 25%,rgba(91,112,117,.01) 0 50%) 0 0/50% 50%;mix-blend-mode:soft-light}
html.premium-space-demo .premium-material::before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");mix-blend-mode:multiply}
html.premium-space-demo .premium-window-shadow{position:absolute;left:37%;top:-42%;width:84%;height:178%;transform:rotate(-17deg) skewX(-3deg);transform-origin:100% 0;filter:blur(9px);opacity:1;mix-blend-mode:multiply;animation:premium-window-drift 44s ease-in-out infinite alternate}
html.premium-space-demo .premium-window-shadow::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 7%,rgba(91,105,111,.115) 10% 16%,transparent 20% 35%,rgba(91,105,111,.095) 39% 46%,transparent 51% 66%,rgba(91,105,111,.08) 70% 77%,transparent 82%),linear-gradient(0deg,transparent 0 24%,rgba(91,105,111,.10) 29% 37%,transparent 42% 63%,rgba(91,105,111,.078) 68% 76%,transparent 81%);-webkit-mask-image:linear-gradient(112deg,transparent 0%,#000 15%,#000 78%,transparent 100%);mask-image:linear-gradient(112deg,transparent 0%,#000 15%,#000 78%,transparent 100%)}
html.premium-space-demo .premium-window-shadow::after{content:"";position:absolute;inset:4% 0 0 7%;background:radial-gradient(ellipse at 78% 18%,rgba(96,111,116,.065),transparent 52%);filter:blur(24px)}

html.premium-space-demo .premium-cursor-light{display:none}
@keyframes premium-window-drift{from{transform:rotate(-17deg) skewX(-3deg) translate3d(-.25%,-.15%,0)}to{transform:rotate(-16.8deg) skewX(-3deg) translate3d(.3%,.2%,0)}}
@media(max-width:700px){html.premium-space-demo .premium-window-shadow{left:25%;top:-28%;width:122%;height:152%;filter:blur(10px)}html.premium-space-demo .premium-window-shadow::before{opacity:.62}}
@media(prefers-reduced-motion:reduce){html.premium-space-demo .premium-window-shadow{animation:none}}


/* Newly redrawn pure-white tile; identical 1536×1024 grid on desktop and mobile. */
html.premium-space-demo .world{background:#fff!important}
html.premium-space-demo .backlight{background-image:url('white-glazed-tile-a-pure-white-mobile.png')!important}
html.premium-space-demo .premium-material{opacity:.08}
html.premium-space-demo .premium-emboss{display:none!important}

/* Desktop-only ambient surface response; mobile remains event-free. */
@media(min-width:701px){html.premium-space-demo .premium-cursor-light{display:block;position:absolute;inset:0;opacity:var(--ambient-alpha,0);transition:opacity .38s ease;background:radial-gradient(ellipse 330px 255px at var(--ambient-x) var(--ambient-y),rgba(255,255,255,.22) 0%,rgba(255,255,255,.09) 34%,rgba(255,255,255,.025) 56%,transparent 78%);-webkit-backdrop-filter:brightness(1.018) contrast(1.006);backdrop-filter:brightness(1.018) contrast(1.006);-webkit-mask-image:radial-gradient(ellipse 350px 275px at var(--ambient-x) var(--ambient-y),#000 0%,rgba(0,0,0,.76) 36%,rgba(0,0,0,.2) 64%,transparent 82%);mask-image:radial-gradient(ellipse 350px 275px at var(--ambient-x) var(--ambient-y),#000 0%,rgba(0,0,0,.76) 36%,rgba(0,0,0,.2) 64%,transparent 82%);mix-blend-mode:screen;will-change:opacity}}

/* Mobile invariant: replace only the tile bitmap; no added ambient layers. */
@media(max-width:700px){html.premium-space-demo .premium-material,html.premium-space-demo .premium-window-shadow,html.premium-space-demo .premium-cursor-light{display:none!important}}

/* v39 authorized micro-adjustments. */
html.premium-space-demo .card,
html.premium-space-demo body:not(.expanded) .card,
html.premium-space-demo .expanded .card[data-active="true"]{background:linear-gradient(125deg,rgba(255,255,255,.90),rgba(247,251,250,.88) 48%,rgba(238,245,245,.90) 78%,rgba(255,255,255,.92))}
html.premium-space-demo body.expanded .card[data-active="true"]{background:linear-gradient(125deg,rgba(255,255,255,.965),rgba(247,251,250,.95) 48%,rgba(238,245,245,.96) 78%,rgba(255,255,255,.97))}
html.premium-space-demo .liquid-nav{background:rgba(255,255,255,.27)}
html.premium-space-demo .liquid-nav .lens{background:linear-gradient(130deg,rgba(255,255,255,.71),rgba(255,255,255,.15) 50%,rgba(255,255,255,.57))}
html.premium-space-demo .premium-cursor-light{display:none!important}
.prism-cursor-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .32s ease}
.prism-cursor-canvas.is-visible{opacity:1}
@media(max-width:700px){.prism-cursor-canvas{display:none!important}}
@media(prefers-reduced-motion:reduce){.prism-cursor-canvas{transition:none}}

/* v40: deterministic SVG/CSS spectral caustic; does not depend on WebGL output. */
.prism-cursor-canvas{display:none!important}
.prism-cursor-surface{--prism-x:72%;--prism-y:46%;position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .28s ease;overflow:hidden}
.prism-cursor-surface.is-visible{opacity:1}
.prism-cursor-surface::before,.prism-cursor-surface::after{content:"";position:absolute;left:var(--prism-x);top:var(--prism-y);width:620px;height:470px;transform:translate(-50%,-50%) rotate(-18deg);transform-origin:center;border-radius:46% 54% 58% 42%/55% 42% 58% 45%;pointer-events:none}
.prism-cursor-surface::before{background:linear-gradient(104deg,transparent 17%,rgba(255,190,115,.22) 29%,rgba(255,151,173,.19) 38%,rgba(188,151,255,.18) 48%,rgba(105,180,255,.19) 58%,rgba(103,224,211,.17) 68%,transparent 82%);filter:blur(17px) saturate(.82);-webkit-mask-image:radial-gradient(ellipse at center,#000 0 25%,rgba(0,0,0,.88) 45%,rgba(0,0,0,.3) 68%,transparent 86%);mask-image:radial-gradient(ellipse at center,#000 0 25%,rgba(0,0,0,.88) 45%,rgba(0,0,0,.3) 68%,transparent 86%);mix-blend-mode:multiply;animation:prism-caustic-drift 8.5s ease-in-out infinite alternate}
.prism-cursor-surface::after{width:520px;height:330px;background:repeating-linear-gradient(108deg,transparent 0 38px,rgba(255,211,145,.13) 47px,rgba(247,164,190,.12) 56px,rgba(171,160,255,.12) 66px,rgba(113,195,255,.13) 76px,rgba(117,225,211,.11) 85px,transparent 99px);filter:blur(10px);-webkit-mask-image:radial-gradient(ellipse at center,transparent 0 5%,#000 23%,rgba(0,0,0,.6) 52%,transparent 82%);mask-image:radial-gradient(ellipse at center,transparent 0 5%,#000 23%,rgba(0,0,0,.6) 52%,transparent 82%);mix-blend-mode:multiply;opacity:.78;animation:prism-band-drift 6.8s ease-in-out infinite alternate}
@keyframes prism-caustic-drift{from{translate:-7px -3px;scale:.98 1.02}to{translate:8px 5px;scale:1.03 .98}}
@keyframes prism-band-drift{from{translate:-10px 5px;rotate:-1deg}to{translate:11px -6px;rotate:1.2deg}}
@media(max-width:700px){.prism-cursor-surface{display:none!important}}
@media(prefers-reduced-motion:reduce){.prism-cursor-surface::before,.prism-cursor-surface::after{animation:none}}




/* The redrawn bitmap owns its seams and glaze; do not recolor it in CSS. */
html.premium-space-demo .backlight{filter:none!important}



/* Desktop correction: retain original relief and approved thin-line filter. Mobile untouched. */
@media(min-width:701px){html.premium-space-demo .premium-window-shadow{display:none!important}html.premium-space-demo .backlight{background-image:url("white-glazed-tile-a-pure-white-desktop.png")!important;filter:none!important}}


/* Requested micro-adjustments only: slightly more solid selected About button. */
html.premium-space-demo .liquid-nav .lens{
  background:linear-gradient(130deg,rgba(255,255,255,.66),rgba(255,255,255,.10) 50%,rgba(255,255,255,.52));
}

/* Keep both footer actions legible against the cleaner white porcelain. */
html.premium-space-demo .liquid-nav{
  background:rgba(255,255,255,.39);
  border-color:rgba(255,255,255,.92);
  box-shadow:inset 0 1px 3px rgba(255,255,255,.96),0 8px 26px rgba(80,101,108,.105);
}
html.premium-space-demo .liquid-nav .lens{
  background:linear-gradient(130deg,rgba(255,255,255,.78),rgba(255,255,255,.22) 50%,rgba(255,255,255,.67));
}

/* Desktop tile reflection: perceptible surface response without a visible orb. */
@media(min-width:701px){
  html.premium-space-demo .premium-cursor-light{
    display:block;
    opacity:var(--ambient-alpha,0);
    background:radial-gradient(ellipse 310px 250px at var(--ambient-x) var(--ambient-y),rgba(255,255,255,.20) 0%,rgba(245,248,248,.09) 38%,rgba(225,233,234,.025) 62%,transparent 86%);
    -webkit-backdrop-filter:brightness(1.035) contrast(1.022);
    backdrop-filter:brightness(1.035) contrast(1.022);
    -webkit-mask-image:radial-gradient(ellipse 330px 270px at var(--ambient-x) var(--ambient-y),#000 0 28%,rgba(0,0,0,.74) 52%,rgba(0,0,0,.2) 75%,transparent 92%);
    mask-image:radial-gradient(ellipse 330px 270px at var(--ambient-x) var(--ambient-y),#000 0 28%,rgba(0,0,0,.74) 52%,rgba(0,0,0,.2) 75%,transparent 92%);
  }
}

/* v41: desktop-only clean porcelain master.
   Keep the approved grid geometry while removing baked per-tile light patches. */
@media(min-width:701px){
  html.premium-space-demo .backlight{
    background-image:url("white-glazed-tile-a-pure-white-desktop.png")!important;
    filter:none!important;
  }

  html.premium-space-demo .premium-cursor-light,
  html.premium-space-demo .premium-window-shadow,
  html.premium-space-demo .premium-material{
    display:none!important;
  }
}


/* Desktop pointer reflection v27: affects porcelain relief, not a painted orb. */
@media(min-width:701px){
  html.premium-space-demo .premium-cursor-light{
    display:block;
    opacity:var(--ambient-alpha,0);
    background:radial-gradient(ellipse 400px 310px at var(--ambient-x) var(--ambient-y),rgba(255,255,255,.30) 0 22%,rgba(237,243,244,.075) 48%,rgba(213,224,226,.025) 68%,transparent 91%);
    -webkit-backdrop-filter:brightness(1.028) contrast(1.14) saturate(.97);
    backdrop-filter:brightness(1.028) contrast(1.14) saturate(.97);
    -webkit-mask-image:radial-gradient(ellipse 420px 330px at var(--ambient-x) var(--ambient-y),#000 0 30%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.38) 73%,transparent 94%);
    mask-image:radial-gradient(ellipse 420px 330px at var(--ambient-x) var(--ambient-y),#000 0 30%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.38) 73%,transparent 94%);
    mix-blend-mode:normal;
  }
}


/* v28: a soft oblique porcelain reflection, feathered around the pointer. */
@media(min-width:701px){
  html.premium-space-demo .premium-cursor-light{
    opacity:var(--ambient-alpha,0);
    background:
      linear-gradient(116deg,transparent 19%,rgba(215,225,227,.055) 34%,rgba(255,255,255,.58) 48%,rgba(227,235,236,.07) 61%,transparent 79%),
      radial-gradient(ellipse 390px 300px at var(--ambient-x) var(--ambient-y),rgba(255,255,255,.13),rgba(218,228,230,.045) 58%,transparent 88%);
    background-position:calc(var(--ambient-x) - 390px) calc(var(--ambient-y) - 300px),0 0;
    background-size:780px 600px,100% 100%;
    background-repeat:no-repeat;
    -webkit-backdrop-filter:brightness(1.02) contrast(1.28) saturate(.96);
    backdrop-filter:brightness(1.02) contrast(1.28) saturate(.96);
    -webkit-mask-image:radial-gradient(ellipse 390px 300px at var(--ambient-x) var(--ambient-y),#000 0 34%,rgba(0,0,0,.82) 57%,rgba(0,0,0,.28) 78%,transparent 96%);
    mask-image:radial-gradient(ellipse 390px 300px at var(--ambient-x) var(--ambient-y),#000 0 34%,rgba(0,0,0,.82) 57%,rgba(0,0,0,.28) 78%,transparent 96%);
  }
}


/* v29 final visibility calibration after full-size visual inspection. */
@media(min-width:701px){
  html.premium-space-demo .premium-cursor-light{
    background:
      linear-gradient(116deg,transparent 19%,rgba(202,216,219,.10) 34%,rgba(255,255,255,.72) 48%,rgba(211,223,225,.11) 61%,transparent 79%),
      radial-gradient(ellipse 390px 300px at var(--ambient-x) var(--ambient-y),rgba(255,255,255,.18),rgba(205,219,221,.065) 58%,transparent 88%);
    background-position:calc(var(--ambient-x) - 390px) calc(var(--ambient-y) - 300px),0 0;
    background-size:780px 600px,100% 100%;
    background-repeat:no-repeat;
    -webkit-backdrop-filter:brightness(1.018) contrast(1.38) saturate(.95);
    backdrop-filter:brightness(1.018) contrast(1.38) saturate(.95);
  }
}

/* v41 final desktop invariant: clean, even tile faces; no cursor or window overlays. */
@media(min-width:701px){
  html.premium-space-demo .backlight{
    background-image:url("white-glazed-tile-a-pure-white-desktop.png")!important;
    filter:none!important;
  }

  html.premium-space-demo .premium-cursor-light,
  html.premium-space-demo .premium-window-shadow,
  html.premium-space-demo .premium-material{
    display:none!important;
  }
}