*{box-sizing:border-box}html,body{overscroll-behavior:none;color:#f5f5f5;background:#0a0a0a;height:100dvh;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}header{flex:none}main{flex:auto;min-height:0}.topbar{background:#141414;border-bottom:1px solid #2a2a2a;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.topbar a{color:#cfcfcf;border-radius:.3rem;padding:.3rem .6rem;font-size:.95rem;text-decoration:none}.topbar a:hover,.topbar a:focus-visible{color:#fff;background:#232323}.topbar a.topbar-active{color:#fff;background:#232323;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#ink{touch-action:none;width:100%;height:100%;display:block}#ink:focus-visible{outline-offset:-2px;outline:2px solid #0b5fff}.home-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;padding:1.5rem;display:flex}.home-main h1{margin:0;font-size:2rem}.home-tagline{color:#a8a8a8;margin:0}.mode-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.mode-link{color:#f5f5f5;background:#141414;border:1px solid #2a2a2a;border-radius:.6rem;flex-direction:column;gap:.35rem;min-width:12rem;padding:1.5rem;text-decoration:none;display:flex}.mode-link:hover,.mode-link:focus-visible{background:#1a1a1a;border-color:#0b5fff}.mode-link-title{font-size:1.3rem;font-weight:600}.mode-link-desc{color:#a8a8a8;font-size:.9rem}.keep-controls{z-index:20;gap:.6rem;display:flex;position:fixed;bottom:1rem;right:1rem}.control-btn{color:#f5f5f5;cursor:pointer;background:#141414;border:1px solid #2a2a2a;border-radius:999px;padding:.6rem 1.2rem;font-size:1rem}.control-btn:hover,.control-btn:focus-visible{background:#1a1a1a;border-color:#0b5fff}.control-btn:disabled{opacity:.5;cursor:default}.control-btn.erase-active{color:#ffb199;background:#2a1710;border-color:#ff6b3d}