:root{--paper:#f6f1e7;--ink:#2b2a26;--ink-light:#6f6a5e;--cinnabar:#b33a2e;--guide:#d9d2c0}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:400 1rem/1.4 ui-serif,Georgia,Songti SC,Noto Serif CJK SC,Source Han Serif SC,serif;overflow:hidden}#stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#stage:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}#title,#hint,footer{pointer-events:none;margin:0;position:fixed}#title{z-index:1;color:var(--ink-light);letter-spacing:.06em;font-size:.9rem;font-style:italic;font-weight:400;top:1rem;left:1.25rem}#title [lang=zh]{margin-right:.4em;font-size:1.15rem;font-style:normal}#hint{color:var(--ink-light);letter-spacing:.03em;text-align:center;font-size:.95rem;font-style:italic;transition:opacity .6s ease-out;inset:auto 0 5.5rem}#hint.gone{opacity:0}#ring{cursor:pointer;background:0 0;border:0;border-radius:50%;width:64px;height:64px;padding:0;position:fixed;bottom:34px;left:50%;transform:translate(-50%,6px)}#ring:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#guides,#mode,#edit button{border:1px solid var(--guide);width:40px;height:40px;color:var(--ink-light);cursor:pointer;background:#fffa;border-radius:50%;place-items:center;padding:0;transition:transform .12s ease-out,color .12s ease-out;display:grid}#guides{position:fixed;bottom:2.6rem;left:1rem}#mode{position:fixed;bottom:2.6rem;left:4rem}#ring[hidden]{display:none}#edit{gap:.5rem;display:flex;position:fixed;bottom:2.6rem;right:1rem}#guides:hover,#guides:focus-visible,#mode:hover,#mode:focus-visible,#edit button:hover,#edit button:focus-visible{color:var(--ink)}#guides[aria-pressed=true],#mode[aria-pressed=true]{color:var(--ink);border-color:var(--ink-light)}#guides:active,#mode:active,#edit button:active{transform:scale(.96)}#guides:focus-visible,#mode:focus-visible,#edit button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}footer{text-align:center;color:var(--ink-light);font-size:.7rem;inset:auto 0 .6rem}footer a{pointer-events:auto;color:var(--ink-light);text-decoration:none}footer a:hover,footer a:focus-visible{color:var(--ink);text-decoration:underline}@media (prefers-reduced-motion:reduce){#hint,#guides,#mode,#edit button{transition:none}}