@font-face{font-family:'Utopia CJK';src:url('fonts/SourceHanSansSC-Normal.otf') format('opentype');font-display:swap}
@font-face{font-family:'Utopia Display';src:url('fonts/Michroma-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#090d09;--panel:#182015;--line:#36412c;--text:#eff3e6;--muted:#97a48b;--lime:#d4f56a;--control:#11180e;--swipe:#708761;--action:#f4c16d;--grid:#26301f;--accent-ink:#090d09}
:root[data-theme=current]{--bg:#080a0c;--panel:#171a1e;--line:#333a42;--text:#fff;--muted:#9aa2ab;--lime:#00d4ff;--control:#111418;--swipe:#59829c;--action:#ffb000;--grid:#232a32;--accent-ink:#080a0c}
body{background:var(--bg);color:var(--text);font-family:'Utopia CJK',sans-serif;font-synthesis:none}
header{background:var(--bg);border-color:var(--line)}
button,input{font:inherit}button{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px 12px;cursor:pointer}
button[aria-pressed=true]{background:var(--lime);color:var(--accent-ink);border-color:var(--lime)}
a{color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.edition-switch{display:flex;gap:6px;flex-wrap:wrap}.edition-switch small{display:block;font-size:10px;letter-spacing:.06em;opacity:.78}
.edition-badge{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:4px 10px;color:var(--lime);font-size:11px;letter-spacing:.03em}
#edition-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}
.hint strong{color:var(--lime)}#search{background:var(--control);border-color:var(--line);color:var(--text)}
#stage{background-image:radial-gradient(var(--grid) 1px,transparent 1px)}
.map-note,.controls,.status,#radar,dialog,.pair figure{background:var(--control);border-color:var(--line)}
.map-note h2,.pair strong{color:var(--text)}.map-note,.status,.pair figcaption{color:var(--muted)}
.map-note{font-size:max(23px,calc(10.5px / var(--zoom,.23)))}.map-note h2{font-size:max(30px,calc(13px / var(--zoom,.23)))}
@media(min-width:701px){#radar{left:auto;right:18px;top:auto;bottom:16px}}
.node.main img{box-shadow:0 0 0 2px var(--line)}
#links polyline[data-kind=swipe]{stroke:var(--swipe)}#links polyline:not([data-kind=swipe]){stroke:var(--action)}
#arrow path{stroke:var(--muted)}#mini-nodes circle{fill:var(--swipe)}#mini-nodes circle[data-main=true]{fill:var(--lime)}
#viewbox{stroke:var(--lime);fill:var(--lime);fill-opacity:.07}
.pair[data-active=lime] figure:last-child,.pair[data-active=current] figure:first-child{border-color:var(--lime)}
.pair img{max-width:360px}.pair figcaption strong span{display:block;font-size:11px;color:var(--lime);margin-top:4px}
.gallery{height:auto;display:block}.gallery header,.gallery main,.gallery footer{max-width:1440px;margin:auto;padding:28px 36px}
.gallery .masthead{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.gallery .eyebrow{font-family:'Utopia Display',sans-serif;color:var(--lime);font-size:11px;letter-spacing:.1em}
.gallery h1{font-size:36px;font-weight:400;line-height:1.4;margin:24px 0 12px}.gallery p{color:var(--muted);font-size:14px;line-height:1.8}
.gallery nav{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0 0}.gallery a{text-decoration:none}.gallery a:hover{text-decoration:underline}
.gallery .notice{border-left:2px solid var(--lime);padding:8px 18px;background:var(--control)}
.gallery section{padding-top:24px;scroll-margin-top:20px}.gallery h2{font-size:22px;font-weight:400}.gallery .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.gallery .grid.core{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery .card{display:block;padding:14px;background:var(--control);border:1px solid var(--line);border-radius:12px;text-align:center;color:var(--text)}.gallery .card img{display:block;width:100%;max-width:360px;margin:auto;height:auto}.gallery .card span{display:block;margin-top:14px;font-size:12px}.gallery .card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.gallery .board{display:block;width:100%;border:1px solid var(--line);border-radius:12px}.gallery footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:700px){.gallery header,.gallery main,.gallery footer{padding:22px 18px}.gallery h1{font-size:26px}.gallery .grid,.gallery .grid.core{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edition-switch button{font-size:12px}.edition-switch small{font-size:9px}#edition-line{gap:6px}.pair{grid-template-columns:1fr}.pair[data-active=lime] figure:last-child{order:-1}.hint{line-height:1.6}#radar{display:none}.status{max-width:calc(100% - 36px)}}