:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--game-ui-shell-width:30rem;--game-ui-space-1:.25rem;--game-ui-space-2:.5rem;--game-ui-space-3:.75rem;--game-ui-space-4:1rem;--game-ui-space-6:1.5rem;--game-ui-space-8:2rem;--game-ui-radius-sm:.5rem;--game-ui-radius-md:1rem;--game-ui-focus-color:currentColor;--game-ui-toast-bg:CanvasText;--game-ui-toast-text:Canvas}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:20rem;min-height:100%}body{min-height:100dvh;margin:0;overflow-x:hidden}button,a,input,select,textarea,.tap-target{min-width:2.75rem;min-height:2.75rem}button,a{touch-action:manipulation}:focus-visible{outline:.1875rem solid var(--game-ui-focus-color);outline-offset:.1875rem}.game-shell{width:min(100%, var(--game-ui-shell-width));min-height:100dvh;padding:max(var(--game-ui-space-4), env(safe-area-inset-top)) max(var(--game-ui-space-4), env(safe-area-inset-right)) max(var(--game-ui-space-4), env(safe-area-inset-bottom)) max(var(--game-ui-space-4), env(safe-area-inset-left));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-toast{z-index:100;right:max(var(--game-ui-space-4), env(safe-area-inset-right));bottom:max(var(--game-ui-space-4), env(safe-area-inset-bottom));left:max(var(--game-ui-space-4), env(safe-area-inset-left));width:fit-content;max-width:min(28rem,100% - 2rem);padding:var(--game-ui-space-3) var(--game-ui-space-4);color:var(--game-ui-toast-text);background:var(--game-ui-toast-bg);border-radius:var(--game-ui-radius-sm);margin-inline:auto;position:fixed;box-shadow:0 .5rem 1.5rem #0003}@media (width>=48rem){body{place-items:center;display:grid}.game-shell{min-height:min(50rem,100dvh - 2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-background:#f7f7f4;--color-surface:#fff;--color-text:#111;--color-muted:#777;--color-line:#d0d0d0;--color-red:#e9342f;--color-yellow:#f6d84a;color:var(--color-text);background:var(--color-background);font-family:ui-rounded,Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--color-background);background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:20px 20px;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,a{font:inherit;touch-action:manipulation}button{cursor:pointer;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--color-red);outline-offset:3px}.game-shell{width:100%;min-width:0;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));place-items:center;display:grid}.start-card,.game-card,.result-card{background:var(--color-surface);border:2px solid var(--color-text);width:min(100%,440px);min-width:0;max-width:100%;box-shadow:6px 6px 0 var(--color-text);border-radius:24px}.start-card{flex-direction:column;align-items:stretch;gap:10px;padding:20px;display:flex}.start-card h1{width:100%;font-size:clamp(42px,13vw,64px);line-height:.88}.eyebrow{color:var(--color-red);letter-spacing:.12em;margin:0;font-size:12px;font-weight:900}h1,h2,p{margin:0}h1{letter-spacing:-.07em;font-size:clamp(30px,9vw,44px);font-weight:950;line-height:.98}h1 span{-webkit-text-decoration:underline 7px var(--color-yellow);text-decoration:underline 7px var(--color-yellow);text-underline-offset:4px}h2{font-size:16px}.start-eyebrow,.main-copy{text-align:center}.start-title{place-items:center;display:grid}.start-title img{object-fit:contain;width:100%;height:auto;display:block}.main-copy{font-size:18px;font-weight:800}.preview-card{border:1px dashed var(--color-line);background:#fafafa;border-radius:16px;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:8px 12px;font-size:13px;line-height:1.55;display:grid}.stage-svg{width:100%;height:auto;display:block;overflow:visible}.stage-guide{fill:none;stroke:#a9a9a4;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 9}.user-line{fill:none;stroke:var(--color-red);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.preview-line{stroke-dasharray:900;stroke-dashoffset:900px;animation:2.3s ease-in-out infinite preview-trace}.start-dot{fill:var(--color-red);opacity:.18}.start-dot-core{fill:var(--color-red)}.button{overflow-wrap:anywhere;min-width:0;max-width:100%;min-height:46px;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-text);text-align:center;border-radius:14px;padding:10px 14px;font-weight:850;text-decoration:none;transition:transform .12s,background-color .12s}.button:hover{background:#f2f2ed}.button:active{transform:translate(2px,2px)}.button-primary{color:#fff;background:var(--color-red);border-color:var(--color-red);box-shadow:4px 4px 0 var(--color-text);font-size:18px}.button-primary:hover{color:#fff;background:#c82622}.button-secondary{background:var(--color-yellow)}.button-secondary:hover{color:var(--color-text);background:#e8c52e}.button-subtle{background:#fff}.button-subtle:hover{color:var(--color-text);background:#ecece6}.button-quiet{color:var(--color-muted);background:0 0;border-color:#0000;align-self:center;font-size:14px}.button-quiet:hover{color:var(--color-text);background:#ecece6}.best-text,.support-text{color:var(--color-muted);text-align:center;margin:0;font-size:13px}.best-text strong{color:var(--color-red);font-size:18px}.game-shell-play{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));align-items:stretch}.game-card{width:min(100%,560px);min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:none;flex-direction:column;gap:10px;margin:auto;padding:16px;display:flex}.play-header{justify-content:space-between;align-items:flex-end;display:flex}.play-header h1{font-size:30px}.timer{color:var(--color-red);font-variant-numeric:tabular-nums;font-size:27px;font-weight:950}.timer-track{background:#eee;border-radius:99px;height:7px;overflow:hidden}.timer-track span{background:var(--color-yellow);transform-origin:0;width:100%;height:100%;display:block}.draw-help{text-align:center;color:var(--color-muted);font-size:14px;font-weight:700}.drawing-area{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;place-items:center;min-height:0;display:grid}.drawing-area .stage-svg{width:min(100%,min(72dvh,430px));max-height:100%}.result-shell{align-items:start}.result-card{text-align:center;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.score{color:var(--color-red);letter-spacing:-.09em;font-size:clamp(74px,24vw,112px);font-weight:950;line-height:.8}.score small{letter-spacing:0;font-size:22px}.result-card h1{font-size:30px}.result-meta{color:var(--color-muted);font-size:13px;font-weight:700}.result-drawing{border:1px dashed var(--color-line);background:#fafafa;border-radius:20px;width:min(100%,280px);margin:auto;padding:4px}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-actions .button-subtle{grid-column:1/-1}.share-section{border-top:1px solid var(--color-line);text-align:left;gap:10px;padding-top:12px;display:grid}.share-section h2{text-align:center;font-size:18px}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:8px 6px;font-size:clamp(11px,3.6vw,14px);display:flex}.share-button-x{grid-column:1/-1;gap:9px;font-size:16px}.share-button-x,.share-button-threads{color:#fff;background:#000;border-color:#000}.share-button-x:hover,.share-button-threads:hover{color:#fff;background:#242424}.share-button-line{color:#fff;background:#06c755;border-color:#06c755}.share-button-line:hover{color:#fff;background:#04a847}.share-button-system{color:#fff;background:var(--color-red);border-color:var(--color-red)}.share-button-system:hover{color:#fff;background:#c82622}.button-copy{width:auto;color:var(--color-text);background:var(--color-yellow);border-color:var(--color-text);border-style:solid}.button-copy:hover{color:var(--color-text);background:#e8c52e}.share-icon{object-fit:contain;flex:none;width:22px;height:22px}.share-icon-line{border-radius:7px;width:30px;height:30px}.share-icon-x{width:20px;height:20px}.share-icon-threads{width:23px;height:23px}.stage-picker{background:0 0;border:0;width:min(100% - 24px,440px);max-height:none;padding:0;overflow:visible}.stage-picker::backdrop{background:#111a}.picker-card{background:var(--color-surface);border:2px solid var(--color-text);max-height:min(78dvh,680px);box-shadow:6px 6px 0 var(--color-yellow);border-radius:24px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow:auto}.picker-heading{justify-content:space-between;align-items:center;display:flex}.icon-button{width:44px;min-height:44px;color:var(--color-text);background:var(--color-yellow);border:2px solid var(--color-text);border-radius:50%;font-size:25px;font-weight:900}.icon-button:hover{color:var(--color-text);background:#e8c52e}.stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage-choice{min-height:70px;color:var(--color-text);text-align:left;border:1px solid var(--color-line);background:#fff;border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex}.stage-choice:hover{color:var(--color-text);border-color:var(--color-text);background:#fff6ca}.stage-choice:hover small{color:var(--color-text)}.stage-choice.selected{border:3px solid var(--color-red)}.stage-choice-icon{flex:none;width:clamp(36px,10vw,48px);height:clamp(36px,10vw,48px);overflow:visible}.stage-choice-icon path{fill:none;stroke:var(--color-text);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round}.stage-choice-icon circle{fill:var(--color-red)}.stage-choice-copy,.stage-choice-title,.stage-choice small{min-width:0;display:block}.stage-choice-title{font-weight:850}.stage-choice small{color:var(--color-muted);white-space:nowrap;font-size:10px}.game-toast{z-index:5;bottom:calc(14px + env(safe-area-inset-bottom));color:#fff;background:#111;border-radius:99px;max-width:calc(100% - 32px);padding:10px 14px;font-size:13px;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.game-toast[hidden]{display:none}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--color-yellow);width:9px;height:14px;animation:1.4s ease-out both fall;position:absolute}.confetti i:first-child{background:var(--color-red);left:10%}.confetti i:nth-child(2){animation-delay:.1s;left:25%}.confetti i:nth-child(3){background:#111;animation-delay:.2s;left:43%}.confetti i:nth-child(4){animation-delay:50ms;left:62%}.confetti i:nth-child(5){background:var(--color-red);animation-delay:.25s;left:78%}.confetti i:nth-child(6){animation-delay:.15s;left:91%}@keyframes preview-trace{0%,15%{stroke-dashoffset:900px}70%,to{stroke-dashoffset:0}}@keyframes fall{0%{transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(220px)rotate(420deg)}}@media (width>=600px){.start-card{width:440px}.game-card{min-height:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.confetti{display:none}}