@import url("./fonts/noto-sans-jp.css");
@font-face{font-family:'IBM Plex Mono';src:url('/chess/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--font-body:'Noto Sans JP','Hiragino Kaku Gothic ProN',sans-serif;--font-mono:'IBM Plex Mono','Noto Sans JP',monospace;color-scheme:light;font-family:var(--font-body);font-weight:400;line-height:1.8;color:#111827;background:#f5f6fb;font-synthesis:none;font-kerning:normal}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#2563eb0a,transparent 55%),radial-gradient(ellipse at 100% 100%,#ec48990a,transparent 55%),#f5f6fb;min-height:100vh}
a{color:#476c85}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #2563eb;outline-offset:5px}header{max-width:1120px;margin:auto;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e4f0}header>span{font:10px monospace;letter-spacing:.14em;color:#6b7280}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#476c85;font-size:20px}main{max-width:990px;margin:0 auto;padding:52px 28px 36px}.eyebrow{font:11px/1.8 monospace;letter-spacing:.15em;color:#476c85}h1{font-size:clamp(36px,6vw,60px);line-height:1.35;letter-spacing:.07em;font-weight:500;margin:18px 0}.intro{color:#626b7d;font-size:15px;line-height:1.9}.signal{float:right;display:grid;place-items:center;width:132px;height:132px;margin:25px 28px;border:1px solid #aec5d5;border-radius:20px;transform:rotate(12deg);background:linear-gradient(145deg,#ffffff,#eef3fa);box-shadow:0 12px 30px #476c8512}.signal span{font-size:84px;line-height:1;color:#608ba5;text-shadow:0 2px 0 #ffffff;transform:rotate(-12deg)}.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.path{min-width:0;padding:26px;border:1px solid #e2e4f0;border-top:2px solid #86a7bd;border-radius:16px;background:#ffffff;box-shadow:0 10px 24px #0f172a08}.agent{border-top-color:#afa0cf;background:linear-gradient(145deg,#ffffff,#f7f4fc)}.agent .eyebrow{color:#765590}h2{font-size:21px;line-height:1.6;font-weight:500;margin:15px 0}.path p{line-height:1.9;font-size:14px;color:#626b7d}.path .eyebrow{font-size:10px}.button,button{display:block;width:100%;border:1px solid #afc6d7;border-radius:12px;background:#edf4f8;color:#355b73;text-align:center;padding:14px 12px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;margin-top:24px}.agent .button{background:#eee8f6;border-color:#c1b0d8;color:#674580}.button:hover,button:hover{background:#dfeef5;border-color:#608ba5}.agent .button:hover{background:#e5dbf0;border-color:#977ab3}button:disabled{opacity:.6;cursor:wait}.protocol{display:block;margin-top:19px;font-size:12px;line-height:1.7;color:#765590}.path .small{font-size:11px;color:#6b7280;margin:18px 0 0}#human-widget{margin-top:14px;min-width:0}#human-status{font-size:13px;overflow-wrap:anywhere}.notice{font-size:13px;line-height:1.8;border-left:2px solid #c58a32;padding:10px 16px;color:#80531c}details{margin-top:28px;padding-top:20px;border-top:1px solid #d8dce8;color:#626b7d;font-size:12px;line-height:1.9}summary{cursor:pointer}code{overflow-wrap:anywhere}footer{max-width:990px;margin:auto;padding:10px 28px 30px;color:#6b7280;font:10px monospace;letter-spacing:.18em}[hidden]{display:none!important}
@media(max-width:700px){.paths{grid-template-columns:1fr}.signal{width:80px;height:80px;margin:32px 0}.signal span{font-size:50px}header>span{display:none}main{padding-top:30px}.path{padding:22px}h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Match the chess room's self-hosted typography, including form controls. */
.brand{font-family:var(--font-mono);font-size:18px;letter-spacing:-.04em}
header>span,.eyebrow,footer{font-family:var(--font-mono);font-weight:400;letter-spacing:.1em}
h1{font-family:var(--font-body);font-size:clamp(32px,5.2vw,54px);font-weight:400;line-height:1.5;letter-spacing:.01em;font-feature-settings:'palt';margin:24px 0}
h2{font-family:var(--font-body);font-size:22px;font-weight:500;line-height:1.6;letter-spacing:.01em;font-feature-settings:'palt'}
.intro{font-size:16px;line-height:2;letter-spacing:.015em}
.path p{line-height:1.95;letter-spacing:.015em}
.path .eyebrow{font-size:10px;letter-spacing:.1em}
button,.button{font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:.025em}
.protocol{font-size:12px;text-underline-offset:.25em}
code{font-family:var(--font-mono);font-size:.95em}
@media(max-width:700px){h1{font-size:clamp(26px,7vw,38px);line-height:1.55}h2{font-size:21px}.intro{font-size:15px}.signal{width:64px;height:64px;margin:32px 0}.signal span{font-size:42px}}

/* The archive's paper grid and restrained blue-grey palette. */
main{background-image:linear-gradient(#608ba506 1px,transparent 1px),linear-gradient(90deg,#608ba506 1px,transparent 1px);background-size:40px 40px}