/* site/css/site.css — the whole page is the field. */

:root {
    /* Shimmer tokens read by field.js at init/resize (numeric on purpose).
       Warm opal: hue-b 405 wraps past 360 to 45 (violet → rose → gold),
       deliberately avoiding any green transit (field.js mods hue by 360). */
    --shimmer-hue-a: 290;
    --shimmer-hue-b: 405;
    --shimmer-sat-number: 14;
    --shimmer-alpha-number: 0.18;
}

html,
body {
    height: 100%;
    margin: 0;
    background: #F3F0EE;
    overflow: hidden;
    overscroll-behavior: none;
}

#field {
    position: fixed;
    inset: 0;
    display: block;
    touch-action: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}