/* 1NFINIT3 PUBLIC SHELL V1 — SAME INTERFACE, THREE WORLDS
   Uses only protected production brand assets.
*/
:root{
  --nf3-gold:#d7a127;--nf3-gold-hi:#fff2b5;--nf3-ink:#f8f7f2;--nf3-muted:rgba(248,247,242,.66);
  --nf3-edge:rgba(255,255,255,.18);--nf3-glass:rgba(10,14,15,.24);--nf3-bg:#050706;
  --nf3-safe-top:env(safe-area-inset-top,0px);--nf3-safe-right:env(safe-area-inset-right,0px);
  --nf3-safe-bottom:env(safe-area-inset-bottom,0px);--nf3-safe-left:env(safe-area-inset-left,0px);
}
html,body{min-height:100%}
body.nf3-public{margin:0;min-height:100dvh;color:var(--nf3-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--nf3-bg);overflow-x:hidden}
body.nf3-public::before{content:"";position:fixed;inset:0;z-index:-4;background:url('/assets/v22-world-midday.jpg') center 48%/cover no-repeat;transform:scale(1.025);transition:filter .55s ease,opacity .55s ease}
body.nf3-public::after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 50% 35%,transparent 18%,rgba(1,4,8,.08) 56%,rgba(1,4,8,.48) 100%),linear-gradient(180deg,rgba(5,10,12,.06),rgba(3,7,8,.32))}
html[data-v22-world="night"] body.nf3-public::before{filter:brightness(.32) saturate(.7) hue-rotate(176deg) contrast(1.12)}
html[data-v22-world="night"] body.nf3-public::after{background:radial-gradient(circle at 50% 35%,transparent 16%,rgba(0,4,12,.18) 56%,rgba(0,2,8,.72) 100%),linear-gradient(180deg,rgba(0,5,16,.12),rgba(0,2,8,.58))}
html[data-v22-world="fullday"] body.nf3-public::before{filter:brightness(1.42) saturate(.26) contrast(.9) sepia(.08)}
html[data-v22-world="fullday"] body.nf3-public::after{background:linear-gradient(180deg,rgba(255,252,244,.18),rgba(255,252,244,.55))}
html[data-v22-world="fullday"] body.nf3-public{--nf3-ink:#171913;--nf3-muted:rgba(23,25,19,.62);--nf3-edge:rgba(47,48,43,.16);--nf3-glass:rgba(255,255,255,.46)}
.nf3-public-header{position:fixed;z-index:80;left:0;right:0;top:0;height:calc(var(--nf3-safe-top) + 68px);padding:var(--nf3-safe-top) max(14px,var(--nf3-safe-right)) 0 max(14px,var(--nf3-safe-left));display:grid;grid-template-columns:48px 48px 1fr auto;align-items:center;gap:7px;pointer-events:none}
.nf3-public-header>*{pointer-events:auto}
.nf3-public-menu,.nf3-world-button,.nf3-public-login{height:42px;border:1px solid var(--nf3-edge);background:var(--nf3-glass);color:var(--nf3-ink);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.16)}
.nf3-public-menu,.nf3-world-button{width:42px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer}
.nf3-public-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.nf3-world-pie{width:22px;height:22px;border-radius:50%;display:block;background:conic-gradient(from -90deg,#050509 0 33.333%,#7d8658 33.333% 66.666%,#f7f2e7 66.666% 100%);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06)}
.nf3-world-button[data-world="night"]{box-shadow:0 0 0 1px rgba(126,150,255,.25),0 10px 28px rgba(0,0,0,.18)}
.nf3-world-button[data-world="midday"]{box-shadow:0 0 0 1px rgba(215,161,39,.24),0 10px 28px rgba(0,0,0,.18)}
.nf3-world-button[data-world="fullday"]{box-shadow:0 0 0 1px rgba(255,255,255,.55),0 10px 28px rgba(0,0,0,.12)}
.nf3-public-brand{justify-self:center;width:clamp(154px,18vw,214px);height:42px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:visible}
.nf3-public-brand__symbol{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;overflow:visible}
.nf3-public-brand__symbol img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;overflow:visible}
.nf3-public-brand__wordmark{display:block;width:auto!important;height:25px!important;max-width:100%;min-width:0;flex:1 1 auto;object-fit:contain;object-position:left center;overflow:visible}
.nf3-public-login{border-radius:999px;padding:0 15px;text-decoration:none;font-size:12px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.nf3-world-menu{position:fixed;z-index:92;top:calc(var(--nf3-safe-top) + 62px);left:68px;width:220px;padding:8px;border:1px solid var(--nf3-edge);border-radius:22px;background:rgba(12,16,16,.56);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:0 24px 70px rgba(0,0,0,.28)}
html[data-v22-world="fullday"] .nf3-world-menu{background:rgba(255,255,255,.78)}
.nf3-world-menu[hidden]{display:none}
.nf3-world-option{width:100%;min-height:46px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;border:0;border-radius:16px;background:transparent;color:var(--nf3-ink);padding:7px 10px;text-align:left;cursor:pointer}
.nf3-world-option:hover,.nf3-world-option[aria-current="true"]{background:rgba(255,255,255,.10)}
.nf3-world-option strong{font-size:12px}.nf3-world-option small{display:block;color:var(--nf3-muted);font-size:10px;margin-top:2px}.nf3-world-option .dot{width:12px;height:12px;border-radius:50%}.nf3-world-option[data-world="night"] .dot{background:#050509}.nf3-world-option[data-world="midday"] .dot{background:#7d8658}.nf3-world-option[data-world="fullday"] .dot{background:#f7f2e7;border:1px solid rgba(0,0,0,.14)}
.nf3-public-drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(86vw,320px);padding:calc(var(--nf3-safe-top) + 84px) 12px calc(var(--nf3-safe-bottom) + 20px);background:rgba(10,14,15,.42);border-right:1px solid var(--nf3-edge);backdrop-filter:blur(34px) saturate(145%);-webkit-backdrop-filter:blur(34px) saturate(145%);box-shadow:20px 0 60px rgba(0,0,0,.24);transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,.82,.26,1);overflow:auto}
html[data-v22-world="fullday"] .nf3-public-drawer{background:rgba(255,255,255,.72)}
.nf3-public-drawer.open{transform:translateX(0)}
.nf3-public-drawer a{display:flex;align-items:center;min-height:46px;border-radius:15px;padding:0 13px;color:var(--nf3-ink);text-decoration:none;font-size:13px;font-weight:660}
.nf3-public-drawer a:hover,.nf3-public-drawer a[aria-current="page"]{background:rgba(255,255,255,.10)}
.nf3-public-drawer .group{border-top:1px solid var(--nf3-edge);margin-top:10px;padding-top:10px}
.nf3-public-scrim{position:fixed;z-index:89;inset:0;background:rgba(0,0,0,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.nf3-public-scrim[hidden]{display:none}
.nf3-public-symbol{position:fixed;z-index:-1;left:50%;top:39%;width:min(34vw,280px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.16}
.nf3-public-symbol::before,.nf3-public-symbol::after{content:none;display:none}
.nf3-public-symbol::before{background:rgba(4,8,10,.60);transform:translateY(2px);filter:blur(.2px)}
.nf3-public-symbol::after{background:rgba(255,241,184,.34);transform:translateY(-1px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}
html[data-v22-world="night"] .nf3-public-symbol{opacity:.22}html[data-v22-world="fullday"] .nf3-public-symbol{opacity:.12}
.nf3-public-main{width:min(980px,calc(100% - 34px));margin:0 auto;padding:calc(var(--nf3-safe-top) + 112px) 0 calc(var(--nf3-safe-bottom) + 84px);position:relative;z-index:2}
.nf3-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:760;color:var(--nf3-gold)}
.nf3-public-main h1{margin:0;max-width:13ch;font-size:clamp(42px,8vw,84px);line-height:.96;letter-spacing:-.055em;font-weight:740;text-wrap:balance}
.nf3-lede{max-width:720px;margin:18px 0 0;font-size:clamp(15px,2vw,19px);line-height:1.55;color:var(--nf3-muted)}
.nf3-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:28px}
.nf3-card{grid-column:span 6;border:1px solid var(--nf3-edge);border-radius:28px;padding:20px;background:var(--nf3-glass);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 60px rgba(0,0,0,.16)}
.nf3-card.full{grid-column:1/-1}.nf3-card.third{grid-column:span 4}
.nf3-card h2,.nf3-card h3{margin:0;letter-spacing:-.025em}.nf3-card h2{font-size:20px}.nf3-card h3{font-size:15px}.nf3-card p{margin:9px 0 0;color:var(--nf3-muted);line-height:1.5;font-size:13px}
.nf3-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.nf3-button{min-height:44px;padding:0 16px;border:1px solid var(--nf3-edge);border-radius:999px;background:var(--nf3-glass);color:var(--nf3-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:720;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nf3-button.primary{background:linear-gradient(135deg,rgba(215,161,39,.30),rgba(255,242,181,.12));border-color:rgba(255,225,144,.38)}
.nf3-copy{line-height:1.65}.nf3-copy h2{margin-top:28px}.nf3-copy p,.nf3-copy li{color:var(--nf3-muted)}
.nf3-status{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:13px}.nf3-status .lamp{width:9px;height:9px;border-radius:50%;background:#8b8d8a}.nf3-status[data-state="OPERATIONAL"] .lamp{background:#69d28e}.nf3-status[data-state="DEGRADED"] .lamp,.nf3-status[data-state="PARTIAL_OUTAGE"] .lamp{background:#ffcc66}.nf3-status[data-state="MAJOR_OUTAGE"] .lamp{background:#ff7979}
@media(max-width:720px){.nf3-public-header{grid-template-columns:44px 44px 1fr auto;padding-inline:10px}.nf3-public-brand{width:160px}.nf3-public-login{padding:0 12px}.nf3-public-main{padding-top:calc(var(--nf3-safe-top) + 98px)}.nf3-public-main h1{font-size:clamp(40px,12vw,58px)}.nf3-card,.nf3-card.third{grid-column:1/-1}.nf3-public-symbol{top:34%;width:min(58vw,220px)}}
@media(prefers-reduced-motion:reduce){.nf3-public-drawer,body.nf3-public::before{transition:none}}


/* COMPLETE-DOMAIN THREE-WORLD BINDING — shared public pages */
body.nf3-public #liveWorld{z-index:-2!important}

.nf3-public-scene-canvas{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .8s ease}
.nf3-public-white-engraving{display:none;position:fixed;z-index:-1;left:50%;top:50%;width:min(58vw,620px);aspect-ratio:3873.719/1160;transform:translate(-50%,-50%);pointer-events:none;opacity:.12;-webkit-mask:url('/assets/brand/1nfinit3/1nfinit3-wordmark.svg') center/contain no-repeat;mask:url('/assets/brand/1nfinit3/1nfinit3-wordmark.svg') center/contain no-repeat;background:linear-gradient(180deg,rgba(110,94,58,.34) 0%,rgba(255,255,255,.96) 34%,rgba(116,96,51,.17) 48%,rgba(218,174,70,.42) 64%,rgba(255,248,218,.82) 82%,rgba(118,92,37,.22) 100%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.92)) drop-shadow(0 2px 1px rgba(78,65,37,.12))}
html[data-v22-world="fullday"] body.nf3-public{background:#fff!important}
html[data-v22-world="fullday"] body.nf3-public::before{opacity:0!important;filter:none!important;transform:none!important}
html[data-v22-world="fullday"] body.nf3-public::after{background:#fff!important}
html[data-v22-world="fullday"] .nf3-public-scene-canvas{opacity:0!important}
html[data-v22-world="fullday"] .nf3-public-symbol{opacity:0!important;visibility:hidden!important}
html[data-v22-world="fullday"] .nf3-public-white-engraving{display:block!important}
html[data-v22-world="fullday"] .nf3-card{background:rgba(255,255,255,.76)!important;border-color:rgba(121,98,48,.13)!important;box-shadow:0 24px 74px rgba(78,61,25,.05),inset 0 1px 0 #fff!important}
html[data-v22-world="fullday"] .nf3-button{background:rgba(255,255,255,.72)!important;border-color:rgba(121,98,48,.14)!important}
html[data-v22-world="fullday"] .nf3-button.primary{background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(215,161,39,.15))!important;border-color:rgba(177,128,31,.22)!important}

/* The one three-slice selector belongs beside the centered 1NFINIT3 wordmark, not beside Menu. */
body.nf3-public .nf3-world-button{position:fixed!important;z-index:190!important;left:max(66px,calc(var(--nf3-safe-left) + 58px))!important;top:calc(var(--nf3-safe-top) + 14px)!important;width:42px!important;height:42px!important;border-radius:50%!important}
body.nf3-public .nf3-world-menu{left:max(14px,var(--nf3-safe-left))!important;top:calc(var(--nf3-safe-top) + 62px)!important;transform:none!important}
@media(max-width:719px){
  body.nf3-public .nf3-world-button{left:max(62px,calc(var(--nf3-safe-left) + 58px))!important;top:calc(var(--nf3-safe-top) + 12px)!important;width:38px!important;height:38px!important}
  body.nf3-public .nf3-world-menu{transform:translateX(calc(-50% - 18px))!important}
  .nf3-public-white-engraving{width:min(76vw,430px)}
}
@media(prefers-reduced-motion:reduce){.nf3-public-scene-canvas{transition:none!important}}


/* 1NFINIT3 COMPLETE-DOMAIN THREE-WORLD LOCK — 2026-10-04
   Floating controls only. Palette selector sits beside the protected wordmark.
   Full Day is pure white focused luxury, never an inherited Olive landscape.
*/
.nf3-public-header{
  display:block;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.nf3-public-menu,
.nf3-world-button,
.nf3-public-brand,
.nf3-public-login{
  position:absolute;
  top:calc(var(--nf3-safe-top) + 13px);
}
.nf3-public-menu{left:max(14px,var(--nf3-safe-left))}
.nf3-public-brand{
  left:50%;
  top:calc(var(--nf3-safe-top) + 15px);
  transform:translateX(-50%);
  width:clamp(154px,18vw,214px);
}
.nf3-world-button{
  left:calc(50% - clamp(82px,10vw,116px));
}
.nf3-public-login{right:max(14px,var(--nf3-safe-right))}
.nf3-world-menu{
  left:50%;
  transform:translateX(-50%);
  top:calc(var(--nf3-safe-top) + 62px);
}

.nf3-public-symbol{
  opacity:0;
  left:50%;
  top:50%;
  width:min(58vw,620px);
  aspect-ratio:3873.719/1160;
  transform:translate(-50%,-50%);
}
.nf3-public-symbol::before,
.nf3-public-symbol::after{
  -webkit-mask:url('/assets/brand/1nfinit3/1nfinit3-wordmark.svg') center/contain no-repeat;
  mask:url('/assets/brand/1nfinit3/1nfinit3-wordmark.svg') center/contain no-repeat;
}
.nf3-public-symbol::before{
  background:rgba(91,76,44,.16);
  transform:translateY(2px);
  filter:blur(.2px);
}
.nf3-public-symbol::after{
  background:linear-gradient(180deg,rgba(114,94,53,.24),rgba(255,255,255,.88) 34%,rgba(215,161,39,.34) 66%,rgba(255,247,213,.74));
  transform:translateY(-1px);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.96)) drop-shadow(0 2px 1px rgba(71,59,34,.10));
}
html[data-v22-world="night"] .nf3-public-symbol,
html[data-v22-world="midday"] .nf3-public-symbol{opacity:0}
html[data-v22-world="fullday"] .nf3-public-symbol{opacity:.115}

html[data-v22-world="fullday"] body.nf3-public{
  --nf3-bg:#fff;
  --nf3-ink:#151712;
  --nf3-muted:rgba(21,23,18,.62);
  --nf3-edge:rgba(80,66,36,.13);
  --nf3-glass:rgba(255,255,255,.74);
  background:#fff!important;
}
html[data-v22-world="fullday"] body.nf3-public::before{
  background:#fff!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
html[data-v22-world="fullday"] body.nf3-public::after{
  background:#fff!important;
}
html[data-v22-world="fullday"] .nf3-card{
  background:rgba(255,255,255,.76);
  border-color:rgba(103,83,39,.12);
  box-shadow:0 24px 78px rgba(68,52,18,.045),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-v22-world="fullday"] .nf3-button.primary{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,238,202,.62));
  border-color:rgba(215,161,39,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 30px rgba(128,94,22,.045);
}

@media(max-width:720px){
  .nf3-public-brand{
    width:160px;
    top:calc(var(--nf3-safe-top) + 15px);
  }
  .nf3-world-button{
    left:max(62px,calc(var(--nf3-safe-left) + 62px));
  }
  .nf3-public-menu{left:max(10px,var(--nf3-safe-left))}
  .nf3-public-login{right:max(10px,var(--nf3-safe-right))}
  .nf3-public-symbol{width:min(76vw,430px)}
}
