*{box-sizing:border-box}body{color:#444b3e;background:#e8e5da;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #758361}#characters-canvas{touch-action:none;width:100%;height:100%;position:fixed;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:fixed;top:31px;left:42px;right:42px}header a{color:#55604a;letter-spacing:4px;font-family:Georgia,STZhongsong,serif;font-size:27px;text-decoration:none}header span{letter-spacing:2px;background:#fbf8ecaa;border:1px solid #fff9e9;border-radius:4px;padding:10px 15px;font-size:10px}aside{pointer-events:none;width:315px;position:fixed;top:20%;left:6%}.overline{letter-spacing:4px;color:#79846b;font-size:10px}h1{letter-spacing:3px;margin:21px 0;font-family:STZhongsong,Songti SC,SimSun,serif;font-size:40px;font-weight:400;line-height:1.45}.intro{color:#78806e;letter-spacing:.5px;font-size:12px;line-height:2.1}.rule{background:#b9bdab66;width:210px;height:1px;margin:28px 0 23px}.control-label{letter-spacing:2px;color:#7b856d;margin:20px 0 12px;font-size:10px}.views,.options{pointer-events:auto;flex-wrap:wrap;gap:7px;display:flex}.views button,.options button{color:#737d62;background:#f8f5eaba;border:1px solid #c6cbb780;border-radius:4px;padding:9px 13px;font-size:11px}.views button[aria-pressed=true],.options button[aria-pressed=true]{color:#fff9eb;background:#6e7d5d;border-color:#6e7d5d}.note{color:#8b927f;margin-top:23px;font-size:10px;line-height:1.9}footer{color:#7d8570;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex;position:fixed;bottom:26px;left:42px;right:42px}details{max-width:380px}details[open]{background:#faf6ebec;border-radius:5px;padding:15px 18px;line-height:1.9;position:absolute;bottom:0;right:0}details summary{cursor:pointer}details a{color:#56684c}#characters-loading,#characters-error{color:#79846b;font-size:13px;position:fixed;top:45%;left:58%}[hidden]{display:none!important}@media (height<=760px){aside{top:16%}h1{margin:14px 0;font-size:32px}.rule{margin:19px 0 15px}.control-label{margin:16px 0 9px}.note{margin-top:16px}}#characters-canvas{width:calc(100% - 360px);left:360px;right:0}