:root{--color-tile-red:#d55e00;--color-tile-blue:#0072b2;--color-tile-yellow:#f0c400;--color-tile-black:#3a3733;--color-accent:#fbbf24;--color-accent-hover:#f59e0b;--color-accent-muted:#fbbf241f;--color-accent-border:#fbbf2447;--color-medal-gold:var(--color-accent);--color-medal-silver:#d6dbe0;--color-medal-bronze:#d08a4a;--color-success:#4ade80;--color-success-strong:#16a34a;--color-success-muted:#4ade8024;--color-success-border:#4ade8059;--color-warning:#fbbf24;--color-warning-strong:#d97706;--color-warning-muted:#fbbf2424;--color-warning-border:#fbbf2466;--color-danger:#ef4444;--color-danger-strong:#b91c1c;--color-danger-muted:#ef444424;--color-danger-border:#ef444459;--color-info:#38bdf8;--color-info-muted:#38bdf824;--color-special:#8b5cf6;--color-special-strong:#6d28d9;--color-special-muted:#8b5cf624;--color-special-border:#8b5cf659;--color-ribbon:#3b82f6;--color-ribbon-strong:#1d4ed8;--color-ribbon-muted:#3b82f624;--color-ribbon-border:#3b82f659;--color-diff-easy:var(--color-success);--color-diff-easy-end:var(--color-success-strong);--color-diff-medium:var(--color-warning);--color-diff-medium-end:var(--color-warning-strong);--color-diff-hard:#f4842f;--color-diff-hard-end:#c2410c;--color-diff-hard-muted:#f4842f24;--color-diff-hard-border:#f4842f66;--color-diff-xhard:var(--color-danger);--color-diff-xhard-end:#7f1d1d;--surface-bg-deep:#0a1326;--surface-bg:#111e38;--surface-bg-raised:#1e2f54;--surface-board:#1a5c38;--surface-board-edge:#143d27;--surface-board-glow:#237a4a;--surface-hand:#102418;--surface-glass:#ffffff0d;--surface-glass-hover:#ffffff14;--surface-glass-active:#ffffff1f;--surface-scrim:#000000b8;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73;--text-disabled:#ffffff4d;--text-inverse:#1a1a2e;--text-on-accent:#1a1a2e;--stroke-subtle:#ffffff14;--stroke:#ffffff26;--stroke-strong:#ffffff40;--stroke-focus:var(--color-accent);--gradient-surface:linear-gradient(160deg, var(--surface-bg-raised) 0%, var(--surface-bg) 100%);--gradient-surface-hero:radial-gradient(ellipse at 50% 30%, var(--surface-bg-raised) 0%, var(--surface-bg) 55%, var(--surface-bg-deep) 100%);--gradient-board:radial-gradient(ellipse at 50% 40%, var(--surface-board-glow) 0%, var(--surface-board) 45%, var(--surface-board-edge) 100%);--gradient-diff-easy:linear-gradient(135deg, var(--color-diff-easy) 0%, var(--color-diff-easy-end) 100%);--gradient-diff-medium:linear-gradient(135deg, var(--color-diff-medium) 0%, var(--color-diff-medium-end) 100%);--gradient-diff-hard:linear-gradient(135deg, var(--color-diff-hard) 0%, var(--color-diff-hard-end) 100%);--gradient-diff-xhard:linear-gradient(135deg, var(--color-diff-xhard) 0%, var(--color-diff-xhard-end) 100%);--gradient-primary:var(--gradient-diff-easy);--gradient-danger:linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-strong) 100%);--gradient-special:linear-gradient(135deg, var(--color-special) 0%, var(--color-special-strong) 100%);--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--leading-tight:1;--leading-snug:1.2;--leading-normal:1.45;--tracking-normal:0;--tracking-wide:.04em;--tracking-widest:.08em;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-full:50%;--radius-tile:8px;--tile-glow-red:#f97316;--tile-glow-blue:#3b82f6;--tile-glow-yellow:#facc15;--tile-glow-black:#6f6a64;--border-thin:1px;--border-thick:2px;--shadow-0:none;--shadow-1:0 1px 2px #00000040;--shadow-2:0 2px 6px #0000004d, 0 1px 2px #00000026;--shadow-3:0 8px 24px #00000073;--shadow-4:0 20px 50px #0000008c, 0 0 0 1px #ffffff0d;--shadow-inset:inset 0 1px 3px #00000040;--shadow-tile:0 4px 8px #00000052, 0 1px 3px #0000002e, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014;--shadow-tile-hover:0 8px 16px #00000061, 0 2px 4px #0003, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014;--shadow-glow:0 0 0 3px var(--glow-color,var(--color-accent)), 0 8px 16px #00000073;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.4s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate:cubic-bezier(.25, 1, .5, 1);--z-base:0;--z-raised:10;--z-sticky:50;--z-dropdown:100;--z-overlay:200;--z-modal:210;--z-toast:400;--z-drag:500;--container-phone:420px;--container-tablet:640px;--container-desktop:1024px;--touch-target-min:44px;--tab-bar-height:54px;--header-height:48px;--icon-btn-size-sm:32px;--icon-btn-size-md:40px;--icon-btn-size-lg:44px;--avatar-xs:20px;--avatar-sm:28px;--avatar-md:36px;--avatar-lg:44px;--avatar-2xl:64px;--tile-w:40px;--tile-h:54px;--tile-font-size:1.05rem;--board-row-pad-v:calc(var(--tile-h) * .14);--board-row-pad-h:calc(var(--tile-h) * .14);--board-gap:calc(var(--tile-h) * .12);--board-pad:calc(var(--tile-h) * .12);--board-col-gap:calc(var(--tile-h) * .12);--slot-w:14px}@media (width>=480px){:root{--tile-w:48px;--tile-h:64px;--tile-font-size:1.35rem}}@media (width>=640px){:root{--tile-w:52px;--tile-h:70px;--tile-font-size:1.5rem}}@media (width>=768px){:root{--tile-w:56px;--tile-h:74px;--tile-font-size:1.6rem}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}.tile__suit{width:calc(var(--tile-h) * .26);height:calc(var(--tile-h) * .26);pointer-events:none;display:none;position:absolute;top:3px;left:4px}.tile__suit--br{inset:auto 4px 3px auto}html.suit-symbols .tile__suit{display:block}.tile--red .tile__suit{color:#9a3a00}.tile--blue .tile__suit{color:#155f9e}.tile--yellow .tile__suit{color:#713f12}.tile--black .tile__suit{color:#262320}@property --tile-h{syntax:"<length>";inherits:true;initial-value:54px}@property --overlap{syntax:"<number>";inherits:true;initial-value:0}:root{--tile-font:700 1.05rem/1 system-ui, sans-serif;--tile-border:#c9b879;--tile-band-h:calc(var(--tile-h) * .17);--tile-shadow:0 4px 8px #00000052, 0 1px 3px #0000002e, inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #00000014}.tile{width:var(--tile-w);min-width:var(--tile-w);height:var(--tile-h);border:var(--border-thick) solid var(--tile-border);border-radius:var(--radius-tile);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--tile-shadow);-webkit-tap-highlight-color:transparent;touch-action:pan-y;will-change:transform, box-shadow;background:linear-gradient(170deg,#fff8e6 0%,#f5e9bf 100%);outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .13s,box-shadow .13s,opacity .13s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff85 0%,#ffffff2e 40%,#fff0 60%);position:absolute;inset:0}.tile:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 8px 16px #00000061,0 2px 4px #0003,inset 0 1px #ffffffe6,inset 0 -2px #00000014}.tile:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.tile__number{font:var(--tile-font);z-index:1;position:relative}.tile--red{--tile-glow-color:#f97316;--tile-band-color:#d55e00;background:linear-gradient(170deg,#fff4ec 0%,#ffe0cc 100%);border-color:#d55e00;box-shadow:0 4px 8px #d55e0040,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #963c001f}.tile--blue{--tile-glow-color:#3b82f6;--tile-band-color:#0072b2;background:linear-gradient(170deg,#f2f7ff 0%,#e2ecff 100%);border-color:#0072b2;box-shadow:0 4px 8px #0072b240,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #003c8c1f}.tile--yellow{--tile-glow-color:#facc15;--tile-band-color:#f0c400;background:linear-gradient(170deg,#fffdeb 0%,#fef3c0 100%);border-color:#f0c400;box-shadow:0 4px 8px #f0c40047,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #785a001f}.tile--black{--tile-glow-color:#6f6a64;--tile-band-color:#3a3733;background:linear-gradient(170deg,#f6f5f3 0%,#e7e5e1 100%);border-color:#3a3733;box-shadow:0 4px 8px #00000047,0 1px 3px #00000026,inset 0 1px #ffffffe6,inset 0 -2px #28231e2e}.tile--red .tile__number{color:#9a3a00;text-shadow:0 1px #ffffff80}.tile--blue .tile__number{color:#155f9e;text-shadow:0 1px #ffffff80}.tile--yellow .tile__number{color:#713f12;text-shadow:0 1px #ffffff80}.tile--black .tile__number{color:#262320;text-shadow:0 1px #ffffff80}.tile__band{height:var(--tile-band-h);background:var(--tile-band-color,transparent);pointer-events:none;z-index:0;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff40}html.no-tile-band .tile__band,html:not(.no-tile-band) .tile__suit--br{display:none}html:not(.no-tile-band) .tile{padding-bottom:var(--tile-band-h)}.tilemark{border-radius:var(--radius-tile);border:var(--border-thick) solid var(--tile-border);color:#6b5b22;background:linear-gradient(170deg,#fff8e6 0%,#f5e9bf 100%);justify-content:center;align-items:center;width:48px;height:62px;font:700 1.55rem/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 6px 14px #0000004d,inset 0 1px #ffffffe6,inset 0 -2px #785a001f}.tilemark--blue{color:#155f9e;background:linear-gradient(170deg,#f2f7ff 0%,#e2ecff 100%);border-color:#0072b2}.tilemark--yellow{color:#713f12;background:linear-gradient(170deg,#fffdeb 0%,#fef3c0 100%);border-color:#f0c400}.tilemark--red{color:#9a3a00;background:linear-gradient(170deg,#fff4ec 0%,#ffe0cc 100%);border-color:#d55e00}.tilemark--back{background:linear-gradient(160deg,#1a5c38 0%,#103f27 100%);border-color:#0c3520;box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff14}.tilemark--back:after{content:"";border:var(--border-thin) solid #ffffff2e;border-radius:2px;width:15px;height:15px;transform:rotate(45deg)}.empty-state--error .tilemark--back{box-shadow:0 6px 14px #00000059, inset 0 1px 0 #ffffff14, 0 0 0 1px var(--color-danger-border), 0 0 18px var(--color-danger-muted)}.meld-row .tile{touch-action:none}.meld-cell--placed .tile{animation:.5s tile-place}@keyframes tile-place{0%{filter:brightness();box-shadow:var(--tile-shadow)}35%{filter:brightness(1.15);box-shadow:var(--tile-shadow), 0 0 12px #fbbf2459}to{filter:brightness();box-shadow:var(--tile-shadow)}}.tile--state-selected{border-color:var(--tile-glow-color,var(--color-accent));box-shadow:0 0 0 3px var(--tile-glow-color,var(--color-accent)), 0 8px 16px #00000073, inset 0 1px 0 #ffffffe6;z-index:var(--z-raised);animation:1.8s ease-in-out infinite tile-selected-glow;transform:translateY(-6px)scale(1.08)}@keyframes tile-selected-glow{0%,to{box-shadow:0 0 0 3px var(--tile-glow-color,var(--color-accent)), 0 8px 16px #00000073, inset 0 1px 0 #ffffffe6}50%{box-shadow:0 0 0 5px var(--tile-glow-color,var(--color-accent)), 0 8px 20px #00000080, inset 0 1px 0 #ffffffe6, 0 0 20px color-mix(in srgb, var(--tile-glow-color,var(--color-accent)) 40%, transparent)}}.tile--state-dragging{opacity:.3;transition:opacity 80ms,transform 80ms;transform:scale(.93)rotate(4deg)}.tile--state-hint{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success), 0 0 16px #4ade8080, var(--tile-shadow);animation:1.6s ease-in-out infinite hint-pulse}.tile--state-ghost{opacity:.38;border-style:dashed;border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-border), 0 0 10px #4ade8040;pointer-events:none;cursor:default;animation:2s ease-in-out infinite ghost-pulse}@keyframes ghost-pulse{0%,to{opacity:.32;box-shadow:0 0 0 2px #4ade804d,0 0 8px #4ade8033}50%{opacity:.52;box-shadow:0 0 0 2px #4ade808c,0 0 16px #4ade8073}}.tile--state-multi{border-color:var(--color-info);box-shadow:0 0 0 3px var(--color-info), 0 6px 12px #0006, inset 0 1px 0 #ffffffe6;z-index:var(--z-raised);transform:translateY(-5px)scale(1.05)}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 3px var(--color-success), 0 0 14px #4ade8073}50%{box-shadow:0 0 0 3px var(--color-success), 0 0 26px #4ade80cc}}.tile--touch-dragging{opacity:.2;pointer-events:none;transition:opacity .1s,transform .1s;box-shadow:none!important;transform:scale(.9)rotate(3deg)!important}.tile--small{--tile-w:38px;--tile-h:52px;--tile-font:700 1.05rem/1 system-ui, sans-serif}.meld-row{padding:var(--row-v-pad) var(--row-h-pad);border-radius:var(--radius-lg);border:1.5px solid var(--stroke-subtle);box-sizing:border-box;min-width:0;transition:--overlap var(--duration-slow) var(--ease-decelerate), border-color var(--duration-fast) ease, background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:#0003;flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}.meld-row--entering{animation:meld-row-enter var(--duration-slow) var(--ease-decelerate) both}@keyframes meld-row-enter{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.meld-row--exiting{pointer-events:none;transition:none;animation:.28s cubic-bezier(.5,0,.75,0) both meld-row-exit;position:absolute}@keyframes meld-row-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)scale(.94)}}.meld-row--invalid{animation:invalid-shake var(--duration-slow) ease, invalid-pulse .8s ease;background:#ef444417;border-color:#ef4444b3}@keyframes invalid-shake{0%,to{transform:translate(0)}10%{transform:translate(-10px)}30%{transform:translate(10px)}50%{transform:translate(-8px)}70%{transform:translate(6px)}85%{transform:translate(-3px)}}@keyframes invalid-pulse{0%{background:#ef444417;border-color:#ef4444b3}30%{background:#ef444440;border-color:#ef4444e6}to{background:#ef444417;border-color:#ef4444b3}}.meld-row--completed{animation:meld-complete-glow .7s var(--ease-decelerate) both}@keyframes meld-complete-glow{0%,to{border-color:var(--stroke-subtle);background:#0003;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}40%{border-color:var(--color-success);background:var(--color-success-muted);box-shadow:inset 0 1px 3px #00000040, 0 0 0 2px var(--color-success), 0 0 18px #4ade8080}}.no-completion-glow .meld-row--completed{animation:none}.meld-cell{flex-shrink:0;align-items:center;display:flex;position:relative}.meld-row>.meld-cell+.meld-cell{margin-left:calc(var(--tile-w) * var(--overlap,0) * -1)}.meld-row>.meld-cell:hover,.meld-row>.meld-cell:focus-within{z-index:var(--z-raised)}.meld-row--drag-over{border-color:var(--color-accent-border)}.meld-row--drag-over .tile{transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);transform:translateY(-3px)scale(1.03);box-shadow:0 6px 14px #00000059,0 2px 4px #0000002e,inset 0 1px #ffffffe6,inset 0 -2px #00000014}.meld-row--can-place{cursor:pointer}.board{--width-denom:4;--width-fixed:3px;--height-denom:7;--height-fixed:3px;--tile-h-w:calc((100cqw - var(--width-fixed)) / var(--width-denom));--tile-h-h:calc((100cqh - var(--height-fixed)) / var(--height-denom));--tile-h:clamp(28px, min(var(--tile-h-w), var(--tile-h-h)), 80px);--tile-w:calc(var(--tile-h) * 40 / 54);--row-v-pad:calc(var(--tile-h) * .14);--row-h-pad:calc(var(--tile-h) * .14);--board-gap:calc(var(--tile-h) * .12);--board-pad:calc(var(--tile-h) * .12);--col-gap:calc(var(--tile-h) * .12);--tile-font:700 calc(var(--tile-h) * .34) / 1 system-ui, sans-serif;align-content:start;row-gap:var(--board-gap);padding:var(--board-pad);box-sizing:border-box;width:100%;height:100%;transition:--tile-h var(--duration-slow) var(--ease-decelerate);grid-template-columns:1fr;grid-auto-rows:min-content;grid-auto-flow:row;display:grid;position:relative;overflow:hidden}.board--two-col{column-gap:var(--col-gap);grid-template-columns:1fr 1fr}.board__new-row{padding:var(--row-v-pad) var(--row-h-pad);min-height:calc(var(--tile-h) + 2 * var(--row-v-pad));border:1.5px dashed var(--stroke-subtle);border-radius:var(--radius-lg);color:#0000;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast);cursor:default;box-sizing:border-box;background:#0000001a;justify-content:center;align-items:center;display:flex}.board__new-row--active{border-color:var(--stroke);cursor:pointer;background:#00000021}.board__new-row--active:hover,.board__new-row--active:focus-visible{border-color:var(--color-accent);background:var(--surface-glass);outline:none}.board__new-row--hint{border:1.5px solid var(--stroke-subtle);background:#0003;box-shadow:inset 0 1px 3px #00000040,0 1px #ffffff0a}.hand{flex:1;align-items:center;min-width:0;display:flex;overflow-x:auto}.hand__rack{gap:var(--space-2);padding:var(--space-3);flex-direction:row;align-items:center;margin:0 auto;display:flex}.hand__rack .tile{touch-action:none}.hand--empty{justify-content:center}@media (width>=375px){:root{--tile-w:40px;--tile-h:54px}}@media (width>=480px){:root{--tile-w:48px;--tile-h:64px;--tile-font:700 1.35rem/1 system-ui, sans-serif}.hand__rack{gap:var(--space-3)}}@media (width>=640px){:root{--tile-w:52px;--tile-h:70px;--tile-font:700 1.5rem/1 system-ui, sans-serif}}@media (width>=768px){:root{--tile-w:56px;--tile-h:74px;--tile-font:700 1.6rem/1 system-ui, sans-serif}}*,:before,:after{box-sizing:border-box}:root{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}html,body{background:var(--surface-board);overscroll-behavior:none;height:100dvh;margin:0;padding:0;overflow:hidden}#root{overscroll-behavior:none;flex-direction:column;width:100%;max-width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}button{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;font-family:inherit}button:disabled{opacity:.4;cursor:not-allowed}.difficulty-dropdown{flex:none;display:inline-flex;position:relative}.difficulty-dropdown__trigger{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-thin) solid var(--surface-glass-active);background:var(--surface-glass-hover);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;white-space:nowrap;display:inline-flex}.difficulty-dropdown__trigger:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong)}.difficulty-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.difficulty-dropdown__trigger:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.difficulty-dropdown__trigger--easy{color:var(--color-success);border-color:var(--color-success-border)}.difficulty-dropdown__trigger--medium{color:var(--color-warning);border-color:var(--color-accent-border)}.difficulty-dropdown__trigger--hard{color:var(--color-diff-hard);border-color:#f9731673}.difficulty-dropdown__trigger--extra_hard{color:var(--color-danger);text-shadow:0 0 8px #ef444459;border-color:#ef444480}.difficulty-dropdown__caret{font-size:var(--text-xs);opacity:.8;line-height:var(--leading-tight)}.difficulty-dropdown__label-short{display:inline}.difficulty-dropdown__label-full{display:none}@media (width>=640px){.difficulty-dropdown__label-short{display:none}.difficulty-dropdown__label-full{display:inline}}.difficulty-dropdown__menu{top:calc(100% + var(--space-3));min-width:130px;padding:var(--space-2);background:var(--gradient-surface);border:var(--border-thin) solid var(--color-accent-border);border-radius:var(--radius-lg);z-index:var(--z-dropdown);animation:dropdown-fade var(--duration-fast) ease-out;margin:0;list-style:none;position:absolute;left:0;box-shadow:0 10px 30px #0009,inset 0 0 0 1px #ffffff0d}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.difficulty-dropdown__option{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-bold);text-align:left;color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast);touch-action:pan-y;background:0 0;border:none;display:block}.difficulty-dropdown__option:hover{background:var(--surface-glass-hover)}.difficulty-dropdown__option--easy{color:var(--color-success)}.difficulty-dropdown__option--medium{color:var(--color-warning)}.difficulty-dropdown__option--hard{color:var(--color-diff-hard)}.difficulty-dropdown__option--extra_hard{color:var(--color-danger)}.difficulty-dropdown__option--active{background:var(--color-accent-muted);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.difficulty-dropdown__option:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:-2px}.check-cta{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-secondary);background:var(--surface-glass);border:var(--border-thick) solid var(--stroke);border-radius:var(--radius-pill);box-shadow:var(--shadow-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);animation:cta-pop .45s var(--ease-spring);text-transform:uppercase;display:inline-flex}.check-cta:hover{background:var(--surface-glass-hover);box-shadow:var(--shadow-2);transform:translateY(-1px)scale(1.02)}.check-cta:active{transform:scale(.97)}.check-cta:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.check-cta__icon{border-radius:var(--radius-full);background:var(--surface-glass-active);width:28px;height:28px;color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.check-cta__label{line-height:var(--leading-tight)}@keyframes cta-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.merge-arrow{border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;z-index:var(--z-raised);transition:opacity var(--duration-fast), transform var(--duration-fast);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.merge-arrow--right{right:var(--space-2);background:var(--color-success-muted);color:var(--color-success)}.merge-arrow--left{left:var(--space-2);background:var(--color-info-muted);color:var(--color-info)}.merge-arrow:hover{opacity:.85}.merge-arrow:active{transform:translateY(-50%)scale(.9)}.merge-arrow:focus-visible{outline:var(--border-thick) solid currentColor;outline-offset:2px}.tutorial-arrow{pointer-events:none;width:100%;height:100%;z-index:var(--z-dropdown);color:var(--color-success);position:fixed;inset:0;overflow:visible}.tutorial-arrow__path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:7 7;filter:drop-shadow(0 0 4px var(--color-success-border));animation:.9s linear infinite tutorial-arrow-flow}@keyframes tutorial-arrow-flow{to{stroke-dashoffset:-28px}}@media (prefers-reduced-motion:reduce){.tutorial-arrow__path{animation:none}}.controls{align-items:center;gap:var(--space-3);flex-direction:row;flex:1;min-width:0;display:flex}.btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-thin) solid var(--surface-glass-active);background:var(--surface-glass-hover);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.btn:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong)}.btn:active:not(:disabled){transform:scale(.95)}.btn:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.btn--new-puzzle{border-color:var(--color-accent-border);color:var(--color-accent);font-weight:var(--weight-bold);background:linear-gradient(135deg,#fbbf2433 0%,#f4842f26 100%)}.btn--new-puzzle:hover:not(:disabled){border-color:var(--color-accent);background:linear-gradient(135deg,#fbbf2459 0%,#f4842f40 100%);box-shadow:0 0 12px #fbbf2426}.controls__actions{align-items:center;gap:var(--space-2);flex-direction:row;flex:none;margin-left:auto;display:flex}.icon-btn{background:var(--surface-glass);border:var(--border-thin) solid var(--surface-glass-active);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);touch-action:pan-y;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn:hover:not(:disabled){background:var(--surface-glass-active);border-color:var(--stroke-strong);color:var(--text-primary)}.icon-btn:active:not(:disabled){transform:scale(.93)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:focus-visible{outline:var(--border-thick) solid var(--color-accent);outline-offset:2px}.icon-btn--hint{color:var(--color-success);background:var(--color-success-muted);border-color:var(--color-success-border)}.icon-btn--hint:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success);background:#4ade8033}.icon-btn--hint.icon-btn--active{border-color:var(--color-success);background:#4ade8038;box-shadow:0 0 10px #4ade8040}.icon-btn__badge{min-width:15px;height:15px;padding:0 var(--space-2);background:var(--color-success);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-pill);border:1.5px solid var(--surface-bg-raised);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0006}@media (width>=640px){.btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base)}.difficulty-dropdown__trigger{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.icon-btn{border-radius:var(--radius-md);width:38px;height:38px}.icon-btn svg{width:20px;height:20px}.controls__actions{gap:var(--space-3)}}.hint-panel{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:var(--border-thick) solid var(--color-success-border);animation:slide-down var(--duration-base) ease;background:#0f2819e6;flex-direction:column;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hint-panel--level-2{border-bottom-color:#fbbf2480}.hint-panel--level-3{border-bottom-color:#ef444480}.hint-panel__header{justify-content:space-between;align-items:center;display:flex}.hint-panel__badge{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-success)}.hint-panel--level-2 .hint-panel__badge{color:var(--color-accent)}.hint-panel--level-3 .hint-panel__badge{color:var(--color-danger)}.hint-panel__close{color:var(--text-tertiary);font-size:var(--text-xl);line-height:var(--leading-tight);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:0 0;border:none}.hint-panel__close:hover{color:var(--text-primary)}.hint-panel__text{font-size:var(--text-md);color:var(--text-primary);line-height:var(--leading-normal);margin:0}.status-banner{padding:var(--space-3) var(--space-5);font-size:var(--text-md);font-weight:var(--weight-semibold);animation:slide-down var(--duration-base) ease;justify-content:space-between;align-items:center;display:flex}.status-banner--success{color:var(--color-success);border-bottom:var(--border-thick) solid #22c55e66;background:#22c55e33}.status-banner--error{background:var(--color-danger-muted);color:var(--color-danger);border-bottom:var(--border-thick) solid #ef444459}.status-banner__close{color:inherit;font-size:var(--text-xl);opacity:.7;padding:var(--space-1) var(--space-3);line-height:var(--leading-tight);border-radius:var(--radius-sm);background:0 0;border:none}.status-banner__close:hover{opacity:1}.victory-overlay{z-index:var(--z-overlay);background:var(--surface-scrim);-webkit-backdrop-filter:blur(5px);animation:victory-overlay-in var(--duration-base) ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes victory-overlay-in{0%{opacity:0}to{opacity:1}}.victory-confetti{pointer-events:none;z-index:var(--z-overlay);position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:var(--radius-sm);will-change:transform, opacity;animation:linear forwards confetti-fall;position:absolute;top:-16px}.confetti-piece--circle{border-radius:var(--radius-full)}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)}80%{opacity:1}to{transform:translateX(var(--drift,0px)) translateY(110vh) rotate(var(--end-rot,360deg));opacity:0}}.victory-modal{background:var(--gradient-surface);border:1.5px solid var(--color-accent-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8) var(--space-8);text-align:center;width:92vw;max-width:380px;animation:victory-modal-in var(--duration-slow) var(--ease-spring);position:relative;box-shadow:0 30px 70px #000000a6,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14}@keyframes victory-modal-in{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.victory-modal__dismiss{top:var(--space-4);right:var(--space-5);color:var(--text-disabled);font-size:var(--text-2xl);line-height:var(--leading-tight);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;position:absolute}.victory-modal__dismiss:hover{color:var(--text-secondary)}.victory-modal__message{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:var(--weight-bold);line-height:var(--leading-snug);background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-diff-hard) 50%, var(--color-tile-red) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-7);letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text}.victory-modal__stats{margin-bottom:var(--space-8);border:var(--border-thin) solid var(--stroke-subtle);border-radius:var(--radius-lg);background:#ffffff0a;justify-content:center;align-items:stretch;gap:0;display:flex;overflow:hidden}.victory-stat{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);flex-direction:column;flex:1;display:flex}.victory-stat--divider{background:var(--stroke-subtle);flex:0 0 1px;padding:0}.victory-stat__icon{font-size:var(--text-2xl);line-height:var(--leading-tight)}.victory-stat__value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.victory-stat__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-disabled)}.diff-icon{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px;display:inline-block}.diff-icon--easy{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.diff-icon--medium{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.diff-icon--hard{background:var(--color-diff-hard);box-shadow:0 0 8px var(--color-diff-hard)}.diff-icon--extra_hard{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.victory-modal__actions{gap:var(--space-3);flex-direction:column;display:flex}.victory-btn{width:100%;padding:var(--space-5) var(--space-7);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);border:1.5px solid var(--stroke);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;touch-action:pan-y;position:relative;overflow:hidden}.victory-btn:after{content:"";border-radius:var(--radius-pill) var(--radius-pill) 0 0;pointer-events:none;background:#ffffff2e;height:50%;position:absolute;top:0;left:0;right:0}.victory-btn--new{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-strong) 100%);color:var(--text-primary);animation:2s ease-in-out .6s infinite btn-new-pulse;box-shadow:0 6px 20px #22c55e73,0 0 0 4px #4ade8026}@keyframes btn-new-pulse{0%,to{box-shadow:0 6px 20px #22c55e73,0 0 0 4px #4ade8026}50%{box-shadow:0 8px 28px #22c55ea6,0 0 0 12px #4ade8014}}.victory-btn--harder{background:var(--gradient-danger);color:var(--text-primary);box-shadow:0 6px 18px #ef444466}.victory-btn--review{justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface-glass);color:var(--text-secondary);border-color:var(--stroke-subtle);display:inline-flex}.victory-btn--review:after{display:none}.victory-btn:hover{transform:translateY(-2px)scale(1.02)}.victory-btn:active{transform:scale(.97)}.victory-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.pause-screen{min-height:0;padding:var(--space-6);background:var(--surface-scrim);-webkit-backdrop-filter:blur(5px);animation:victory-overlay-in var(--duration-base) ease;flex:auto;justify-content:center;align-items:center;display:flex}.pause-screen__card{text-align:center;width:92vw;max-width:360px;padding:var(--space-8);background:var(--gradient-surface);border:1.5px solid var(--color-accent-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);animation:victory-modal-in var(--duration-slow) var(--ease-spring);flex-direction:column;align-items:center;display:flex}.pause-screen__icon{width:72px;height:72px;margin-bottom:var(--space-5);border-radius:var(--radius-full);color:var(--color-accent);background:var(--surface-glass);border:var(--border-thin) solid var(--color-accent-border);justify-content:center;align-items:center;display:flex}.pause-screen__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-primary)}.pause-screen__message{margin:0 0 var(--space-7);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.pause-screen__resume{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-primary);width:auto;min-width:168px;color:var(--text-primary);border-color:var(--stroke);display:inline-flex}.challenge-result__columns{gap:var(--space-4);margin:var(--space-3) 0 var(--space-2);grid-template-columns:1fr 1fr;display:grid}.challenge-result__col{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);border:var(--border-thin) solid var(--stroke-subtle);background:#ffffff0a;flex-direction:column;display:flex}.challenge-result__col--you{background:var(--color-accent-muted);border-color:var(--color-accent-border)}.challenge-result__avatar{width:var(--avatar-lg);height:var(--avatar-lg);border-radius:var(--radius-full);border:var(--border-thick) solid var(--stroke)}.challenge-result__col--you .challenge-result__avatar{border-color:var(--color-accent)}.challenge-result__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.challenge-result__col--you .challenge-result__name{color:var(--color-accent)}.challenge-result__stat-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-2)}.challenge-result__stat-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.challenge-result__stat-value--winner{color:var(--color-success)}.victory-modal__challenge{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-thin) solid var(--stroke-subtle);width:100%}.victory-btn--challenge{justify-content:center;align-items:center;gap:var(--space-2);background:var(--gradient-special);color:var(--text-primary);width:100%;display:inline-flex;box-shadow:0 6px 18px #8b5cf666}.victory-challenge__status{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);display:block}.victory-challenge__share{gap:var(--space-3);flex-direction:column;display:flex}.victory-challenge__url{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--stroke);color:var(--text-primary);font-size:var(--text-xs);box-sizing:border-box;background:#0000004d;font-family:monospace}.victory-challenge__buttons{gap:var(--space-3);display:flex}.victory-btn--copy,.victory-btn--share{background:var(--surface-glass-active);color:var(--text-primary);border:var(--border-thin) solid var(--stroke);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);flex:1}