/* FLUXO / JOSHUA TREE — the FLUXO Lote 001 design system over the shared engine chrome.
   Paper / ink / cobalt, Bodoni Moda display + Archivo body. No monospace, no glass blur, no glow. Loaded last. */
:root{
  --fx-paper:oklch(0.97 0 0);--fx-ink:oklch(0.19 0.008 260);--fx-cobalt:oklch(0.42 0.17 272);--fx-abyss:oklch(0.22 0.09 272);
  --fx-slip:oklch(0.15 0.01 260);--fx-ice:oklch(0.93 0.03 260);--fx-caramel:oklch(0.55 0.12 62);--fx-hair:oklch(0.19 0.008 260 / .16);
  --fx-display:'Bodoni Moda',Didot,'Times New Roman',serif;--fx-body:'Archivo',system-ui,sans-serif;
  --ss-surface:var(--fx-paper);--ss-surface-solid:var(--fx-paper);--ss-blur:none;--ss-ink:var(--fx-ink);--ss-ink2:oklch(0.19 0.008 260 / .66);--ss-ink3:oklch(0.19 0.008 260 / .46);
  --ss-stroke:var(--fx-hair);--ss-hover:oklch(0.42 0.17 272 / .08);--ss-active:oklch(0.42 0.17 272 / .14);--ss-bronze:var(--fx-cobalt);--ss-r:3px;--ss-r-sm:2px;
  --ss-shadow:0 1px 0 oklch(0.19 0.008 260 / .06),0 14px 34px -22px oklch(0.15 0.01 260 / .55);
  --ss-ui:var(--fx-body);--ss-display:var(--fx-display);--ui-paper:var(--fx-paper)}
