html,body{overscroll-behavior:none;height:100%;color:var(--ink);background:var(--ground);-webkit-user-select:none;user-select:none;margin:0;font:500 14px/1.2 system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}#hud{pointer-events:none;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel);backdrop-filter:blur(10px);box-shadow:0 6px 24px color-mix(in srgb, var(--ink) 14%, transparent);border-radius:14px;gap:2px;padding:4px;transition:background .25s,color .25s;display:flex}#status{font-variant-numeric:tabular-nums;gap:16px;padding:10px 14px;position:absolute;top:16px;left:16px}#commute{opacity:.65}#hint{text-align:center;opacity:.6;width:100%;margin:0;font-size:17px;position:absolute;top:16%}#bar{gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}button{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 12px;transition:background .12s,color .12s,transform .12s}button:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}button:active{transform:scale(.94)}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}kbd{font:inherit;opacity:.5;margin-left:7px;font-size:11px}[hidden]{display:none!important}#remarks{position:absolute;inset:0}.pin,.card{animation:.22s cubic-bezier(.3,1.5,.5,1) arrive;position:absolute;top:0;left:0}@keyframes arrive{0%{opacity:0;scale:.5}}.pin{pointer-events:auto;background:var(--ink);width:26px;height:26px;color:var(--paper);transform-origin:50% 33px;border-radius:50%;margin:-33px 0 0 -13px;padding:0;font-size:12px;transition:box-shadow .2s,scale .12s}.pin:after{content:"";border:5px solid #0000;border-top:8px solid var(--ink);border-bottom:0;position:absolute;top:24px;left:8px}.pin:hover{background:var(--ink);scale:1.12}.pin[data-answered=true]{box-shadow:0 0 0 3px var(--accent);animation:.22s cubic-bezier(.3,1.5,.5,1) arrive,1.6s ease-in-out infinite answered}@keyframes answered{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 45%, transparent)}}.card{transform-origin:0 0;flex-direction:column;gap:8px;width:280px;padding:12px}.card p{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0}.card .head{opacity:.6;font-size:12px}.said{flex-direction:column;gap:6px;max-height:40vh;display:flex;overflow-y:auto}.said:empty{display:none}textarea{font:inherit;color:inherit;background:color-mix(in srgb, var(--ink) 7%, transparent);resize:none;-webkit-user-select:text;user-select:text;border:0;border-radius:8px;outline:none;padding:8px}textarea::placeholder{color:inherit;opacity:.45}.row{justify-content:flex-end;gap:2px;display:flex}