.maze-section{--maze-accent:#087f83;--maze-accent-soft:#eaf8f6;--maze-board-bg:color-mix(in srgb,var(--primary-yellow)10%,var(--surface-base));--maze-wall:var(--text-dark);--maze-trail:color-mix(in srgb,var(--primary-pink)72%,var(--primary-purple));--maze-frame:var(--primary-blue);--maze-stage-tint:color-mix(in srgb,var(--primary-blue)9%,var(--surface-base));--maze-stage-dot-a:#ffffffc2;--maze-stage-dot-b:#ffd93d66;--maze-hint:var(--primary-orange);--maze-treat:var(--primary-pink);--maze-treat-stripe:var(--surface-base);width:100%;max-width:1120px;padding:10px max(0px,env(safe-area-inset-right))max(36px,env(safe-area-inset-bottom))max(0px,env(safe-area-inset-left));margin:0 auto}.maze-sr-instructions,.maze-live-message{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.maze-game-layout{width:min(100%,760px);min-width:0;margin:0 auto;display:grid}.maze-board-card{border:1px solid color-mix(in srgb,var(--border-subtle)88%,transparent);border-radius:var(--ci-radius-lg);background:color-mix(in srgb,var(--surface-elevated)94%,transparent);place-items:center;min-width:0;padding:clamp(10px,1.5vw,16px);display:grid;box-shadow:0 12px 38px #2d343614}.maze-game-summary{border-bottom:1px solid var(--border-subtle);width:100%;min-width:0;margin-bottom:12px;padding:4px 4px 12px;container:maze-summary/inline-size}.maze-game-summary-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions""stats stats";align-items:center;gap:12px 16px;min-width:0;display:grid}.maze-game-title{grid-area:title;align-content:center;gap:4px;min-width:0;display:grid}.maze-game-title span,.maze-game-stats span{color:var(--text-light);font-family:var(--ci-font-reading);white-space:nowrap;font-size:.8125rem;line-height:1.2}.maze-game-title strong{color:var(--text-dark);font-family:var(--ci-font-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:400;line-height:1.25;overflow:hidden}.maze-game-stats{grid-area:stats;grid-template-columns:repeat(4,minmax(max-content,1fr));gap:8px;min-width:0;margin:0;display:grid}.maze-game-stats p{min-width:0;min-height:var(--touch-target-min);border-radius:var(--ci-radius-sm);background:var(--surface-muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:4px 12px;display:flex}.maze-game-stats span{flex:none;align-items:center;gap:4px;display:inline-flex}.maze-game-stats p.is-complete{background:color-mix(in srgb,var(--primary-green)15%,var(--surface-base))}.maze-game-stats strong{color:var(--text-dark);font-family:var(--ci-font-primary);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex:none;font-size:1rem;font-weight:400;line-height:1.2}.maze-summary-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:8px;display:flex}@container maze-summary (min-width:1200px){.maze-game-summary-layout{grid-template-columns:minmax(9rem,auto) minmax(max-content,1fr) auto;grid-template-areas:"title stats actions"}}@container maze-summary (max-width:599px){.maze-game-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container maze-summary (max-width:499px){.maze-game-summary-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""actions""stats";gap:8px}.maze-summary-actions{justify-content:stretch}.maze-summary-actions>button{flex:1 1 0;min-width:0;padding-inline:8px}}@container maze-summary (max-width:339px){.maze-game-stats p{flex-direction:column;justify-content:center;gap:0;padding-inline:8px}.maze-game-stats strong{text-align:center}.maze-summary-actions>button{gap:4px;padding-inline:4px}.maze-settings-trigger svg,.maze-hint-trigger .system-icon{display:none}}.maze-hint-trigger,.maze-settings-trigger,.maze-restart-trigger{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:1.5px solid var(--border-subtle);border-radius:var(--ci-radius-sm);box-shadow:none;color:var(--text-light);cursor:pointer;font:inherit;font-family:var(--ci-font-primary);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:4px 12px;font-size:.875rem;font-weight:400;line-height:1.2;transition:background .15s,color .15s,transform .15s;display:inline-flex}.maze-settings-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;flex:none;width:18px;height:18px}.maze-hint-trigger:hover:not(:disabled),.maze-settings-trigger:hover,.maze-restart-trigger:hover{background:var(--surface-muted);color:var(--text-dark)}.maze-hint-trigger:active:not(:disabled),.maze-settings-trigger:active,.maze-restart-trigger:active{transform:translateY(1px)}.maze-stage-slot{place-items:center;width:100%;min-width:0;display:grid}.maze-stage{width:min(100%,540px);min-width:0;box-shadow:none;background:0 0;border:0;border-radius:24px;place-items:center;padding:clamp(10px,1.7vw,18px);display:grid;position:relative;overflow:hidden}.maze-board-focus{border:4px solid var(--maze-frame);border-radius:var(--ci-radius-md);background:var(--maze-board-bg);width:min(100%,30rem,max(16rem,100dvh - 24rem));min-width:0;box-shadow:inset 0 0 0 2px #ffffffb3,var(--shadow-small);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}.maze-board-focus.is-pointer-active{cursor:grabbing}.maze-board-focus,.maze-board-focus *{-webkit-user-drag:none}.maze-board-focus.is-complete{border-color:var(--primary-green)}.maze-board-focus:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.maze-board-svg{aspect-ratio:1;width:100%;height:auto;display:block}.maze-board-background{fill:var(--maze-board-bg)}.maze-wall{stroke:var(--maze-wall);stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.maze-board-focus[data-maze-size="8"] .maze-wall{stroke-width:5px}.maze-board-focus.is-dense .maze-wall{stroke-width:4px}.maze-board-feedback{z-index:2;pointer-events:none;border:6px solid #0000;border-radius:16px;animation:.24s ease-out both maze-feedback-flash;position:absolute;inset:0}.maze-board-feedback.is-move{border-color:color-mix(in srgb,var(--primary-blue)72%,transparent);background:color-mix(in srgb,var(--primary-blue)12%,transparent)}.maze-board-feedback.is-wall{border-color:color-mix(in srgb,var(--primary-orange)82%,transparent);background:color-mix(in srgb,var(--primary-orange)17%,transparent)}.maze-board-feedback.is-complete{border-color:color-mix(in srgb,var(--primary-green)84%,transparent);background:color-mix(in srgb,var(--primary-green)18%,transparent)}.maze-player-trail{fill:none;stroke:var(--maze-trail);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;opacity:.58;pointer-events:none}@keyframes maze-feedback-flash{0%{opacity:.8;transform:scale(.985)}to{opacity:0;transform:scale(1)}}.maze-dense-marker-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.maze-dense-marker{box-sizing:border-box;aspect-ratio:1;border:2px solid var(--surface-base);width:clamp(16px,6cqi,24px);color:var(--text-dark);font-family:var(--font-jua);box-shadow:var(--shadow-small);place-items:center;font-size:clamp(.56rem,4cqi,.78rem);font-weight:800;line-height:1;transition:left .18s,top .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.maze-dense-marker.is-start{border-color:color-mix(in srgb,var(--primary-orange)68%,var(--surface-base));background:linear-gradient(145deg,color-mix(in srgb,var(--primary-yellow)55%,var(--surface-base)),var(--primary-yellow));color:color-mix(in srgb,var(--text-dark)76%,var(--primary-orange));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-base)72%,transparent),var(--shadow-small);border-radius:50%}.maze-dense-marker.is-goal{border-color:color-mix(in srgb,var(--maze-accent)70%,var(--surface-base));background:linear-gradient(145deg,color-mix(in srgb,var(--primary-green)45%,var(--surface-base)),var(--primary-green));color:color-mix(in srgb,var(--text-dark)74%,var(--maze-accent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-base)72%,transparent),var(--shadow-small);border-radius:50%}.maze-dense-marker.is-player{border-color:var(--primary-pink);background:var(--surface-base);border-radius:50%;padding:1px}.maze-dense-marker>.system-icon{stroke-width:2.4px;width:70%;height:70%}.maze-dense-player-avatar{object-fit:cover;background:var(--surface-base);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.maze-dense-player-avatar.is-fallback{color:var(--text-dark);font-size:clamp(.55rem,4cqi,.76rem)}.maze-dense-marker.is-combined{aspect-ratio:auto;background:var(--surface-base);white-space:nowrap;border-radius:999px;justify-content:center;gap:1px;width:clamp(30px,10cqi,40px);height:clamp(18px,6cqi,24px);padding:1px;display:flex}.maze-dense-marker.is-combined>.system-icon,.maze-dense-marker.is-combined>.maze-dense-player-avatar{width:calc(50% - 1px);height:100%}.maze-dense-marker.is-start-player{border-color:color-mix(in srgb,var(--primary-orange)68%,var(--surface-base));color:color-mix(in srgb,var(--text-dark)76%,var(--primary-orange))}.maze-dense-marker.is-goal-player{border-color:color-mix(in srgb,var(--maze-accent)70%,var(--surface-base));color:color-mix(in srgb,var(--text-dark)74%,var(--maze-accent))}.maze-marker{filter:drop-shadow(0 4px 4px color-mix(in srgb,var(--text-dark)18%,transparent));transition:transform .18s}.maze-player-marker{will-change:transform}.maze-board-focus.is-pointer-active .maze-player-marker,.maze-board-focus.is-pointer-active .maze-dense-marker.is-player{transition:none}.maze-marker-surface{stroke:var(--surface-base);stroke-width:5px}.maze-marker-plate{fill:color-mix(in srgb,var(--surface-base)88%,transparent);stroke:color-mix(in srgb,var(--surface-base)68%,transparent);stroke-width:1.5px}.maze-start-marker .maze-marker-surface{fill:var(--primary-yellow)}.maze-goal-marker .maze-marker-surface{fill:var(--primary-green)}.maze-player-halo{fill:color-mix(in srgb,var(--primary-pink)22%,transparent);stroke:color-mix(in srgb,var(--primary-pink)35%,var(--surface-base));stroke-width:2px}.maze-player-surface{fill:var(--surface-base);stroke:var(--primary-pink);stroke-width:4px}.maze-player-marker.is-complete .maze-player-halo{fill:color-mix(in srgb,var(--primary-purple)22%,transparent);stroke:color-mix(in srgb,var(--primary-purple)35%,var(--surface-base))}.maze-player-marker.is-complete .maze-player-surface{stroke:var(--primary-purple)}.maze-start-icon,.maze-goal-icon,.maze-player-body{fill:none;stroke:var(--text-dark);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px}.maze-start-icon{stroke:color-mix(in srgb,var(--text-dark)70%,var(--primary-orange))}.maze-goal-icon{stroke:color-mix(in srgb,var(--text-dark)70%,var(--maze-accent))}.maze-player-body{stroke-width:4px}.maze-player-head{fill:var(--text-dark)}.maze-player-photo{clip-path:circle(50%)}.maze-player-photo-ring{fill:none;stroke:var(--primary-pink);stroke-width:3px;pointer-events:none}.maze-player-marker.is-complete .maze-player-photo-ring{stroke:var(--primary-purple)}.maze-generation-error{border:1px solid var(--danger-surface);background:color-mix(in srgb,var(--danger-surface)9%,var(--surface-base));width:100%;color:var(--danger-text);text-align:center;border-radius:13px;margin-top:8px;padding:9px 12px;font-size:.8rem;line-height:1.4}.maze-list-section{width:100%;min-width:0;max-width:1040px;margin-inline:auto;padding-block:clamp(14px,2.5vw,28px) 36px}.maze-list-heading{text-align:center;gap:6px;margin:0 auto clamp(18px,3vw,30px);display:grid}.maze-list-heading>p:first-child{color:var(--maze-accent);font-size:.8rem;font-weight:900}.maze-list-heading h2{color:var(--text-dark);font-family:var(--font-jua),sans-serif;font-size:clamp(1.65rem,5vw,2.45rem);font-weight:400;line-height:1.1}.maze-list-heading>p:last-child{color:var(--text-muted);font-size:clamp(.92rem,2.8vw,1.05rem)}.maze-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.2vw,18px);min-width:0;margin:0;padding:0;list-style:none;display:grid}.maze-level-grid>li{min-width:0}.maze-level-card{border:1px solid color-mix(in srgb,var(--maze-accent)30%,var(--border-subtle));background:var(--surface-base);width:100%;min-width:0;min-height:100%;box-shadow:var(--shadow-medium);color:var(--text-dark);text-align:center;touch-action:manipulation;border-radius:22px;grid-template-rows:auto auto auto 1fr auto;align-items:center;gap:6px;padding:clamp(11px,2.4vw,18px);text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.maze-level-card:active{transform:scale(.985)}.maze-level-card:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.maze-level-card-visual{place-items:center;margin-inline:auto;display:grid}.maze-level-card-visual .navigation-visual{--navigation-visual-size:clamp(60px,14vw,84px)}.maze-level-card-stage{color:var(--maze-accent);font-size:clamp(.74rem,2.3vw,.84rem);font-weight:900}.maze-level-card>strong{font-size:clamp(1rem,3.4vw,1.2rem)}.maze-level-card-desc{min-width:0;color:var(--text-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(.76rem,2.4vw,.88rem);line-height:1.35}.maze-level-card>small{color:var(--text-muted);font-size:clamp(.72rem,2.2vw,.82rem);font-weight:800}.maze-level-description{min-width:0;color:var(--text-muted);text-align:center;justify-content:center;gap:6px;margin-top:9px;font-size:.78rem;line-height:1.4;display:flex}.maze-level-description strong{color:var(--text-dark);flex:none}.maze-sound-button{border:1px solid var(--border-subtle);background:var(--surface-base);width:100%;min-height:68px;box-shadow:none;color:var(--text-dark);cursor:pointer;font:inherit;text-align:left;border-radius:15px;align-items:center;gap:10px;padding:11px 48px 11px 12px;display:flex}.maze-sound-button.is-on{border-color:var(--maze-accent);background:var(--maze-accent-soft)}.maze-sound-button.is-off{background:var(--surface-muted);color:var(--text-muted)}.maze-sound-button>span:first-child{background:var(--surface-muted);width:38px;height:38px;color:var(--maze-accent);border-radius:12px;flex:none;place-items:center;font-family:sans-serif;font-size:1rem;font-weight:900;display:grid}.maze-sound-button>span:last-child{gap:3px;min-width:0;display:grid}.maze-sound-button strong{font-size:.88rem}.maze-sound-button small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.maze-settings-group{margin-top:20px}.maze-settings-group h3{color:var(--text-dark);margin-bottom:8px;font-size:.9rem}.maze-legend{color:var(--text-dark);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.maze-legend li{align-items:center;gap:6px;display:inline-flex}.maze-legend-symbol{border:2px solid var(--surface-base);width:26px;height:26px;box-shadow:var(--shadow-small);color:var(--text-dark);border-radius:50%;flex:none;place-items:center;font-family:sans-serif;font-size:.8rem;display:grid}.maze-legend-symbol.is-start{background:var(--primary-yellow)}.maze-legend-symbol.is-player{background:var(--primary-pink)}.maze-legend-symbol.is-goal{background:var(--primary-green)}.maze-legend-symbol.is-treat{background:color-mix(in srgb,var(--maze-treat,var(--primary-pink))22%,var(--surface-base));color:var(--maze-treat,var(--primary-pink))}.maze-legend-symbol .system-icon{stroke-width:2.4px;width:17px;height:17px}.maze-legend-symbol .maze-dense-player-avatar{width:22px;height:22px}.maze-symbol-guide{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-top:18px}.maze-symbol-guide summary{min-height:var(--touch-target-min);color:var(--text-muted);cursor:pointer;padding:12px 2px;font-size:.8rem;font-weight:800}.maze-symbol-guide .maze-legend{padding-bottom:12px}.maze-settings-dialog,.maze-completion-dialog{background:var(--surface-base);width:min(100% - 32px,620px);max-height:min(88dvh,760px);color:var(--text-dark);border:0;border-radius:26px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px #07122157}.maze-settings-dialog::backdrop,.maze-completion-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07122194}.maze-settings-shell{overscroll-behavior:contain;max-height:min(88dvh,760px);padding:22px;overflow-y:auto}.maze-settings-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.maze-settings-heading p{color:var(--primary-pink);letter-spacing:.08em;font-size:.72rem;font-weight:900}.maze-settings-heading h2{font-family:var(--ci-font-primary);margin-top:2px;font-size:1.65rem;font-weight:400}.maze-settings-close{width:var(--touch-target-min);height:var(--touch-target-min);border:1px solid var(--border-subtle);background:var(--surface-muted);box-shadow:none;color:var(--text-dark);cursor:pointer;font:inherit;border-radius:50%;flex:none;place-items:center;font-family:sans-serif;font-size:1.55rem;line-height:1;display:grid}.maze-settings-description{color:var(--text-muted);margin-top:8px;font-size:.88rem;line-height:1.45}.maze-settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.maze-settings-actions button{border:1px solid var(--border-subtle);min-height:50px;box-shadow:none;cursor:pointer;font:inherit;border-radius:15px;padding:11px 14px;font-weight:900}.maze-settings-actions .is-new{background:var(--surface-muted);color:var(--text-dark)}.maze-settings-actions .is-done{border-color:var(--maze-accent);background:var(--maze-accent);color:#fff}.maze-completion-dialog{width:min(100% - 32px,430px)}.maze-completion-shell{text-align:center;justify-items:center;padding:28px;display:grid}.maze-complete-icon{background:color-mix(in srgb,var(--primary-green)24%,var(--surface-base));width:66px;height:66px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary-green)68%,transparent);color:var(--maze-accent);border-radius:50%;place-items:center;font-family:sans-serif;font-size:2.25rem;font-weight:900;display:grid}.maze-completion-shell>p:first-of-type{color:var(--maze-accent);margin-top:14px;font-size:.82rem;font-weight:900}.maze-completion-shell h2{font-family:var(--ci-font-primary);margin-top:4px;font-size:clamp(1.55rem,4vw,2rem);font-weight:400}.maze-completion-shell>p:last-of-type{color:var(--text-muted);margin-top:8px;font-size:.92rem;line-height:1.5}.maze-completion-shell>button{background:var(--maze-accent);color:#fff;cursor:pointer;width:100%;min-height:52px;font:inherit;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:12px 18px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #087f8338}.maze-settings-trigger:focus-visible,.maze-restart-trigger:focus-visible,.maze-sound-button:focus-visible,.maze-settings-dialog button:focus-visible,.maze-settings-dialog summary:focus-visible,.maze-completion-dialog button:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.maze-section[data-maze-theme=meadow]{--maze-board-bg:color-mix(in srgb,var(--play-mint)55%,var(--surface-base));--maze-wall:color-mix(in srgb,var(--text-dark)82%,var(--primary-green-deep));--maze-trail:color-mix(in srgb,var(--primary-pink)78%,var(--primary-orange));--maze-frame:color-mix(in srgb,var(--primary-green)78%,var(--primary-blue));--maze-stage-tint:color-mix(in srgb,var(--primary-green)10%,var(--surface-base));--maze-stage-dot-a:color-mix(in srgb,var(--primary-pink)45%,transparent);--maze-stage-dot-b:color-mix(in srgb,var(--primary-yellow)60%,transparent);--maze-treat:var(--primary-pink)}.maze-section[data-maze-theme=ocean]{--maze-board-bg:color-mix(in srgb,var(--primary-blue)13%,var(--surface-base));--maze-wall:color-mix(in srgb,var(--text-dark)80%,var(--primary-blue));--maze-trail:color-mix(in srgb,var(--primary-orange)80%,var(--primary-yellow));--maze-frame:color-mix(in srgb,var(--primary-blue)85%,var(--text-dark));--maze-stage-tint:color-mix(in srgb,var(--primary-blue)18%,var(--surface-base));--maze-stage-dot-a:#ffffffe6;--maze-stage-dot-b:color-mix(in srgb,var(--primary-blue)55%,transparent);--maze-hint:color-mix(in srgb,var(--primary-orange)85%,var(--primary-pink));--maze-treat:color-mix(in srgb,var(--primary-orange)70%,var(--primary-pink))}.maze-section[data-maze-theme=space]{--maze-board-bg:color-mix(in srgb,var(--play-lilac)80%,var(--surface-base));--maze-wall:var(--play-purple-dark);--maze-trail:color-mix(in srgb,var(--primary-orange)70%,var(--primary-pink));--maze-frame:var(--primary-purple);--maze-stage-tint:color-mix(in srgb,var(--primary-purple)16%,var(--surface-base));--maze-stage-dot-a:color-mix(in srgb,var(--primary-yellow)85%,transparent);--maze-stage-dot-b:#fffffff2;--maze-hint:var(--primary-orange);--maze-treat:color-mix(in srgb,var(--primary-pink)70%,var(--primary-purple))}.maze-treat-counter{background:color-mix(in srgb,var(--maze-treat)12%,var(--surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--maze-treat)28%,transparent)}.maze-treat-counter.is-complete,.maze-treat-counter[data-complete=true]{background:color-mix(in srgb,var(--primary-yellow)30%,var(--surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-orange)45%,transparent)}.maze-treat-counter .system-icon,.maze-move-counter .system-icon,.maze-hint-trigger .system-icon,.maze-hint-trigger svg{flex:none;width:18px;height:18px}.maze-hint-count{background:var(--surface-muted);min-width:24px;height:24px;color:var(--text-dark);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;font-size:.8125rem;line-height:1;display:inline-grid}.maze-hint-trigger:disabled,.maze-hint-trigger[aria-disabled=true]{color:var(--text-muted);cursor:not-allowed;opacity:.6}.maze-hint-trigger:disabled .maze-hint-count,.maze-hint-trigger[aria-disabled=true] .maze-hint-count{color:var(--text-muted)}.maze-hint-trigger:focus-visible,.maze-next-level:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.maze-treat{pointer-events:none}.maze-treat>*{--maze-treat-offset:0px;--maze-treat-scale:1;transform-box:view-box;transform-origin:0 0;animation:1.6s ease-in-out 2 maze-treat-bob}.maze-treat>.maze-treat-icon{--maze-treat-offset:-12px;--maze-treat-scale:1.5;transform:scale(var(--maze-treat-scale))translate(var(--maze-treat-offset),var(--maze-treat-offset))}.maze-treat:nth-of-type(2n)>*{animation-delay:.2s}.maze-treat-glow{fill:color-mix(in srgb,var(--maze-treat)16%,var(--surface-base));stroke:color-mix(in srgb,var(--maze-treat)45%,var(--surface-base));stroke-width:1.5px}.maze-treat-icon path{fill:var(--maze-treat);stroke:var(--surface-base);stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 1.5px 1px color-mix(in srgb,var(--text-dark)26%,transparent))}.maze-treat.is-collected>*{animation:.32s ease-out forwards maze-treat-pop}.maze-treat.is-collected{animation:.32s step-end forwards maze-treat-hide}.maze-dense-marker.is-treat{width:clamp(14px,5cqi,20px);color:var(--surface-base);background:radial-gradient(circle at 34% 30%,#ffffffd9 0 18%,transparent 22%),var(--maze-treat);transform-origin:0 0;border-width:2px;border-radius:50%;animation:1.6s ease-in-out 2 maze-dense-treat-bob}.maze-dense-marker.is-treat.is-collected{animation:.32s ease-out forwards maze-dense-treat-pop}.maze-goal-marker.is-ready .maze-marker-surface{stroke:var(--primary-yellow);stroke-width:6px}.maze-goal-marker.is-ready{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--primary-yellow)85%,transparent));animation:.9s ease-in-out 3 maze-goal-ready-glow}.maze-dense-marker.is-goal.is-ready,.maze-dense-marker.is-goal-player.is-ready{border-color:var(--primary-yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-yellow)55%,transparent),var(--shadow-small);animation:.9s ease-in-out 3 maze-dense-goal-ready}.maze-hint-path{fill:none;stroke:var(--maze-hint);stroke-dasharray:2 16;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--maze-hint)70%,transparent));pointer-events:none;animation:2.5s linear forwards maze-hint-march,2.5s ease-in forwards maze-hint-fade}.maze-hint-dot{fill:color-mix(in srgb,var(--maze-hint)25%,var(--surface-base));stroke:var(--maze-hint);stroke-width:2.5px;pointer-events:none;animation:2.5s ease-in forwards maze-hint-fade}.maze-collect-burst{z-index:3;background:var(--surface-base);box-shadow:0 0 0 2px color-mix(in srgb,var(--maze-treat)55%,transparent),var(--shadow-small);color:var(--text-dark);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:clamp(.72rem,3.6cqi,.9rem);font-weight:900;line-height:1.1;animation:.6s ease-out forwards maze-collect-rise;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.maze-collect-burst .system-icon{width:clamp(16px,5cqi,22px);height:clamp(16px,5cqi,22px);color:var(--maze-treat)}.maze-completion-stars{justify-content:center;align-items:flex-end;gap:8px;margin-top:14px;padding:0;list-style:none;display:flex}.maze-completion-star{width:48px;height:48px;color:color-mix(in srgb,var(--border-subtle)80%,var(--text-muted));place-items:center;font-family:sans-serif;font-size:2.6rem;line-height:1;display:grid}.maze-completion-star:nth-child(2){width:58px;height:58px;font-size:3.1rem}.maze-completion-star svg,.maze-completion-star .system-icon{fill:currentColor;width:100%;height:100%;stroke:color-mix(in srgb,var(--text-dark)12%,transparent);stroke-width:1px}.maze-completion-star.is-earned{color:var(--primary-yellow);filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--primary-orange)60%,transparent));animation:.38s cubic-bezier(.34,1.56,.64,1) both maze-star-pop}.maze-completion-star.is-earned:nth-child(2){animation-delay:80ms}.maze-completion-star.is-earned:nth-child(3){animation-delay:.16s}.maze-new-record{background:color-mix(in srgb,var(--primary-yellow)38%,var(--surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-orange)50%,transparent);color:var(--text-dark);border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:5px 12px;font-size:.82rem;font-weight:900;animation:.38s cubic-bezier(.34,1.56,.64,1) .2s both maze-star-pop;display:inline-flex}.maze-completion-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:8px;width:100%;margin:14px 0 0;padding:0;list-style:none;display:grid}.maze-completion-stats>*{background:var(--surface-muted);text-align:center;border-radius:14px;gap:2px;min-width:0;margin:0;padding:9px 8px;display:grid}.maze-completion-stats dt,.maze-completion-stats span{color:var(--text-muted);font-size:.74rem;font-weight:800}.maze-completion-stats dd,.maze-completion-stats strong{color:var(--text-dark);font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:900}.maze-completion-actions{gap:8px;width:100%;margin-top:20px;display:grid}.maze-completion-actions>button,.maze-completion-actions>a{margin-top:0}.maze-completion-shell .maze-next-level{background:var(--action-next);width:100%;min-height:64px;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--action-next)70%,#000);color:var(--action-next-text);cursor:pointer;font:inherit;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 18px;font-size:1.05rem;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.maze-completion-actions>.maze-next-level{margin-top:0}.maze-completion-shell .maze-next-level:hover{transform:translateY(-1px)}.maze-completion-shell .maze-next-level:active{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--action-next)70%,#000);transform:translateY(2px)}.maze-completion-new,.maze-completion-restart{cursor:pointer;width:100%;font:inherit;min-height:var(--touch-target-min);border:1px solid var(--border-subtle);box-shadow:none;color:var(--text-light);background:0 0;border-radius:16px;justify-content:center;align-items:center;margin-top:0;padding:10px 16px;font-size:.9rem;font-weight:900;display:inline-flex}.maze-completion-shell:has(.maze-next-level) button:not(.maze-next-level):not(.maze-settings-close){cursor:pointer;width:100%;font:inherit;min-height:var(--touch-target-min);border:1px solid var(--border-subtle);box-shadow:none;color:var(--text-light);background:0 0;border-radius:16px;justify-content:center;align-items:center;margin-top:0;padding:10px 16px;font-size:.9rem;font-weight:900;display:inline-flex}.maze-completion-dialog a:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes maze-treat-bob{0%,to{transform:translateY(0)rotate(0deg)scale(var(--maze-treat-scale))translate(var(--maze-treat-offset),var(--maze-treat-offset))}50%{transform:translateY(-3px)rotate(-6deg)scale(var(--maze-treat-scale))translate(var(--maze-treat-offset),var(--maze-treat-offset))}}@keyframes maze-treat-pop{0%{opacity:1;transform:scale(var(--maze-treat-scale))translate(var(--maze-treat-offset),var(--maze-treat-offset))}45%{opacity:1;transform:scale(calc(var(--maze-treat-scale)*1.4))translate(var(--maze-treat-offset),var(--maze-treat-offset))}to{opacity:0;transform:scale(calc(var(--maze-treat-scale)*.4))translate(var(--maze-treat-offset),var(--maze-treat-offset))}}@keyframes maze-treat-hide{to{visibility:hidden}}@keyframes maze-dense-treat-bob{0%,to{translate:0}50%{translate:0 -2px}}@keyframes maze-dense-treat-pop{0%{opacity:1;scale:1}45%{opacity:1;scale:1.4}to{opacity:0;visibility:hidden;scale:.4}}@keyframes maze-goal-ready-glow{0%,to{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--primary-yellow)85%,transparent))}50%{filter:drop-shadow(0 0 14px var(--primary-yellow))}}@keyframes maze-dense-goal-ready{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-yellow)55%,transparent),var(--shadow-small)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-yellow)35%,transparent),var(--shadow-small)}}@keyframes maze-hint-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-72px}}@keyframes maze-hint-fade{0%,60%{opacity:1}to{opacity:0}}@keyframes maze-collect-rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}25%{opacity:1;transform:translate(-50%,-80%)scale(1.05)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}@keyframes maze-star-pop{0%{opacity:0;transform:scale(.3)rotate(-18deg)}70%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (min-width:1025px) and (min-height:760px){.maze-section{--maze-desktop-board-size:min(960px,max(360px,calc(100dvh - 352px)));max-width:1280px}.maze-game-layout{width:min(100%,max(760px,calc(var(--maze-desktop-board-size) + 224px)))}.maze-stage{width:min(100%,calc(var(--maze-desktop-board-size) + 36px))}.maze-board-focus{width:min(100%,var(--maze-desktop-board-size))}}@media (max-width:600px){.maze-section{padding-top:12px;padding-bottom:max(30px,env(safe-area-inset-bottom))}.maze-board-card{border-radius:var(--ci-radius-md);padding:8px}.maze-stage{border-radius:18px;width:min(100%,520px);padding:8px}.maze-board-focus{border-radius:var(--ci-radius-md);border-width:3px;width:min(100%,max(15rem,100dvh - 25rem))}.maze-settings-dialog{border-radius:22px;width:calc(100% - 20px);max-height:90dvh}.maze-settings-shell{max-height:90dvh;padding:17px}.maze-settings-heading h2{font-size:1.45rem}.maze-level-grid{grid-template-columns:minmax(0,1fr)}.maze-level-description{flex-direction:column;align-items:center;gap:1px}.maze-settings-actions{grid-template-columns:minmax(0,1fr)}.maze-completion-shell{padding:22px 18px}.maze-completion-star{width:42px;height:42px;font-size:2.3rem}.maze-completion-star:nth-child(2){width:50px;height:50px;font-size:2.7rem}}@media (max-width:380px){.maze-completion-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,80px),1fr))}}@media (max-width:1024px) and (orientation:portrait){.maze-game-layout{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (max-height:600px) and (min-width:560px){.maze-section{max-width:760px;padding-top:8px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.maze-game-layout{width:min(100%,760px)}.maze-board-card{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding:8px}.maze-stage{grid-area:2/1;width:min(100%,430px);padding:7px}.maze-board-focus{width:min(100%,max(10.5rem,100dvh - 10.5rem))}.maze-settings-dialog,.maze-settings-shell{max-height:94dvh}}html.app-fullscreen .maze-section{max-width:1280px;padding-top:4px;padding-bottom:4px}html.app-fullscreen .maze-board-card{padding:8px}html.app-fullscreen .maze-game-summary{border-bottom:0;margin-bottom:0;padding-block:0}html.app-fullscreen .maze-game-summary-layout{gap:8px 12px}html.app-fullscreen .maze-board-focus{width:min(100%,34rem,max(16rem,100dvh - 20rem))}.content:has(>.maze-section){padding-block:var(--screen-gutter)calc(var(--screen-gutter) + env(safe-area-inset-bottom,0px));overscroll-behavior:none;overflow-y:hidden}.content:has(>.maze-section)>.maze-section{flex:auto;height:100%;min-height:0;padding-block:0}:is(.content:has(>.maze-section) .maze-game-layout,.content:has(>.maze-section) .maze-board-card){height:100%;min-height:0}.content:has(>.maze-section) .maze-board-card{grid-template-rows:auto minmax(0,1fr)}.content:has(>.maze-section) .maze-stage-slot{height:100%;min-height:0;container-type:size}.content:has(>.maze-section) .maze-stage{aspect-ratio:1;width:min(100cqw,100cqh);max-width:100%;height:auto;min-height:0;max-height:100%}.content:has(>.maze-section) .maze-board-focus{aspect-ratio:1;width:100%;max-width:100%}@media (prefers-reduced-motion:reduce){.maze-marker,.maze-dense-marker,.maze-settings-trigger,.maze-restart-trigger,.maze-level-card,.maze-sound-button,.maze-settings-actions button,.maze-completion-shell>button,.maze-hint-trigger,.maze-completion-shell .maze-next-level{transition:none}.maze-treat>*,.maze-dense-marker.is-treat,.maze-goal-marker.is-ready,.maze-dense-marker.is-goal.is-ready,.maze-dense-marker.is-goal-player.is-ready,.maze-completion-star.is-earned,.maze-new-record{animation:none}.maze-treat.is-collected,.maze-treat.is-collected>*,.maze-dense-marker.is-treat.is-collected{visibility:hidden;animation:none}.maze-hint-path{animation:2.5s ease-in forwards maze-hint-fade}.maze-collect-burst{animation:.9s ease-in forwards maze-hint-fade}.maze-hint-trigger:hover:not(:disabled),.maze-hint-trigger:active:not(:disabled),.maze-completion-shell .maze-next-level:hover,.maze-completion-shell .maze-next-level:active{transform:none}.maze-board-feedback{opacity:.32;animation:none;transform:none}.maze-settings-trigger:active,.maze-restart-trigger:active,.maze-level-card:active{transform:none}}
.maze-level-card[data-maze-theme=meadow]{--maze-theme-ink:#2e6b2f;--maze-theme-fill:#2e7d32;--maze-start-bg:var(--ci-rainbow-mint);--maze-theme-soft:#eef8e4;--maze-theme-ground:#dff1cf;--maze-theme-decor:#f28cb1;--maze-theme-decor-center:#ffd93d}.maze-level-card[data-maze-theme=ocean]{--maze-theme-ink:#0b5274;--maze-theme-fill:#0b5f8a;--maze-start-bg:var(--ci-rainbow-butter);--maze-theme-soft:#e5f3fb;--maze-theme-ground:#cbe8f6;--maze-theme-decor:#ff8c42;--maze-theme-decor-center:#fff}.maze-level-card[data-maze-theme=space]{--maze-theme-ink:var(--ci-state-info-text);--maze-theme-fill:var(--ci-state-info-text);--maze-start-bg:var(--ci-rainbow-coral);--maze-theme-soft:var(--ci-surface-cloud);--maze-theme-ground:#183b4a;--maze-theme-decor:#ffd93d;--maze-theme-decor-center:#fff}.maze-list-section{--maze-accent:#087f83;--maze-accent-soft:#eaf8f6}.maze-howto{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.6vw,12px);width:100%;margin:0 auto clamp(14px,2.6vw,24px);padding:0;list-style:none;display:grid}.maze-howto-item{border:1px solid var(--border-subtle);border-radius:var(--ci-radius-md);background:var(--surface-base);min-width:0;color:var(--text-dark);align-items:center;gap:8px;padding:8px 10px;display:flex}.maze-howto-item>span{gap:1px;min-width:0;display:grid}.maze-howto-item strong{font-size:clamp(.84rem,2.6vw,.95rem);font-weight:900}.maze-howto-item strong+span{color:var(--text-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(.72rem,2.2vw,.82rem);line-height:1.3}.maze-howto-icon{background:var(--maze-accent-soft);fill:none;width:30px;height:30px;stroke:var(--maze-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;flex:none;padding:5px}.maze-howto-item[data-maze-howto=stars] .maze-howto-icon{fill:var(--primary-yellow);stroke:#b7791f;background:#fff6d6}.maze-level-card{border:2px solid color-mix(in srgb,var(--maze-theme-fill,var(--maze-accent))26%,var(--border-subtle));background:linear-gradient(180deg,var(--maze-theme-soft,var(--surface-base))0%,var(--surface-base)62%);text-align:left;grid-template-rows:auto auto auto 1fr auto auto auto;align-items:stretch;gap:8px;padding:clamp(10px,2vw,16px)}@media (hover:hover){.maze-level-card:hover{border-color:color-mix(in srgb,var(--maze-theme-fill,var(--maze-accent))60%,var(--surface-base));box-shadow:var(--shadow-medium),0 6px 18px color-mix(in srgb,var(--maze-theme-fill,var(--maze-accent))18%,transparent)}}.maze-level-card-visual{width:100%;margin:0;display:block;position:relative}.maze-level-art{aspect-ratio:3/2;width:100%;height:auto;display:block}.maze-art-ground{fill:var(--maze-theme-ground)}.maze-art-walls{fill:none;stroke:var(--maze-theme-fill);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.maze-level-card[data-maze-theme=space] .maze-art-walls{stroke:var(--ci-rainbow-sage)}.maze-art-route{fill:none;stroke:#fff;stroke-width:2.2px;stroke-dasharray:2 4;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.maze-art-start{fill:var(--primary-pink);stroke:#fff;stroke-width:1.5px}.maze-art-treat{fill:var(--primary-yellow);stroke:#b7791f;stroke-width:1px;stroke-linejoin:round}.maze-art-goal{fill:var(--primary-orange);stroke:var(--maze-theme-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.maze-level-card[data-maze-theme=space] .maze-art-goal{stroke:#fff}.maze-art-decor{fill:var(--maze-theme-decor)}.maze-art-decor-center{fill:var(--maze-theme-decor-center)}.maze-art-decor-ring{fill:none;stroke:var(--maze-theme-decor);stroke-width:1.4px}.maze-level-card[data-maze-theme=ocean] .maze-art-decor-ring{stroke:#fff}.maze-level-card-icon{place-items:center;display:grid;position:absolute;bottom:6px;right:6px}.maze-level-card-icon .navigation-visual{--navigation-visual-size:clamp(34px,7vw,44px)}.maze-level-card-stage{background:var(--surface-base);color:var(--maze-theme-ink);border-radius:999px;padding:3px 10px;font-size:clamp(.74rem,2.2vw,.82rem);position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #35245624}.maze-level-card-title{flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.maze-level-card-title strong{color:var(--text-dark);font-family:var(--font-jua),sans-serif;font-size:clamp(1.15rem,3.4vw,1.35rem);font-weight:400;line-height:1.15}.maze-level-card-label{color:var(--maze-theme-ink);font-size:.82rem;font-weight:900}.maze-level-card-desc{text-align:left}.maze-level-card>small.maze-level-card-meta{color:var(--text-muted);font-size:clamp(.72rem,2.1vw,.8rem);font-weight:800}.maze-level-record{background:var(--surface-muted);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;min-width:0;padding:6px 10px;display:flex}.maze-level-stars{gap:2px;display:inline-flex}.maze-level-star{fill:#fff;width:20px;height:20px;stroke:var(--ci-rainbow-sage);stroke-width:1.6px;stroke-linejoin:round}.maze-level-star.is-earned{fill:var(--primary-yellow);stroke:#b7791f}.maze-level-best{color:var(--text-light);font-size:.78rem;font-weight:800}.maze-level-record.has-record .maze-level-best{color:var(--text-dark)}.maze-level-start{min-height:var(--touch-target-min);background:var(--maze-start-bg,var(--ci-action-now));box-shadow:var(--ci-elevation-sm);color:var(--ci-text-primary);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:clamp(1rem,3vw,1.1rem);font-weight:900;display:inline-flex}.maze-level-start svg{fill:currentColor;width:18px;height:18px}@media (max-width:640px){.maze-level-grid{grid-template-columns:minmax(0,1fr)}.maze-level-card{grid-template-rows:auto;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:6px 12px}.maze-level-card-visual{grid-area:1/1/span 3;align-self:start}.maze-level-card>:not(.maze-level-card-visual):not(.maze-level-record):not(.maze-level-start){grid-column:2}.maze-level-record,.maze-level-start{grid-column:1/-1}.maze-level-card-stage{padding:1px 7px;font-size:.7rem;top:4px;left:4px}.maze-level-card-icon{bottom:3px;right:3px}.maze-level-card-icon .navigation-visual{--navigation-visual-size:28px}.maze-howto{gap:6px}.maze-howto-item{text-align:center;flex-direction:column;gap:4px;padding:6px}}@media (prefers-reduced-motion:reduce){.maze-level-card:hover{box-shadow:var(--shadow-medium)}}
.one-touch-drawing-section{--drawing-space-deep:var(--ci-surface-cloud);--drawing-space-mid:var(--ci-surface-cloud);--drawing-space-soft:#fcf8f2;--drawing-ink-on-dark:#352456;--drawing-muted-on-dark:#625573;--drawing-neon:#c9563d;--drawing-neon-soft:#3b7a57;--drawing-goal:#c9563d;--drawing-error:#c93b52;--drawing-accent:var(--ci-action-now,#f08f78);flex:auto;width:100%;max-width:1120px;height:100%;min-height:0;margin:0 auto;padding:10px 0}.content.one-touch-drawing-content-lock{padding-block:var(--screen-gutter)calc(var(--screen-gutter) + env(safe-area-inset-bottom,0px));overscroll-behavior:none;touch-action:none;overflow-y:hidden}.content.one-touch-drawing-content-lock>.one-touch-drawing-section{padding-block:0}.one-touch-drawing-game-summary{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(320px,1.4fr) minmax(120px,1fr) max-content;align-items:center;gap:12px 16px;width:100%;margin:0 0 clamp(10px,1.5vw,14px);padding:2px 2px clamp(10px,1.5vw,14px);display:grid}.one-touch-drawing-game-title{grid-template-columns:var(--touch-target-min)minmax(0,1fr)var(--touch-target-min);align-items:center;gap:12px;min-width:0;display:grid}.one-touch-drawing-game-title-text{gap:2px;min-width:0;display:grid}.one-touch-drawing-stage-nav{width:var(--touch-target-min);min-width:var(--touch-target-min);height:var(--touch-target-min);min-height:var(--touch-target-min);border:1.5px solid var(--ci-border-subtle);border-radius:var(--ci-radius-sm);background:var(--ci-surface-base);box-shadow:0 3px 0 var(--ci-border-warm);color:var(--ci-text-primary,#352456);cursor:pointer;font:inherit;place-items:center;padding:0;font-size:.9rem;transition:background .15s,transform .15s;display:grid}.one-touch-drawing-stage-nav:hover:not(:disabled){background:var(--ci-surface-cloud);transform:translateY(-1px)}.one-touch-drawing-stage-nav:disabled{cursor:not-allowed;opacity:.35}.one-touch-drawing-cleared-count{font-weight:800}.one-touch-drawing-best-stars{color:var(--text-muted);letter-spacing:0;margin-left:6px;font-size:.8125rem;font-weight:800}.one-touch-drawing-best-stars.is-cleared{color:#c98a00}.one-touch-drawing-cheer{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--primary-yellow)34%,var(--surface-base));color:#8a5a00;border-radius:999px;min-width:0;padding:1px 8px;font-size:.74rem;font-style:normal;font-weight:900;animation:2.2s ease-out both one-touch-drawing-cheer-in;display:inline-block;overflow:hidden}.one-touch-drawing-game-title span,.one-touch-drawing-progress span{color:var(--text-muted);font-size:.8125rem;font-weight:800}.one-touch-drawing-game-title-text>span{overflow-wrap:normal;line-height:1.4}.one-touch-drawing-game-title strong{color:var(--text-dark);overflow-wrap:anywhere;font-size:1.04rem;line-height:1.25}.one-touch-drawing-summary-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.one-touch-drawing-settings-trigger,.one-touch-drawing-restart-trigger{min-height:var(--touch-target-min);border-radius:var(--ci-radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.86rem;display:inline-flex}.one-touch-drawing-restart-trigger{padding-inline:11px}.one-touch-drawing-settings-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:19px;height:19px}.one-touch-drawing-progress{grid-area:1/2;gap:7px;min-width:0;display:grid}.one-touch-drawing-progress>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.one-touch-drawing-progress strong{white-space:nowrap;color:var(--text-dark);font-family:var(--ci-font-primary);flex:none;font-size:.78rem}.one-touch-drawing-progress-track{background:var(--ci-surface-cloud,#f7f0e4);border-radius:999px;height:8px;display:block;overflow:hidden}.one-touch-drawing-progress-track>span{border-radius:inherit;background:var(--ci-action-now,#f08f78);height:100%;box-shadow:none;transition:inline-size .18s;display:block}.one-touch-drawing-sr-instructions,.one-touch-drawing-sr-status{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.one-touch-drawing-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;width:min(100%,760px);min-width:0;height:100%;min-height:0;margin:0 auto;display:grid}.one-touch-drawing-board-card{border:1px solid color-mix(in srgb,var(--border-subtle)88%,transparent);border-radius:var(--ci-radius-lg);background:color-mix(in srgb,var(--surface-elevated)94%,transparent);grid-template-rows:auto minmax(0,1fr);place-items:center;min-width:0;height:100%;min-height:0;padding:clamp(10px,1.5vw,16px);display:grid;box-shadow:0 12px 38px #2d343614}.one-touch-drawing-stage{width:min(100%,680px,calc(var(--drawing-board-viewport-max,492px) + 48px));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;row-gap:8px;min-width:min(100%,620px);height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.one-touch-drawing-board-frame{width:min(100%,var(--drawing-board-max),var(--drawing-board-viewport-max,max(160px,calc(100vh - 360px))));width:min(100%,var(--drawing-board-max),var(--drawing-board-viewport-max,max(160px,calc(100dvh - 360px))));border:3px solid var(--ci-border-subtle,#e6d8c3);background:linear-gradient(160deg,var(--drawing-space-soft)0%,var(--drawing-space-mid)56%,var(--drawing-space-deep)100%);min-width:0;box-shadow:inset 0 2px 0 #fffc,var(--ci-elevation-md,0 6px 0 #3524561a,0 12px 24px #35245614);isolation:isolate;border-radius:24px;place-items:center;margin:0 auto;padding:clamp(6px,1.2vw,12px);display:grid;position:relative}.one-touch-drawing-board-frame:before,.one-touch-drawing-board-frame:after{z-index:-1;content:"";filter:blur(14px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.one-touch-drawing-board-frame:before{background:radial-gradient(circle,#f5ce8e73,#0000 68%);width:55%;height:46%;top:12%;left:5%}.one-touch-drawing-board-frame:after{background:radial-gradient(circle,color-mix(in srgb,var(--ci-rainbow-sage)50%,transparent),transparent 70%);width:54%;height:45%;bottom:5%;right:2%}.one-touch-drawing-coach{width:min(100%,var(--drawing-board-max,620px));min-width:0;min-height:var(--touch-target-min);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.one-touch-drawing-coach-chip{min-width:0;min-height:var(--touch-target-min);border:1px solid color-mix(in srgb,var(--primary-green)38%,var(--border-subtle));background:color-mix(in srgb,var(--primary-green)10%,var(--surface-base));color:var(--text-dark);border-radius:999px;align-items:center;gap:7px;margin:0;padding:8px 12px;font-size:.84rem;font-weight:900;line-height:1.4;transition:background .2s,border-color .2s;display:flex}.one-touch-drawing-coach-dot{background:#12a7a5;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #12a7a52e}.one-touch-drawing-coach[data-coach-tone=ready] .one-touch-drawing-coach-chip{border-color:color-mix(in srgb,var(--primary-blue)50%,var(--border-subtle));background:color-mix(in srgb,var(--primary-blue)12%,var(--surface-base))}.one-touch-drawing-coach[data-coach-tone=hint] .one-touch-drawing-coach-chip,.one-touch-drawing-coach[data-coach-tone=complete] .one-touch-drawing-coach-chip{border-color:color-mix(in srgb,var(--primary-yellow)70%,var(--border-subtle));background:color-mix(in srgb,var(--primary-yellow)22%,var(--surface-base))}.one-touch-drawing-coach[data-coach-tone=hint] .one-touch-drawing-coach-dot,.one-touch-drawing-coach[data-coach-tone=complete] .one-touch-drawing-coach-dot{background:#e7a400;box-shadow:0 0 0 3px #e7a40033}.one-touch-drawing-coach[data-coach-tone=stuck] .one-touch-drawing-coach-chip{border-color:color-mix(in srgb,var(--primary-pink)62%,var(--border-subtle));background:color-mix(in srgb,var(--primary-pink)14%,var(--surface-base));animation:.42s ease-out one-touch-drawing-nudge}.one-touch-drawing-coach[data-coach-tone=stuck] .one-touch-drawing-coach-dot{background:var(--ci-rainbow-coral);box-shadow:0 0 0 3px #e0527a33}.one-touch-drawing-coach-actions{gap:6px;display:flex}.one-touch-drawing-undo-button,.one-touch-drawing-hint-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:1.5px solid var(--ci-border-subtle);border-radius:var(--ci-radius-sm);background:var(--ci-surface-base);box-shadow:0 3px 0 var(--ci-border-warm);color:var(--text-dark);cursor:pointer;font:inherit;font-family:var(--ci-font-primary);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:900;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;position:relative}.one-touch-drawing-hint-button{border-color:var(--ci-border-subtle);background:var(--ci-surface-base)}.one-touch-drawing-hint-button small{background:#2d34361f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:4px;font-size:.68rem;display:grid}.one-touch-drawing-hint-glyph{width:12px;height:15px;display:inline-block;position:relative}.one-touch-drawing-hint-glyph:before{content:"";background:#f5b700;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0;box-shadow:0 0 6px #f5b700a6}.one-touch-drawing-hint-glyph:after{content:"";background:#7a6a3a;border-radius:0 0 2px 2px;width:6px;height:4px;position:absolute;bottom:0;left:3px}.one-touch-drawing-undo-button:hover:not(:disabled),.one-touch-drawing-hint-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 13px #2d34361f}.one-touch-drawing-undo-button:active:not(:disabled),.one-touch-drawing-hint-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.one-touch-drawing-undo-button:disabled,.one-touch-drawing-hint-button:disabled{cursor:not-allowed;opacity:.45}.one-touch-drawing-undo-button.is-attention,.one-touch-drawing-hint-button.is-attention{background:color-mix(in srgb,var(--primary-pink)22%,var(--surface-base));border-color:#e0527a;animation:.42s ease-out 2 one-touch-drawing-nudge;box-shadow:0 0 0 3px #e0527a38}.one-touch-drawing-board{grid-template-columns:repeat(var(--drawing-columns),minmax(0,1fr));grid-template-rows:repeat(var(--drawing-rows),minmax(0,1fr));cursor:crosshair;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:22px;outline:none;gap:0;width:100%;display:grid;position:relative}.one-touch-drawing-board[data-input-mode=draw]{touch-action:none}.one-touch-drawing-board.is-drawing{cursor:grabbing}.one-touch-drawing-board.is-error{animation:.22s ease-in-out one-touch-drawing-shake}.one-touch-drawing-path-layer{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.one-touch-drawing-path-glow,.one-touch-drawing-path-core,.one-touch-drawing-preview{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.one-touch-drawing-path-glow{stroke:var(--drawing-neon);stroke-width:12px;opacity:.3;filter:blur(5px)}.one-touch-drawing-path-core{stroke:var(--drawing-neon);stroke-width:4px;filter:drop-shadow(0 0 6px var(--drawing-neon))}.one-touch-drawing-board.is-complete .one-touch-drawing-path-glow,.one-touch-drawing-board.is-complete .one-touch-drawing-path-core{stroke:var(--drawing-goal)}.one-touch-drawing-preview{stroke:var(--drawing-neon-soft);stroke-dasharray:6 5;stroke-width:3px;opacity:.85}.one-touch-drawing-grid-slot{z-index:3;aspect-ratio:1;width:100%;min-width:0;padding:clamp(1px,.32vw,3px);display:grid;position:relative}.one-touch-drawing-cell{border-radius:var(--ci-radius-xs);text-align:center;border:2px solid #0000;place-content:center;width:100%;min-width:0;height:100%;min-height:0;padding:1px;display:grid;position:relative}button.one-touch-drawing-cell{color:var(--drawing-ink-on-dark);cursor:pointer;font:inherit;background:#e3f2e6;border-color:#9ec5a2;transition:border-color .15s,box-shadow .15s,filter .15s,transform .15s;box-shadow:inset 0 1px #ffffffb8,0 2px #8ab38e}button.one-touch-drawing-cell:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}button.one-touch-drawing-cell.is-available{background:#cfead5;border-style:dashed;border-color:#3b7a57;animation:.26s ease-out one-touch-drawing-available-in;box-shadow:inset 0 1px #fffc,0 2px #7aa882}button.one-touch-drawing-cell.is-available:not(.is-visited):not(.is-current) .one-touch-drawing-cell-symbol{opacity:.9;color:#3b7a57}button.one-touch-drawing-cell.is-visited{background:var(--ci-rainbow-butter,#f5ce8e);box-shadow:inset 0 1px 0 #ffffffbf,0 2px 0 var(--ci-clay-butter-lip,#d8a95b);border-color:#d89b48}button.one-touch-drawing-cell.is-current{z-index:5;border-width:2px;border-color:var(--drawing-ink-on-dark);background:var(--ci-action-now,#f08f78);box-shadow:inset 0 1px 0 #ffffffa6,0 2px 0 var(--ci-action-now-lip,#d4816c);transform:scale(1.025)}button.one-touch-drawing-cell.is-start{border-color:#3b7a57}button.one-touch-drawing-cell.is-goal{border-color:var(--ci-action-now-lip,#d4816c);background:var(--ci-rainbow-coral,#f3b5a5);box-shadow:inset 0 1px 0 #ffffffbf,0 2px 0 var(--ci-clay-coral-lip,#d98e7b)}button.one-touch-drawing-cell.is-start.is-current:not(.is-visited){border-color:#ffe27a;animation:.9s ease-in-out 3 one-touch-drawing-start-pulse;box-shadow:inset 0 1px #ffffff61,0 0 0 3px #ffe27a73,0 0 18px #ffe27abf}button.one-touch-drawing-cell.is-hint{z-index:6;filter:brightness(1.22);border:3px solid #ffd23d;animation:.7s ease-in-out 3 one-touch-drawing-hint-pulse;box-shadow:inset 0 0 12px #ffd23d8c,0 0 0 3px #ffd23d66,0 0 20px #ffd23dd9}button.one-touch-drawing-cell.is-hint-undo{z-index:6;border-width:3px;border-color:#ff8fb1;animation:.7s ease-in-out 3 one-touch-drawing-hint-pulse;box-shadow:0 0 0 3px #ff8fb16b,0 0 20px #ff8fb1d9}button.one-touch-drawing-cell.is-stuck{border-color:#ff8fb1;box-shadow:0 0 0 3px #ff8fb16b,0 0 16px #ff8fb1b3}.one-touch-drawing-grid-slot.has-callout{z-index:7}.one-touch-drawing-start-bubble,.one-touch-drawing-goal-flag{z-index:8;pointer-events:none;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:clamp(.58rem,1.3vw,.76rem);font-weight:900;line-height:1.2;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.one-touch-drawing-start-bubble{color:#3a2a00;background:#ffe27a;animation:.42s cubic-bezier(.2,.9,.3,1.3) both one-touch-drawing-bubble-in;box-shadow:0 4px 10px #06112659}.one-touch-drawing-start-bubble:after{content:"";border:5px solid #0000;border-top-color:#ffe27a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.one-touch-drawing-start-bubble.is-edge-left,.one-touch-drawing-goal-flag.is-edge-left{left:0;transform:none}.one-touch-drawing-start-bubble.is-edge-right,.one-touch-drawing-goal-flag.is-edge-right{left:auto;right:0;transform:none}.one-touch-drawing-start-bubble.is-below{top:calc(100% - 2px);bottom:auto}.one-touch-drawing-start-bubble.is-below:after{border-top-color:#0000;border-bottom-color:#ffe27a;top:auto;bottom:100%}.one-touch-drawing-goal-flag{background:var(--ci-rainbow-coral);color:#fff;border:1px solid #ffffffb3;padding:1px 5px;font-size:clamp(.52rem,1.1vw,.66rem);top:-7px;bottom:auto;box-shadow:0 3px 8px #06112659}.one-touch-drawing-cell.is-blocked{border-color:var(--ci-border-warm);background:linear-gradient(135deg,transparent 42%,#fffdf980 43% 48%,transparent 49% 52%,#fffdf980 53% 58%,transparent 59%),var(--ci-rainbow-sage);color:var(--drawing-muted-on-dark);cursor:not-allowed;box-shadow:inset 0 1px #ffffffa6,0 2px #beb2c9}.one-touch-drawing-cell.is-missing{box-shadow:none;color:#0000;opacity:0;pointer-events:none;background:0 0;border-color:#0000}.one-touch-drawing-cell-marker{color:var(--drawing-ink-on-dark);text-shadow:none;font-size:clamp(.48rem,1vw,.68rem);font-weight:900;line-height:1;display:block}.one-touch-drawing-player-avatar{z-index:2;border:2px solid var(--surface-base);background:color-mix(in srgb,var(--primary-purple)20%,var(--surface-base));object-fit:cover;pointer-events:none;border-radius:50%;place-items:center;width:80%;height:80%;display:grid;position:absolute;inset:10%;overflow:hidden;box-shadow:0 2px 5px #06112673,0 0 0 2px #9affdf7a}.one-touch-drawing-player-avatar.is-fallback{color:var(--drawing-ink-on-dark);font-size:clamp(.62rem,1.4vw,1rem);line-height:1}.one-touch-drawing-goal-icon{width:62%;height:62%;color:color-mix(in srgb,var(--text-dark)72%,var(--primary-orange));filter:drop-shadow(0 1px #ffffff73);pointer-events:none;place-items:center;display:grid;position:absolute;inset:19%}.one-touch-drawing-goal-icon .system-icon,.one-touch-drawing-legend .is-goal .system-icon{width:100%;height:100%}.one-touch-drawing-cell-order{width:clamp(14px,1.7vw,20px);height:clamp(14px,1.7vw,20px);color:var(--drawing-ink-on-dark);background:#fffdf9e0;border-radius:50%;place-items:center;margin:0 auto;font-family:sans-serif;font-size:clamp(.46rem,1vw,.68rem);font-weight:900;display:grid}.one-touch-drawing-cell-symbol{font-family:var(--ci-font-primary);opacity:0;font-size:clamp(.58rem,1.4vw,.95rem);font-weight:900;line-height:1}.one-touch-drawing-cell.is-blocked .one-touch-drawing-cell-symbol{opacity:1}.one-touch-drawing-cell.is-visited .one-touch-drawing-cell-marker{display:none}.one-touch-drawing-legend{border-top:1px solid var(--border-subtle);width:min(100%,620px);min-width:0;color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:7px 14px;margin:10px 0 0;padding:10px 0 0;font-size:.7rem;list-style:none;display:flex}.one-touch-drawing-legend li{align-items:center;gap:5px;display:inline-flex}.one-touch-drawing-legend span{border:2px solid var(--border-subtle);background:var(--surface-muted);border-radius:8px;place-items:center;width:25px;height:25px;font-family:sans-serif;font-size:.68rem;font-weight:900;display:inline-grid}.one-touch-drawing-legend .is-start{border-color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue)18%,var(--surface-base))}.one-touch-drawing-legend .is-goal{border-color:var(--primary-yellow);background:color-mix(in srgb,var(--primary-yellow)22%,var(--surface-base));color:color-mix(in srgb,var(--primary-orange)78%,var(--text-dark));padding:3px}.one-touch-drawing-legend .is-visited{border-color:var(--primary-green);background:color-mix(in srgb,var(--primary-green)20%,var(--surface-base))}.one-touch-drawing-legend .is-blocked{border-color:var(--text-muted);background:color-mix(in srgb,var(--text-muted)18%,var(--surface-base))}.one-touch-drawing-completion-dialog{background:var(--surface-base);width:min(100% - 32px,430px);color:var(--text-dark);border:0;border-radius:28px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px #07122157}.one-touch-drawing-completion-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071221a3}.one-touch-drawing-completion-shell{text-align:center;justify-items:center;padding:28px;display:grid}.one-touch-drawing-completion-mark{background:color-mix(in srgb,var(--primary-green)24%,var(--surface-base));width:66px;height:66px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary-green)68%,transparent);color:#087f83;border-radius:50%;place-items:center;font-family:sans-serif;font-size:2.25rem;font-weight:900;display:grid}.one-touch-drawing-completion-level{color:#087f83;margin-top:14px;font-size:.82rem;font-weight:900}.one-touch-drawing-completion-stars-block{justify-items:center;gap:4px;margin-top:12px;display:grid}.one-touch-drawing-completion-stars{gap:6px;margin:0;font-family:sans-serif;font-size:2.4rem;line-height:1;display:flex}.one-touch-drawing-completion-stars span{color:#d8dee4}.one-touch-drawing-completion-stars span.is-earned{color:#f5b700;text-shadow:0 2px #c98a00,0 0 14px #f5b7008c;animation:.38s cubic-bezier(.2,.9,.3,1.4) both one-touch-drawing-star-pop}.one-touch-drawing-completion-stars span.is-earned:nth-child(2){animation-delay:.12s}.one-touch-drawing-completion-stars span.is-earned:nth-child(3){animation-delay:.24s}.one-touch-drawing-completion-best{color:#8a5a00;margin:0;font-size:.82rem;font-weight:900}.one-touch-drawing-completion-tip{color:var(--text-muted);margin:0;font-size:.76rem;font-weight:800}.one-touch-drawing-completion-shell h2{color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;margin-top:4px;font-size:clamp(1.55rem,4vw,2rem);font-weight:400}.one-touch-drawing-completion-shell>p:last-of-type{color:var(--ci-text-secondary,var(--text-muted));margin-top:8px;font-size:.92rem;line-height:1.5}.one-touch-drawing-completion-shell button{border:2px solid var(--ci-clay-coral-border,#e07b64);background:var(--ci-action-now,#f08f78);width:100%;min-height:52px;box-shadow:var(--ci-highlight-clay),0 4px 0 var(--ci-clay-coral-shadow,#d9755e);color:var(--ci-action-now-text,#352456);cursor:pointer;font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:12px 18px;font-size:1.05rem;font-weight:400;display:inline-flex}.one-touch-drawing-settings-dialog{background:var(--surface-base);width:min(100% - 32px,620px);max-width:620px;max-height:min(100dvh - 40px,820px);color:var(--text-dark);border:0;border-radius:26px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px #07122157}.one-touch-drawing-settings-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07122194}.one-touch-drawing-settings-shell{overscroll-behavior:contain;max-height:min(100dvh - 40px,820px);padding:22px;overflow-y:auto}.one-touch-drawing-settings-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.one-touch-drawing-settings-heading p{color:var(--ci-text-secondary,#5a467a);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;letter-spacing:.06em;font-size:.78rem;font-weight:400}.one-touch-drawing-settings-heading h2{color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;margin-top:2px;font-size:1.65rem;font-weight:400}.one-touch-drawing-settings-close{width:var(--touch-target-min);height:var(--touch-target-min);border:1px solid var(--border-subtle);background:var(--surface-muted);box-shadow:none;color:var(--text-dark);cursor:pointer;font:inherit;border-radius:50%;flex:none;place-items:center;font-family:sans-serif;font-size:1.55rem;line-height:1;display:grid}.one-touch-drawing-settings-description{color:var(--text-muted);margin-top:8px;font-size:.88rem;line-height:1.45}.one-touch-drawing-settings-group{margin-top:20px}.one-touch-drawing-settings-group h3{color:var(--text-dark);margin-bottom:8px;font-size:.9rem}.one-touch-drawing-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.one-touch-drawing-settings-group button{min-width:0;min-height:var(--touch-target-min);border:1px solid var(--border-subtle);background:var(--surface-base);box-shadow:none;color:var(--text-dark);cursor:pointer;font:inherit;border-radius:15px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;position:relative}.one-touch-drawing-settings-group button:hover:not(:disabled):not(.is-selected){border-color:color-mix(in srgb,var(--primary-blue)54%,var(--border-subtle));background:#f4fbfa;transform:translateY(-1px)}.one-touch-drawing-settings-group button.is-selected{border-width:2px;border-color:var(--ci-clay-mint-border,#9cc29f);background:var(--ci-rainbow-mint,#b8d8ba);box-shadow:var(--ci-highlight-clay),0 3px 0 var(--ci-clay-mint-shadow,#94b897);color:var(--ci-text-primary,#352456)}.one-touch-drawing-settings-group button.is-selected:after{border:3px solid var(--ci-surface-base,#fffdf9);background:var(--ci-text-primary,#352456);width:12px;height:12px;color:var(--ci-surface-base,#fffdf9);box-shadow:0 0 0 1px var(--ci-text-primary,#352456);content:"";border-radius:50%;display:grid;position:absolute;top:7px;right:8px}.one-touch-drawing-settings-group button:disabled{cursor:not-allowed;opacity:.5}.one-touch-drawing-level-picker{border:1px solid var(--border-subtle);background:color-mix(in srgb,#eaf8f6 72%,var(--surface-base));border-radius:16px;padding:10px 14px 9px}.one-touch-drawing-selected-level{min-height:var(--touch-target-min);justify-content:space-between;align-items:center;gap:12px;padding-inline:2px;display:flex}.one-touch-drawing-selected-level>span{color:#087f83;align-items:baseline;gap:3px;display:flex}.one-touch-drawing-selected-level strong{font-variant-numeric:tabular-nums;font-family:sans-serif;font-size:1.5rem;font-weight:900;line-height:1}.one-touch-drawing-selected-level small{font-size:.8rem;font-weight:900}.one-touch-drawing-selected-level b{min-width:0;color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.one-touch-drawing-level-range{width:100%;height:var(--touch-target-min);appearance:none;cursor:pointer;background:0 0;margin:0}.one-touch-drawing-level-range::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb,#087f83 22%,var(--border-subtle));background:linear-gradient(90deg,#087f83 0 var(--drawing-level-progress),color-mix(in srgb,var(--border-subtle)82%,var(--surface-base))var(--drawing-level-progress)100%);border-radius:999px;height:10px}.one-touch-drawing-level-range::-webkit-slider-thumb{appearance:none;border:4px solid var(--surface-base);background:#087f83;border-radius:50%;width:30px;height:30px;margin-top:-11px;box-shadow:0 0 0 1px #087f83,0 5px 12px #087f8342}.one-touch-drawing-level-range::-moz-range-track{border:1px solid color-mix(in srgb,#087f83 22%,var(--border-subtle));background:color-mix(in srgb,var(--border-subtle)82%,var(--surface-base));border-radius:999px;height:10px}.one-touch-drawing-level-range::-moz-range-progress{background:#087f83;border-radius:999px;height:10px}.one-touch-drawing-level-range::-moz-range-thumb{border:4px solid var(--surface-base);background:#087f83;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #087f83,0 5px 12px #087f8342}.one-touch-drawing-level-range:disabled{cursor:not-allowed;opacity:.55}.one-touch-drawing-level-bounds{color:var(--text-muted);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;margin-top:-2px;font-family:sans-serif;font-size:.68rem;font-weight:800;display:grid}.one-touch-drawing-level-bounds span:nth-child(2){text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.one-touch-drawing-mode-switch button{text-align:left;align-items:center;gap:10px;min-height:82px;padding:12px;display:flex}.one-touch-drawing-mode-switch button>span:last-child{gap:3px;min-width:0;display:grid}.one-touch-drawing-mode-switch button strong{font-size:.88rem}.one-touch-drawing-mode-switch button small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.one-touch-drawing-sound-toggle{text-align:left;align-items:center;gap:10px;width:100%;min-height:68px;padding:11px 48px 11px 12px;display:flex}.one-touch-drawing-sound-toggle>span:last-child{gap:3px;min-width:0;display:grid}.one-touch-drawing-sound-toggle strong{font-size:.88rem}.one-touch-drawing-sound-toggle small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.one-touch-drawing-mode-icon{background:var(--surface-muted);color:#087f83;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-family:sans-serif;font-size:.86rem;font-weight:900;display:grid}.one-touch-drawing-tile-guide{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-top:18px}.one-touch-drawing-tile-guide summary{min-height:var(--touch-target-min);color:var(--text-muted);cursor:pointer;padding:12px 2px;font-size:.8rem;font-weight:800}.one-touch-drawing-tile-guide .one-touch-drawing-legend{border-top:0;width:100%;margin:0 0 12px;padding:0}.one-touch-drawing-settings-done{border:2px solid var(--ci-clay-coral-border,#e07b64);background:var(--ci-action-now,#f08f78);width:100%;min-height:50px;box-shadow:var(--ci-highlight-clay),0 4px 0 var(--ci-clay-coral-shadow,#d9755e);color:var(--ci-action-now-text,#352456);cursor:pointer;font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;border-radius:15px;margin-top:18px;padding:11px 16px;font-size:1.05rem;font-weight:400}.one-touch-drawing-settings-trigger:focus-visible,.one-touch-drawing-restart-trigger:focus-visible,.one-touch-drawing-cell:focus-visible,.one-touch-drawing-undo-button:focus-visible,.one-touch-drawing-hint-button:focus-visible,.one-touch-drawing-stage-nav:focus-visible,.one-touch-drawing-completion-dialog button:focus-visible,.one-touch-drawing-board:focus-visible,.one-touch-drawing-settings-dialog button:focus-visible,.one-touch-drawing-level-range:focus-visible,.one-touch-drawing-tile-guide summary:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@keyframes one-touch-drawing-start-pulse{0%,to{transform:scale(1.025)}50%{transform:scale(1.12)}}@keyframes one-touch-drawing-hint-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes one-touch-drawing-available-in{0%{filter:brightness(1.6)}to{filter:brightness(1.12)}}@keyframes one-touch-drawing-bubble-in{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes one-touch-drawing-star-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}70%{opacity:1;transform:scale(1.25)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes one-touch-drawing-cheer-in{0%{opacity:0;transform:translateY(4px)}12%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes one-touch-drawing-nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes one-touch-drawing-shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}@media (max-width:600px){.one-touch-drawing-section{padding:12px 0}.one-touch-drawing-game-summary{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:2px 2px 10px}.one-touch-drawing-game-title{grid-area:1/1/auto/-1}.one-touch-drawing-progress{grid-area:2/1}.one-touch-drawing-summary-actions{grid-area:2/2}.one-touch-drawing-settings-trigger,.one-touch-drawing-restart-trigger{padding-inline:10px}.one-touch-drawing-board-card{border-radius:var(--ci-radius-md);padding:8px}.one-touch-drawing-stage{border-radius:18px}.one-touch-drawing-board-frame{border-radius:18px;padding:5px}.one-touch-drawing-coach-chip{padding-inline:10px;font-size:.76rem}.one-touch-drawing-undo-button,.one-touch-drawing-hint-button{padding-inline:9px;font-size:.76rem}.one-touch-drawing-board{border-radius:16px}.one-touch-drawing-cell{border-radius:var(--ci-radius-xs)}.one-touch-drawing-settings-dialog{border-radius:22px;width:calc(100% - 20px);max-height:90dvh}.one-touch-drawing-settings-shell{max-height:90dvh;padding:17px}.one-touch-drawing-settings-heading h2{font-size:1.45rem}.one-touch-drawing-level-picker{padding-inline:12px}.one-touch-drawing-settings-group button.is-selected:after{top:5px;right:5px}.one-touch-drawing-legend{justify-content:flex-start;gap:7px 10px}}@media (max-width:420px){.one-touch-drawing-mode-switch{grid-template-columns:minmax(0,1fr)}.one-touch-drawing-grid-slot{padding:1px}}@media (orientation:landscape) and (max-height:500px) and (min-width:700px){.one-touch-drawing-section{padding-block:8px}.one-touch-drawing-game-summary{grid-template-columns:minmax(220px,.8fr) minmax(120px,1fr) auto;gap:8px;margin-bottom:8px;padding-bottom:8px}.one-touch-drawing-progress{grid-area:1/2}.one-touch-drawing-stage{width:min(100%,520px,calc(var(--drawing-board-viewport-max,474px) + 46px))}.one-touch-drawing-board-frame{padding:5px}.one-touch-drawing-stage{width:min(100%,calc(var(--drawing-board-viewport-max,300px) + 200px));grid-template-rows:minmax(0,auto);grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;column-gap:12px}.one-touch-drawing-coach{grid-template-columns:minmax(0,1fr);width:100%;height:auto}.one-touch-drawing-coach-chip{border-radius:14px;padding:5px 9px;font-size:.72rem}.one-touch-drawing-undo-button,.one-touch-drawing-hint-button{padding-inline:8px;font-size:.74rem}.one-touch-drawing-legend{margin-top:7px}.one-touch-drawing-settings-dialog,.one-touch-drawing-settings-shell{max-height:94dvh}}html.app-fullscreen .one-touch-drawing-section{max-width:1280px;padding-top:4px;padding-bottom:4px}html.app-fullscreen .one-touch-drawing-layout{width:min(100%,920px)}html.app-fullscreen .one-touch-drawing-board-card{padding:8px}html.app-fullscreen .one-touch-drawing-game-summary{gap:6px 12px;margin-bottom:6px;padding-bottom:6px}html.app-fullscreen .one-touch-drawing-stage{width:min(100%,664px,calc(var(--drawing-board-viewport-max,640px) + 24px))}html.app-fullscreen .one-touch-drawing-board-frame{width:min(96%,var(--drawing-board-max),var(--drawing-board-viewport-max,max(160px,calc(100dvh - 200px))));margin-block:12px}@media (prefers-reduced-motion:reduce){.one-touch-drawing-board,.one-touch-drawing-cell,.one-touch-drawing-start-bubble,.one-touch-drawing-cheer,.one-touch-drawing-coach-chip,.one-touch-drawing-undo-button,.one-touch-drawing-hint-button,.one-touch-drawing-stage-nav,.one-touch-drawing-completion-stars span.is-earned,.one-touch-drawing-settings-trigger,.one-touch-drawing-restart-trigger,.one-touch-drawing-settings-group button,.one-touch-drawing-level-range,.one-touch-drawing-completion-shell button,.one-touch-drawing-progress-track>span{transition:none;animation:none}button.one-touch-drawing-cell:hover:not(:disabled),button.one-touch-drawing-cell.is-current,.one-touch-drawing-start-bubble,.one-touch-drawing-undo-button:hover:not(:disabled),.one-touch-drawing-hint-button:hover:not(:disabled),.one-touch-drawing-stage-nav:hover:not(:disabled),.one-touch-drawing-settings-trigger:hover,.one-touch-drawing-restart-trigger:hover,.one-touch-drawing-settings-group button:hover:not(:disabled){transform:none}}.one-touch-drawing-list-section{width:100%;min-width:0;max-width:1040px;margin-inline:auto;padding-block:clamp(14px,2.5vw,28px) 36px}.one-touch-drawing-list-heading{text-align:center;gap:6px;margin:0 auto clamp(18px,3vw,30px);display:grid}.one-touch-drawing-list-heading>p:first-child{color:var(--drawing-accent,var(--primary-blue));font-size:.8rem;font-weight:900}.one-touch-drawing-list-heading h2{color:var(--text-dark);font-family:var(--font-jua),sans-serif;font-size:clamp(1.65rem,5vw,2.45rem);font-weight:400;line-height:1.1}.one-touch-drawing-list-heading>p:last-child{color:var(--text-muted);font-size:clamp(.92rem,2.8vw,1.05rem)}.one-touch-drawing-difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.2vw,18px);min-width:0;margin:0;padding:0;list-style:none;display:grid}.one-touch-drawing-difficulty-grid>li{min-width:0}.one-touch-drawing-difficulty-card{border:1px solid color-mix(in srgb,var(--primary-blue)30%,var(--border-subtle));background:var(--surface-base);width:100%;min-width:0;min-height:100%;box-shadow:var(--shadow-medium);color:var(--text-dark);text-align:center;touch-action:manipulation;border-radius:22px;grid-template-rows:auto auto 1fr auto;align-items:center;gap:6px;padding:clamp(11px,2.4vw,18px);text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.one-touch-drawing-difficulty-card:active{transform:scale(.985)}.one-touch-drawing-difficulty-card:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.one-touch-drawing-difficulty-visual{place-items:center;margin-inline:auto;display:grid}.one-touch-drawing-difficulty-visual .navigation-visual{--navigation-visual-size:clamp(60px,14vw,84px)}.one-touch-drawing-difficulty-card>strong{font-size:clamp(1rem,3.4vw,1.2rem)}.one-touch-drawing-difficulty-desc{min-width:0;color:var(--text-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(.76rem,2.4vw,.88rem);line-height:1.35}.one-touch-drawing-difficulty-card>small{color:var(--text-muted);font-size:clamp(.72rem,2.2vw,.82rem);font-weight:800}@media (max-width:600px){.one-touch-drawing-difficulty-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.one-touch-drawing-difficulty-card{transition:none}.one-touch-drawing-difficulty-card:active{transform:none}}.one-touch-drawing-game-title-text>span,.one-touch-drawing-game-title-text>strong{word-break:keep-all;flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.one-touch-drawing-stage-meta,.one-touch-drawing-cleared-count,.one-touch-drawing-best-stars,.one-touch-drawing-progress>div>span{white-space:nowrap;word-break:keep-all;flex:none}.one-touch-drawing-best-stars{margin-left:0}.one-touch-drawing-cleared-count{border-inline-start:1px solid var(--ci-border-subtle);padding-inline-start:8px}.one-touch-drawing-game-summary button,.one-touch-drawing-coach-actions button{height:var(--touch-target-min);border-radius:var(--ci-radius-sm);white-space:nowrap;font-size:.875rem}@media (min-width:701px) and (max-width:1100px){.one-touch-drawing-game-summary{grid-template-columns:minmax(0,1fr) auto}.one-touch-drawing-game-title{grid-area:1/1/auto/-1}.one-touch-drawing-progress{grid-area:2/1}.one-touch-drawing-summary-actions{grid-area:2/2}}@media (max-width:700px){.one-touch-drawing-game-summary{grid-template-columns:minmax(0,1fr)}.one-touch-drawing-progress{grid-area:2/1}.one-touch-drawing-summary-actions{grid-area:3/1;justify-content:flex-end}}.one-touch-drawing-stage-nav>span,.one-touch-drawing-goal-flag{color:var(--ci-text-primary)}.one-touch-drawing-restart-trigger,.one-touch-drawing-settings-trigger{background:var(--_btn-bg);color:var(--_btn-text);box-shadow:0 3px 0 var(--_btn-lip);font-family:var(--ci-font-primary)}
.one-touch-drawing-list-section{padding-block:clamp(10px,2vw,20px) 24px}.one-touch-drawing-list-heading{gap:4px;margin-bottom:clamp(12px,2.4vw,22px)}.one-touch-drawing-list-heading>p:first-child{color:var(--ci-text-secondary,#625573)}.otd-card{--otd-tint:#e6f7ea;--otd-soft:#c9ecd4;--otd-edge:#a9dcb8;--otd-deep:#1f7a44;--otd-ink:#175c33}.otd-card[data-drawing-difficulty=normal]{--otd-tint:#fff4d6;--otd-soft:#fde4a6;--otd-edge:#f3cf7a;--otd-deep:#a85a00;--otd-ink:#7a4300}.otd-card[data-drawing-difficulty=hard]{--otd-tint:#ffebe6;--otd-soft:#ffd2c6;--otd-edge:#f4b2a2;--otd-deep:#b8412e;--otd-ink:#8c2d1f}.one-touch-drawing-difficulty-card.otd-card{height:100%;min-height:var(--touch-target-min,44px);border:3px solid var(--otd-edge);background:var(--otd-tint);box-shadow:0 6px 0 var(--otd-edge);color:var(--otd-ink);text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--bounce,ease-out),box-shadow .18s ease-out;border-radius:24px;flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px 16px;display:flex;position:relative}.one-touch-drawing-difficulty-card.otd-card:hover{box-shadow:0 9px 0 var(--otd-edge);transform:translateY(-3px)}.one-touch-drawing-difficulty-card.otd-card:active{box-shadow:0 2px 0 var(--otd-edge);transform:translateY(4px)}.one-touch-drawing-difficulty-card.otd-card:focus-visible{outline:var(--ci-focus-ring-width,3px)solid var(--ci-focus-ring-color,#352456);outline-offset:var(--ci-focus-ring-offset,3px)}.otd-card-head{align-items:center;gap:10px;min-width:0;display:flex}.otd-card-pips{background:#fffc;border-radius:999px;flex:none;gap:4px;padding:6px 8px;display:inline-flex}.otd-card-pips>span{background:var(--otd-soft);border-radius:50%;width:10px;height:10px}.otd-card-pips>span.is-on{background:var(--otd-deep)}.otd-card-title{min-width:0;font-family:var(--font-jua),sans-serif;font-size:clamp(1.3rem,3vw,1.55rem);font-weight:400;line-height:1.1}.otd-card-medal{color:#4a2e00;background:#ffc21a;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.82rem;font-weight:900}.otd-card-preview{background:#ffffffb3;border-radius:14px;gap:2px;width:min(100%,132px);margin-inline:auto;padding:6px;display:grid}.otd-cell{border-radius:var(--ci-radius-xs);min-width:0}.otd-cell.is-path{background:var(--otd-soft);box-shadow:inset 0 0 0 1px var(--otd-edge)}.otd-cell.is-block{background:var(--otd-deep);opacity:.75}.otd-cell.is-gap{background:0 0}.otd-cell.is-start{background:var(--primary-blue,#4ecdc4)}.otd-cell.is-goal{background:var(--primary-yellow,#ffd93d);box-shadow:inset 0 0 0 1px #d88a25}.one-touch-drawing-difficulty-card .otd-card-desc{min-height:2.7em;color:var(--text-light,#625573);word-break:keep-all;overflow-wrap:anywhere;font-size:.86rem;font-weight:700;line-height:1.35}.otd-card-progress{gap:6px;margin-top:auto;display:grid}.otd-card-progress-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;font-weight:800;display:flex}.otd-card-count b{color:var(--otd-deep);font-size:1.15rem}.otd-card-stars{white-space:nowrap}.otd-card-star{color:var(--ci-state-warning-text)}.otd-card-bar{height:10px;box-shadow:inset 0 0 0 1px var(--otd-edge);background:#fffc;border-radius:999px;display:block;overflow:hidden}.otd-card-bar-fill{border-radius:inherit;background:var(--otd-deep);width:100%;height:100%;transform:scaleX(var(--otd-progress,0));transform-origin:0;transition:transform .24s ease-out;display:block}.otd-card-cta{border:2px solid var(--otd-deep);min-height:48px;color:var(--otd-ink);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:1.02rem;font-weight:900;display:flex}.otd-card-cta-arrow{font-size:1.3rem;line-height:1}.otd-card[data-progress-state=complete] .otd-card-cta{background:var(--otd-soft)}.otd-howto{background:var(--ci-surface-cloud,#f7ead3);border:1.5px solid var(--ci-border-subtle,#e6d8c3);border-radius:22px;gap:8px;margin-top:clamp(16px,2.6vw,24px);padding:12px 16px;display:grid}.otd-howto h3{color:var(--ci-text-primary,#352456);font-family:var(--ci-font-primary,var(--font-jua)),sans-serif;margin:0;font-size:1.1rem;font-weight:400}.otd-howto-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.otd-howto-step{border-radius:var(--ci-radius-md);background:var(--ci-surface-base,#fffdf9);align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.otd-howto-art{flex:none;grid-template-columns:repeat(3,14px);gap:3px;display:grid}.otd-howto-art>span{border-radius:var(--ci-radius-xs);height:14px;box-shadow:inset 0 0 0 2px var(--ci-border-subtle,#e6d8c3);background:#fff}.otd-howto-step.is-start .otd-howto-art>span:first-child{background:var(--primary-blue,#4ecdc4);box-shadow:none}.otd-howto-step.is-visit .otd-howto-art>span{background:color-mix(in srgb,var(--primary-blue,#4ecdc4)45%,#fff);box-shadow:none}.otd-howto-step.is-visit .otd-howto-art>span:first-child{background:var(--primary-blue,#4ecdc4)}.otd-howto-step.is-goal .otd-howto-art>span{background:color-mix(in srgb,var(--primary-blue,#4ecdc4)45%,#fff);box-shadow:none}.otd-howto-step.is-goal .otd-howto-art>span:last-child{background:var(--primary-yellow,#ffd93d);box-shadow:inset 0 0 0 2px #d88a25}.otd-howto-text{gap:2px;min-width:0;display:grid}.otd-howto-text strong{color:var(--ci-text-primary,#352456);word-break:keep-all;align-items:center;gap:6px;font-size:.95rem;display:flex}.otd-howto-number{background:var(--ci-rainbow-butter,#f5ce8e);width:22px;height:22px;color:var(--ci-text-primary,#352456);border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:inline-grid}.otd-howto-text small{color:var(--ci-text-secondary,#625573);word-break:keep-all;font-size:.82rem;font-weight:700}@media (max-width:860px){.otd-howto-steps{grid-template-columns:minmax(0,1fr);gap:6px}}@media (max-width:600px){.one-touch-drawing-difficulty-card.otd-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"preview head""preview desc""progress progress""cta cta";gap:6px 12px;padding:12px 14px 14px;display:grid}.otd-card-head{grid-area:head}.otd-card-preview{grid-area:preview;align-self:center;width:84px;margin:0}.one-touch-drawing-difficulty-card .otd-card-desc{grid-area:desc;min-height:0}.otd-card-progress{grid-area:progress}.otd-card-cta{grid-area:cta}}@media (max-height:820px) and (min-width:601px){.otd-card-preview{width:min(100%,104px)}}@media (prefers-reduced-motion:reduce){.one-touch-drawing-difficulty-card.otd-card,.otd-card-bar-fill{transition:none}.one-touch-drawing-difficulty-card.otd-card:hover,.one-touch-drawing-difficulty-card.otd-card:active{transform:none}}