@charset "utf-8";
/* ============================================================================
   SPK platform site styles — the site-wide layer the legacy account-root
   basicHead used to provide (it never made it into the recovered corpus).
   Loaded by platform/basicHead.php BEFORE each page's own styles, so any
   page-specific rule still wins the cascade.
   ========================================================================== */

/* ---- the dark textured backdrop (site-wide; the rooms' native texture) ---- */
html, body { height: 100%; margin: 0; }
body {
    background-color: #111;
    background-image: url(/Assets/basic/dark_exa.png);
}

/* The phase-sky splash (body.gs-phase-body::before) comes from the hub's
   gs-phase.css: the sky washes down OVER this texture and fades out by the
   lower third, exactly like the viewer's masked #splashBG. The texture above
   is always the base; "No Theme Background" just drops the splash class. */

/* ---- chrome flow spacer -------------------------------------------------
   The Infinite bar is a FIXED overlay; this spacer (emitted right after it
   by platform/chrome/bar.php) restores the in-flow height the old inline
   bar had, so normal-flow pages (readers, laptop, bookshelf) start below
   the bar instead of underneath it. 65 base-px scaled by vw/2443. */
.gs-chrome-spacer { height: calc(100vw * 65 / 2443); }

/* ---- legacy focus containers ---------------------------------------------
   #gs-scene / #GS_Stage carry tabindex+autofocus purely as keyboard-shortcut
   targets; the browser's default focus ring is not part of the design (it
   shows up as a stray blue line where the container has collapsed height). */
#gs-scene:focus,
#GS_Stage:focus {
    outline: none;
}

/* ---- the room stage ------------------------------------------------------
   Fills the viewport BELOW the scaled nav; GS_Cam centers #worldFrame
   inside it (frameTarget's StagePadding matches this same height).
   Only room pages have #GS_Stage, so flow pages are unaffected. */
#GS_Stage {
    position: absolute;
    top: calc(100vw * 65 / 2443);
    left: 0;
    width: 100%;
    height: calc(100% - (100vw * 65 / 2443));
    overflow: hidden;
    box-sizing: border-box;
    z-index: 0;
}