@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;800&family=Nunito:wght@400;600;700&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg: #F5F8FD;--surface: #FFFFFF;--surface-2: #EEF3FA;--surface-3: #E3EAF5;--fg: #101A2B;--muted: #5C6E88;--border: #DCE4F0;--border-strong: #C3CFE0;--accent: #C2185B;--accent-vivid: #EE3D82;--accent-hover: #A3154C;--accent-active: #8A1140;--accent-on: #FFFFFF;--accent-soft: #FDECF3;--accent-ring: rgba(194, 24, 91, .32);--font-display: "Baloo 2", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-body: "Nunito", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-body: 1.55;--leading-none: 1;--weight-read: 400;--weight-emphasize: 600;--weight-announce: 700;--weight-display: 800;--tracking-display: -.02em;--tracking-title: -.01em;--tracking-body: 0;--tracking-small: .01em;--tracking-caps: .08em;--container-max: 520px;--container-gutter-phone: 16px;--container-gutter-tablet: 24px;--container-gutter-desktop: 24px;--board-max: 440px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 1px 2px rgba(16, 26, 43, .04), 0 6px 16px rgba(16, 26, 43, .07);--elev-board: inset 0 0 0 1px var(--border-strong);--elev-sheet: 0 -8px 32px rgba(16, 26, 43, .1);--focus-ring: 0 0 0 3px var(--accent-ring);--focus-offset: 2px;--motion-instant: 80ms;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--motion-celebrate: .42s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-header: 100;--z-sheet: 200;--z-modal: 300;--z-toast: 400;--success: #0A7A55;--success-soft: #E6F5EF;--warn: #9A5B00;--warn-soft: #FDF3E3;--danger: #B42318;--danger-soft: #FEECEA;--info: #1F5FA8;--info-soft: #E9F1FC;--fg-2: var(--fg);--meta: #7A8CA3;--border-soft: #EAF0F8;--surface-warm: var(--surface-2);--btn-primary-bg: var(--accent);--btn-primary-bg-hover: var(--accent-hover);--btn-primary-bg-active: var(--accent-active);--btn-primary-fg: var(--accent-on);--btn-secondary-bg: var(--surface);--btn-secondary-bg-hover: var(--surface-2);--btn-secondary-fg: var(--fg);--btn-secondary-border: var(--border-strong);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-2);--btn-ghost-fg: var(--muted);--btn-height: 48px;--btn-height-sm: 40px;--btn-padding-x: var(--space-5);--btn-radius: var(--radius-md);--btn-font-size: var(--text-md);--btn-disabled-bg: var(--surface-3);--btn-disabled-fg: var(--meta);--btn-disabled-opacity: 1;--input-bg: var(--surface);--input-border: var(--border-strong);--input-border-focus: var(--accent);--input-height: 48px;--input-radius: var(--radius-md);--badge-height: 24px;--badge-padding-x: var(--space-2);--badge-radius: var(--radius-sm);--badge-font-size: var(--text-xs);--grid-size: 5;--grid-gap: 4px;--grid-cell-bg: var(--surface-2);--grid-cell-bg-active: var(--surface);--grid-cell-radius: 8px;--grid-board-padding: 8px;--grid-board-radius: var(--radius-xl);--grid-hit-size: 44px;--path-width: 8px;--path-edge-width: 1.5px;--path-cap: round;--dot-size: 34px;--dot-ring: 2.5px;--dot-hit-size: 44px;--dot-font-size: .6875rem;--dot-font-weight: 700;--line-count: 4;--line-1: #2F6BFF;--line-1-edge: #14409E;--line-1-soft: #E6EEFF;--line-1-name: "蓝";--line-2: #E06A00;--line-2-edge: #96460A;--line-2-soft: #FDEEE0;--line-2-name: "橙";--line-3: #22C8E8;--line-3-edge: #0A7FA8;--line-3-soft: #E0F7FB;--line-3-name: "青";--line-4: #FFD21F;--line-4-edge: #8A6400;--line-4-soft: #FFF6DC;--line-4-name: "黄";--line-5: #46586E;--line-5-edge: #2A3646;--line-5-soft: #E8ECF2;--line-5-name: "墨";--shape-1: circle;--shape-2: square;--shape-3: triangle;--shape-4: diamond;--shape-5: hexagon;--share-w: 1080px;--share-h: 1080px;--share-pad: 72px;--share-bg: var(--bg);--share-brand-size: 40px;--share-meta-size: 32px;--share-stat-value: 56px;--share-stat-label: 28px;--share-cell: 84px;--share-cell-gap: 20px;--share-cell-radius: 12px;--share-cell-max: 5;--share-footer-size: 28px;--share-glow-opacity: .1}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-weight:var(--weight-read);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-title);line-height:var(--leading-snug);color:var(--fg);margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media (hover: hover) and (pointer: fine){[data-hoverable]:hover{transition:background var(--motion-fast) var(--ease-out)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.board{user-select:none;-webkit-user-select:none;touch-action:none}:root{--dot-1-label: #fff;--dot-2-label: #fff;--dot-3-label: var(--fg);--dot-4-label: var(--fg);--dot-5-label: #fff;--safe-bottom: max(var(--space-6), env(safe-area-inset-bottom, 0px));--safe-top: max(0px, env(safe-area-inset-top, 0px));--skeleton-cycle: 1.6s}html,body{height:100%}body{overflow-x:hidden;overscroll-behavior-y:none}#app{min-height:100%}.skip-link{position:absolute;left:var(--space-4);top:-60px;z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--fg);border-radius:var(--radius-md);box-shadow:var(--elev-raised);transition:top var(--motion-fast) var(--ease-out)}.skip-link:focus-visible{top:var(--space-2)}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page__body{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-gutter-phone) var(--safe-bottom);flex:1 0 auto}@media (min-width: 640px){.page__body{padding-left:var(--container-gutter-tablet);padding-right:var(--container-gutter-tablet)}}.topbar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:56px;padding:0 var(--space-4);background:var(--bg);flex:0 0 auto}@media (min-width: 640px){.topbar{padding-left:var(--container-gutter-tablet);padding-right:var(--container-gutter-tablet)}.topbar__inner{width:100%;max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}}.brand{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-lg);letter-spacing:var(--tracking-title);color:var(--fg);margin:0}.icon{display:block;flex:0 0 auto;color:inherit}.icon--inline{display:inline-block;vertical-align:-.15em}.text-meta{font-size:var(--text-xs);color:var(--meta);letter-spacing:var(--tracking-small)}.text-muted{color:var(--muted)}.text-sm{font-size:var(--text-sm)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-height);padding:0 var(--btn-padding-x);border:0;border-radius:var(--btn-radius);font-family:var(--font-body);font-weight:var(--weight-emphasize);font-size:var(--btn-font-size);line-height:var(--leading-none);cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-instant) var(--ease-out)}.btn:active{transform:scale(.985)}.btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);box-shadow:var(--elev-ring)}.btn--ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg)}.btn--danger{background:var(--btn-secondary-bg);color:var(--danger);box-shadow:var(--elev-ring)}.btn--success{background:var(--success-soft);color:var(--success);box-shadow:var(--elev-ring)}.btn--block{width:100%}@media (hover: hover) and (pointer: fine){.btn--primary:not(:disabled):hover{background:var(--btn-primary-bg-hover)}.btn--secondary:not(:disabled):hover,.btn--danger:not(:disabled):hover{background:var(--btn-secondary-bg-hover)}.btn--ghost:not(:disabled):hover{background:var(--btn-ghost-bg-hover)}}.btn__kbd{display:inline-block;margin-left:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--meta);letter-spacing:var(--tracking-caps)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--badge-height);padding:0 var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--weight-emphasize);letter-spacing:var(--tracking-small)}.badge--streak{background:var(--accent-soft);color:var(--accent)}.rule{height:1px;background:var(--border);border:0;margin:0}.rule--soft{background:var(--border-soft)}.skeleton{background:var(--surface-2);border-radius:var(--grid-cell-radius);animation:skeleton-breathe var(--skeleton-cycle) var(--ease-in-out) infinite}@keyframes skeleton-breathe{0%,to{opacity:1}50%{opacity:.45}}.spinner{width:16px;height:16px;border-radius:var(--radius-pill);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spinner-spin .6s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.notice{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-small);min-height:16px}.board{position:relative;display:grid;grid-template-columns:repeat(var(--grid-size, 5),1fr);gap:var(--grid-gap);padding:var(--grid-board-padding);width:min(100%,var(--board-max));aspect-ratio:1 / 1;margin:0 auto;background:var(--surface-3);border-radius:var(--grid-board-radius);box-shadow:var(--elev-board);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.board--preview{touch-action:auto}.board__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.path-edge,.path-main,.path-joint,.path-tip,.ghosts-layer>*{pointer-events:none}.dots-layer,.dots-layer .dot,.dots-layer .dot__shape{pointer-events:auto}.cell{background:var(--grid-cell-bg);border-radius:var(--grid-cell-radius);transition:background var(--motion-instant) var(--ease-out)}.cell[data-filled=true]{background:var(--grid-cell-bg-active)}.cell--skeleton{min-height:0}.cell[data-hint=true]{background:var(--hint-tint, var(--surface-2))}.board.is-won{box-shadow:0 0 0 2px var(--success);transition:box-shadow var(--motion-base) var(--ease-out)}.path-edge,.path-main{fill:none;stroke-linecap:var(--path-cap);stroke-linejoin:round}.path-edge{stroke-width:calc(var(--path-width) + 2 * var(--path-edge-width))}.path-main{stroke-width:var(--path-width)}.path-joint{stroke:none}.path-tip{stroke:none;opacity:.55}.dot__shape{stroke-width:var(--dot-ring)}.dot__num{font-family:var(--font-mono);font-size:var(--dot-font-size);font-weight:var(--dot-font-weight);font-variant-numeric:tabular-nums;pointer-events:none}.dot[data-slot="1"] .dot__shape{stroke:var(--line-1-edge)}.dot[data-slot="2"] .dot__shape{stroke:var(--line-2-edge)}.dot[data-slot="3"] .dot__shape{stroke:var(--line-3-edge)}.dot[data-slot="4"] .dot__shape{stroke:var(--line-4-edge)}.dot[data-slot="5"] .dot__shape{stroke:var(--line-5-edge)}.dot[data-connected=false] .dot__shape{fill:var(--surface)}.dot[data-connected=false][data-slot="1"] .dot__num{fill:var(--line-1-edge)}.dot[data-connected=false][data-slot="2"] .dot__num{fill:var(--line-2-edge)}.dot[data-connected=false][data-slot="3"] .dot__num{fill:var(--line-3-edge)}.dot[data-connected=false][data-slot="4"] .dot__num{fill:var(--line-4-edge)}.dot[data-connected=false][data-slot="5"] .dot__num{fill:var(--line-5-edge)}.dot[data-connected=true][data-slot="1"] .dot__shape{fill:var(--line-1)}.dot[data-connected=true][data-slot="2"] .dot__shape{fill:var(--line-2)}.dot[data-connected=true][data-slot="3"] .dot__shape{fill:var(--line-3)}.dot[data-connected=true][data-slot="4"] .dot__shape{fill:var(--line-4)}.dot[data-connected=true][data-slot="5"] .dot__shape{fill:var(--line-5)}.dot[data-connected=true][data-slot="1"] .dot__num{fill:var(--dot-1-label)}.dot[data-connected=true][data-slot="2"] .dot__num{fill:var(--dot-2-label)}.dot[data-connected=true][data-slot="3"] .dot__num{fill:var(--dot-3-label)}.dot[data-connected=true][data-slot="4"] .dot__num{fill:var(--dot-4-label)}.dot[data-connected=true][data-slot="5"] .dot__num{fill:var(--dot-5-label)}.dot[data-pressed=true]{transform-box:fill-box;transform-origin:center;transform:scale(1.12);transition:transform var(--motion-instant) var(--ease-out)}.path-edge[data-slot="1"],.path-joint[data-slot="1"],.path-tip[data-slot="1"]{stroke:var(--line-1-edge)}.path-edge[data-slot="2"],.path-joint[data-slot="2"],.path-tip[data-slot="2"]{stroke:var(--line-2-edge)}.path-edge[data-slot="3"],.path-joint[data-slot="3"],.path-tip[data-slot="3"]{stroke:var(--line-3-edge)}.path-edge[data-slot="4"],.path-joint[data-slot="4"],.path-tip[data-slot="4"]{stroke:var(--line-4-edge)}.path-edge[data-slot="5"],.path-joint[data-slot="5"],.path-tip[data-slot="5"]{stroke:var(--line-5-edge)}.path-main[data-slot="1"]{stroke:var(--line-1)}.path-main[data-slot="2"]{stroke:var(--line-2)}.path-main[data-slot="3"]{stroke:var(--line-3)}.path-main[data-slot="4"]{stroke:var(--line-4)}.path-main[data-slot="5"]{stroke:var(--line-5)}.path-joint[data-slot="1"],.path-tip[data-slot="1"]{fill:var(--line-1-edge)}.path-joint[data-slot="2"],.path-tip[data-slot="2"]{fill:var(--line-2-edge)}.path-joint[data-slot="3"],.path-tip[data-slot="3"]{fill:var(--line-3-edge)}.path-joint[data-slot="4"],.path-tip[data-slot="4"]{fill:var(--line-4-edge)}.path-joint[data-slot="5"],.path-tip[data-slot="5"]{fill:var(--line-5-edge)}.path-group{transition:opacity var(--motion-fast) var(--ease-out)}.path-group[data-fading=true]{opacity:0}.board.is-won .path-main{animation:path-celebrate var(--motion-celebrate) var(--ease-out)}@keyframes path-celebrate{0%{stroke-width:var(--path-width)}50%{stroke-width:calc(var(--path-width) + 2px)}to{stroke-width:var(--path-width)}}@media (prefers-reduced-motion: reduce){.board.is-won .path-main{animation:none}}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--fg) 40%,transparent);opacity:0;transition:opacity var(--motion-base) var(--ease-out)}.sheet-backdrop.is-open{opacity:1}.sheet{width:100%;max-width:var(--container-max);padding:var(--space-6) var(--space-5) var(--safe-bottom);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--elev-sheet);transform:translateY(100%);transition:transform var(--motion-slow) var(--ease-out)}.sheet-backdrop.is-open .sheet{transform:translateY(0)}.sheet__title{font-size:var(--text-lg);margin:0 0 var(--space-2)}.sheet__body{margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-body)}.sheet__actions{display:flex;flex-direction:column;gap:var(--space-3)}@media (prefers-reduced-motion: reduce){.sheet{transform:translateY(0)}.sheet-backdrop{opacity:1}}.home{padding-top:var(--space-2)}.home__issue{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-4)}.home__issue-main{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-small)}.home__issue-main .num{font-weight:700;color:var(--fg)}.home__issue-main[data-long=true]{font-size:var(--text-xs)}.home__board{display:flex;justify-content:center}.home__count{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--muted);min-height:20px}.home__count[hidden]{display:none}.home__guide{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-soft);position:relative}.home__guide-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--fg)}.home__guide-list li{display:flex;gap:var(--space-2)}.home__guide-step{font-family:var(--font-mono);font-weight:700;color:var(--meta);flex:0 0 auto}.home__guide-skip{position:absolute;top:var(--space-5);right:0;background:none;border:0;padding:0;font-size:var(--text-xs);color:var(--accent);cursor:pointer;min-height:24px}.home__cta{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.home__cta .btn{width:100%;max-width:320px}.home__countdown{font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-small);min-height:16px}.home__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center}.home__error .icon{color:var(--meta)}.home__error-title{font-size:var(--text-md);font-weight:var(--weight-emphasize);color:var(--fg);margin:0}.home__error-hint{font-size:var(--text-sm);color:var(--muted);margin:0}@media (min-width: 640px){.home{padding-top:var(--space-10)}.home__cta .btn{width:auto;min-width:240px}}@media (min-width: 1024px){.home{padding-top:var(--space-16)}.home__issue{margin-bottom:var(--space-3)}}.play{padding-bottom:0}.play__hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:56px;padding:0 var(--space-4);flex:0 0 auto}@media (min-width: 640px){.play__hud{padding-left:var(--container-gutter-tablet);padding-right:var(--container-gutter-tablet)}.play__hud-inner{width:100%;max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}}.play__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--fg);cursor:pointer;transition:background var(--motion-fast) var(--ease-out)}.play__icon-btn:disabled{color:var(--btn-disabled-fg);cursor:not-allowed}@media (hover: hover) and (pointer: fine){.play__icon-btn:not(:disabled):hover{background:var(--surface-2)}}.play__timer{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-md);color:var(--muted);letter-spacing:var(--tracking-body)}.play__timer[data-state=running]{color:var(--fg)}.play__timer[data-state=paused]{color:var(--muted)}@media (min-width: 640px){.play__timer{font-size:var(--text-lg)}}@media (min-width: 1024px){.play__timer{font-size:var(--text-2xl)}}.play__status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:32px;font-size:var(--text-sm);color:var(--muted)}.play__swatches{display:flex;align-items:center;gap:var(--space-1)}.play__swatch{width:12px;height:12px;border-radius:var(--radius-pill)}.play__swatch[data-slot="1"]{background:var(--line-1-edge)}.play__swatch[data-slot="2"]{background:var(--line-2-edge)}.play__swatch[data-slot="3"]{background:var(--line-3-edge)}.play__swatch[data-slot="4"]{background:var(--line-4-edge)}.play__swatch[data-slot="5"]{background:var(--line-5-edge)}.play__board-wrap{padding:var(--space-2) 0 var(--space-6)}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--safe-bottom);background:var(--surface);box-shadow:var(--elev-sheet);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(0);transition:transform var(--motion-base) var(--ease-out)}.actionbar[data-hidden=true]{transform:translateY(110%)}@media (min-width: 640px){.actionbar{position:static;max-width:var(--container-max);margin:0 auto;padding-left:0;padding-right:0;border-radius:0;box-shadow:none;background:transparent}.actionbar[data-hidden=true]{transform:none;display:none}}.actionbar__btn{min-height:var(--btn-height);padding:0 var(--space-2);gap:var(--space-1)}.actionbar__reason{grid-column:1 / -1;margin:0;text-align:center;font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-small)}.btn__kbd{display:none}@media (min-width: 1024px){.btn__kbd{display:inline-block}}.play__pause{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--bg);color:var(--muted)}.play__pause[hidden]{display:none}.play__win{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--safe-bottom);background:var(--success-soft);color:var(--success);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-display);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);transition:transform var(--motion-slow) var(--ease-out)}.play__win[data-open=true]{transform:translateY(0)}.play__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-4);text-align:center}.play__error .icon{color:var(--meta)}.play__coach{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:color-mix(in srgb,var(--fg) 40%,transparent)}.play__coach-card{width:100%;max-width:var(--container-max);padding:var(--space-6) var(--space-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elev-raised)}.play__coach-card h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.play__coach-actions{margin-top:var(--space-5);display:flex;justify-content:flex-end}.result{padding-top:var(--space-2)}.result__topbar{display:flex;align-items:center;justify-content:flex-end;height:56px;padding:0 var(--space-4)}@media (min-width: 640px){.result__topbar{padding-left:var(--container-gutter-tablet);padding-right:var(--container-gutter-tablet)}.result__topbar-inner{width:100%;max-width:var(--container-max);margin:0 auto;display:flex;justify-content:flex-end}}.result__title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-display);color:var(--success);letter-spacing:var(--tracking-title)}.result__rows{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-6);align-items:flex-start}.result__row{display:flex;align-items:center;gap:var(--space-2)}.result__cell{width:48px;height:48px;border-radius:10px;border:2px solid transparent;flex:0 0 auto}.result__cell[data-slot="1"]{background:var(--line-1);border-color:var(--line-1-edge)}.result__cell[data-slot="2"]{background:var(--line-2);border-color:var(--line-2-edge)}.result__cell[data-slot="3"]{background:var(--line-3);border-color:var(--line-3-edge)}.result__cell[data-slot="4"]{background:var(--line-4);border-color:var(--line-4-edge)}.result__cell[data-slot="5"]{background:var(--line-5);border-color:var(--line-5-edge)}.result__overflow{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}@media (min-width: 640px){.result__cell{width:56px;height:56px}}.result__stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--space-8);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-4) 0}.result__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative}.result__stat+.result__stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border)}.result__stat-label{font-size:var(--text-sm);color:var(--muted);letter-spacing:var(--tracking-small)}.result__stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-display);color:var(--fg);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.result__meta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.result__meta-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.result__dist{margin-top:var(--space-4);width:100%}.result__dist-bar{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:visible}.result__dist-marker{position:absolute;top:-6px;width:2px;height:20px;background:var(--accent)}.result__dist-marker:after{content:"你";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--accent)}.result__dist-median{position:absolute;top:-4px;width:1px;height:16px;background:var(--border-strong)}.result__dist-skeleton{height:8px;border-radius:var(--radius-pill);background:var(--surface-2)}.result__actions{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.result__actions .btn{width:100%}@media (min-width: 640px){.result__actions .btn{max-width:320px;align-self:center}}.result__notice{margin-top:var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-small);min-height:16px}.result__preview{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:color-mix(in srgb,var(--fg) 60%,transparent)}.result__preview img{width:min(100%,360px);border-radius:var(--radius-lg);box-shadow:var(--elev-raised)}.result__preview-hint{font-size:var(--text-sm);color:var(--surface);margin:0}.result__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-4);text-align:center;color:var(--muted)}