*{box-sizing:border-box}html,body{color:#222;background:#eee8df;height:100%;margin:0;font-family:system-ui,Hiragino Sans,Yu Gothic UI,sans-serif;overflow:hidden}canvas{display:block}#overlay{z-index:10;background:#1e18148c;place-items:center;display:grid;position:fixed;inset:0}.card{background:#fffaf3;border-radius:16px;width:min(420px,100vw - 32px);padding:28px 32px;box-shadow:0 10px 40px #0000004d}.card h1{letter-spacing:.08em;margin:0 0 8px;font-size:22px}.card input{border:1px solid #ccc;border-radius:8px;width:100%;margin:12px 0;padding:10px 12px;font-size:16px}.card button,#share{color:#fff;cursor:pointer;background:#c2185b;border:0;border-radius:8px;padding:10px 16px;font-size:15px}.card button{width:100%}.help{color:#555;padding-left:18px;font-size:13px}#hud{background:#fffc;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.6;position:fixed;top:12px;left:12px}#share{margin-top:6px;padding:6px 10px;font-size:12px}#hud-board{background:#fffc;border-radius:10px;min-width:150px;margin:0;padding:10px 14px 10px 32px;font-size:14px;position:fixed;top:12px;right:12px}#hud-board:empty{display:none}#hud-board .me{color:#c2185b}#crosshair{background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 2px #00000080}#prompt{text-shadow:0 0 4px #fff,0 0 8px #fff;font-weight:700;position:fixed;top:calc(50% + 24px);left:50%;transform:translate(-50%)}#hud-held{background:#ffffffd9;border-radius:10px;padding:8px 14px;font-size:14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#hud-held:empty{display:none}#toast{color:#fff;opacity:0;pointer-events:none;background:#c2185beb;border-radius:10px;padding:10px 18px;font-weight:700;transition:opacity .3s;position:fixed;top:18%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}