body,#experience{font-family:var(--fx-body)}
.identity,.header-actions,.scene-controls>summary,.scene-controls-body,.tour-dock,#settings,#people,#info{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important}
/* identity */
.fluxo-identity{display:flex;align-items:center;gap:14px;padding:12px 18px 12px 16px!important}
.fluxo-identity .brand{display:block}
.fluxo-identity .fx-mark{height:15px;width:auto;display:block}
.fluxo-identity .property-heading{border-left:1px solid var(--fx-hair);padding-left:14px}
.fluxo-identity h1{margin:0;font:italic 400 24px/1 var(--fx-display)!important;letter-spacing:0!important;color:var(--fx-ink)}
.fluxo-identity .property-location{margin:4px 0 0;font:600 10px/1 var(--fx-body)!important;letter-spacing:.09em!important;text-transform:uppercase;color:oklch(0.19 0.008 260 / .55)}
.scene-caption{font-family:var(--fx-body)!important}
.scene-caption #sceneLabel{font:italic 400 1.2em/1 var(--fx-display)}
/* loader */
.fx-loader .ld-shade{background:linear-gradient(180deg,oklch(0.15 0.01 260 / .25),transparent 35%,transparent 45%,oklch(0.15 0.01 260 / .86))!important}
.fx-loader .fx-ld-mark{width:min(200px,46vw);height:auto;margin-bottom:18px}
.fx-loader h2{font:900 clamp(44px,6.4vw,92px)/.95 var(--fx-display)!important;letter-spacing:-.01em!important;color:var(--fx-paper)!important}
.fx-loader h2 em{font-weight:400;color:var(--fx-ice)}
.fx-loader p{font:400 16px/1.5 var(--fx-body)!important;max-width:44ch;color:var(--fx-ice)}
.fx-loader small{font:600 11px/1 var(--fx-body)!important;letter-spacing:.09em!important;text-transform:uppercase}
.fx-loader .ld-line i{background:var(--fx-cobalt)!important}
/* dock */
.tour-dock button,.views button,#walkButton,#roomViewsButton,.tour-dock .orn.in-dock button{font:600 12px/1 var(--fx-body)!important;letter-spacing:.06em!important;text-transform:uppercase}
.tour-dock .book-btn.fx-shop{background:var(--fx-ink)!important;color:var(--fx-paper)!important;position:relative}
.tour-dock .book-btn.fx-shop svg{stroke:var(--fx-paper)!important}
.tour-dock .book-btn.fx-shop:hover{background:var(--fx-cobalt)!important}
.fx-count:empty{display:none}
.fx-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--fx-caramel);color:var(--fx-paper);font:700 10px/16px var(--fx-body);font-style:normal;text-align:center}
#info h2,#settings h2,#people h2{font:900 34px/1 var(--fx-display)!important;letter-spacing:-.01em!important}
/* spatial layer: solid paper, square-ish, ink type */
#spatial{--g-bg:var(--fx-paper);--g-line:transparent;--g-hi:transparent;--ink:var(--fx-ink);--ink2:oklch(0.19 0.008 260 / .66);--ink3:oklch(0.19 0.008 260 / .46);--radius:4px;font-family:var(--fx-body)}
#spatial .glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:0 18px 40px -24px oklch(0.15 0.01 260 / .6)!important}
#spatial .tag .cap{border-radius:2px;padding:5px 12px 5px 5px}
#spatial .tag .ic{border-radius:1px;background:var(--fx-ink);box-shadow:none}
#spatial .tag .ic svg{stroke:var(--fx-paper)}
#spatial .tag small{color:var(--fx-cobalt);font-weight:600;letter-spacing:.09em}
#spatial .tag b{font-weight:600}
#spatial .tag .stem{background:linear-gradient(var(--fx-paper),transparent)}
#spatial .tag.gaze .cap,#spatial .tag:hover .cap{box-shadow:0 0 0 2px var(--fx-cobalt),0 18px 40px -20px oklch(0.15 0.01 260 / .6)!important}
#spatial .panel{border-radius:3px!important}
#spatial .panel h3{font:900 34px/1 var(--fx-display)!important;letter-spacing:-.01em}
#spatial .panel .hd small{color:var(--fx-cobalt)!important;letter-spacing:.09em}
#spatial .panel .hd .ic{border-radius:1px!important;background:var(--fx-ink)!important}
#spatial .panel .hd .ic svg{stroke:var(--fx-paper)!important}
#spatial .toast{border-radius:2px!important;background:var(--fx-ink)!important;color:var(--fx-paper)!important;font-weight:600}
#spatial .btn{border-radius:2px!important}
#spatial .btn.primary{background:var(--fx-ink)!important;color:var(--fx-paper)!important}
/* FLUXO panels */
#spatial .fx-body{display:grid;gap:12px}
#spatial .fx-label{width:100%;max-height:230px;object-fit:cover;object-position:50% 0;display:block;background:#fff;box-shadow:0 0 0 1px var(--fx-hair)}
#spatial .fx-prose{margin:0;font-size:14.5px;line-height:1.55;color:oklch(0.3 0.01 260)}
#spatial .fx-specs{margin:0;display:grid}
#spatial .fx-specs div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--fx-hair);padding:8px 0}
#spatial .fx-specs dt,#spatial .fx-specs dd{margin:0;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
#spatial .fx-specs dt{color:oklch(0.45 0.01 260)}
#spatial .fx-specs dd{text-align:right}
#spatial .fx-loop{display:flex;gap:3px}
#spatial .fx-loop i{flex:1;height:6px;background:var(--fx-hair)}
#spatial .fx-loop i.on{background:var(--fx-ink)}
#spatial .fx-loop i.now{background:var(--fx-caramel)}
#spatial .fx-stages{display:flex;justify-content:space-between;font-size:9.5px;font-weight:600;letter-spacing:.06em;color:oklch(0.45 0.01 260);margin-top:-6px}
#spatial .fx-actions{display:flex;flex-wrap:wrap;gap:8px}
#spatial .fx-btn{appearance:none;border:0;background:var(--fx-ink);color:var(--fx-paper);padding:13px 20px;font:600 12px/1 var(--fx-body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0}
#spatial .fx-btn:hover{background:var(--fx-cobalt)}
#spatial .fx-btn.ghost{background:transparent;color:var(--fx-ink);box-shadow:inset 0 0 0 1px var(--fx-ink)}
#spatial .fx-btn.ghost:hover{background:var(--fx-ink);color:var(--fx-paper)}
#spatial .fx-note{margin:0;font-size:12.5px;line-height:1.5;color:oklch(0.45 0.01 260);border-top:1px solid var(--fx-hair);padding-top:10px}
#spatial .fx-list{display:grid}
#spatial .fx-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;border-top:1px solid var(--fx-hair);background:none;padding:12px 2px;color:var(--fx-ink);text-decoration:none;font:inherit;cursor:pointer}
#spatial .fx-row span{display:flex;flex-direction:column;gap:2px}
#spatial .fx-row b{font-size:14.5px;font-weight:600}
#spatial .fx-row small{font-size:12px;color:oklch(0.45 0.01 260)}
#spatial .fx-row em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--fx-cobalt);white-space:nowrap}
#spatial .fx-row:hover b{color:var(--fx-cobalt)}
#spatial .fx-row.off{cursor:default;opacity:.62}
#spatial .fx-row.off:hover b{color:inherit}
/* chess */
#spatial .fx-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;max-width:420px;margin:0 auto;box-shadow:0 0 0 1px var(--fx-ink)}
#spatial .fx-board .sq{appearance:none;border:0;padding:0;display:grid;place-items:center;font-size:clamp(22px,5.4vw,36px);line-height:1;cursor:pointer;position:relative}
#spatial .fx-board .sq.l{background:oklch(0.9 0.02 80)}
#spatial .fx-board .sq.d{background:oklch(0.62 0.05 60)}
#spatial .fx-board .sq.last{box-shadow:inset 0 0 0 100px oklch(0.42 0.17 272 / .22)}
#spatial .fx-board .sq.sel{box-shadow:inset 0 0 0 3px var(--fx-cobalt)}
#spatial .fx-board .sq.tgt::after{content:'';position:absolute;width:26%;height:26%;border-radius:50%;background:oklch(0.42 0.17 272 / .55)}
#spatial .fx-board .sq span.w{color:#fbfaf6;-webkit-text-stroke:1px oklch(0.19 0.008 260)}
#spatial .fx-board .sq span.b{color:oklch(0.17 0.01 260)}
#spatial .fx-status{margin:0;font:italic 400 19px/1.3 var(--fx-display);text-align:center}
#spatial .fx-chess .fx-actions{justify-content:center}
#spatial .panel.fx-chess-panel{width:min(460px,calc(100vw - 32px))!important;max-height:min(780px,calc(100vh - 140px))!important}
@media (max-width:600px){.fluxo-identity h1{font-size:19px!important}.fluxo-identity .property-location{display:none}#spatial .panel h3{font-size:28px!important}}
#doorButton{display:none!important}