/* Solar Pavilion: greyscale ink, amber only for tiny labels/dashes. */
@font-face{font-family:"IBM Plex Mono";font-weight:300;font-style:normal;font-display:swap;src:url("fonts/ibm-plex-mono-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2")}
:root{
  --ground:#08080a;
  --ink-0:#fbfbf9;--ink-1:#e8e8e6;--ink-2:#c4c4bf;--ink-3:#9a9a96;--ink-4:#82827e;--ink-5:#5e5e5c;
  --amber:#c9a878;
  --line:rgba(255,255,255,.16);--line-faint:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.22);
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono","Courier New",ui-monospace,monospace;
  --cjk:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei",sans-serif;
  --edge:max(24px,3.2vw);
}
*{box-sizing:border-box}
html{background:var(--ground)}
body{margin:0;color:var(--ink-0);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
::selection{background:rgba(255,255,255,.22)}
.mono{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:400}
.label{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:14px}
.dash{display:inline-block;width:28px;height:1px;background:var(--amber);flex:none}
.zh{font-family:var(--cjk);font-weight:300;letter-spacing:.12em}
a.u{background:linear-gradient(var(--line-strong),var(--line-strong)) 0 100%/100% 1px no-repeat;padding-bottom:4px;transition:color .6s}
a.u:hover,a.u:focus-visible{color:var(--ink-0);background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));outline:none}
:focus-visible{outline:1px solid var(--line-strong);outline-offset:6px}

/* phones: no long-press select / callout / blue tap flash on the field */
html, body, canvas, #scene, .stage { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
input, textarea, [contenteditable] { -webkit-user-select: text; user-select: text; }