@import url(https://fonts.googleapis.com/css?family=Roboto:500,600,700,800,900&display=swap) layer(base);@layer base{:root{--base-color:#e0e5ec;--base-color-rgb:224,229,236;--color-white:#fff;--red-color:#dd9395;--yellow-color:#e2be49;--green-color:#2ed895;--blue-color:#48bfe7;--purple-color:#c98ecf;--debris-color:#565976;--foreground-primary:#7a7a90;--surface-shadow-dark:#b7b9c3;--surface-shadow-light:#f7fbff;--accent-blue:#4973ff;--accent-blue-faded:rgba(73,115,255,.35);--accent-blue-faded-active:#7a99ff;--skill-color:#0ff;--skill-color-rgb:0,255,255;--wave-grad-start:color-mix(in srgb,rgb(var(--base-color-rgb)) 92%,#000);--wave-grad-end:color-mix(in srgb,rgb(var(--base-color-rgb)) 96%,#fff);--ui-surface-grad-angle:145deg;--ui-surface-grad-start:color-mix(in srgb,rgb(var(--base-color-rgb)) 98%,#000);--ui-surface-grad-end:color-mix(in srgb,rgb(var(--base-color-rgb)) 100%,#fff);--match-text-highlight:#fff;--match-text-shadow:#666870;--match-glow-yellow:#f9f900;--match-glow-amber:#af6c00;--match-ani-interval:1s;--duration-instant:0s;--duration-fast:0.2s;--duration-normal:0.4s;--duration-slow:0.6s;--duration-extra-slow:1.2s;--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-in-out-quart:cubic-bezier(0.77,0,0.175,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--state-disabled-opacity:0.45;--state-disabled-grayscale:0.4;--state-loading-opacity:0.7;--state-pressed-bg:var(--base-color);--flex-center:flex;--flex-center-align:center;--flex-center-justify:center;--radius-interactive-sm:14px;--radius-interactive-md:16px;--radius-interactive-lg:24px;--radius-container-sm:18px;--radius-container-md:28px;--radius-container-lg:40px;--radius-decoration-xs:2px;--radius-decoration-sm:10px;--radius-circular:50%;--radius-pill:999px;--radius-inherit:inherit;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-button-sm:12px;--spacing-button-lg:20px;--spacing-container-md:18px;--spacing-none:0;--spacing-tight:6px;--spacing-loose:40px;--spacing-button-md:var(--spacing-md);--spacing-container-sm:var(--spacing-button-sm);--spacing-container-lg:var(--spacing-lg)}@media (prefers-contrast:high){:root{--shadow-raised-lg:0 4px 8px rgba(0,0,0,.8);--shadow-pressed-sm:inset 6px 6px 12px rgba(0,0,0,.6),inset -4px -4px 8px hsla(0,0%,100%,.8);--shadow-pressed-md:inset 9px 9px 16px rgba(0,0,0,.6),inset -6px -6px 12px hsla(0,0%,100%,.8);--shadow-pressed-lg:inset 12px 12px 20px rgba(0,0,0,.6),inset -8px -8px 16px hsla(0,0%,100%,.8);--border-contrast:2px solid var(--foreground-primary)}}@media (prefers-contrast:less){:root{--shadow-raised-lg:0 2px 4px rgba(0,0,0,.1);--shadow-pressed-sm:inset 2px 2px 4px rgba(0,0,0,.1),inset -1px -1px 2px hsla(0,0%,100%,.3);--shadow-pressed-md:inset 4px 4px 6px rgba(0,0,0,.1),inset -3px -3px 5px hsla(0,0%,100%,.3);--shadow-pressed-lg:inset 6px 6px 10px rgba(0,0,0,.1),inset -4px -4px 8px hsla(0,0%,100%,.3)}}}@layer base{@layer base{:root{--ff-sans:"Roboto","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,-apple-system,"Segoe UI",sans-serif;--ff-numeric:var(--ff-sans);--fs-xs:12px;--fs-sm:14px;--fs-md:18px;--fs-lg:24px;--fs-xl:32px;--fs-2xl:42px;--fs-3xl:72px;--fs-4xl:90px;--fw-regular:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--fw-black:900;--lh-tight:1.1;--lh-medium:1.3;--lh-base:1.45;--ls-tight:-0.01em;--ls-none:0;--ls-wide:0.06em;--ls-extra-wide:0.75em;--num-tabular:tabular-nums;--role-title-size:var(--fs-xl);--role-title-weight:var(--fw-bold);--role-title-lh:var(--lh-tight);--role-subtitle-size:var(--fs-xl);--role-subtitle-weight:var(--fw-semibold);--role-subtitle-lh:var(--lh-base);--role-body-size:var(--fs-md);--role-body-weight:var(--fw-regular);--role-body-lh:var(--lh-base);--role-caption-size:var(--fs-sm);--role-caption-weight:var(--fw-regular);--role-caption-lh:var(--lh-base);--role-metric-lg-size:var(--fs-2xl);--role-metric-lg-weight:var(--fw-bold);--role-metric-lg-lh:var(--lh-tight);--role-metric-lg-letter:var(--ls-tight);--role-metric-lg-numeric:var(--num-tabular);--role-badge-size:var(--fs-xs);--role-badge-weight:var(--fw-bold);--role-badge-lh:var(--lh-base);--role-btn-primary-size:var(--fs-xl);--role-btn-primary-weight:var(--fw-bold);--role-btn-primary-lh:var(--lh-tight);--role-btn-secondary-size:var(--fs-md);--role-btn-secondary-weight:var(--fw-bold);--role-btn-secondary-lh:var(--lh-base);--game-score-size:var(--role-metric-lg-size);--game-score-weight:var(--role-metric-lg-weight);--game-score-lh:var(--role-metric-lg-lh);--game-score-letter:var(--role-metric-lg-letter);--game-score-numeric:var(--role-metric-lg-numeric);--game-timer-size:var(--role-metric-lg-size);--game-timer-weight:var(--role-metric-lg-weight);--game-timer-lh:var(--role-metric-lg-lh);--game-timer-letter:var(--role-metric-lg-letter);--game-timer-numeric:var(--role-metric-lg-numeric);--game-match-callout-size:var(--fs-4xl);--game-match-callout-weight:var(--fw-black);--game-match-callout-lh:var(--lh-tight);--game-match-callout-letter:var(--ls-extra-wide);--result-final-size:var(--fs-3xl);--result-final-weight:var(--fw-black);--result-final-lh:var(--lh-tight);--settings-title-size:var(--fs-2xl);--settings-title-weight:var(--role-title-weight);--settings-title-lh:var(--role-title-lh);--tutorial-message-size:var(--fs-xl);--tutorial-message-weight:var(--fw-bold);--tutorial-message-lh:var(--lh-base);--tutorial-sub-size:var(--fs-xl);--tutorial-sub-weight:var(--fw-regular);--tutorial-sub-lh:var(--lh-base);--mode-scale:1;--mode-line:1}:root.result-mode{--mode-scale:1.15;--mode-line:0.95}:root.settings-mode{--mode-scale:1;--mode-line:1.1}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{font-family:var(--ff-sans)}@media (prefers-reduced-data:reduce){:root{--ff-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP",sans-serif}}@supports (font:-apple-system-body){.dynamic-type{font:-apple-system-body}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-feature-settings:"liga" 1,"kern" 1;font-feature-settings:"liga" 1,"kern" 1}}:root:lang(ja),:root:lang(ko),:root:lang(zh){--lh-tight:1.2;--lh-base:1.5}:root{--vh:1vh;--ui-min-size:24px;--board-width:630px;--board-height:630px;--piece-size:70px;--board-scale:min(0.13889vw,0.07813vh);--game-header-gap:20px;--start-width:280px;--start-height:100px;--controls-gap:50px;--controls-padding:20px;--button-menu-size:100px;--button-skill-size:100px;--button-skill-radius:16px;--timer-ring-size:140px;--timer-ring-stroke:20px;--abs-y1:0px;--abs-y2:0px;--abs-y3:0px;--abs-y4:0px;--settings-drawer-setback:40px;--settings-subview-width:560px;--settings-view-top-gap:96px;--settings-view-bottom-gap:var(--spacing-loose);--settings-back-width:180px;--settings-back-height:80px;--settings-toggle-height-default:32px;--settings-toggle-height-mode:84px;--tiles-area-width:560px;--tiles-area-height:500px;--settings-actions-top:calc(var(--settings-drawer-setback) + var(--settings-view-top-gap));--tile-mode-x:5px;--tile-mode-y:0px;--tile-mode-width:250px;--tile-mode-height:320px;--tile-mode-icon:120px;--tile-mode-gap:var(--spacing-sm);--settings-ranking-width:460px;--settings-settings-width:360px;--tile-skill-x:305px;--tile-skill-y:0px;--tile-skill-width:250px;--tile-skill-height:170px;--tile-skill-icon:70px;--tile-skill-gap:var(--spacing-sm);--tile-records-x:305px;--tile-records-y:220px;--tile-records-width:100px;--tile-records-height:100px;--tile-records-icon:50px;--tile-records-gap:var(--spacing-tight);--tile-settings-x:455px;--tile-settings-y:220px;--tile-settings-width:100px;--tile-settings-height:100px;--tile-settings-icon:50px;--tile-settings-gap:var(--spacing-tight)}}}@layer base{@layer base{@supports (height:100dvh){.app-viewport{min-height:100dvh}}@supports not (height:100dvh){.app-viewport{min-height:calc(var(--vh, 1vh)*100)}}.app-viewport{overflow-x:hidden;padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),0px) max(env(safe-area-inset-left),0px);position:relative;width:100%}#board,.board{margin-top:max(env(safe-area-inset-top),var(--spacing-md))}#controls,.controls{margin-bottom:max(env(safe-area-inset-bottom),var(--spacing-md))}#game-header,.game-header{padding-top:max(env(safe-area-inset-top),var(--spacing-sm))}:root{--shadow-raised-sm:6px 6px 12px var(--surface-shadow-dark),-6px -6px 12px var(--surface-shadow-light);--shadow-raised-md:8px 8px 16px var(--surface-shadow-dark),-8px -8px 16px var(--surface-shadow-light);--shadow-raised-lg:12px 12px 24px var(--surface-shadow-dark),-12px -12px 24px var(--surface-shadow-light);--shadow-pressed-sm:inset 4px 4px 8px var(--surface-shadow-dark),inset -3px -3px 6px var(--surface-shadow-light);--shadow-pressed-md:inset 7px 7px 12px var(--surface-shadow-dark),inset -5px -5px 10px var(--surface-shadow-light);--shadow-pressed-lg:inset 10px 10px 16px var(--surface-shadow-dark),inset -7px -7px 12px var(--surface-shadow-light);--shadow-pressed:var(--shadow-pressed-sm);--shadow-inset-sm:inset 4px 4px 8px var(--surface-shadow-dark),inset -3px -3px 6px var(--surface-shadow-light);--shadow-inset-md:inset 4px 4px 8px var(--surface-shadow-dark),inset -4px -4px 8px var(--surface-shadow-light);--shadow-inset-lg:inset 13px 13px 13px var(--surface-shadow-dark),inset -13px -13px 13px var(--surface-shadow-light);--shadow-none:none;--shadow-skill-start:0 0 0 0 var(--accent-blue-faded);--shadow-skill-mid:0 0 14px 4px color-mix(in srgb,var(--accent-blue-faded) 72%,transparent);--shadow-skill-end:0 0 6px 2px color-mix(in srgb,var(--accent-blue-faded) 58%,transparent)}}}@layer base{@layer base{}}@layer base{@layer base{@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.match-animation-critical,.piece-animation-critical,.timer-animation-critical{animation-duration:.2s!important;transition-duration:.2s!important}.parallax,.transform-3d{transform:none!important}.auto-animation,.infinite-animation{animation-play-state:paused!important}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.animated-element{will-change:transform,opacity}}@media (prefers-reduced-transparency:reduce){.backdrop-blur,.glass-effect,.translucent{backdrop-filter:none!important;background:var(--base-color)!important;opacity:1!important}}@media (prefers-reduced-data:reduce){.heavy-shadow{box-shadow:var(--shadow-raised-sm)!important}.complex-gradient{background:var(--base-color)!important}.complex-animation{animation:none!important}}@media (prefers-reduced-motion:no-preference){:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;transition:outline-color var(--duration-fast) ease}}@media (prefers-reduced-motion:reduce){:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;transition:none}}@media (hover:none) and (pointer:coarse){:focus-visible{outline-offset:3px;outline-width:3px}}@media (prefers-contrast:high){.btn-base,.wave,button{border:var(--border-contrast,2px solid var(--foreground-primary))}.low-contrast-text{color:var(--foreground-primary)!important;text-shadow:none!important}.subtle-background{background-color:var(--base-color)!important;border:1px solid var(--foreground-primary)!important}}}}@layer base{@layer base{@media (display-mode:standalone){.app-viewport{padding-top:max(env(safe-area-inset-top),var(--spacing-lg))}#game-header,.game-header{padding-top:max(env(safe-area-inset-top),var(--spacing-md))}#controls,.controls{margin-bottom:max(env(safe-area-inset-bottom),var(--spacing-xl))}}@media (display-mode:minimal-ui){.app-viewport{padding-top:max(env(safe-area-inset-top),var(--spacing-sm))}#controls,.controls{margin-bottom:max(env(safe-area-inset-bottom),var(--spacing-lg))}}@media (display-mode:fullscreen){.app-viewport{padding:0}#game-header,.game-header{padding-top:max(env(safe-area-inset-top),var(--spacing-xs))}#controls,.controls{margin-bottom:max(env(safe-area-inset-bottom),var(--spacing-xs))}}@media (display-mode:browser){.app-viewport{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.pwa-install-hint{animation:pwa-hint-slide-up var(--duration-normal) var(--ease-out-quart);background:var(--accent-blue);border-radius:var(--radius-interactive-md);bottom:var(--spacing-lg);color:var(--color-white);display:block;font-size:var(--fs-sm);left:50%;padding:var(--spacing-sm) var(--spacing-md);position:fixed;transform:translateX(-50%);z-index:1000}}@media (display-mode:fullscreen),(display-mode:minimal-ui),(display-mode:standalone){.pwa-install-hint{display:none}}@keyframes pwa-hint-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.pwa-install-hint{animation:none}}@media (orientation:landscape) and ((display-mode:standalone) or (display-mode:minimal-ui)){.app-viewport{padding-left:max(env(safe-area-inset-left),var(--spacing-md));padding-right:max(env(safe-area-inset-right),var(--spacing-md))}#board,.board{margin-top:max(env(safe-area-inset-top),var(--spacing-sm))}#controls,.controls{margin-bottom:max(env(safe-area-inset-bottom),var(--spacing-sm))}}@supports (-webkit-touch-callout:none){@media (display-mode:standalone){.app-viewport{-webkit-overflow-scrolling:touch}}}}}@layer base{*,body,html{-webkit-tap-highlight-color:transparent}*{-webkit-user-select:none;user-select:none}body,html{-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none}:focus,:focus-visible{outline:none}::selection{background-color:transparent}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}.btn-base,.button,.wave,[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.piece{touch-action:none}.scrollable,.settings-content{overscroll-behavior:contain;touch-action:pan-y}.body--locked{inset:0;overflow:hidden;position:fixed;width:100%;-webkit-overflow-scrolling:touch}}@layer base{@layer base{body{align-items:center;background-color:var(--base-color);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--spacing-none)}html.is-booting #animated-text,html.is-booting #board,html.is-booting #controls,html.is-booting #game-header,html.is-booting .animated-text,html.is-booting .board,html.is-booting .controls,html.is-booting .game-header{opacity:0;pointer-events:none}#animated-text,#board,#controls,#game-header,.animated-text,.board,.controls,.game-header{transition:opacity .18s ease}#controls,.controls{display:grid;gap:var(--controls-gap);grid-template-areas:"menu start skill";grid-template-columns:1fr auto 1fr;height:var(--start-height);left:50%;padding:0 var(--controls-padding);place-items:center;position:fixed;top:var(--abs-y4);transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center;width:var(--board-width);z-index:6}html.is-booting #controls,html.is-booting .controls{opacity:0;pointer-events:none}#controls,.controls{transition:opacity .18s ease}}}@layer components{@layer components{#animated-text,.animated-text{align-items:center;display:flex;left:50%;margin:var(--spacing-none);padding:var(--spacing-none);position:fixed;top:var(--abs-y1);transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center;width:auto;z-index:5}.animated-text li{animation:loading var(--match-ani-interval) linear infinite;animation-fill-mode:forwards;animation-play-state:paused;font-family:var(--ff-sans);font-size:calc(var(--game-match-callout-size)*var(--mode-scale));font-weight:var(--game-match-callout-weight);letter-spacing:var(--game-match-callout-letter);line-height:calc(var(--game-match-callout-lh)*var(--mode-line));list-style:none;text-shadow:-2px -2px 0 var(--match-text-highlight),2px 2px 0 var(--match-text-shadow)}@keyframes loading{0%{color:var(--base-color);text-shadow:-2px -2px 0 var(--match-text-highlight),2px 2px 0 var(--match-text-shadow)}80%{color:var(--base-color);text-shadow:-2px -2px 0 var(--match-text-highlight),2px 2px 0 var(--match-text-shadow)}to{text-shadow:0 0 7px var(--match-glow-yellow),0 0 50px var(--match-glow-amber),-2px -2px 0 var(--match-text-highlight),2px 2px 0 var(--match-text-shadow)}}.animated-text li:first-child{animation-delay:calc(var(--match-ani-interval)*-.8);color:var(--red-color)}.animated-text li:nth-child(2){animation-delay:calc(var(--match-ani-interval)*-.6);color:var(--yellow-color)}.animated-text li:nth-child(3){animation-delay:calc(var(--match-ani-interval)*-.4);color:var(--green-color)}.animated-text li:nth-child(4){animation-delay:calc(var(--match-ani-interval)*-.2);color:var(--blue-color)}.animated-text li:nth-child(5){animation-delay:0s;color:var(--purple-color);letter-spacing:0}.game-header-item{align-items:var(--flex-center-align);display:var(--flex-center);flex-direction:column;gap:var(--spacing-none);pointer-events:auto;width:var(--score-width);z-index:6}.game-header-value{background-color:transparent;border-radius:0;box-shadow:var(--shadow-none);color:var(--foreground-primary);display:block;font-size:max(calc(var(--game-score-size)*var(--mode-scale)),var(--ui-min-size));font-variant-numeric:var(--game-score-numeric);font-weight:var(--game-score-weight);height:auto;letter-spacing:var(--game-score-letter);line-height:calc(var(--game-score-lh)*var(--mode-line));min-height:1em;padding:var(--spacing-none);position:relative;text-align:center;text-shadow:none;width:auto}#score{grid-area:score}.score__label{color:var(--foreground-primary);display:block;font-family:var(--ff-sans);font-size:calc(var(--fs-md)*var(--mode-scale));font-weight:var(--fw-semibold);letter-spacing:1px;line-height:calc(var(--lh-base)*var(--mode-line));opacity:.6;padding:var(--spacing-none);text-align:center;text-transform:none;width:100%}#score-value{font-family:var(--ff-numeric)}#game-mode{grid-area:game-mode}#game-mode-value{font-family:var(--ff-sans);font-weight:var(--fw-bold)}@keyframes color-change{0%{color:var(--red-color)}25%{color:var(--yellow-color)}50%{color:var(--green-color)}75%{color:var(--blue-color)}to{color:var(--purple-color)}}}}@layer components{@layer components{#board,.board{position:fixed;top:var(--abs-y3);transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center;z-index:2}#board,#shape,.board,.board-shape{height:var(--board-height);left:50%;width:var(--board-width)}#shape,.board-shape{background-color:var(--base-color);border-radius:var(--radius-container-lg);box-shadow:var(--shadow-inset-lg);position:absolute;top:0;transform:translateX(-50%);z-index:1}#table,.board-table{height:calc(var(--board-height) - var(--board-inner-padding, 0px)*2);left:50%;overflow:hidden;position:absolute;table-layout:fixed;top:50%;transform:translate(-50%,-50%);width:calc(var(--board-width) - var(--board-inner-padding, 0px)*2)}#table,.board-table,table{border-collapse:collapse;border-spacing:0;z-index:2}table{position:relative;top:0}.skill-preview{animation-delay:var(--skill-preview-delay,0ms);animation-duration:.36s;animation-fill-mode:both;animation-name:skill-preview-pulse-strong;animation-timing-function:cubic-bezier(.15,0,.15,1);border-radius:10%;outline:2px solid var(--accent-blue-faded);outline-offset:-2px}@keyframes skill-preview-pulse-strong{0%{box-shadow:var(--shadow-skill-start);filter:brightness(1);opacity:.85}55%{box-shadow:var(--shadow-skill-mid);filter:brightness(1.1);opacity:1}to{box-shadow:var(--shadow-skill-end);filter:brightness(1.02);opacity:.95}}html.is-skill-targeting #board,html.is-skill-targeting .board{cursor:crosshair}html.is-skill-targeting .piece-shadow{pointer-events:auto}#board.is-drawer-open #table,.board[data-drawer=open] .board-table,html.is-skill-targeting .piece{pointer-events:none}#board.is-drawer-open #table .piece,#board.is-drawer-open #table .piece-shadow,.board[data-drawer=open] .board-table .piece,.board[data-drawer=open] .board-table .piece-shadow{opacity:0}#table .piece,#table .piece-shadow,.board-table .piece,.board-table .piece-shadow{transition:opacity .32s cubic-bezier(.16,1,.3,1)}html.is-booting #board,html.is-booting .board{opacity:0;pointer-events:none}#board,.board{transition:opacity .18s ease}.btn-base{align-items:center;appearance:none;background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);border:none;box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;display:inline-flex;font-family:var(--ff-sans);justify-content:center;position:relative;text-align:center;text-shadow:none;transition:box-shadow var(--duration-fast) ease,transform .02s ease}.btn-base__icon{display:block}}}@layer components{@layer components{:is(.btn-base,.menu-button,.skill-button):not(.is-disabled):not(:disabled):is(:active,.clicked,.is-armed),html.is-drawer-open :is(.game-header,#game-header,.controls,#controls) .menu-button{background-color:var(--base-color);box-shadow:var(--btn-pressed-shadow,var(--shadow-pressed-md))}.btn-base.is-disabled,.btn-base:disabled{filter:grayscale(var(--state-disabled-grayscale));opacity:var(--state-disabled-opacity);pointer-events:none}.btn-base.is-loading{cursor:wait;opacity:var(--state-loading-opacity);pointer-events:none}.btn-circular{border-radius:var(--radius-circular)}.btn-rectangular{border-radius:var(--radius-interactive-md)}.menu-button{font-size:calc(var(--button-menu-size)*.45);height:var(--button-menu-size);line-height:1;position:absolute;width:var(--button-menu-size)}.menu-button__icon{height:calc(var(--button-menu-size)*.4);width:calc(var(--button-menu-size)*.4)}#game-header .menu-button,.game-header .menu-button{bottom:auto;height:var(--button-menu-size);left:50%;pointer-events:auto;position:absolute;right:auto;top:50%;transform:translate(calc(-50% + var(--menu-translateX)),-50%);width:var(--button-menu-size);z-index:7}#controls .menu-button,.controls .menu-button{grid-area:menu;height:var(--button-menu-size);pointer-events:auto;width:var(--button-menu-size);z-index:7}.menu-button.is-disabled,.menu-button:disabled{filter:grayscale(var(--state-disabled-grayscale));opacity:var(--state-disabled-opacity);pointer-events:none;transition:none}.menu-button.is-loading{cursor:wait;opacity:var(--state-loading-opacity);pointer-events:none}html.is-drawer-open #controls .menu-button,html.is-drawer-open #game-header .menu-button,html.is-drawer-open .controls .menu-button,html.is-drawer-open .game-header .menu-button{pointer-events:none}.skill-button{height:var(--button-skill-size);position:absolute;transition:box-shadow var(--duration-fast) ease,transform .02s ease,filter var(--duration-fast) ease;width:var(--button-skill-size)}#controls .skill-button,.controls .skill-button{grid-area:skill;pointer-events:auto;z-index:7}.skill-button__icon{height:calc(var(--button-skill-size)*.42);width:calc(var(--button-skill-size)*.42)}.skill-button.is-targeting{background:var(--button-bg-pressed);box-shadow:var(--shadow-pressed-md)}.skill-button.is-disabled,.skill-button:disabled{filter:grayscale(var(--state-disabled-grayscale));opacity:var(--state-disabled-opacity);pointer-events:none}.skill-button.is-loading{cursor:wait;opacity:var(--state-loading-opacity);pointer-events:none}.piece-shadow:after,.piece-shadow:before{background-repeat:no-repeat;content:"";height:250%;left:-10%;position:absolute;width:250%;z-index:-1000}.piece-shadow:before{background-image:radial-gradient(circle,var(--red-color) 10%,transparent 20%),radial-gradient(circle,var(--red-color) 10%,transparent 20%),radial-gradient(circle,var(--blue-color) 10%,transparent 20%),radial-gradient(circle,var(--blue-color) 10%,transparent 20%);top:-130%}.piece-shadow:after,.piece-shadow:before{background-size:50% 50%;display:none;left:-65%}.piece-shadow:after{background-image:radial-gradient(circle,var(--purple-color) 10%,transparent 20%),radial-gradient(circle,transparent 5%,var(--purple-color) 15%,transparent 20%),radial-gradient(circle,var(--green-color) 10%,transparent 20%),radial-gradient(circle,var(--green-color) 10%,transparent 20%);bottom:-130%}.particle{left:0;position:absolute;top:0;z-index:5}.particle--debris{background:var(--debris-color)}.particle--fire{border-radius:var(--radius-circular)}td{border:0 solid var(--base-color);height:var(--piece-size,70px);padding:var(--spacing-none);width:var(--piece-size,70px)}.piece{background-position:50%;background-size:contain;box-sizing:border-box}.piece,.piece-shadow{height:100%;position:relative;width:100%}.red{background-image:url(assets/images/red.52e81bde2f84200a1ed4.webp)}.yellow{background-image:url(assets/images/yellow.b9f038db1db900941961.webp)}.blue{background-image:url(assets/images/blue.14247e872c9105e65ed1.webp)}.green{background-image:url(assets/images/green.3d4f8e56ff00b425cb2d.webp)}.purple{background-image:url(assets/images/purple.de7f4f83670b70dedbd2.webp)}.piece.special{background-size:cover}.piece--preview-special{background-size:cover;position:relative;will-change:transform,filter}.piece--preview-cross{animation:cross-preview-pulse .36s ease-in-out infinite alternate;background-image:url(assets/images/cross.fd2871ec18b322b30b46.webp);background-size:cover;filter:brightness(1.05);transform-origin:center}}}@layer components{@layer components{}}@layer components{@layer components{@keyframes cross-preview-pulse{0%{filter:brightness(.9);transform:scale(.94)}to{filter:brightness(1.2);transform:scale(1.04)}}.piece.special.cross{background-image:url(assets/images/cross.fd2871ec18b322b30b46.webp)}.piece.special.verticalStripe{background-image:url(assets/images/stripe_v.4c9574e4ebc3808ea389.webp)}.piece.special.horizontalStripe{background-image:url(assets/images/stripe_h.2915a758bede7365183f.webp)}.piece.special.bomb{background-image:url(assets/images/bomb.8eb1cc7620c72756356e.webp)}.piece.special.bomb2{animation:bomb2-idle 2.4s ease-in-out infinite;animation-direction:alternate}.piece.special.bigBomb2,.piece.special.bomb2{background-image:url(assets/images/bomb.8eb1cc7620c72756356e.webp);position:relative;will-change:transform,filter}.piece.special.bigBomb2{animation:bigBomb2-idle 1.8s ease-in-out infinite;animation-direction:alternate}@keyframes bomb1-pulse{0%{transform:scale(1)}70%{transform:scale(.6)}to{transform:scale(1.1)}}@keyframes bomb2-idle{0%{filter:brightness(1) contrast(1) saturate(1);transform:scale(1.1)}25%{filter:brightness(.95) contrast(1.05) saturate(1.1);transform:scale(.9)}50%{filter:brightness(1.3) contrast(1.15) saturate(1.3);transform:scale(1.1)}75%{filter:brightness(.95) contrast(1.05) saturate(1.1);transform:scale(.9)}to{filter:brightness(1) contrast(1) saturate(1);transform:scale(1.1)}}@keyframes bigBomb2-idle{0%,to{filter:brightness(1) contrast(1) saturate(1);transform:scale(1)}25%{filter:brightness(.95) contrast(1.05) saturate(1.1);transform:scale(.8)}50%{filter:brightness(1.3) contrast(1.15) saturate(1.3);transform:scale(1.2)}75%{filter:brightness(.95) contrast(1.05) saturate(1.1);transform:scale(.8)}}.piece.skill-targeted{position:relative}.piece.skill-targeted:before{border:3px solid var(--skill-color,#0ff);border-radius:15%;bottom:0;box-shadow:0 0 10px var(--skill-color,#0ff),inset 0 0 10px rgba(0,255,255,.3);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.piece.skill-targeted.explosion:after{content:"💥";font-size:24px;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 5px hsla(0,0%,100%,.8);top:50%;transform:translate(-50%,-50%);z-index:2}@keyframes special-piece-charge-row{0%{transform:scale(1)}30%{transform:scaleX(1) scaleY(1.3)}70%{transform:scaleX(2.5) scaleY(.8)}to{transform:scaleX(3) scaleY(.6)}}@keyframes special-piece-charge-col{0%{transform:scale(1)}30%{transform:scaleX(1.3) scaleY(1)}70%{transform:scaleX(.8) scaleY(2.5)}to{transform:scaleX(.6) scaleY(3)}}@keyframes special-piece-charge-bomb{0%{transform:scale(1)}75%{transform:scale(.7)}to{transform:scale(1.3)}}@keyframes skill-explosion{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}.piece.special-charging-row{animation:special-piece-charge-row .25s ease-in-out forwards;will-change:transform}.piece.special-charging-col{animation:special-piece-charge-col .25s ease-in-out forwards;will-change:transform}.piece.special-charging-bomb{animation:special-piece-charge-bomb .2s ease-in-out forwards;will-change:transform}.piece.skill-explosion{animation:skill-explosion .6s ease-out forwards;will-change:transform,opacity}.piece.animation-complete{animation:none;will-change:auto}.mix-overlay .mix-flash{align-items:center;background:radial-gradient(circle at center,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.6) 55%,hsla(0,0%,100%,0) 85%);border-radius:50%;box-shadow:0 0 18px hsla(0,0%,100%,.9),0 0 50px hsla(0,0%,100%,.55);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transform:scale(.2)}.mix-overlay .mix-flash.mix-flash--active{animation:mix-flash-expand .42s ease-out forwards}@keyframes mix-flash-expand{0%{opacity:.8;transform:scale(.2)}35%{opacity:.95;transform:scale(1.4)}70%{opacity:.65;transform:scale(2.2)}to{opacity:0;transform:scale(2.8)}}.mix-overlay .mix-pop{align-items:center;display:flex;filter:drop-shadow(0 0 12px rgba(255,255,255,.65));inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transform:scale(.6)}.mix-overlay .mix-pop.mix-pop--visible{animation:mix-pop-bounce .36s cubic-bezier(.28,.86,.36,1.2) forwards}.mix-overlay .mix-pop-content{display:block;height:100%;width:100%}@keyframes mix-pop-bounce{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.2)}45%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.piece.special.horizontalStripe2,.piece.special.horizontalStripeCharged,.piece.special.verticalStripe2,.piece.special.verticalStripeCharged{position:relative}.piece.special.horizontalStripe2:after,.piece.special.horizontalStripeCharged:after,.piece.special.verticalStripe2:after,.piece.special.verticalStripeCharged:after{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,0));content:"";inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute}.piece.special.horizontalStripe2:after,.piece.special.horizontalStripeCharged:after{animation:stripe2-overlay-row 1.6s ease-in-out infinite}.piece.special.verticalStripe2:after,.piece.special.verticalStripeCharged:after{animation:stripe2-overlay-col 1.6s ease-in-out infinite}.piece.special.horizontalStripe2,.piece.special.verticalStripe2{animation:stripe2-precharge 1.4s ease-in-out infinite;animation-direction:alternate;will-change:transform,filter}.piece.special.horizontalStripeCharged,.piece.special.verticalStripeCharged{animation:stripe2-charged 1.2s ease-in-out infinite;animation-direction:alternate;will-change:transform,filter}@keyframes stripe2-precharge{0%{filter:brightness(1.1) contrast(1.05);transform:scale(1.05)}50%{filter:brightness(.95) contrast(1.1);transform:scale(.95)}to{filter:brightness(1.2) contrast(1.15);transform:scale(1.05)}}@keyframes stripe2-charged{0%{filter:brightness(1.3) contrast(1.2) saturate(1.1);transform:scale(1.1)}50%{filter:brightness(.9) contrast(1.1) saturate(1.15);transform:scale(.9)}to{filter:brightness(1.35) contrast(1.25) saturate(1.2);transform:scale(1.1)}}@keyframes stripe2-overlay-row{0%,to{opacity:.3;transform:translateY(-5%) skewX(-2deg)}50%{opacity:.05;transform:translateY(5%) skewX(2deg)}}@keyframes stripe2-overlay-col{0%,to{opacity:.3;transform:translateX(-5%) skewY(-2deg)}50%{opacity:.05;transform:translateX(5%) skewY(2deg)}}}}@layer components{@layer components{#result-info,.result-info{left:50%;max-width:90vw;min-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);transform-origin:center center;transition:all .3s cubic-bezier(.16,1,.3,1);width:auto;z-index:20}.result-info .result-info__wrap{align-items:center;display:flex;flex-direction:column;gap:clamp(20px,3.6vh,40px);pointer-events:none;position:relative}#result-info .result-info__label,.result-info .result-info__label{color:var(--foreground-primary,#000);font-family:var(--ff-sans,system-ui,sans-serif);font-size:var(--result-label-size,clamp(28px,5vw,42px));font-weight:var(--result-label-weight,700);line-height:var(--result-label-line-height,1.3);margin-bottom:clamp(8px,1.8vh,20px);opacity:.85;text-align:center;text-transform:none}#result-info .result-info__label.is-high-score,.result-info .result-info__label.is-high-score{display:block;white-space:pre;width:100%}#result-info .result-info__label.is-high-score span,.result-info .result-info__label.is-high-score span{--hs-red:color-mix(in srgb,var(--red-color) 90%,#000 10%);--hs-yellow:color-mix(in srgb,var(--yellow-color) 90%,#000 10%);--hs-green:color-mix(in srgb,var(--green-color) 90%,#000 10%);--hs-blue:color-mix(in srgb,var(--blue-color) 90%,#000 10%);--hs-purple:color-mix(in srgb,var(--purple-color) 90%,#000 10%);color:var(--foreground-primary,#000)}#result-info .result-info__label.is-high-score span:nth-child(5n+1),.result-info .result-info__label.is-high-score span:nth-child(5n+1){color:var(--hs-red)}#result-info .result-info__label.is-high-score span:nth-child(5n+2),.result-info .result-info__label.is-high-score span:nth-child(5n+2){color:var(--hs-yellow)}#result-info .result-info__label.is-high-score span:nth-child(5n+3),.result-info .result-info__label.is-high-score span:nth-child(5n+3){color:var(--hs-green)}#result-info .result-info__label.is-high-score span:nth-child(5n+4),.result-info .result-info__label.is-high-score span:nth-child(5n+4){color:var(--hs-blue)}#result-info .result-info__label.is-high-score span:nth-child(5n),.result-info .result-info__label.is-high-score span:nth-child(5n){color:var(--hs-purple)}#result-info .result-info__value,.result-info .result-info__value{color:var(--foreground-primary,#000);display:block;font-family:var(--ff-numeric,var(--ff-sans,system-ui,sans-serif));font-feature-settings:"tnum" 1;font-size:var(--result-final-size,72px);font-variant-numeric:tabular-nums;font-weight:var(--result-final-weight,900);line-height:var(--result-final-line-height,1.2);margin:clamp(12px,2.2vh,26px) 0;position:relative;text-align:center;transition:all .3s ease;width:100%;z-index:15}#board.is-drawer-open #result-info,#result-info.is-paused-hidden,.board[data-drawer=open] .result-info,.result-info.is-paused-hidden{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){#result-info,.result-info{transition:none}}}}@layer components{@layer components{#settings-drawer,.settings-drawer{border-radius:var(--radius-container-md);height:calc(var(--board-height) - var(--board-inner-padding, 0px)*2);left:50%;max-width:540px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.96);transition:opacity .32s var(--ease-out-quart),transform .36s var(--ease-out-quart);width:calc(var(--board-width) - var(--board-inner-padding, 0px)*2);z-index:4}#board.is-drawer-open #settings-drawer,.board[data-drawer=open] .settings-drawer{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.settings-drawer .settings-content{background:transparent;border-radius:var(--radius-interactive-lg);box-shadow:var(--shadow-none);color:var(--foreground-primary);margin:var(--spacing-none) auto;max-width:min(520px,calc(var(--board-width) - 240px));padding:var(--spacing-button-md) var(--spacing-button-lg);width:100%}.settings-title{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--settings-title-size, 32px)*var(--mode-scale, 1));font-weight:var(--settings-title-weight,700);left:50%;line-height:calc(var(--settings-title-lh, 1.3)*var(--mode-line, 1));margin:var(--spacing-none);position:absolute;text-align:center;top:var(--settings-drawer-setback)}.settings-drawer .settings-toggle.settings-toggle--mode{gap:50px;justify-content:center;width:auto}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn{align-items:center;background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);display:flex;flex:none;flex-direction:column;gap:var(--spacing-md,16px);height:320px;justify-content:center;padding:var(--spacing-xl,32px) var(--spacing-md,16px);width:250px}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__icon{color:var(--foreground-primary);display:block;fill:currentColor;height:80px;width:80px}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__name{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--fs-2xl, 24px)*var(--mode-scale, 1));font-weight:var(--role-title-weight,700);line-height:calc(var(--role-title-lh, 1.3)*var(--mode-line, 1));margin:0;text-align:center}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__desc{color:var(--foreground-primary);font-size:calc(var(--fs-lg, 24px)*var(--mode-scale, 1));font-weight:var(--fw-semibold,600);line-height:calc(var(--lh-base, 1.45)*var(--mode-line, 1));margin:0;opacity:.8;text-align:center}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn:active{box-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn.is-active{background:var(--base-color);box-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn.is-active .settings-toggle__desc,.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn.is-active .settings-toggle__icon,.settings-drawer .settings-toggle.settings-toggle--mode .settings-toggle__btn.is-active .settings-toggle__name{color:var(--accent-blue-faded-active)}.settings-back{background:var(--base-color);border:none;border-radius:var(--radius-interactive-md);bottom:var(--settings-drawer-setback);box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;font-size:calc(var(--role-subtitle-size, 18px)*var(--mode-scale, 1));font-weight:var(--role-subtitle-weight,600);height:var(--settings-back-height,56px);left:50%;line-height:calc(var(--role-subtitle-lh, 1.4)*var(--mode-line, 1));position:absolute;transition:all .2s ease;width:var(--settings-back-width,200px)}.settings-drawer .settings-back__icon{display:inline-block;font-weight:var(--fw-black);height:1em;line-height:1;margin-right:10px;width:1em}.settings-drawer .settings-back__label{font:inherit}.settings-drawer .settings-back:active{background-color:var(--base-color);box-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-actions{height:var(--tiles-area-height);left:50%;position:absolute;top:var(--settings-actions-top);transform:translateX(-50%);width:var(--tiles-area-width)}.settings-drawer .settings-view{background:transparent;border-radius:var(--radius-container-sm);bottom:calc(var(--settings-drawer-setback) + var(--settings-back-height) + var(--settings-view-bottom-gap));color:var(--foreground-primary);left:50%;overflow:auto;padding:0;position:absolute;top:calc(var(--settings-drawer-setback) + var(--settings-view-top-gap));width:var(--settings-subview-width);-ms-overflow-style:none;font-family:var(--ff-sans);font-size:calc(var(--role-body-size)*var(--mode-scale));font-weight:var(--role-body-weight);line-height:calc(var(--role-body-lh)*var(--mode-line));scrollbar-color:transparent transparent;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-content:start;display:grid;gap:var(--spacing-xl,32px);grid-template-columns:1fr}.settings-drawer .settings-view::-webkit-scrollbar{height:0;width:0}@media (hover:hover){.settings-drawer .settings-view:focus-within,.settings-drawer .settings-view:hover{scrollbar-color:color-mix(in srgb,var(--foreground-primary) 28%,transparent) transparent;scrollbar-width:thin}.settings-drawer .settings-view:focus-within::-webkit-scrollbar,.settings-drawer .settings-view:hover::-webkit-scrollbar{height:8px;width:8px}.settings-drawer .settings-view:focus-within::-webkit-scrollbar-thumb,.settings-drawer .settings-view:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--foreground-primary) 32%,transparent);border-radius:999px}.settings-drawer .settings-view:focus-within::-webkit-scrollbar-track,.settings-drawer .settings-view:hover::-webkit-scrollbar-track{background:transparent}}.settings-drawer .settings-view:has(.settings-action-list),.settings-drawer .settings-view:has(.settings-toggle--mode),.settings-drawer .settings-view:has(.skill-grid){overflow:visible}.settings-drawer .settings-view:has(.settings-list){width:var(--settings-ranking-width)}.settings-drawer .settings-view:has(.settings-group){gap:0;width:var(--settings-settings-width)}.settings-drawer .settings-view>:first-child{margin-top:0}.settings-drawer .settings-view>:last-child{margin-bottom:var(--spacing-lg)}.settings-drawer .settings-group{border-bottom:1px solid rgba(0,0,0,.08);display:grid;gap:var(--spacing-md,16px);grid-template-columns:1fr;margin:var(--spacing-none);padding:var(--spacing-xl,32px) var(--spacing-sm,8px);position:relative}.settings-drawer .settings-group:last-child{border-bottom:none}.settings-drawer .settings-label{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--fs-lg, 24px)*var(--mode-scale, 1));font-weight:var(--fw-bold,600);line-height:calc(var(--role-body-lh, 1.4)*var(--mode-line, 1));margin:0;opacity:.9}.settings-drawer .settings-input{appearance:none;background:var(--base-color);border:none;border-radius:var(--radius-interactive-sm);box-shadow:var(--shadow-pressed-sm);color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--role-body-size, 16px)*var(--mode-scale, 1));font-weight:var(--fw-semibold,500);min-height:52px;padding:var(--spacing-lg) var(--spacing-button-md);transition:all .2s ease}.settings-drawer .settings-value{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--fs-xl, 32px)*var(--mode-scale, 1));font-weight:var(--fw-heavy,700);line-height:calc(var(--lh-base, 1.4)*var(--mode-line, 1));margin:0}.settings-drawer .settings-note{color:var(--foreground-primary);font-size:calc(var(--fs-lg, 24px)*var(--mode-scale, 1));font-weight:var(--fw-semibold,600);line-height:calc(var(--lh-base, 1.45)*var(--mode-line, 1));margin:0;opacity:1}.settings-drawer .settings-button{appearance:none;background:var(--base-color);border:none;border-radius:var(--radius-interactive-sm);box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;font-family:var(--ff-sans);font-size:calc(var(--role-btn-secondary-size, 16px)*var(--mode-scale, 1));font-weight:var(--role-btn-secondary-weight,500);line-height:calc(var(--role-btn-secondary-lh, 1.4)*var(--mode-line, 1));min-height:52px;padding:var(--spacing-lg) var(--spacing-container-md);touch-action:manipulation;transition:all .2s ease}.settings-drawer .settings-button--ghost{opacity:.8}.settings-drawer .skill-grid{display:grid;gap:50px;grid-template-columns:250px 250px;justify-content:center;width:auto}.settings-drawer .skill-card{align-items:center;background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);border:none;border-radius:var(--radius-interactive-md);box-shadow:var(--shadow-raised-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md,16px);height:170px;justify-content:center;padding:var(--spacing-xl,32px) var(--spacing-md,16px);transition:all .2s ease}.settings-drawer .skill-card:active{box-shadow:var(--shadow-pressed-md)}.settings-drawer .skill-card.is-active{background:var(--base-color);box-shadow:var(--shadow-pressed-md)}.settings-drawer .skill-card.is-active .skill-card__icon,.settings-drawer .skill-card.is-active .skill-card__name{color:var(--accent-blue-faded-active)}.settings-drawer .skill-card__icon{color:var(--foreground-primary);display:block;fill:currentColor;height:80px;width:80px}.settings-drawer .skill-card__name{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--role-title-size, 24px)*var(--mode-scale, 1));font-weight:var(--role-title-weight,700);line-height:calc(var(--role-title-lh, 1.3)*var(--mode-line, 1));margin:0;text-align:center}.settings-drawer .skill-card__desc{display:none}.settings-drawer .settings-action-list{align-content:start;column-gap:50px;display:grid;grid-auto-rows:minmax(80px,auto);grid-template-columns:250px 250px;justify-content:center;margin-bottom:var(--spacing-xl,32px);row-gap:40px;width:auto}.settings-drawer .settings-action-card{align-items:center;align-self:start;background:var(--base-color);border:none;border-radius:var(--radius-container-sm);box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--tile-skill-gap,var(--spacing-sm,12px));height:80px;justify-content:center;justify-self:center;padding:var(--spacing-md,16px);text-align:center;transition:all .2s ease;width:var(--tile-skill-width)}.settings-drawer .settings-action-card:active{box-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-action-card__icon{color:var(--foreground-primary);display:block;fill:currentColor;height:80px;width:80px}.settings-drawer .settings-action-card__name{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--role-title-size, 24px)*var(--mode-scale, 1));font-weight:var(--role-title-weight,700);line-height:calc(var(--role-title-lh, 1.3)*var(--mode-line, 1));margin:0}.settings-drawer .settings-action-card__desc{display:none}.settings-drawer .settings-view--confirm{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md,16px);justify-content:center;padding:var(--spacing-md,16px)}.settings-drawer .confirm-view__message{color:var(--foreground-primary);font-family:var(--ff-sans);font-size:calc(var(--role-title-size)*var(--mode-scale));line-height:calc(var(--lh-medium)*var(--mode-line));margin:0;max-width:540px;text-align:center;white-space:pre-line}.settings-drawer .confirm-view__actions{display:flex;gap:var(--spacing-md,16px);justify-content:center;margin-top:var(--spacing-xl,32px)}.settings-drawer .confirm-view__button{font-size:calc(var(--role-btn-primary-size)*var(--mode-scale));font-weight:var(--role-title-weight,700);line-height:calc(var(--role-btn-primary-lh)*var(--mode-line));min-height:100px;min-width:280px;padding:var(--spacing-md,16px) var(--spacing-xxl,48px)}.settings-drawer .settings-toggle{display:flex;gap:var(--spacing-md,16px);justify-content:stretch;margin:var(--spacing-none);width:100%}.settings-drawer .settings-toggle__btn{appearance:none;background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);border:none;border-radius:var(--radius-interactive-md);box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;flex:1;font-family:var(--ff-sans);font-size:calc(var(--role-btn-secondary-size, 16px)*var(--mode-scale, 1));font-weight:var(--role-btn-secondary-weight,500);line-height:calc(var(--role-btn-secondary-lh, 1.4)*var(--mode-line, 1));min-height:var(--settings-toggle-height-default);padding:var(--spacing-sm,8px) var(--spacing-md,16px);touch-action:manipulation;transition:all .2s ease}.settings-drawer .settings-toggle__btn.is-active{background:var(--base-color);background-color:var(--base-color);box-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-list__ol{list-style:none;margin:var(--spacing-none);padding:var(--spacing-none)}.settings-drawer .settings-list__item{align-items:center;border-bottom:1px solid rgba(0,0,0,.06);display:grid;font-size:calc(var(--fs-xl, 32px)*var(--mode-scale, 1));font-weight:var(--fw-semibold,600);gap:var(--spacing-sm);grid-template-columns:80px 160px 80px 60px;line-height:calc(var(--lh-base, 1.45)*var(--mode-line, 1));min-height:56px;padding:var(--spacing-md) var(--spacing-sm)}.settings-drawer .settings-list__rank{color:var(--foreground-primary);text-align:center}.settings-drawer .settings-list__mode{color:var(--foreground-primary);font-size:calc(var(--fs-md, 18px)*var(--mode-scale, 1));opacity:.8}.settings-drawer .settings-list__medal{font-size:28px;text-align:center}.settings-drawer .settings-rank{background:transparent;border-radius:var(--radius-circular);color:var(--foreground-primary);display:grid;font-family:var(--ff-sans);font-size:calc(var(--fs-lg)*var(--mode-scale));font-weight:var(--fw-heavy);height:36px;line-height:calc(var(--lh-base)*var(--mode-line));place-items:center;width:36px}.settings-drawer .settings-rank.is-top1,.settings-drawer .settings-rank.is-top2,.settings-drawer .settings-rank.is-top3,.settings-drawer .settings-rank.settings-rank--plain{background:transparent;box-shadow:var(--shadow-none)}.settings-drawer .settings-rank__icon{display:block;fill:currentColor;height:18px;width:18px}.settings-drawer .settings-list__item:last-child{border-bottom:none}.settings-drawer .settings-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-drawer .settings-list__score{font-variant-numeric:tabular-nums;font-weight:var(--fw-heavy);min-width:120px;text-align:right}.settings-drawer .settings-list__empty{opacity:.8;padding:var(--spacing-sm) var(--spacing-none);text-align:center}.settings-drawer .records-table{display:grid;gap:0;margin:2rem auto;max-width:480px}.settings-drawer .records-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);column-gap:4rem;display:grid;grid-template-columns:minmax(200px,auto) minmax(120px,1fr);padding:.9rem 2rem}.settings-drawer .records-row:last-child{border-bottom:none}.settings-drawer .records-row:nth-child(2n){background:hsla(0,0%,100%,.03)}.settings-drawer .records-label{font-size:calc(var(--fs-xl, 20px)*var(--mode-scale, 1));font-weight:var(--fw-semibold,600);line-height:calc(var(--lh-base, 1.45)*var(--mode-line, 1));opacity:.85;text-align:left}.settings-drawer .records-value{font-size:calc(var(--fs-xl, 28px)*var(--mode-scale, 1));font-variant-numeric:tabular-nums;font-weight:var(--fw-heavy,800);line-height:calc(var(--lh-tight, 1.2)*var(--mode-line, 1));text-align:right}.settings-drawer .settings-tile{align-items:center;border-radius:var(--radius-container-sm);display:flex;flex-direction:column;justify-content:center;touch-action:manipulation}.settings-drawer .settings-tile--lg{height:var(--tile-mode-height);left:var(--tile-mode-x);top:var(--tile-mode-y);width:var(--tile-mode-width);--btn-pressed-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-tile--md{height:var(--tile-skill-height);left:var(--tile-skill-x);top:var(--tile-skill-y);width:var(--tile-skill-width);--btn-pressed-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-tile--sm{height:var(--tile-records-height);left:var(--tile-records-x);top:var(--tile-records-y);width:var(--tile-records-width);--btn-pressed-shadow:var(--shadow-pressed-md)}.settings-drawer .settings-tile--sm-settings{height:var(--tile-settings-height);left:var(--tile-settings-x);top:var(--tile-settings-y);width:var(--tile-settings-width)}.settings-drawer .settings-tile__icon{display:block}.settings-drawer .settings-tile__label{font-weight:var(--fw-bold);line-height:1}.settings-drawer .settings-tile--lg .settings-tile__icon{height:var(--tile-mode-icon);margin-bottom:var(--tile-mode-gap);width:var(--tile-mode-icon)}.settings-drawer .settings-tile--lg .settings-tile__label{font-family:var(--ff-sans);font-size:calc(var(--role-title-size)*var(--mode-scale));font-weight:var(--role-title-weight);line-height:calc(var(--role-title-lh)*var(--mode-line))}.settings-drawer .settings-tile--md .settings-tile__icon{height:var(--tile-skill-icon);margin-bottom:var(--tile-skill-gap);width:var(--tile-skill-icon)}.settings-drawer .settings-tile--md .settings-tile__label{font-family:var(--ff-sans);font-size:calc(var(--role-title-size)*var(--mode-scale));font-weight:var(--role-title-weight);line-height:calc(var(--role-title-lh)*var(--mode-line))}.settings-drawer .settings-tile--sm.settings-tile--sm-records .settings-tile__icon{height:var(--tile-records-icon);margin-bottom:0;width:var(--tile-records-icon)}.settings-drawer .settings-tile--sm.settings-tile--sm-records .settings-tile__label{display:none}.settings-drawer .settings-tile--sm.settings-tile--sm-settings .settings-tile__icon{height:var(--tile-settings-icon);margin-bottom:0;width:var(--tile-settings-icon)}.settings-drawer .settings-tile--sm.settings-tile--sm-settings .settings-tile__label{display:none}.settings-drawer .settings-tile--lg:active,.settings-drawer .settings-tile--md:active,.settings-drawer .settings-tile--sm:active{background:var(--base-color);background-color:var(--base-color);box-shadow:var(--btn-pressed-shadow,var(--shadow-pressed-md))}.settings-drawer .settings-button__icon{display:block;height:var(--settings-button-icon);margin-bottom:var(--settings-button-gap);width:var(--settings-button-icon)}.settings-drawer .settings-button__label{line-height:1}#game-header,.game-header{align-items:center;backface-visibility:hidden;display:grid;gap:var(--game-header-gap);grid-template-areas:"game-mode timer score";grid-template-columns:1fr auto 1fr;height:auto;justify-items:center;left:50%;min-height:var(--timer-ring-size);pointer-events:auto;position:fixed;top:var(--abs-y2);transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center;width:var(--board-width);will-change:transform;z-index:6}#timer,.timer{display:grid;grid-area:timer;height:var(--timer-ring-size);place-items:center;width:var(--timer-ring-size);z-index:6}#ct-ring,.ct-ring{display:block;height:var(--timer-ring-size);transform:rotate(-90deg) scaleY(-1);transform-origin:50% 50%;width:var(--timer-ring-size);z-index:2}#ct-ring,#timer-text,.ct-groove,.ct-ring,.timer-text{grid-area:1/1}.ct-groove{box-shadow:var(--shadow-inset-md);height:var(--timer-ring-size);width:var(--timer-ring-size);z-index:0}.ct-groove,.ct-inner{border-radius:var(--radius-circular)}.ct-inner{background:var(--base-color);box-shadow:var(--shadow-raised-sm);grid-area:1/1;height:calc(var(--timer-ring-size) - var(--timer-ring-stroke)*2);width:calc(var(--timer-ring-size) - var(--timer-ring-stroke)*2);z-index:1}.timer-text{z-index:2}.ct-track{fill:none;stroke:transparent;stroke-width:var(--timer-ring-stroke)}.ct-progress{fill:none;shape-rendering:geometricPrecision;stroke:var(--accent-blue-faded);stroke-dasharray:0 999;stroke-linecap:round;stroke-width:var(--timer-ring-stroke);vector-effect:non-scaling-stroke;will-change:stroke-dashoffset}.timer-text{color:var(--foreground-primary);font-family:var(--ff-numeric);font-size:max(calc(var(--game-timer-size)*var(--mode-scale)),var(--ui-min-size));font-variant-numeric:var(--game-timer-numeric);font-weight:var(--game-timer-weight);letter-spacing:var(--game-timer-letter);line-height:calc(var(--game-timer-lh)*var(--mode-line));position:relative;text-shadow:none;z-index:3}.timer-text .ct-seconds{backface-visibility:hidden;display:inline-block;min-width:2ch;text-align:center;will-change:contents}html.is-booting #game-header,html.is-booting .game-header{opacity:0;pointer-events:none}#game-header,.game-header{transition:opacity .18s ease}.wave{background:linear-gradient(145deg,var(--wave-grad-start),var(--wave-grad-end)),var(--base-color);border:none;border-radius:var(--radius-interactive-lg);box-shadow:var(--shadow-raised-md);color:var(--foreground-primary);cursor:pointer;display:block;flex-grow:0;flex-shrink:0;font-family:var(--ff-sans);font-size:calc(var(--role-btn-primary-size)*var(--mode-scale));font-weight:var(--fw-heavy);grid-area:start;height:var(--start-height);letter-spacing:2px;line-height:calc(var(--role-btn-primary-lh)*var(--mode-line));max-height:var(--start-height);max-width:var(--start-width);min-height:var(--start-height);min-width:var(--start-width);overflow:hidden;position:relative;width:var(--start-width);z-index:5;--press-dark-x:7px;--press-dark-y:7px;--press-dark-blur:12px;--press-light-x:-5px;--press-light-y:-5px;--press-light-blur:10px;--wave-layer-base:color-mix(in srgb,var(--accent-blue-faded) 45%,rgba(var(--base-color-rgb),1) 55%);--wave-layer-core:color-mix(in srgb,rgba(var(--base-color-rgb),1) 10%,var(--accent-blue-faded) 90%);--wave-layer-mid:color-mix(in srgb,rgba(var(--base-color-rgb),1) 35%,var(--accent-blue-faded) 65%);--wave-layer-edge:color-mix(in srgb,rgba(var(--base-color-rgb),1) 72%,var(--accent-blue-faded) 28%);--wave-layer-visible-center:38.46154%;--wave-layer-visible-end:76.92308%;--wave-layer-background:linear-gradient(90deg,var(--wave-layer-edge) 0%,var(--wave-layer-mid) calc(var(--wave-layer-visible-center)/2),var(--wave-layer-core) var(--wave-layer-visible-center),var(--wave-layer-mid) calc(var(--wave-layer-visible-center) + (var(--wave-layer-visible-end) - var(--wave-layer-visible-center))/2),var(--wave-layer-edge) var(--wave-layer-visible-end),var(--wave-layer-base) 100%);--wave-layer-tint-strong:rgba(var(--base-color-rgb),0.8);--wave-layer-tint-soft:rgba(var(--base-color-rgb),0.47);transition:box-shadow var(--duration-fast) ease,background-color var(--duration-extra-slow) ease,color var(--duration-normal) ease}.wave.clicked,.wave.is-play-disabled,.wave:active{background:var(--base-color);box-shadow:var(--shadow-pressed-md)}.wave.clicked:after,.wave.is-play-disabled:after,.wave:active:after{box-shadow:var(--shadow-none);opacity:0}.wave.is-play-disabled i{opacity:0}.wave.clicked{transition:box-shadow var(--duration-fast) ease,background-color var(--duration-instant) linear,color var(--duration-normal) ease}.wave:after{border-radius:inherit;box-shadow:inset var(--press-dark-x) var(--press-dark-y) var(--press-dark-blur) var(--surface-shadow-dark),inset var(--press-light-x) var(--press-light-y) var(--press-light-blur) var(--surface-shadow-light);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--duration-fast) ease,box-shadow var(--duration-fast) ease;z-index:1}.wave:active{transition:box-shadow var(--duration-fast) ease,background-color var(--duration-instant) linear,color var(--duration-normal) ease}.wave .text{height:40px;opacity:1;transition:opacity var(--duration-slow) ease;z-index:2}.wave .text,.wave .word{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.wave .word{color:var(--foreground-primary);font-weight:var(--fw-heavy);max-width:var(--start-width);opacity:0;overflow:hidden;text-overflow:ellipsis;text-shadow:none;transition:opacity var(--duration-normal) ease;white-space:nowrap}.wave .text .word:first-child{opacity:1}.wave .word--paused,.wave .word--playing{font-weight:var(--fw-heavy);letter-spacing:2px;text-transform:none;width:auto}.wave.is-play-disabled .text .word{opacity:0}.wave.is-play-disabled .text .word.word--playing{opacity:1}.wave.is-play-disabled.is-paused .text .word{opacity:0}.wave.is-play-disabled.is-paused .text .word.word--paused{opacity:1}.wave i{background:var(--wave-layer-background);box-shadow:none;height:380px;left:0;overflow:hidden;position:absolute;transform:translateY(-51%);transition:transform var(--duration-normal) linear,top 1s linear;width:130%;z-index:-1}.wave.clicked i,.wave:active i{display:none}.wave.is-play-disabled{color:var(--foreground-primary)}.wave.is-play-disabled .text{opacity:1}.wave.is-play-disabled i,.wave.is-play-disabled i:after,.wave.is-play-disabled i:before{animation:none;background-color:transparent;box-shadow:var(--shadow-none)}.wave i:after,.wave i:before{content:"";height:200%;left:50%;position:absolute;top:0;transform:translate(-50%,-75%);width:200%}.wave i:before{animation:animate 7.5s linear infinite;background-color:var(--wave-layer-tint-strong);border-radius:46%}.wave i:after{animation:animate 15s linear infinite;background-color:var(--wave-layer-tint-soft);border-radius:40%}}}@layer components{@layer components{}}@layer components{@layer components{@keyframes animate{0%{transform:translate(-56%,-75%) rotate(0deg)}to{transform:translate(-56%,-75%) rotate(1turn)}}}}@layer components{@layer components{.sw-update-overlay{align-items:flex-start;background:transparent;display:flex;inset:0;justify-content:center;padding:clamp(4px,1vh,12px) 16px clamp(32px,8vh,64px);pointer-events:none;position:fixed;z-index:9000}.sw-update-overlay[hidden]{display:none}.sw-update-overlay__content{display:flex;justify-content:center;pointer-events:auto;position:relative;z-index:9001}.sw-update-overlay__card{background:var(--base-color);border-radius:var(--radius-container-sm);box-shadow:var(--shadow-raised-lg);color:var(--foreground-primary);display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:clamp(4px,1vh,12px);outline:none;padding:26px 32px;pointer-events:auto;text-align:center;transform:scale(var(--board-scale,1));transform-origin:top center;width:var(--board-width)}.sw-update-overlay__body{color:var(--foreground-primary);font-size:calc(var(--tutorial-message-size)*var(--mode-scale));font-weight:var(--tutorial-message-weight);line-height:var(--tutorial-message-lh);margin:0}.sw-update-overlay__body--sub{font-size:calc(var(--tutorial-sub-size)*var(--mode-scale));font-weight:var(--tutorial-sub-weight);line-height:var(--tutorial-sub-lh)}.sw-update-overlay__title{font-weight:var(--tutorial-message-weight)}.sw-update-overlay__subtitle{color:var(--foreground-secondary)}.sw-update-overlay__actions{display:flex;gap:clamp(10px,1.6vw,18px);justify-content:center;margin-top:clamp(8px,1.5vw,14px)}.sw-update-overlay__button{border:none;border-radius:var(--radius-interactive-lg);cursor:pointer;font-size:var(--role-btn-primary-size);font-weight:var(--role-btn-primary-weight);line-height:var(--role-btn-primary-lh);min-width:clamp(140px,24vw,220px);padding:var(--spacing-lg) var(--spacing-2xl);transition:transform .12s ease,opacity .12s ease}.sw-update-overlay__button:focus{outline:none}.sw-update-overlay__button:focus-visible{outline:2px solid rgba(73,115,255,.5);outline-offset:2px}.sw-update-overlay__button:hover{transform:translateY(-1px)}.sw-update-overlay__button--primary{background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);box-shadow:var(--shadow-raised-lg);color:var(--foreground-primary)}.sw-update-overlay--visible .sw-update-overlay__card{animation:sw-update-overlay-pop .2s var(--ease-out-quart,ease-out) both}@keyframes sw-update-overlay-pop{0%{opacity:0;transform:scale(calc(var(--board-scale, 1)*.96))}to{opacity:1;transform:scale(var(--board-scale,1))}}}}@layer components{.tutorial-overlay{align-items:flex-start;background:transparent;display:flex;inset:0;justify-content:center;padding:32px 16px 24px;pointer-events:none;position:fixed;z-index:9000}.tutorial-overlay--dim{background:rgba(15,23,42,.7)}.tutorial-overlay__focus{animation:tutorial-target-pulse 1.15s ease-in-out infinite;animation-fill-mode:both;box-shadow:0 0 0 0 rgba(148,178,255,.2),0 0 14px rgba(148,178,255,.4);outline:1px solid hsla(0,0%,100%,.22);outline-offset:-2px}@keyframes tutorial-target-pulse{0%,to{box-shadow:0 0 0 0 rgba(148,178,255,.2),0 0 14px rgba(148,178,255,.4);outline-color:hsla(0,0%,100%,.24)}50%{box-shadow:0 0 0 6px rgba(148,178,255,.22),0 0 18px rgba(148,178,255,.58);outline-color:hsla(0,0%,100%,.32)}}.tutorial-overlay__content{display:flex;justify-content:center;pointer-events:auto;position:relative;z-index:9001}.tutorial-overlay__card{background:var(--base-color);border-radius:var(--radius-container-sm);box-shadow:0 12px 36px rgba(15,23,42,.5);color:var(--foreground-primary);display:flex;flex-direction:column;gap:18px;margin-top:28px;outline:none;padding:26px 32px;pointer-events:auto;transform:scale(var(--board-scale,1));transform-origin:top center;width:var(--board-width)}.tutorial-overlay__body{color:var(--foreground-primary);font-size:calc(var(--tutorial-message-size)*var(--mode-scale));font-weight:var(--tutorial-message-weight);line-height:var(--tutorial-message-lh);margin:0}.tutorial-overlay__body--sub{color:var(--foreground-primary);font-size:calc(var(--tutorial-sub-size)*var(--mode-scale));font-weight:var(--tutorial-sub-weight);line-height:var(--tutorial-sub-lh)}.tutorial-overlay__actions{display:flex;gap:clamp(10px,1.6vw,18px);justify-content:flex-end;margin-top:clamp(8px,1.5vw,14px)}.tutorial-overlay__button{border:none;border-radius:var(--radius-interactive-lg);cursor:pointer;font-size:var(--role-btn-primary-size);font-weight:var(--role-btn-primary-weight);line-height:var(--role-btn-primary-lh);padding:var(--spacing-lg) var(--spacing-2xl);transition:transform .12s ease,opacity .12s ease}.tutorial-overlay__button:focus{outline:2px solid rgba(73,115,255,.5);outline-offset:2px}.tutorial-overlay__button:hover{transform:translateY(-1px)}.tutorial-overlay__button--primary{background:linear-gradient(var(--ui-surface-grad-angle),var(--ui-surface-grad-start),var(--ui-surface-grad-end)),var(--base-color);box-shadow:var(--shadow-raised-lg);color:var(--foreground-primary)}.tutorial-overlay__button--ghost{background:transparent;border:none;color:var(--foreground-primary);font-weight:var(--fw-regular)}.tutorial-overlay__gesture{--tutorial-gesture-travel:56px;color:var(--debris-color);display:none;filter:drop-shadow(0 6px 14px rgba(15,23,42,.25));height:64px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .16s ease;width:64px;will-change:transform,opacity;z-index:9002}.tutorial-overlay__gesture svg{display:block;height:100%;width:100%}.tutorial-overlay__gesture--visible{opacity:1}.tutorial-overlay__gesture--tap{animation:tutorial-gesture-tap 1.4s ease-in-out infinite;animation-fill-mode:both}@keyframes tutorial-gesture-tap{0%,60%,to{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(.92)}45%{transform:translate(-50%,-50%) scale(1.05)}}.tutorial-overlay__gesture--swipe-right{animation:tutorial-gesture-swipe-right 1.35s ease-in-out infinite;animation-fill-mode:both}.tutorial-overlay__gesture--swipe-right:after{animation:tutorial-gesture-swipe-right-trail 1.35s ease-in-out infinite;background:linear-gradient(90deg,rgba(152,178,255,0),rgba(152,178,255,.68) 46%,rgba(152,178,255,0) 92%);border-radius:999px;content:"";filter:blur(10px);height:22%;left:44%;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;top:64%;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.12));width:calc(var(--tutorial-gesture-travel, 56px)*1.22)}@keyframes tutorial-gesture-swipe-right{0%{animation-timing-function:cubic-bezier(.32,.98,.42,1);filter:drop-shadow(0 6px 14px rgba(15,23,42,.25));opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*.2)) rotate(-6deg) scale(.95)}12%{opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*.24)) rotate(-4deg) scale(.97)}26%{filter:drop-shadow(0 7px 16px rgba(15,23,42,.26));transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*.28)) rotate(-1deg) scale(1)}46%{animation-timing-function:linear;filter:drop-shadow(2px 8px 18px rgba(15,23,42,.24));opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*1.05)) rotate(3deg) scale(1.03)}54%{opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*1.05)) rotate(3deg) scale(1.03)}60%{filter:drop-shadow(0 6px 14px rgba(15,23,42,.2));opacity:0;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*1.05)) rotate(3deg) scale(1.03)}72%{opacity:0;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*.2)) rotate(-5deg) scale(.95)}80%{filter:drop-shadow(0 6px 14px rgba(15,23,42,.24));opacity:.72}to{filter:drop-shadow(0 6px 14px rgba(15,23,42,.25));opacity:1;transform:translate(-50%,-50%) translateX(calc(var(--tutorial-gesture-travel, 56px)*.2)) rotate(-5deg) scale(.95)}}@keyframes tutorial-gesture-swipe-right-trail{0%{opacity:0;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.05)) scaleX(.68)}16%{opacity:.18}34%{opacity:.7;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.36)) scaleX(.95)}48%{opacity:.85;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.82)) scaleX(1.12)}60%{opacity:0;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.88)) scaleX(1.14)}to{opacity:0;transform:translateX(calc(var(--tutorial-gesture-travel, 56px)*.05)) scaleX(.68)}}}@layer utilities{@layer utilities{.hide{display:none}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:var(--spacing-none);position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.flex-center{align-items:var(--flex-center-align);display:var(--flex-center);justify-content:var(--flex-center-justify)}.u-flex-center{align-items:center;display:flex;justify-content:center}.u-grid-center{display:grid;place-items:center}.absolute-center,.u-center-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.u-center-scaled{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center}.full-size{height:100%;width:100%}.relative{position:relative}.absolute{position:absolute}.disabled{filter:grayscale(var(--state-disabled-grayscale));opacity:var(--state-disabled-opacity)}.disabled,.loading{pointer-events:none}.loading{cursor:wait;opacity:var(--state-loading-opacity)}.pressed{background-color:var(--state-pressed-bg)}.pressed,.u-pressed-state{box-shadow:var(--shadow-pressed-sm)}.u-bg-base,.u-pressed-state{background-color:var(--base-color)}.no-animation{animation:none;transition:none}.smooth-transition{transition:all var(--duration-normal) var(--ease-out-quart)}.fast-transition{transition:all var(--duration-fast) var(--ease-out-quart)}.u-translate-center{transform:translate(-50%,-50%)}.u-scale-board{transform:scale(var(--board-scale,1));transform-origin:center}.u-rotate-90{transform:rotate(90deg)}.u-translate-center.u-scale-board{transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center}.u-transform-center-scale{transform:translate(-50%,-50%) scale(var(--board-scale,1));transform-origin:center center}.u-transform-center-scale-small{transform:translate(-50%,-50%) scale(.96);transform-origin:center center}.u-transform-center-scale-normal{transform:translate(-50%,-50%) scale(1);transform-origin:center center}.u-transform-center-x{transform:translateX(-50%)}.u-transform-center-y{transform:translateY(-50%)}.u-transform-scale-in{transform:translateY(-8px) scale(.96)}.u-transform-scale-mid{transform:translateY(0) scale(1.02)}.u-transform-scale-final{transform:translateY(0) scale(1)}.u-transform-skew-shimmer{transform:skewX(-20deg)}}}@layer base, components, utilities;@layer utilities{:root{color-scheme:light}}
/*# sourceMappingURL=main.d29050db1747f3370003.css.map*/