:root{color-scheme:light;font-family:Microsoft YaHei,sans-serif;background:#e7e2d8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#f5f0e6,#ded9cf)}#frame{width:min(432px,calc((100dvh - 32px)*.54));aspect-ratio:432/800;border-radius:18px;overflow:hidden;box-shadow:0 18px 70px #5c463326;outline:5px solid #fff8ed}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}canvas:focus-visible{outline:2px solid #477d72;outline-offset:-2px}#status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){body{background:#f6eddd;overflow:hidden}#frame{width:min(100vw,54dvh);border-radius:0;outline:0;box-shadow:none}}