:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#070918;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button{font:inherit}[hidden]{display:none!important}.drawing-game{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 18% 16%,rgb(116 87 255 / 28%) 0 160px,transparent 161px),radial-gradient(circle at 82% 18%,rgb(0 194 255 / 18%) 0 180px,transparent 181px),radial-gradient(circle at 72% 84%,rgb(255 79 154 / 16%) 0 220px,transparent 221px),linear-gradient(135deg,#030511,#090d27 46%,#061722);touch-action:none;-webkit-user-select:none;user-select:none}.drawing-game:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgb(255 255 255 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 6%) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 74%);mask-image:radial-gradient(circle,#000 0%,transparent 74%)}.drawing-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.drawing-controls{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:flex-start;gap:10px}.effect-menu{position:relative}.effect-button,.clear-button,.effect-option{border:2px solid rgb(255 255 255 / 20%);border-radius:8px;color:#fff;background:#0a0f23b8;box-shadow:0 14px 34px #0000002e;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.effect-button{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:0 12px;font-weight:900}.effect-options{position:absolute;top:calc(100% + 8px);right:0;display:grid;min-width:160px;gap:8px;padding:8px;border:2px solid rgb(255 255 255 / 16%);border-radius:8px;background:#080c1fe0;box-shadow:0 18px 44px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.effect-option{min-height:40px;padding:0 12px;text-align:left;font-weight:900}.clear-button{position:relative;display:grid;width:46px;height:46px;place-items:center;overflow:hidden;padding:0;touch-action:none;-webkit-user-select:none;user-select:none}.control-icon{width:22px;height:22px}.control-icon--small{width:18px;height:18px}.effect-button:focus-visible,.effect-option:focus-visible,.clear-button:focus-visible,.start-button:focus-visible{outline:6px solid #ffffff;outline-offset:5px}.start-button{position:absolute;top:50%;left:50%;z-index:3;min-width:min(76vw,520px);min-height:min(34vh,240px);padding:34px 52px;border:8px solid rgb(255 255 255 / 76%);border-radius:8px;color:#fff;background:radial-gradient(circle at 20% 24%,rgb(255 255 255 / 34%) 0 42px,transparent 43px),linear-gradient(135deg,#7457ff,#ff4f9a 48%,#00c2ff);box-shadow:0 32px 80px #00000042,inset 0 -10px #0000001f;font-size:clamp(72px,16vw,176px);font-weight:1000;line-height:.9;letter-spacing:0;cursor:pointer;transform:translate(-50%,-50%) rotate(-3deg);transition:transform .16s ease,box-shadow .16s ease}.start-button:hover{transform:translate(-50%,-52%) rotate(2deg) scale(1.03)}.drawing-game.is-playing .start-button{display:none}@media(max-width:620px){.drawing-controls{top:12px;right:12px;left:12px;justify-content:flex-end}.effect-button__label{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-button{min-width:82vw;min-height:190px}}