@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_6aedb740-module__2pyroG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_6aedb740-module__2pyroG__variable{--font-label:"Space Grotesk", "Space Grotesk Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-10{top:calc(var(--spacing) * 10)}.order-123{order:123}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff6ec;--surface:#fff;--surface-soft:#fff1e4;--surface-raised:#fff;--ink:#33283b;--muted:#6d6176;--line:#e95d8557;--line-soft:#e95d8533;--outline:#ff9eb5;--outline-violet:#b9a8ff;--outline-mint:#63d6a4;--outline-sunny:#f0a93c;--coral:#ff7a59;--coral-dark:#c93a45;--pink:#ff8fab;--peach:#ffd9c4;--sunny:#ffd166;--mint:#7ddba8;--sky:#7cc7ff;--violet:#6a5ae0;--focus:#5b4bd6;--board:#fff4e6;--grad-brand:linear-gradient(115deg, #ff5a7e, #ff8a4d 60%, #ffb43a);--grad-button:linear-gradient(135deg, #ff7a59, #ff4f8b);--grad-violet:linear-gradient(135deg, #8a7bff, #6a5ae0);--grad-mint:linear-gradient(135deg, #8fe7b6, #4ecfa2);--pop-shadow:0 5px 0 #e95d8538;--pop-shadow-deep:0 8px 0 #e95d852e, 0 24px 54px #b4785a29;--shadow:0 16px 44px #b4785a26;--shadow-raised:0 28px 70px #965f5038;--glow-coral:0 6px 0 #d13c6b, 0 16px 34px #ff4f8b52;--disabled-bg:#ece4e1;--disabled-ink:#857b8b;--font-body:var(--font-round), "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-accent:var(--font-label), "Space Grotesk", ui-monospace, monospace;--font-localized-label:var(--font-accent)}html[lang=ja]{--font-localized-label:var(--font-body)}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled,input:disabled{cursor:not-allowed}::selection{color:var(--ink);background:var(--sunny)}.title-screen,.play-screen{min-height:100dvh;color:var(--ink);isolation:isolate;background:#fff6ec;position:relative;overflow-x:hidden}.ambient-motion{z-index:0;pointer-events:none;contain:strict;position:absolute;inset:68px 0 0;overflow:hidden}.ambient-motion svg,.ambient-motion>span{pointer-events:none;will-change:transform;display:block;position:absolute}.motion-ribbon{overflow:visible}.motion-ribbon-stroke{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:7s ease-in-out infinite motion-ribbon-breathe}.motion-ribbon-coral{width:min(760px,57vw);height:390px;animation:17s ease-in-out infinite motion-ribbon-coral-drift;top:-148px;left:-112px}.motion-ribbon-mint{width:min(880px,64vw);height:410px;animation:21s ease-in-out infinite motion-ribbon-mint-drift;bottom:-150px;right:-120px}.motion-ribbon-mint .motion-ribbon-stroke{stroke:#4ecfa221;stroke-width:88px;animation-delay:-3.5s}.motion-ring{aspect-ratio:1;background:0 0;border:2px solid;border-radius:50%;animation:8s ease-in-out infinite motion-ring-pop}.motion-ring-coral{color:#ff7a594d;width:50px;top:39%;left:5.5%}.motion-ring-violet{color:#6a5ae045;width:42px;animation-delay:-2.8s;top:24%;right:8%}.motion-ring-sunny{color:#f0a93c52;width:34px;animation-delay:-5.3s;bottom:11%;right:5.5%}.motion-capsule{border-radius:999px;width:58px;height:18px;animation:11s ease-in-out infinite motion-capsule-tumble}.motion-capsule-coral{background:#ff5a7e52;top:12%;right:23%;transform:rotate(17deg)}.motion-capsule-mint{background:#4ecfa245;animation-delay:-4s;bottom:13%;left:8%}.motion-capsule-violet{background:#6a5ae045;width:44px;height:14px;animation-delay:-7.5s;bottom:5.5%;right:16%}.motion-dot{aspect-ratio:1;border-radius:50%;animation:6.5s ease-in-out infinite motion-dot-dance}.motion-dot-coral{background:#ff5a7e6b;width:20px;top:16%;left:10%}.motion-dot-sunny{background:#ffd16685;width:15px;animation-delay:-1.5s;top:28%;right:4%}.motion-dot-mint{background:#4ecfa25c;width:18px;animation-delay:-3.2s;bottom:22%;right:9%}.motion-dot-violet{background:#6a5ae05c;width:13px;animation-delay:-4.5s;bottom:17%;left:5%}.motion-dot-peach{background:#ffad8375;width:11px;animation-delay:-5.4s;top:8%;left:19%}.motion-dot-coral-small{background:#ff7a597a;width:9px;animation-delay:-2.4s;bottom:8%;right:30%}@keyframes motion-ribbon-coral-drift{0%,to{transform:translate(0)rotate(-1.5deg)}38%{transform:translate(22px,12px)rotate(.8deg)}72%{transform:translate(5px,-7px)rotate(-.4deg)}}@keyframes motion-ribbon-mint-drift{0%,to{transform:translate(0)rotate(1deg)}44%{transform:translate(-26px,-13px)rotate(-1deg)}76%{transform:translate(-7px,8px)rotate(.4deg)}}@keyframes motion-ribbon-breathe{0%,to{opacity:.78}50%{opacity:1}}@keyframes motion-ring-pop{0%,to{opacity:.56;transform:translate(0)scale(.88)}42%{opacity:1;transform:translate(8px,-10px)scale(1.08)}72%{opacity:.7;transform:translate(-3px,4px)scale(.96)}}@keyframes motion-capsule-tumble{0%,to{transform:translate(0)rotate(-8deg)}35%{transform:translate(13px,9px)rotate(14deg)}68%{transform:translate(-6px,-8px)rotate(4deg)}}@keyframes motion-dot-dance{0%,to{transform:translate(0)scale(.86)}32%{transform:translate(7px,-12px)scale(1.12)}66%{transform:translate(-5px,5px)scale(.96)}}.app-header{z-index:20;width:100%;padding-top:env(safe-area-inset-top);border-bottom:2px dashed var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#fff6ecd1;position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1280px,100% - 28px);min-height:68px;margin:0 auto;display:flex}.app-brand{min-height:44px;color:var(--ink);letter-spacing:-.02em;align-items:center;padding:0 4px;font-size:.98rem;font-weight:900;display:inline-flex}.app-brand-button{cursor:pointer;background:0 0;border:0}.app-brand-text>span{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.18em}.app-header-controls{align-items:center;gap:10px;display:flex}.language-switch{border:2px solid var(--outline-violet);background:#fff;border-radius:999px;align-items:center;padding:3px;display:flex;box-shadow:0 3px #6a5ae038}.language-switch button{min-width:38px;min-height:30px;color:var(--muted);cursor:pointer;font:800 .62rem/1 var(--font-body);background:0 0;border:0;border-radius:999px;padding:0 9px}.language-switch button.is-active{color:#fff;background:var(--violet)}.volume-control{border:2px solid var(--outline);min-height:44px;color:var(--violet);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 10px;display:flex;box-shadow:0 3px #e95d8566}.volume-icon{flex:0 0 20px;place-items:center;width:20px;display:grid}.volume-slider{cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:clamp(88px,11vw,132px);height:22px;padding:0}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--violet) 0 var(--volume-percent), #ebe6f2 var(--volume-percent) 100%);border:1px solid #6a5ae033;border-radius:999px;height:8px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--violet);border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 2px #5546c9,0 2px 7px #5a46be3d}.volume-slider::-moz-range-track{background:#ebe6f2;border:1px solid #6a5ae033;border-radius:999px;height:8px}.volume-slider::-moz-range-progress{background:var(--violet);border-radius:999px;height:8px}.volume-slider::-moz-range-thumb{background:var(--violet);border:3px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 2px #5546c9,0 2px 7px #5a46be3d}.volume-output{width:4ch;color:var(--muted);font:700 .62rem/1 var(--font-accent);text-align:right;font-variant-numeric:tabular-nums;flex:0 0 4ch}.fullscreen-toggle{border:2px solid var(--outline-violet);width:44px;height:44px;color:var(--violet);cursor:pointer;background:#fff;border-radius:14px;flex:0 0 44px;place-items:center;padding:0;display:grid;box-shadow:0 3px #6a5ae038}.fullscreen-icon{place-items:center;width:20px;height:20px;display:grid}.eyebrow{color:var(--violet);font:700 .62rem/1 var(--font-accent);letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px}.title-screen{padding:0 0 max(58px, calc(env(safe-area-inset-bottom) + 44px));grid-template-rows:auto 1fr;display:grid;overflow-y:auto}.title-credits{z-index:2;bottom:max(14px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));color:var(--muted);letter-spacing:.02em;gap:1px;margin:0;font-size:.58rem;font-weight:700;line-height:1.45;display:grid;position:absolute}.title-credits span,.title-credits b{font:inherit}.title-credit-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.title-credit-x-link{background:#000;border:1px solid #000;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;text-decoration:none;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:inline-grid;box-shadow:0 2px #3025361f}.title-credit-x-logo{background:#fff;width:12px;height:12px;display:block;-webkit-mask:url(/x-logo.svg) 50%/contain no-repeat;mask:url(/x-logo.svg) 50%/contain no-repeat}.title-credit-x-link:hover{background:#302536;border-color:#302536;transform:translateY(-1px);box-shadow:0 3px #5f55bd38}.title-credit-x-link:active{box-shadow:none;transform:translateY(1px)}.title-hero{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:center;gap:clamp(32px,5vw,72px);width:min(1160px,100% - 40px);margin:0 auto;padding-block:clamp(28px,6vh,64px);display:grid;position:relative}.title-copy{z-index:1;text-align:center;justify-self:center;justify-items:center;width:min(560px,100%);display:grid;position:relative}.title-tagline{border:2px solid var(--outline);width:fit-content;color:var(--ink);background:var(--surface);letter-spacing:.06em;border-radius:999px;margin:0 0 18px;padding:9px 16px;font-size:.82rem;font-weight:800;box-shadow:0 3px #e95d8566}.title-copy h1{letter-spacing:-.05em;margin:0;font-size:clamp(4.4rem,9.6vw,8.4rem);font-weight:900;line-height:.94}.title-copy h1 span{display:block}.title-copy h1 span:last-child{background:var(--grad-brand);color:#0000;filter:drop-shadow(0 4px #ff5a7e42);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-inline:auto;padding-inline:.06em;animation:6.5s ease-in-out infinite title-logo-shimmer}@keyframes title-logo-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.title-actions{width:min(430px,100%);text-align:initial;gap:12px;margin-top:clamp(26px,4vh,40px);display:grid}.unranked-note{width:min(430px,100%);text-align:initial;background:#fff7e4;border:2px solid #e8ae368c;border-radius:14px;gap:3px;margin:12px 0 0;padding:10px 14px;display:grid}.unranked-note strong{color:#a06a05;font:800 .72rem/1.2 var(--font-localized-label);letter-spacing:.04em}.unranked-note span{color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.5}.primary-button,.secondary-button,.shake-button,.share-button{cursor:pointer;letter-spacing:.02em;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s,filter .14s}.primary-button{color:#fff;background:var(--grad-button);min-height:58px;box-shadow:var(--glow-coral);text-shadow:0 1px #33283b40;border:2.5px solid #ffffffd9;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:.95rem;display:flex;position:relative}.primary-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px #d13c6b,0 20px 40px #ff4f8b5c}.secondary-button{border:2.5px solid var(--outline);min-height:52px;color:var(--ink);background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:.82rem;display:flex;box-shadow:0 5px #e95d8566}.secondary-button:hover:not(:disabled){background:var(--surface-soft);transform:translateY(-2px);box-shadow:0 7px #e95d8566}.primary-button:disabled,.secondary-button:disabled,.share-button:disabled{color:var(--disabled-ink);background:var(--disabled-bg);box-shadow:none;filter:none;text-shadow:none;border-color:#6d617647}.title-play-button{border-radius:22px;min-height:74px;font-size:1.08rem;overflow:hidden}.title-play-button svg,.title-play-button>span{z-index:1;flex:none;position:relative}.title-play-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:24%;animation:4.6s ease-in-out 1.3s infinite title-button-glint;position:absolute;top:-60%;bottom:-60%;left:-35%;transform:skew(-18deg)}@keyframes title-button-glint{0%,66%,to{opacity:0;left:-35%}70%{opacity:1}82%{opacity:0;left:112%}}.title-gallery-button{width:100%}.title-gallery-button svg{color:var(--violet)}.title-ranking-best{border:2px dashed var(--line);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;padding:13px 16px;display:flex;position:relative;overflow:hidden}.title-ranking-best:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd66eb3,#0000);width:26%;animation:7s ease-in-out 1.1s infinite title-best-sheen;position:absolute;inset:-50% auto -50% -30%;transform:skew(-18deg)}@keyframes title-best-sheen{0%,78%,to{opacity:0;left:-30%}82%{opacity:1}94%{opacity:0;left:116%}}.title-ranking-best[aria-hidden=true]{visibility:hidden}.title-ranking-best span{color:var(--muted);font-size:.72rem;font-weight:800}.title-ranking-best strong{background:var(--grad-brand);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.title-ranking{border:2.5px solid var(--outline-violet);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:26px;width:100%;min-width:0;padding:22px;box-shadow:0 8px #7a5cff33,0 24px 48px #5b4bd61f}.title-ranking-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.title-ranking-heading h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:1.35rem}.title-ranking-heading>svg{color:var(--violet);transform-origin:50% 82%;flex:none;animation:5.2s ease-in-out infinite title-trophy-wobble}@keyframes title-trophy-wobble{0%,62%,to{transform:rotate(0)scale(1)}70%{transform:rotate(-9deg)scale(1.08)}78%{transform:rotate(7deg)scale(1.06)}86%{transform:rotate(-3deg)scale(1.02)}}.title-ranking .ranking-list{align-content:start;gap:5px;min-height:496px;padding:1px}.title-ranking .ranking-list li{border-radius:13px;grid-template-columns:29px minmax(0,1fr) auto;gap:8px;padding:8px 10px}.title-ranking .ranking-list li>span{width:24px;height:24px;font-size:.62rem}.title-ranking .ranking-list li strong{font-size:.76rem}.title-ranking .ranking-list li b{font-size:.75rem}.title-ranking .ranking-empty{place-items:center;min-height:496px;margin:0;padding-block:44px;display:grid}.title-ranking-status{justify-content:space-between;align-items:center;gap:10px;min-height:20px;margin-top:10px;display:flex}.title-ranking-status:empty{visibility:hidden}.title-ranking-status p{color:var(--muted);margin:0;font-size:.66rem;font-weight:700;line-height:1.45}.title-ranking-status button{border:2px solid var(--outline-violet);min-height:32px;color:var(--violet);cursor:pointer;background:#fff;border-radius:10px;flex:none;padding:0 10px;font-size:.64rem;font-weight:800}@media (min-width:821px){.title-ranking{min-height:640px}}.modal-backdrop,.board-overlay{z-index:20;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);background:#4a3a6e57;place-items:center;display:grid;position:fixed;inset:0}.gallery-card,.ranking-card,.result-card{border:3px solid var(--outline-violet);width:min(620px,100%);color:var(--ink);background:radial-gradient(circle at 100% 0,#ffd16642,#0000 15rem),radial-gradient(circle at 0 100%,#ff8fab2e,#0000 13rem),#fffdf9;border-radius:28px;box-shadow:0 10px #7a5cff3d,0 34px 80px #5a468c4d}.gallery-card,.ranking-card{max-height:calc(100dvh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));padding:32px;overflow:auto}.gallery-card{border-color:var(--outline);width:min(1040px,100%);box-shadow:0 10px #e95d8533,0 34px 80px #965f5042}.ranking-card{width:min(500px,100%);max-height:none;overflow:visible}.modal-backdrop:has(.ranking-card){place-items:start center;overflow-y:auto}.modal-backdrop .ranking-card{margin-block:auto}.ranking-card .unranked-run-note{border-radius:12px;margin:-8px 0 18px;padding:10px 14px;font-size:.74rem;line-height:1.5}.modal-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.modal-heading h2{letter-spacing:-.03em;margin:2px 0 0;font-size:1.9rem;font-weight:900}.icon-button{border:2px solid var(--outline);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;transition:transform .15s,background .15s,box-shadow .15s;display:grid;box-shadow:0 3px #e95d8566}.icon-button:hover{background:var(--surface-soft);transform:translateY(-1px);box-shadow:0 4px #e95d8566}.icon-button:active{transform:translateY(2px);box-shadow:0 1px #e95d8566}.bonus-heading{align-items:center;margin-bottom:16px}.bonus-heading h2{background:var(--grad-brand);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #ff5a7e26);-webkit-background-clip:text;background-clip:text;margin:0}.bonus-playroom{isolation:isolate;aspect-ratio:900/520;background:radial-gradient(circle at 50% 13%,#fffffffa,#0000 30%),radial-gradient(circle at 18% 66%,#ffd5c47a,#0000 42%),radial-gradient(circle at 86% 76%,#d8e9ff6b,#0000 40%),radial-gradient(#e95d8524 1px,#0000 1px) 0 0/22px 22px,linear-gradient(#fffdf9eb,#fff0e2 76%,#ffe8d7);border:0;border-radius:30px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px #c94f7229,0 30px 70px #965f5033}.bonus-canvas,.bonus-canvas canvas{display:block;width:100%!important;height:100%!important}.bonus-canvas{z-index:0;touch-action:none;position:absolute;inset:0;overflow:hidden}.bonus-load-state{z-index:8;pointer-events:none;color:var(--muted);background:#fff6ecc7;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;inset:0}.bonus-load-state.is-ready{display:none}.bonus-load-state.is-error{pointer-events:auto;color:var(--coral-dark);align-content:center;gap:10px}.bonus-load-state button{border:2px solid var(--outline);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;padding:0 14px;font-weight:800}.debug-panel.bonus-debug-panel{z-index:7;width:min(238px,100% - 28px);position:absolute;top:14px;bottom:auto;right:14px}.bonus-character-panel{z-index:6;align-items:stretch;gap:10px;display:flex;position:absolute;top:14px;left:14px}.bonus-selector{grid-template-columns:repeat(4,58px);gap:6px;display:grid}.bonus-selector button{cursor:pointer;background:#fffffff0;border:2px solid #e95d856b;border-radius:13px;width:58px;height:58px;padding:0;transition:transform .13s,border-color .13s,box-shadow .13s;position:relative;overflow:hidden;box-shadow:0 3px #e95d8533}.bonus-selector button:hover:not(:disabled){z-index:2;border-color:var(--outline-violet);transform:translateY(-2px);box-shadow:0 5px #6a5ae03d}.bonus-selector button.is-selected{z-index:2;border-color:var(--violet);box-shadow:0 0 0 3px #fffffff0,0 0 0 6px #6a5ae057,0 5px #6a5ae03d}.bonus-selector button:disabled{cursor:wait}.bonus-selector button.is-locked{cursor:not-allowed;background:#f0ebeef0}.bonus-portrait{border-radius:10px;position:absolute;inset:0;overflow:hidden}.bonus-portrait img{left:calc(50% + var(--portrait-x,0%));top:calc(50% + var(--portrait-y,0%));object-fit:contain;image-rendering:auto;width:100%;height:100%;transform:translate(-50%, -50%) scale(var(--portrait-scale,2));position:absolute}.bonus-selector button.is-locked img{filter:grayscale()brightness(.55)opacity(.28)}.bonus-lock{z-index:2;color:#fff;text-shadow:0 2px 4px #23182a61;background:#52465857;place-items:center;font-size:1.2rem;font-weight:900;display:grid;position:absolute;inset:0}.bonus-profile{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffed;border:2px solid #e95d855c;border-radius:15px;flex-direction:column;justify-content:space-between;width:180px;min-height:158px;padding:12px;display:flex;box-shadow:0 3px #e95d852e}.bonus-profile h3{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:1.28rem;font-weight:900}.bonus-profile p{color:var(--muted);margin:3px 0 0;font-size:.66rem;font-weight:750}.bonus-profile a{color:#fff;background:var(--grad-violet);border:2px solid #5546c9;border-radius:9px;justify-content:center;align-items:center;min-height:32px;margin-top:9px;font-size:.64rem;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 3px #5546c9}.bonus-profile a:active{transform:translateY(2px);box-shadow:0 1px #5546c9}.bonus-profile .bonus-profile-hint{margin:auto 0;line-height:1.65}.bonus-profile-actions{grid-template-columns:1fr;gap:7px;margin-top:8px;display:grid}.bonus-profile-actions.is-split{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-image-edit-button{cursor:pointer;border:2px solid var(--outline);width:100%;min-height:32px;color:var(--ink);background:#fff;border-radius:9px;padding:5px 7px;font-size:.58rem;font-weight:850;line-height:1.3;box-shadow:0 3px #e95d8542}.bonus-image-edit-button:hover{background:var(--surface-soft);transform:translateY(-1px);box-shadow:0 4px #e95d8547}.bonus-image-edit-button:active{transform:translateY(2px);box-shadow:0 1px #e95d853d}.bonus-default-restore-button{cursor:pointer;border:2px dashed var(--line);width:100%;min-height:32px;color:var(--muted);background:var(--surface-soft);border-radius:9px;padding:4px 7px;font-size:.56rem;font-weight:850}.bonus-default-restore-button:hover:not(:disabled){color:var(--coral-dark);border-color:var(--outline);background:#fff}.bonus-default-restore-button:disabled{cursor:wait;opacity:.55}.bonus-image-editor{z-index:20;border:2.5px solid var(--outline);width:min(390px,100% - 36px);max-height:calc(100% - 36px);color:var(--ink);background:radial-gradient(circle at 100% 0,#ffd16633,#0000 10rem),#fffdf9;border-radius:22px;padding:18px;position:absolute;top:18px;right:18px;overflow:auto;box-shadow:0 8px #e95d8533,0 22px 54px #5a466942}.bonus-image-editor-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.bonus-image-editor-heading p{color:var(--violet);letter-spacing:.08em;margin:0 0 2px;font-size:.58rem;font-weight:850}.bonus-image-editor-heading h3{margin:0;font-size:1.32rem;line-height:1.1}.bonus-image-editor-heading>button{cursor:pointer;border:2px solid var(--outline);width:34px;height:34px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 2px #e95d854d}.bonus-character-name-input{gap:5px;margin:13px 0 12px;display:grid}.bonus-character-name-input>span{color:var(--ink);font-size:.66rem;font-weight:850}.bonus-character-name-input>input{border:2px solid var(--outline);width:100%;min-height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:11px;padding:0 11px;font-size:.76rem;font-weight:800;box-shadow:inset 0 1px #ffffffeb}.bonus-image-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bonus-image-input{cursor:pointer;background:#ffffffd1;border:2px dashed #6a5ae057;border-radius:16px;justify-items:center;min-width:0;padding:9px;transition:transform .14s,border-color .14s,background .14s;display:grid;position:relative}.bonus-image-input:hover{border-color:var(--violet);background:#fff;transform:translateY(-1px)}.bonus-image-input input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.bonus-image-preview{aspect-ratio:1;border:2px solid var(--line-soft);background:linear-gradient(135deg,#fff4e6,#f2efff);border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.bonus-image-preview img{object-fit:contain;width:100%;height:100%;display:block}.custom-character-uv-guide{z-index:2;pointer-events:none;filter:drop-shadow(0 1px 1px #ffffffe6);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.custom-character-uv-guide path{vector-effect:non-scaling-stroke}.custom-character-uv-outline{fill:#6a5ae00f;stroke:#5546c9;stroke-width:1.15px;stroke-linejoin:round}.custom-character-face-zone{fill:#ff588b29;stroke:#d6336c;stroke-width:1.2px;stroke-dasharray:3 2;stroke-linejoin:round}.custom-character-face-center{fill:#d6336c;stroke:#fff;stroke-width:.9px;vector-effect:non-scaling-stroke}.bonus-uv-guide-status{color:var(--violet);margin:9px 2px 0;font-size:.58rem;font-weight:800}.bonus-uv-guide-legend{background:#f6f3ffc2;border:1px solid #6a5ae033;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:9px;padding:8px 9px;display:flex}.bonus-uv-guide-legend>span{color:var(--ink);align-items:center;gap:5px;font-size:.56rem;font-weight:850;display:inline-flex}.bonus-uv-guide-legend i{border-radius:999px;width:14px;height:8px;display:inline-block}.bonus-uv-guide-legend i.is-uv{background:#6a5ae00f;border:2px solid #5546c9}.bonus-uv-guide-legend i.is-face{background:#ff588b29;border:2px dashed #d6336c}.bonus-uv-guide-legend small{color:var(--muted);flex-basis:100%;font-size:.53rem;font-weight:750;line-height:1.45}.bonus-image-input strong{margin-top:8px;font-size:.78rem}.bonus-image-input small{color:var(--muted);margin-top:1px;font-size:.55rem;font-weight:700}.bonus-image-pick{border:2px solid var(--outline-violet);min-height:27px;color:var(--violet);background:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:7px;padding:0 9px;font-size:.55rem;font-weight:850;display:inline-flex}.bonus-image-note{border:1px solid var(--mint);align-items:start;gap:2px;margin:10px 0 0;padding:7px 9px;display:grid}@supports (color:color-mix(in lab, red, red)){.bonus-image-note{border:1px solid color-mix(in srgb, var(--mint) 54%, var(--line))}}.bonus-image-note{background:var(--mint);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.bonus-image-note{background:color-mix(in srgb, var(--mint) 12%, white)}}.bonus-image-note{line-height:1.4}.bonus-image-note strong{color:var(--ink);flex:none;font-size:.57rem;font-weight:850}.bonus-image-note span{color:var(--muted);font-size:.55rem;font-weight:700}.bonus-image-note .bonus-image-note-unranked{border-top:1px dashed var(--line);color:#a06a05;margin-top:3px;padding-top:4px;font-weight:800}.bonus-image-error{color:var(--coral-dark);margin:8px 2px 0;font-size:.62rem;font-weight:800;line-height:1.45}.bonus-image-editor-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.bonus-image-editor-actions button{cursor:pointer;border:2px solid var(--outline);min-height:38px;color:var(--ink);background:#fff;border-radius:11px;font-size:.66rem;font-weight:850;box-shadow:0 3px #e95d853d}.bonus-image-editor-actions button.is-primary{color:#fff;background:var(--grad-button);border-color:#ffffffdb;box-shadow:0 4px #d13c6b}.bonus-image-editor-actions button:disabled,.bonus-image-editor-heading>button:disabled{cursor:wait;opacity:.55;box-shadow:none}@media (pointer:fine){.bonus-canvas canvas{cursor:none!important}}.ranking-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.ranking-list li{border:2px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.ranking-list li:not(:first-child):hover{border-color:var(--outline-violet);background:#faf8ff}.ranking-list li>span{border:2px solid var(--outline);width:27px;height:27px;color:var(--muted);font:700 .7rem/1 var(--font-accent);background:#fff;border-radius:50%;place-items:center;display:grid}.ranking-list li:first-child{border:2.5px solid var(--outline-sunny);background:linear-gradient(120deg,#fff3d9,#ffe9f0);box-shadow:0 4px #f0a93c80}.ranking-list li:first-child>span{color:#4a3305;background:linear-gradient(135deg,#ffd97a,#f0a93c)}.ranking-list li:nth-child(2)>span{color:#333c50;background:linear-gradient(135deg,#eef2f8,#becadb)}.ranking-list li:nth-child(3)>span{color:#58300f;background:linear-gradient(135deg,#f2c8a4,#d99560)}.ranking-list li strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-list li b{color:var(--ink);font-family:var(--font-accent);font-variant-numeric:tabular-nums;font-size:.86rem}.ranking-empty{border:2px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;margin:6px 0;padding:28px 14px;font-size:.78rem}.ranking-connection{justify-content:space-between;align-items:center;gap:12px;min-height:38px;margin-top:14px;display:flex}.ranking-connection p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.5}.ranking-connection button{border:2px solid var(--outline-violet);min-height:36px;color:var(--violet);cursor:pointer;background:#fff;border-radius:11px;flex:none;padding:0 12px;font-size:.68rem;font-weight:800;box-shadow:0 3px #7a5cff52}.ranking-connection button:disabled{cursor:not-allowed;color:var(--disabled-ink);background:var(--disabled-bg);box-shadow:none;border-color:#6d617647}.play-screen{height:100dvh;min-height:100dvh;padding-bottom:0;overflow:hidden}.game-layout{--playfield-width:min(800px, calc((100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660));z-index:2;grid-template-columns:minmax(190px, 260px) minmax(300px, var(--playfield-width)) minmax(208px, 280px);grid-template-areas:"score board next";justify-content:center;align-items:start;gap:clamp(14px,2vw,28px);width:min(1560px,100% - 28px);margin:26px auto 0;display:grid;position:relative}.game-layout.is-gameover{--playfield-width:min(760px, calc((100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660));grid-template-columns:minmax(300px, var(--playfield-width)) minmax(320px, 400px);grid-template-areas:"board result";align-items:center;gap:clamp(20px,3vw,42px);width:min(1180px,100% - 28px)}.game-sidebar{display:contents}.game-layout:not(.is-gameover) .result-card{display:none}.panel{border:2.5px solid var(--outline);background:var(--surface);box-shadow:var(--pop-shadow-deep);border-radius:26px}.score-panel{grid-area:score;overflow:hidden}.score-block{isolation:isolate;border-bottom:2px dashed var(--line);background:linear-gradient(160deg,#ffe3d1,#ffd2e0 70%,#ffe9f0);padding:22px 24px;position:relative;overflow:hidden}.score-block>*{z-index:1;position:relative}.score-block>.score-sheen{z-index:0;pointer-events:none;opacity:0;width:24%;animation:score-sheen .52s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffffe0,#0000);position:absolute;inset:-35% auto -35% -28%;transform:skew(-18deg)}@keyframes score-sheen{0%{opacity:0;left:-28%}20%{opacity:.86}to{opacity:0;left:116%}}.metric-label{font:700 .6rem/1 var(--font-localized-label);letter-spacing:.2em;text-transform:uppercase;display:block}.score-block>.metric-label{color:var(--coral-dark)}.score-block strong{color:var(--coral-dark);letter-spacing:-.05em;filter:drop-shadow(0 2px #ff5a7e3d);background:0 0;margin-top:10px;font-size:clamp(2.7rem,5vw,3.9rem);font-weight:900;line-height:.95;display:block}.animated-number-visual{font:inherit;display:inline-block}.score-block .animated-number-visual,.final-score .animated-number-visual{color:var(--coral-dark);background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.best-block{border-bottom:2px dashed var(--line);padding:15px 24px}.best-block>.metric-label{color:var(--muted)}.best-block strong{color:var(--ink);letter-spacing:-.03em;margin-top:7px;font-size:1.4rem;display:block}.score-ranking-button{display:none}.mini-ranking{border-bottom:2px dashed var(--line);padding:16px 20px}.mini-ranking-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.mini-ranking-title>span{color:var(--violet);font:700 .6rem/1 var(--font-localized-label);letter-spacing:.16em}.live-ranking-position{color:#fff;background:var(--grad-violet);min-height:22px;font:800 .58rem/1 var(--font-localized-label);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;display:inline-flex;box-shadow:0 2px #5546c95c}.live-ranking-position-mobile{display:none}.mini-ranking-row{color:var(--ink);grid-template-columns:20px 1fr auto;gap:6px;padding:6px 0;font-size:.7rem;display:grid}.mini-ranking-row>span{color:var(--violet);font-family:var(--font-accent);font-weight:700}.mini-ranking-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-ranking-row b{font-family:var(--font-accent);font-variant-numeric:tabular-nums}.mini-ranking>p{color:var(--muted);margin:5px 0 0;font-size:.7rem}.unranked-run-note{color:#a06a05;background:#fff7e4;border:1.5px solid #e8ae368c;border-radius:10px;margin:0 0 9px;padding:6px 9px;font-size:.62rem;font-weight:800;line-height:1.35}.mini-ranking>.unranked-run-note{color:#a06a05;margin:0 0 9px;font-size:.62rem}.board-shell{isolation:isolate;aspect-ratio:560/660;width:100%;max-width:var(--playfield-width);background:radial-gradient(circle at 50% 13%,#fffffffa,#0000 30%),radial-gradient(circle at 18% 66%,#ffd5c47a,#0000 42%),radial-gradient(circle at 86% 76%,#d8e9ff6b,#0000 40%),linear-gradient(#fffdf9b8,#fff0e2 76%,#ffe8d7);border:0;border-radius:30px;grid-area:board;min-width:0;position:relative;overflow:hidden;box-shadow:0 12px #c94f7229,0 30px 70px #965f5033}.board-shell:before{content:"";z-index:0;pointer-events:none;opacity:.34;background-image:radial-gradient(#e95d853d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 32% 100%);mask-image:linear-gradient(#0000 4%,#000 32% 100%)}.board-shell.is-final-board{box-shadow:0 0 0 3px #ffffffe6,0 0 0 7px #ff8fab85,0 18px #c94f7224,0 34px 80px #965f503d}.final-board-label{z-index:18;pointer-events:none;color:#fff;font:700 .6rem/1 var(--font-localized-label);letter-spacing:.13em;background:#d6336ce0;border:2px solid #fffffff0;border-radius:999px;padding:8px 12px 7px;position:absolute;top:16px;left:18px;box-shadow:0 4px #9e2f554d}.game-canvas,.game-canvas canvas{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.game-canvas{z-index:1;position:relative}.game-load-state{z-index:20;color:var(--muted);text-align:center;background:#fff4e6f5;place-content:center;justify-items:center;gap:14px;padding:24px;font-size:.82rem;font-weight:700;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.game-load-state.is-ready{visibility:hidden;opacity:0;pointer-events:none}.game-load-state button{color:#fff;background:var(--grad-violet);cursor:pointer;border:2px solid #ffffffd9;border-radius:13px;min-height:44px;padding:0 18px;font-weight:800;box-shadow:0 4px #5546c9}.debug-panel{z-index:60;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));width:min(336px,100vw - 28px);color:var(--ink);border:2.5px solid var(--outline);background:var(--surface);box-shadow:var(--pop-shadow-deep);border-radius:22px;position:fixed;overflow:hidden}.debug-panel>summary{cursor:pointer;min-height:50px;color:var(--coral-dark);letter-spacing:.04em;background:linear-gradient(135deg,#fff3e7,#ffe3ef);align-items:center;gap:8px;padding:0 15px;font-size:.78rem;font-weight:900;list-style:none;display:flex}.debug-panel>summary:after{content:"+";width:25px;height:25px;color:var(--coral-dark);background:#fffc;border:2px solid #e95d8557;border-radius:50%;place-items:center;margin-left:auto;font-size:1rem;line-height:1;display:grid}.debug-panel[open]>summary:after{content:"−"}.debug-panel>summary::-webkit-details-marker{display:none}.debug-panel-body{gap:12px;padding:14px;display:grid}.debug-panel fieldset{border:0;min-width:0;padding:0}.debug-panel legend{color:var(--muted);margin-bottom:9px;font-size:.68rem;font-weight:800}.debug-tier-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.debug-tier-grid button{aspect-ratio:1;cursor:pointer;min-width:0;color:var(--ink);background:var(--surface-soft);border:2px solid #e95d8538;border-radius:12px;padding:4px;transition:transform .14s,border-color .14s,background .14s;position:relative;overflow:hidden;box-shadow:0 2px #e95d8533}.debug-tier-grid button:hover:not(:disabled){border-color:var(--outline);background:#fff;transform:translateY(-1px)}.debug-tier-grid button.is-selected{border-color:var(--violet);background:#f0edff;box-shadow:0 3px #6a5ae057}.debug-tier-grid img{object-fit:contain;width:100%;height:100%;display:block}.debug-tier-grid img.has-padded-texture{scale:1.06667}.debug-tier-grid span{min-width:15px;color:var(--violet);background:#ffffffe6;border-radius:999px;padding:1px 3px;font-size:.5rem;font-weight:900;line-height:1.2;position:absolute;bottom:2px;right:3px}.debug-random-button{cursor:pointer;color:#fff;background:var(--grad-violet);border:2px solid #ffffffd6;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:43px;font-size:.72rem;font-weight:900;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 4px #5546c9}.debug-random-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #5546c9}.debug-random-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #5546c9}.debug-collider-toggle{cursor:pointer;border:2px dashed var(--line);min-height:40px;color:var(--ink);background:var(--surface-soft);border-radius:12px;align-items:center;gap:9px;padding:8px 10px;font-size:.68rem;font-weight:800;display:flex}.debug-collider-toggle input{width:18px;height:18px;accent-color:var(--violet)}.debug-panel :disabled{cursor:not-allowed;opacity:.45}.presence-debug-indicator{z-index:65;top:calc(env(safe-area-inset-top) + 82px);right:max(14px, env(safe-area-inset-right));min-height:36px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#fffffff0;border:1px solid #5f55bd3d;border-radius:12px;align-items:center;gap:7px;padding:7px 10px;font-size:.66rem;font-weight:800;display:flex;position:fixed;box-shadow:0 8px 24px #412b3624}.presence-debug-indicator>svg{color:var(--violet);flex:none}.presence-debug-indicator>strong{color:var(--ink);font:850 .72rem/1 var(--font-localized-label)}.presence-debug-indicator[data-status=ready]>svg{color:#36a16f}.presence-debug-indicator[data-status=error]>svg{color:var(--coral-dark)}.game-canvas:focus-visible{outline:0;box-shadow:0 18px 34px #5b4bd62e}.game-canvas:focus-visible:after{content:"";z-index:19;pointer-events:none;background:var(--focus);border-radius:999px;width:56px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #5b4bd657}.next-panel{grid-area:next;padding:16px}.next-card{--next-figure-size:96px;--next-figure-lead:10px;--next-halo-cell:2 / 1;--next-halo-inset:0 0 auto 0;--next-halo-margin:calc(var(--next-figure-lead) - var(--next-figure-size) * .0625) auto 0;border:2px solid var(--outline-mint);box-shadow:var(--pop-shadow);background:radial-gradient(circle at 50% 30%,#ffffffe6,#0000 70%),linear-gradient(160deg,#e8f7ee,#d8f1ff);border-radius:18px;justify-items:center;padding:17px 12px 14px;display:grid;position:relative;overflow:hidden}.next-card>.metric-label{color:#2c6a48}.next-card img{width:var(--next-figure-size);height:var(--next-figure-size);margin:var(--next-figure-lead) 0 4px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 8px #965f5047);animation:3.2s ease-in-out infinite next-bob}.next-card img.has-padded-texture{scale:1.06667}.next-character{justify-items:center;display:grid}.next-swap-glow{grid-area:var(--next-halo-cell);inset:var(--next-halo-inset);width:calc(var(--next-figure-size) * 1.125);height:calc(var(--next-figure-size) * 1.125);margin:var(--next-halo-margin);pointer-events:none;background:radial-gradient(circle,#fffffff2,#7edba880 55%,#0000 72%);border-radius:50%;position:absolute}@keyframes next-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.next-card strong{color:var(--ink);font-size:.8rem}.evolution-card{background:radial-gradient(circle at 84% 12%,#ffdae7b8,#0000 34%),linear-gradient(155deg,#fffffff5,#f4f1ffeb);border:2px solid #6a5ae057;border-radius:18px;margin:14px 0;padding:14px 12px 15px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 6px 18px #5d489c24}.evolution-title{color:var(--ink);letter-spacing:.02em;margin:1px 4px 12px;font-size:.82rem;font-weight:900;line-height:1}.evolution-route{--route-color:#6a5ae080;aspect-ratio:1;width:min(100%,226px);margin:0 auto;padding:0;list-style:none;position:relative}.evolution-route:before{content:"";z-index:0;border:3px solid var(--route-color);border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 0 5px #ffffff9e;-webkit-mask-image:conic-gradient(#000 0deg 327deg,#0000 327deg 360deg);mask-image:conic-gradient(#000 0deg 327deg,#0000 327deg 360deg)}.evolution-route:after{content:"";z-index:1;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--violet);filter:drop-shadow(0 1px #fff);width:0;height:0;position:absolute;top:50%;right:calc(12% - 5px);transform:translateY(-50%)rotate(90deg)}.evolution-route li{--orb-size:clamp(38px, 3.6vw, 44px);--face-zoom:1.9;--face-shift-x:0%;--face-shift-y:26%;z-index:2;top:var(--route-y);left:var(--route-x);width:var(--orb-size);height:var(--orb-size);place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.evolution-route li:first-child{--orb-size:clamp(32px, 2.9vw, 36px)}.evolution-route li:nth-child(2){--orb-size:clamp(34px, 3.1vw, 38px)}.evolution-route li:nth-child(3){--orb-size:clamp(36px, 3.3vw, 40px)}.evolution-route li:nth-child(4){--face-zoom:1.85;--face-shift-y:21%}.evolution-route li:nth-child(5){--face-zoom:1.85;--face-shift-y:22%}.evolution-route li:nth-child(6){--face-zoom:1.9;--face-shift-y:29%}.evolution-route li:nth-child(7){--face-zoom:1.9;--face-shift-y:25%}.evolution-route li:nth-child(8){--face-zoom:2;--face-shift-x:8%;--face-shift-y:44%}.evolution-route li:nth-child(9){--face-zoom:1.95;--face-shift-x:-12%;--face-shift-y:29%}.evolution-route li:nth-child(10){--face-zoom:1.95;--face-shift-y:27%}.evolution-route li:nth-child(11){--orb-size:clamp(42px, 3.8vw, 46px);--face-zoom:2.4;--face-shift-x:12%;--face-shift-y:55%}.evolution-orb{width:var(--orb-size);height:var(--orb-size);border:2.5px solid var(--outline);background:linear-gradient(145deg,#fff 20%,#fff5ee);border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 3px #e95d8561,0 6px 12px #6048802e}.evolution-orb img{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.evolution-route li.is-egg img{padding:2px}.evolution-route li.is-character img{transform:translate(var(--face-shift-x), var(--face-shift-y)) scale(var(--face-zoom))}.evolution-route li.has-custom-image{--face-zoom:1.9;--face-shift-x:0%;--face-shift-y:24.7%}.evolution-route li.has-custom-image.has-padded-texture{--face-zoom:2.02667}.evolution-route li.is-held .evolution-orb{z-index:2;box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--focus), 0 8px 18px #7a5cff7a;animation:2.4s ease-in-out infinite current-orb-pulse;transform:scale(1.14)}@keyframes current-orb-pulse{0%,to{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--focus), 0 6px 14px #7a5cff57}50%{box-shadow:0 0 0 3px #fff,0 0 0 8px #6a5ae01f,0 8px 18px #7a5cff7a}}.shake-button{color:#123c2a;background:var(--grad-mint);border:2.5px solid #ffffffd9;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:56px;padding:7px 10px;display:grid;box-shadow:0 5px #2b9a77,0 14px 30px #4ecfa252}.shake-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 7px #2b9a77,0 18px 36px #4ecfa25c}.shake-button-label{justify-content:center;align-items:center;gap:7px;min-width:0;line-height:1.2;display:inline-flex}.shake-button-label svg{flex:none}.shake-button-label>span{overflow-wrap:anywhere;min-width:0}.shake-button strong{border:2px solid var(--outline-mint);width:29px;height:29px;color:var(--ink);font-family:var(--font-accent);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.shake-button:disabled{cursor:not-allowed;color:var(--disabled-ink);background:var(--disabled-bg);box-shadow:none;filter:none;opacity:1;border-color:#6d617647}.shake-button:disabled strong{color:var(--disabled-ink);background:#f6f1ef;border-color:#6d617647}.result-card{text-align:center;grid-area:result;justify-self:center;width:min(400px,100%);padding:30px;position:relative}.result-celebration{z-index:3;pointer-events:none;position:absolute;inset:-18px -12px;overflow:clip}.result-confetti{will-change:transform, opacity;border-radius:2px;width:8px;height:13px;position:absolute;top:0}.result-confetti.is-round{border-radius:50%;width:9px;height:9px}.result-card h2{background:var(--grad-brand);color:#0000;font-family:var(--font-localized-label);letter-spacing:-.04em;filter:drop-shadow(0 3px #ff5a7e47);-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:3rem;font-weight:700}.new-best-badge{color:#714815;min-height:32px;font:900 .72rem/1 var(--font-accent);letter-spacing:.13em;background:linear-gradient(120deg,#fff4bd,#ffd66e 52%,#fff3b0);border:2px solid #e8ae36;border-radius:999px;justify-content:center;align-items:center;margin:-8px auto 15px;padding:6px 17px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 7px #be801b29,0 12px 24px #be801b2e}.new-best-badge:after{content:"";width:22%;animation:new-best-sheen 1.6s .45s var(--ease-out) both;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);position:absolute;inset:-50% auto -50% -30%;transform:skew(-18deg)}@keyframes new-best-sheen{0%{left:-30%}to{left:116%}}.compact{min-height:52px;font-size:.88rem}.text-button{min-height:44px;color:var(--violet);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:10px;padding:0 10px;font-size:.78rem;font-weight:800;text-decoration:underline}.final-score{border:2px solid var(--outline-sunny);box-shadow:var(--pop-shadow);background:linear-gradient(135deg,#ffe9f0,#fff3d9);border-radius:20px;margin:-6px 0 16px;padding:16px}.final-score>.metric-label{color:var(--muted)}.final-score strong{color:var(--coral-dark);letter-spacing:-.05em;background:0 0;margin-top:7px;font-size:2.4rem;font-weight:900;display:block}.ranking-result-status{border:2px solid var(--line);background:var(--surface-soft);border-radius:16px;gap:5px;min-height:68px;margin-bottom:12px;padding:13px 16px;display:grid}.ranking-result-status strong{color:var(--ink);font-size:.9rem}.ranking-result-status span{color:var(--muted);font-size:.68rem;font-weight:700;line-height:1.45}.ranking-result-status.is-checking{border-style:dashed}.ranking-result-status.is-custom{background:#fff7e4;border-color:#e8ae368c}.ranking-result-status.is-custom strong{color:#a06a05}.ranking-result-status.is-qualified{background:#f3f0ff;border-color:#8b7ce080}.ranking-result-status.is-qualified strong{color:var(--violet)}.ranking-result-status.is-ranked{background:linear-gradient(135deg,#fff6dc,#ffeef3);border-color:#e8ae36}.rank-stamp{color:var(--coral-dark);letter-spacing:-.01em;font-size:1.28rem;font-weight:900;display:block;position:relative}.rank-stamp:before{z-index:-1;content:"";animation:rank-stamp-ring .72s .12s var(--ease-out) both;border:2px solid #e8ae368c;border-radius:999px;position:absolute;inset:-7px -12px}@keyframes rank-stamp-ring{0%{opacity:0;transform:scale(1.55)}60%{opacity:1}to{opacity:.9;transform:scale(1)}}.record-form{text-align:left;margin-bottom:12px}.record-form-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 4px 7px;display:flex}.record-form label{color:var(--muted);font:700 .6rem/1 var(--font-localized-label);letter-spacing:.16em;display:block}.record-form-limit{color:var(--muted);font:700 .62rem/1 var(--font-localized-label);font-variant-numeric:tabular-nums}.record-form-limit.is-full{color:var(--violet)}.record-form>div:not(.record-form-heading){grid-template-columns:1fr auto;display:grid}.record-form input{border:2px solid var(--outline);min-width:0;height:47px;color:var(--ink);background:#fff;border-right:0;border-radius:14px 0 0 14px;padding:0 13px;font-weight:700}.record-form input::placeholder{color:var(--muted)}.record-form input:focus-visible{z-index:1;border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus);outline:0;position:relative}.record-form button{color:#fff;background:var(--grad-violet);cursor:pointer;border:2px solid #8b7ce0;border-radius:0 14px 14px 0;min-height:47px;padding:0 15px;font-size:.74rem;font-weight:800}.record-form button:disabled,.record-form input:disabled{cursor:not-allowed;color:var(--disabled-ink);background:var(--disabled-bg);opacity:1;-webkit-text-fill-color:var(--disabled-ink);border-color:#6d617647}.record-error{color:var(--coral-dark);margin:7px 3px 0;font-size:.68rem;font-weight:700;line-height:1.45}.result-actions{grid-template-columns:minmax(0,1fr) 126px;grid-template-areas:"chip character""share share";align-items:center;gap:1px 0;margin:4px 0 14px;display:grid}.result-actions .share-button{grid-area:share;align-self:center;width:100%}.result-share-character-viewport{pointer-events:none;transform-origin:52% 88%;grid-area:character;width:128px;height:94px;margin:0 -2px 0 0;animation:1.05s cubic-bezier(.22,.8,.26,1) .18s both result-share-character-cheer;position:relative;overflow:hidden}.result-share-character{image-rendering:auto;width:146px;max-width:none;height:146px;display:block;transform:translate(-12px,-33px)}@keyframes result-share-character-cheer{0%{opacity:0;transform:translateY(7px)scale(.94)rotate(-2.5deg)}38%{opacity:1;transform:translateY(-4px)scale(1.035)rotate(2.4deg)}62%{transform:translateY(1px)scale(.99,1.015)rotate(-1.4deg)}82%{transform:translateY(-1px)scale(1.008)rotate(.6deg)}to{opacity:1;transform:none}}.result-share-chip{z-index:1;width:max-content;max-width:190px;color:var(--ink);text-align:center;transform-origin:100%;white-space:nowrap;background:#fff;border:1px solid #5f55bd38;border-radius:16px;grid-area:chip;place-self:start end;margin:7px 7px 0 0;padding:8px 12px;font-size:.72rem;font-weight:750;line-height:1.45;animation:.72s cubic-bezier(.22,.8,.26,1) .36s both result-share-chip-speak;position:relative;box-shadow:0 5px 14px #5f55bd24}@keyframes result-share-chip-speak{0%{opacity:0;transform:translate(7px,2px)scale(.88)}55%{opacity:1;transform:translate(-1px)scale(1.035)}78%{transform:scale(.985)}to{opacity:1;transform:none}}.result-share-chip:before,.result-share-chip:after{content:"";width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.result-share-chip:before{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:11px solid #5f55bd38;right:-11px}.result-share-chip:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #fff;right:-8px}.result-restart-button{width:100%;padding-inline:18px}.result-restart-button svg{flex:none}.result-title-button{justify-content:center;align-items:center;gap:5px;width:100%;display:inline-flex}.result-title-button:disabled,.app-brand-button:disabled{cursor:not-allowed;color:var(--disabled-ink);opacity:.55}.share-button{color:#fff;cursor:pointer;background:#000;border:2px solid #000;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 5px #30253652}.share-button-x-logo{background:#fff;flex:none;width:18px;height:18px;-webkit-mask:url(/x-logo.svg) 50%/contain no-repeat;mask:url(/x-logo.svg) 50%/contain no-repeat}.share-button:hover:not(:disabled){background:#302536;border-color:#302536;transform:translateY(-2px);box-shadow:0 7px #30253652}.share-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #30253652}.share-button:disabled .share-button-x-logo{background:var(--disabled-ink)}:root{--bg:#fff8f2;--surface:#fff;--surface-soft:#fff4ec;--surface-raised:#fff;--ink:#302536;--muted:#665a6d;--line:#89566f29;--line-soft:#89566f1a;--outline:#f3a1b8;--outline-violet:#b8aff0;--outline-mint:#79cfa8;--outline-sunny:#e5b34f;--coral:#f26d62;--coral-dark:#b93655;--pink:#ef7ea1;--peach:#ffdaca;--sunny:#f6cf6a;--mint:#78d4aa;--sky:#7ec4ef;--violet:#5f55bd;--focus:#4d43a9;--board:#fffaf6;--grad-brand:linear-gradient(115deg, #e94e79 4%, #f36c60 54%, #f2a23b 100%);--grad-button:linear-gradient(135deg, #ec5c75 0%, #f4735c 100%);--grad-violet:linear-gradient(135deg, #776bda, #564cb5);--grad-mint:linear-gradient(135deg, #79dbad, #4fbd92);--pop-shadow:0 10px 24px #6c3e521a;--pop-shadow-deep:0 20px 50px #663a4f21;--shadow:0 18px 52px #61394d1f;--shadow-raised:0 30px 80px #5831462e;--glow-coral:0 12px 24px #e048693d, 0 3px 0 #ab304dc2;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--ease-out:cubic-bezier(.22, 1, .36, 1)}html{background:var(--bg)}body{background:radial-gradient(circle at 12% -12%, #ffcfbe9e, transparent 34rem), radial-gradient(circle at 92% 108%, #b1e6ce85, transparent 38rem), var(--bg)}button,input{letter-spacing:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 86%, white)}}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px}.title-screen,.play-screen{background:radial-gradient(circle at 14% 14%,#ffd3c4b3,#0000 30rem),radial-gradient(circle at 82% 96%,#c4ead6a3,#0000 32rem),linear-gradient(145deg,#fffaf5 0%,#fff7ef 54%,#fffaf7 100%)}.title-screen:before,.play-screen:before{z-index:0;pointer-events:none;content:"";opacity:.38;background-image:radial-gradient(#54394826 .65px,#0000 .65px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.ambient-motion{opacity:.78;inset-block-start:72px}.motion-ribbon-coral .motion-ribbon-stroke{stroke:#f177701a;stroke-width:70px}.motion-ribbon-mint .motion-ribbon-stroke{stroke:#5fc1941a;stroke-width:78px}.motion-ring{border-width:1.5px}.motion-capsule,.motion-dot{filter:saturate(.84)}.app-header{-webkit-backdrop-filter:blur(22px)saturate(1.28);backdrop-filter:blur(22px)saturate(1.28);background:#fffbf7d1;border-bottom:1px solid #6943561c;box-shadow:0 8px 30px #56374609}.app-header-inner{gap:24px;width:min(1400px,100% - 40px);min-height:72px}.app-brand{border-radius:14px;gap:10px;min-height:44px;padding:4px 6px;font-size:.94rem;transition:background .16s,opacity .16s,transform .16s}.app-brand-button:hover:not(:disabled){background:#ef7ea117}.app-brand-button:active:not(:disabled){transform:scale(.98)}.app-brand-text{white-space:nowrap}.app-brand-text>span{margin-left:.24em}.app-header-controls{gap:10px}.language-switch{box-shadow:none;background:#efecfabd;border:1px solid #5f55bd29;padding:3px}.language-switch button{border-radius:999px;min-width:42px;min-height:32px;padding-inline:11px;font-size:.63rem;transition:color .15s,background .15s,box-shadow .15s}.language-switch button.is-active{background:#655bc2;box-shadow:0 4px 10px #4a3e9b38}.volume-control{background:#ffffffe0;border:1px solid #714c6024;gap:8px;min-height:42px;padding:4px 10px 4px 5px;box-shadow:0 8px 22px #5637460f}.volume-toggle{width:32px;height:32px;color:var(--violet);cursor:pointer;background:#5f55bd14;border:0;border-radius:50%;flex:0 0 32px;place-items:center;padding:0;transition:background .15s,transform .15s;display:grid}.volume-toggle:hover{background:#5f55bd26}.volume-toggle:active{transform:scale(.94)}.volume-icon{width:20px;height:20px}.volume-slider{width:clamp(82px,9vw,124px)}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--violet) 0 var(--volume-percent), #e7e3ed var(--volume-percent) 100%);border:0;height:6px}.volume-slider::-webkit-slider-thumb{border-width:3px;width:17px;height:17px;margin-top:-5.5px;box-shadow:0 3px 9px #44388d3d}.volume-slider::-moz-range-track{border:0;height:6px}.volume-output{color:#5f5366;font-size:.6rem}.fullscreen-toggle{background:#ffffffe0;border:1px solid #5f55bd29;border-radius:13px;flex-basis:42px;width:42px;height:42px;transition:color .15s,background .15s,transform .15s,box-shadow .15s;box-shadow:0 8px 22px #5637460f}.fullscreen-toggle:hover{color:#5546c9;background:#fff;box-shadow:0 9px 24px #4a3e9b1f}.fullscreen-toggle:active{transform:scale(.94)}.title-screen{padding-bottom:max(54px, calc(env(safe-area-inset-bottom) + 42px))}.title-hero{grid-template-columns:minmax(0,1fr) minmax(330px,392px);gap:clamp(42px,6vw,82px);width:min(1180px,100% - 48px);padding-block:clamp(26px,5.5vh,58px)}.title-copy{width:min(590px,100%)}.title-tagline{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;background:#ffffffb8;border:1px solid #d55b7d3d;margin-bottom:16px;padding:8px 15px;font-size:.76rem;box-shadow:0 8px 24px #693f5212}.title-copy h1{letter-spacing:-.065em;text-shadow:0 6px #ffffffb8;font-size:clamp(4.6rem,9.2vw,8rem);line-height:.9}.title-copy h1 span:last-child{text-shadow:none;filter:drop-shadow(0 7px #e6666c29)}.title-actions{gap:11px;width:min(420px,100%);margin-top:clamp(22px,3.4vh,34px)}.primary-button,.secondary-button,.shake-button,.share-button{transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s ease, border-color .18s ease, filter .18s ease}.primary-button{min-height:58px;box-shadow:var(--glow-coral);text-shadow:none;border:1px solid #a72d4b2e;border-radius:17px}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #d6426347,0 4px #a12c48bf}.primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 7px 16px #d6426333,0 1px #a12c48bf}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #694c5b26;border-radius:16px;min-height:50px;box-shadow:0 9px 22px #5b384914}.secondary-button:hover:not(:disabled){background:#fff;border-color:#d3547847;transform:translateY(-2px);box-shadow:0 12px 26px #5b38491c}.secondary-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 5px 12px #5b384914}.title-play-button{border-radius:20px;min-height:70px}.title-play-button:disabled{color:#4e3d489e;background:linear-gradient(110deg,#efe8e6 20%,#f7f1ee 45%,#efe8e6 70%) 0 0/220% 100%;border-color:#99707e24;animation:1.5s ease-in-out infinite title-loading-sheen;box-shadow:0 8px 22px #5a3c4a12}@keyframes title-loading-sheen{to{background-position:-220% 0}}.title-play-button:after{opacity:.7;width:19%}.title-ranking{-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);background:#ffffffd1;border:1px solid #5f55bd33;border-radius:28px;padding:22px;box-shadow:0 24px 60px #56408424,inset 0 1px #ffffffe6}.title-ranking-heading{margin-bottom:16px}.title-ranking-heading h2{font-size:1.42rem}.title-ranking-heading>svg{background:#5f55bd17;border-radius:14px;width:42px;height:42px;padding:10px}.title-ranking-best{background:linear-gradient(110deg,#fff0e8eb,#fff6f2eb);border:1px solid #d15c7d29;border-radius:14px;margin-bottom:14px;padding:12px 14px}.title-ranking .ranking-list{gap:6px;padding:1px}.title-ranking .ranking-list li{border-radius:13px;padding:9px 11px;transition:background .15s,border-color .15s,transform .15s}.title-ranking .ranking-list li:hover{transform:translate(2px)}.title-ranking-status{margin-top:12px}.title-ranking-status p{align-items:center;gap:7px;display:flex}.title-ranking-status p:before{background:var(--violet);content:"";border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 4px #5f55bd1a}.title-credits{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #67465717;border-radius:12px;gap:3px;padding:8px 10px;font-size:.55rem}.game-layout{gap:clamp(16px,2vw,30px);margin-top:22px}.panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #784b6129;box-shadow:0 20px 44px #5b39491f}.score-panel{overflow:clip}.score-block{border-bottom:1px solid var(--line);background:linear-gradient(145deg,#ffe0d6e6,#ffe2eae0);padding:21px 23px}.score-block strong{filter:none;margin-top:9px}.best-block,.mini-ranking{border-bottom:1px solid var(--line)}.mini-ranking-row+.mini-ranking-row{border-top:1px solid #6f495b14}.board-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;border:1px solid #915c7429;border-radius:30px;box-shadow:0 28px 64px #58364629,0 7px #a1637e1c}.board-shell:before{background:linear-gradient(160deg,#fff3,#0000 38%);border:1px solid #ffffffe0;border-radius:21px;inset:10px}.game-canvas:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.game-load-state{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf6f0;border-radius:23px}.next-panel{padding:14px}.next-card{background:linear-gradient(150deg,#e9faf3f2,#eef6ffe6);border:1px solid #4596713d;border-radius:19px;box-shadow:0 12px 26px #3f8b6917}.next-card img{filter:drop-shadow(0 9px 9px #4d3d4721)}.evolution-card{background:linear-gradient(145deg,#f8f6fff0,#fff7faeb);border:1px solid #5f55bd29;border-radius:19px}.evolution-title{color:var(--ink)}.evolution-orb{border-width:1.5px;box-shadow:0 5px 14px #4e38691f}.evolution-route li.is-held .evolution-orb{box-shadow:0 0 0 5px #5f55bd1c,0 8px 19px #473b9c40}.shake-button{border:1px solid #2684602e;border-radius:17px;box-shadow:0 10px 22px #39a97d33,0 3px #349b76}.shake-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #39a97d3d,0 4px #349b76}.shake-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 6px 14px #39a97d2e,0 1px #349b76}.final-board-label{border:1px solid #5f55bd33;box-shadow:0 10px 24px #483a9926}.result-card{box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #5f55bd2e;border-radius:30px}.result-card h2{text-shadow:0 5px #ee696c1f}.final-score{background:linear-gradient(135deg,#fff1ea,#fff5f5);border:1px solid #d85e7c29}.ranking-result-status,.record-form input{border-width:1px}.record-form button{box-shadow:none;border-width:1px}.share-button{border:1px solid #000;box-shadow:0 12px 26px #1e141c38}.share-button:hover:not(:disabled){box-shadow:0 18px 34px #1e141c47}.modal-backdrop{-webkit-backdrop-filter:blur(18px)saturate(.86);backdrop-filter:blur(18px)saturate(.86);background:#31222c57}.gallery-card,.ranking-card{background:#fffffff0;border:1px solid #774d6129;border-radius:32px;box-shadow:0 34px 100px #36232e3d}.modal-heading{margin-bottom:20px}.modal-heading h2{letter-spacing:-.04em}.icon-button{width:42px;height:42px;box-shadow:none;background:#f7f2f5e6;border:1px solid #6746571f;transition:background .15s,transform .15s}.icon-button:hover{background:#fff0f3;border-color:#d554783d;transform:rotate(3deg)}.ranking-list{gap:7px}.ranking-list li{background:#fffc;border:1px solid #6f495b1f;transition:border-color .15s,background .15s,transform .15s}.ranking-list li:not(:first-child):hover{transform:translate(2px)}.ranking-list li>span{border-width:1px}.ranking-list li:first-child{background:linear-gradient(120deg,#fff6de,#fff0f2);border:1px solid #d3a03c4d;box-shadow:0 8px 20px #b4822d1a}.ranking-empty{background:#fff9f6c2;border:1px dashed #9d5f7b47}.ranking-connection button{border-width:1px;box-shadow:0 6px 14px #4c3d9e1a}.bonus-playroom{border:1px solid #774d6124;border-radius:24px;box-shadow:inset 0 1px #ffffffeb,0 16px 40px #5836461a}.bonus-selector button{transition:transform .16s var(--ease-out), border-color .16s ease, box-shadow .16s ease;border-width:1px;box-shadow:0 8px 18px #43303a1f}.bonus-selector button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 13px 22px #43303a29}.bonus-selector button.is-selected{box-shadow:0 0 0 4px #5f55bd26,0 12px 24px #43303a29}.bonus-profile,.bonus-image-editor{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #704b5d24;box-shadow:0 18px 42px #43303a29}.bonus-image-editor{border-radius:22px}.bonus-image-input,.bonus-image-editor-actions button,.bonus-image-edit-button,.bonus-default-restore-button{border-width:1px}.debug-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #6c4a5b2e;box-shadow:0 24px 60px #412b3633}.debug-panel[open]>summary{border-bottom:1px solid var(--line)}@media (max-width:820px){.title-screen{height:auto;min-height:100dvh}.title-hero{grid-template-columns:minmax(0,1fr);gap:36px;width:min(620px,100% - 32px);padding-block:34px 56px}.title-ranking{width:min(520px,100%)}.title-credits{text-align:center;width:fit-content;margin:0 auto 18px;position:relative;bottom:auto;left:auto}}@media (max-width:700px),(max-width:1100px) and (orientation:portrait){.panel{box-shadow:0 12px 28px #5b39491a}.score-block,.next-card{border-width:1px}.board-shell{border-radius:24px;box-shadow:0 20px 44px #58364624,0 5px #a1637e17}.board-shell:before{border-radius:17px;inset:7px}.game-layout.is-gameover{gap:20px}}@media (max-width:700px){.app-header-inner{gap:10px;width:calc(100% - 22px);min-height:60px}.app-brand{gap:7px;padding-inline:2px;font-size:.78rem}.app-header-controls{gap:6px}.language-switch button{min-width:34px;min-height:28px;padding-inline:7px;font-size:.55rem}.volume-control{gap:5px;min-height:36px;padding:2px 7px 2px 3px}.volume-toggle{flex-basis:30px;width:30px;height:30px}.volume-slider{width:clamp(68px,20vw,92px)}.fullscreen-toggle{border-radius:11px;flex-basis:36px;width:36px;height:36px}.title-hero{padding-block:26px 46px}.title-copy h1{font-size:clamp(4rem,20vw,5.5rem)}.title-actions{margin-top:22px}.title-play-button{min-height:66px}.title-ranking{border-radius:24px;padding:18px}.gallery-card,.ranking-card{border-radius:26px}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media (max-width:420px){.app-brand-text{text-overflow:ellipsis;max-width:88px;overflow:hidden}.title-hero{width:calc(100% - 24px)}.title-copy h1{font-size:clamp(3.65rem,21vw,4.8rem)}.gallery-card,.ranking-card,.result-card{border-radius:24px}}@media (max-width:360px){.app-brand{font-size:.66rem}.app-brand-text{text-overflow:clip;max-width:none;overflow:visible}.volume-slider{width:62px}}@media (max-height:700px) and (min-width:821px){.title-hero{padding-block:20px 28px}.title-copy h1{font-size:clamp(4.4rem,8.2vw,6.7rem)}.title-actions{margin-top:18px}.title-play-button{min-height:64px}.title-ranking{padding:18px}}@media (prefers-reduced-motion:reduce){.title-play-button:disabled{animation:none!important}.title-ranking .ranking-list li:hover,.ranking-list li:not(:first-child):hover{transform:none}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20.02px)) and (max-width:calc(max(300px,min(800px,84.8485dvh - 95.0303px)) + 624px)){.game-layout{--two-column-sidebar-width:clamp(178px, 21vw, 220px);--playfield-width:min(800px, calc((100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660));grid-template-columns:var(--two-column-sidebar-width) minmax(0, var(--playfield-width));grid-template-rows:minmax(0,1fr);grid-template-areas:"sidebar board";justify-content:center;align-items:start;gap:clamp(12px,2vw,22px);width:min(100% - 20px,1080px);margin-top:10px}.game-sidebar{grid-area:sidebar;grid-template-rows:minmax(0,1fr) auto;align-content:start;gap:10px;min-width:0;height:0;min-height:100%;display:grid;overflow:visible}.score-panel{width:100%;min-height:0;box-shadow:none;border-radius:20px;flex-direction:column;grid-area:auto;align-self:stretch;display:flex}.score-block{padding:14px 16px}.score-block strong{margin-top:6px;font-size:clamp(2.1rem,4vw,2.8rem)}.best-block{padding:10px 16px}.best-block strong{margin-top:4px;font-size:1.12rem}.mini-ranking{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 14px;overflow-y:auto}.mini-ranking-title{margin-bottom:4px}.mini-ranking-row{padding:3px 0;font-size:.64rem}.next-panel{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;grid-area:auto;margin-top:0;padding:0;display:flex}.next-card{--next-figure-size:clamp(50px, calc(16dvh - 40px), 88px);--next-figure-lead:3px;min-height:clamp(90px,25dvh - 60px,160px);box-shadow:none;border:1px solid #4596713d;border-radius:19px;flex:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;place-items:center;gap:0;padding:10px 12px 8px}.next-card>.metric-label{grid-area:1/1;justify-self:center}.next-character{grid-area:2/1;grid-template-rows:auto auto;grid-template-columns:1fr;place-items:normal center;gap:0;width:auto;min-width:0;max-width:100%}.next-card img{margin:var(--next-figure-lead) 0 2px}.next-card strong{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:.72rem;line-height:1.2}.evolution-card{width:100%;min-height:0;box-shadow:none;flex:none;align-content:center;margin:9px 0;padding:9px 3px 10px;display:grid}.evolution-title{text-align:center;margin:0 2px 7px;font-size:.72rem}.evolution-route{width:min(100%,190px)}.evolution-route li{--orb-size:clamp(31px, 3.4vw, 36px)}.evolution-route li:first-child{--orb-size:clamp(28px, 3vw, 32px)}.evolution-route li:nth-child(2){--orb-size:clamp(29px, 3.1vw, 33px)}.evolution-route li:nth-child(3){--orb-size:clamp(30px, 3.2vw, 34px)}.evolution-route li:nth-child(11){--orb-size:clamp(35px, 3.8vw, 40px)}.shake-button{flex:none;gap:6px;min-height:50px;margin-top:0;padding:5px 7px;font-size:.7rem}.shake-button-label{gap:5px}.board-shell{width:100%;max-width:var(--playfield-width);place-self:start center}}@media (max-width:820px){.title-hero{grid-template-columns:minmax(0,1fr);gap:34px}.title-ranking{justify-self:center;width:min(520px,100%)}.title-ranking .ranking-list{max-height:none;overflow-y:visible}}@media (max-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20px)){.game-layout{grid-template-columns:1fr 1fr;grid-template-areas:"score next""evolution evolution""board board""shake shake";align-items:stretch;gap:8px;width:min(100% - 16px,900px);margin-top:8px}.score-panel{border-radius:16px;grid-area:score;grid-template-rows:minmax(0,1fr) auto;align-self:stretch;width:100%;min-width:0;height:68px;min-height:68px;display:grid;overflow:hidden}.next-panel{display:contents}.next-card{border-radius:16px;min-height:66px}.score-block{min-height:0;box-shadow:none;border:0;border-radius:0;grid-area:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 10px;padding:3px 12px 5px;display:grid;overflow:hidden}.score-block strong{text-align:right;margin-top:0;font-size:1.55rem;line-height:1}.best-block{border:0;border-top:1px solid var(--line);background:#ffffffc2;justify-content:space-between;align-items:center;gap:8px;min-height:22px;padding:3px 12px;display:flex}.best-block>.metric-label{letter-spacing:.12em;font-size:.48rem}.best-block strong{margin:0;font-size:.72rem;line-height:1;display:block}.score-ranking-button{min-height:12px;color:var(--coral-dark);cursor:pointer;background:0 0;border:0;grid-column:1/-1;align-items:center;gap:2px;padding:0;display:flex}.score-ranking-button>.metric-label{color:inherit;letter-spacing:.12em;text-underline-offset:1px;font-size:.48rem;text-decoration:underline}.score-ranking-button>.live-ranking-position-mobile{margin-inline-start:auto}.score-ranking-button:active{opacity:.66}.live-ranking-position-mobile{color:#fff;background:var(--grad-violet);font:800 .5rem/1 var(--font-localized-label);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 6px;display:inline-flex}.mini-ranking{display:none}.next-card{--next-figure-size:48px;--next-figure-lead:0px;--next-halo-cell:1 / 2;--next-halo-inset:0 auto 0 0;--next-halo-margin:auto 0 auto calc(var(--next-figure-lead) - var(--next-figure-size) * .0625);border-width:2.5px;grid-area:next;grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:6px 10px;padding:6px 12px}.next-card>.metric-label{grid-row:1}.next-character{grid-area:1/2;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:7px;width:100%;min-width:0}.next-card img{object-fit:contain;margin:0}.next-card strong{overflow-wrap:anywhere;max-width:100%;font-size:.62rem;line-height:1.15}.board-shell{max-width:min(100%, clamp(190px, calc((100dvh - 337px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660), 900px));border-radius:22px;grid-area:board;justify-self:center}.evolution-card{border-radius:14px;grid-area:evolution;width:100%;margin:0;padding:5px 8px 6px;display:block}.evolution-title{text-align:center;margin:0 2px 3px;font-size:.62rem}.shake-button{z-index:2;grid-area:shake;width:100%;max-width:100%;min-height:56px;margin:8px 0 0;padding:6px 14px;position:relative}.play-screen:not(.is-gameover){flex-direction:column;display:flex}.game-layout:not(.is-gameover){flex:auto;grid-template-rows:auto auto auto minmax(46px,1fr);grid-template-areas:"score next""evolution evolution""board board""shake shake";min-height:0}.shake-button{z-index:2;place-self:center;width:min(100%,520px);max-width:520px;margin:0;position:relative;inset:-4px auto auto}.evolution-route{aspect-ratio:auto;width:min(100%,700px);height:clamp(84px,12vw,96px);padding-inline:2px;display:block}.evolution-route:before{border:3px solid var(--route-color);background:0 0;border-left:0;border-radius:0 999px 999px 0;inset:25% 8%;transform:none;box-shadow:0 0 0 3px #ffffff9e;-webkit-mask-image:none;mask-image:none}.evolution-route:after{border-right:8px solid var(--violet);border-left:0;top:75%;left:calc(8% - 5px);right:auto;transform:translateY(-50%)}.evolution-route li{--orb-size:clamp(34px, 5vw, 44px);position:absolute;transform:translate(-50%,-50%)}.evolution-route li:first-child{--orb-size:clamp(30px, 4.3vw, 38px);top:25%;left:8%}.evolution-route li:nth-child(2){--orb-size:clamp(31px, 4.5vw, 39px);top:25%;left:25%}.evolution-route li:nth-child(3){--orb-size:clamp(32px, 4.7vw, 40px);top:25%;left:42%}.evolution-route li:nth-child(4){top:25%;left:59%}.evolution-route li:nth-child(5){top:25%;left:76%}.evolution-route li:nth-child(6){top:50%;left:calc(92% - 2px)}.evolution-route li:nth-child(7){top:75%;left:76%}.evolution-route li:nth-child(8){top:75%;left:59%}.evolution-route li:nth-child(9){top:75%;left:42%}.evolution-route li:nth-child(10){top:75%;left:25%}.evolution-route li:nth-child(11){--orb-size:clamp(38px, 5.6vw, 48px);top:75%;left:8%}.play-screen{padding-bottom:0}.app-header-inner{min-height:60px}.app-header-controls{gap:6px}.language-switch button{min-width:34px;min-height:28px;padding-inline:7px;font-size:.56rem}.volume-control{gap:6px;padding-inline:8px}.volume-slider{width:clamp(80px,24vw,108px)}.volume-output{display:none}.ambient-motion{inset-block-start:60px}.motion-ribbon-coral{width:130vw;height:260px;top:-104px;left:-120px}.motion-ribbon-coral .motion-ribbon-stroke{stroke-width:52px}.motion-ribbon-mint{width:145vw;height:280px;bottom:-82px;right:-150px}.motion-ribbon-mint .motion-ribbon-stroke{stroke-width:58px}.motion-ring-coral{width:36px;top:38%;left:-12px}.motion-ring-violet{width:32px;top:25%;right:-8px}.motion-ring-sunny{width:28px;bottom:8%;right:4%}.motion-capsule{width:42px;height:13px}.motion-capsule-coral{top:9%;right:11%}.motion-capsule-mint{bottom:10%;left:4%}.motion-capsule-violet{width:34px;height:11px;bottom:4%;right:14%}.motion-dot-coral{width:14px;top:17%;left:3%}.motion-dot-sunny{width:11px;top:31%;right:2%}.motion-dot-mint{width:13px;bottom:21%;right:4%}.motion-dot-violet{width:10px;bottom:17%;left:3%}.motion-dot-peach{width:8px;top:7%;left:20%}.motion-dot-coral-small{width:7px;bottom:7%;right:31%}.title-hero{padding-block:20px}.title-copy h1{font-size:clamp(4rem,20vw,5.6rem)}.gallery-card{padding:22px}.bonus-heading{margin-bottom:12px}.bonus-character-panel{gap:7px;top:10px;left:10px}.bonus-selector{grid-template-columns:repeat(4,46px);gap:5px}.bonus-selector button{border-radius:11px;width:46px;height:46px}.bonus-profile{width:142px;min-height:132px;padding:9px}.bonus-profile h3{font-size:1rem}.bonus-profile p{font-size:.56rem}.bonus-profile a{min-height:28px;font-size:.56rem}.bonus-profile-actions{gap:5px;margin-top:6px}.bonus-image-edit-button{min-height:28px;font-size:.52rem}.bonus-default-restore-button{min-height:28px;font-size:.5rem}.bonus-image-editor{max-height:calc(100% - 24px);top:12px;right:12px}}@media (max-height:700px) and (orientation:portrait){.app-header-inner{min-height:52px}.game-layout{gap:6px;margin-top:6px}.score-panel,.next-card{border-radius:14px;height:60px;min-height:60px}.score-block{min-height:0;padding:2px 10px 4px}.score-block strong{font-size:1.35rem}.best-block{min-height:19px;padding:2px 10px}.best-block>.metric-label{font-size:.44rem}.best-block strong{font-size:.66rem}.next-card{--next-figure-size:40px;padding:4px 9px}.board-shell{max-width:min(100%, clamp(150px, calc((100dvh - 308px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660), 900px))}.shake-button{min-height:46px;margin-top:2px;padding-block:4px}}@media (max-width:420px){.presence-debug-indicator{top:calc(env(safe-area-inset-top) + 66px);right:max(10px, env(safe-area-inset-right))}.title-hero{width:min(1160px,100% - 28px)}.title-copy h1{font-size:clamp(3.6rem,21vw,4.8rem)}.title-play-button{min-height:68px}.title-ranking{border-radius:22px;padding:17px 14px}.gallery-card,.ranking-card{padding:16px}.gallery-card,.ranking-card,.result-card{border-radius:22px}.result-card{width:100%;padding:26px 20px}.shake-button{min-height:54px;padding-inline:10px}.bonus-playroom{border-radius:18px}.bonus-character-panel{gap:5px;top:8px;left:8px}.bonus-selector{grid-template-columns:repeat(4,40px);gap:4px}.bonus-selector button{border-radius:9px;width:40px;height:40px}.bonus-profile{border-radius:11px;width:122px;min-height:114px;padding:7px}.bonus-profile h3{font-size:.88rem}.bonus-profile a{min-height:24px;margin-top:5px;font-size:.5rem}.bonus-profile-actions{gap:4px;margin-top:5px}.bonus-image-edit-button{min-height:24px;padding:3px 4px;font-size:.46rem}.bonus-default-restore-button{min-height:24px;padding:2px 4px;font-size:.44rem}.bonus-profile .bonus-profile-hint{font-size:.54rem;line-height:1.45}}@media (max-width:360px){.app-header-inner{gap:10px;width:calc(100% - 20px)}.volume-control{padding-inline:7px}.volume-slider{display:none}.language-switch button{min-width:30px;padding-inline:5px}.game-layout{gap:8px;width:calc(100% - 12px)}.score-block{padding-inline:12px}.score-block strong{font-size:1.65rem}.next-card{--next-figure-size:44px;gap:2px 5px;padding-inline:9px}.next-character{width:100%;min-width:0;overflow:hidden}.next-card strong{overflow-wrap:anywhere;white-space:normal;text-align:center;max-width:100%;line-height:1.1}.result-card{padding:22px 14px}.result-actions{grid-template-columns:minmax(0,1fr) 110px;gap:0;margin-right:0}.result-share-character-viewport{width:112px;height:84px;margin:0 -2px 0 0}.result-share-character{width:128px;height:128px;transform:translate(-10px,-29px)}.result-share-chip{max-width:180px;margin-right:0;padding:7px 10px;font-size:.68rem}.share-button{gap:7px;min-height:52px;font-size:.76rem}.share-button-x-logo{width:16px;height:16px}.record-form button{padding-inline:10px}.ranking-list li{grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding-inline:8px}.ranking-list li b{font-size:.74rem}.bonus-character-panel{gap:4px;top:6px;left:6px;right:6px}.bonus-selector{grid-template-columns:repeat(4,34px);gap:3px}.bonus-selector button{border-radius:8px;width:34px;height:34px}.bonus-profile{border-radius:9px;width:102px;min-height:101px;padding:5px}.bonus-profile h3{font-size:.72rem}.bonus-profile>div>p{display:none}.bonus-profile a{border-radius:6px;min-height:20px;margin-top:3px;font-size:.45rem}.bonus-profile-actions{gap:3px;margin-top:3px}.bonus-image-edit-button{border-radius:6px;min-height:22px;padding-inline:2px;font-size:.4rem}.bonus-default-restore-button{border-radius:6px;min-height:22px;padding-inline:2px;font-size:.38rem}.bonus-profile .bonus-profile-hint{font-size:.46rem;line-height:1.3;display:block}.bonus-image-editor{border-radius:17px;width:auto;max-height:calc(100% - 16px);padding:14px;inset:8px}.bonus-character-name-input{margin-bottom:9px}.bonus-character-name-input>input{min-height:34px;font-size:.68rem}.bonus-image-inputs{gap:7px}.bonus-image-input{border-radius:12px;padding:6px}.bonus-image-input strong{margin-top:5px;font-size:.68rem}.bonus-image-pick{min-height:23px;margin-top:5px;padding-inline:6px;font-size:.48rem}.bonus-image-note{flex-direction:column;align-items:flex-start;gap:2px}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 95.0303px)) + 624.02px)) and (max-height:650px){.game-layout{gap:clamp(10px,1.5vw,20px);margin-top:8px}.score-block{padding:12px 18px}.score-block strong{margin-top:6px;font-size:2.35rem}.best-block{padding:9px 18px}.best-block strong{margin-top:4px;font-size:1.15rem}.mini-ranking{padding:9px 16px}.mini-ranking-title{margin-bottom:4px}.mini-ranking-row{padding:3px 0;font-size:.65rem}.next-panel{padding:10px}.next-card{--next-figure-size:64px;--next-figure-lead:5px;padding:9px 10px}.next-card img{margin:var(--next-figure-lead) 0 2px}.next-card strong{font-size:.7rem}.evolution-card{margin:8px 0;padding:9px 8px 10px}.evolution-title{margin-bottom:7px;font-size:.74rem}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20.02px)) and (max-width:calc(max(300px,min(800px,84.8485dvh - 95.0303px)) + 624px)) and (max-height:900px){.play-screen{padding-bottom:0}.app-header-inner{min-height:54px}.game-sidebar{gap:8px}.score-panel{border-radius:18px}.next-panel{border-radius:0;padding:0}.score-block,.next-card{border:2px solid var(--outline);min-height:0;box-shadow:var(--pop-shadow);border-radius:16px}.score-block{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:17px 17px 0 0;padding:9px 12px}.score-block strong{margin-top:5px;font-size:1.8rem}.best-block{border:0;padding:8px 12px 9px;display:block}.best-block strong{margin-top:4px;font-size:1rem}.mini-ranking{min-height:68px;padding:6px 10px 7px;display:block}.mini-ranking-title{margin-bottom:2px}.mini-ranking-row{padding:1px 0;font-size:.58rem}.next-card{--next-figure-size:clamp(50px, calc(16dvh - 40px), 88px);--next-figure-lead:3px;min-height:clamp(90px,25dvh - 60px,160px);box-shadow:none;border:1px solid #4596713d;border-radius:19px;flex:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;place-items:center;gap:0;padding:10px 12px 8px}.next-card>.metric-label{grid-area:1/1;justify-self:center}.next-character{grid-area:2/1;grid-template-rows:auto auto;grid-template-columns:1fr;place-items:normal center;gap:0;width:auto;min-width:0;max-width:100%}.next-card img{margin:var(--next-figure-lead) 0 2px}.next-card strong{text-align:center;font-size:.72rem;line-height:1.2}.evolution-card{width:100%;min-height:0;box-shadow:none;border-radius:13px;flex:none;align-content:center;margin:7px 0;padding:5px 3px 7px;display:grid}.evolution-title{text-align:center;margin:0 2px 3px;font-size:.58rem}.evolution-route{width:min(100%,clamp(126px,100dvh - 420px,174px))}.shake-button{flex:none;min-height:42px;margin-top:0;padding-block:4px}.board-shell{border-radius:18px}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20.02px)) and (max-width:calc(max(300px,min(800px,84.8485dvh - 95.0303px)) + 624px)) and (max-height:560px){.next-card{--next-figure-size:50px;min-height:90px;padding:5px 8px}.best-block{display:none}.mini-ranking{min-height:0}.evolution-route{width:min(100%,120px)}.evolution-route li{--orb-size:26px}.evolution-route li:first-child{--orb-size:22px}.evolution-route li:nth-child(2){--orb-size:23px}.evolution-route li:nth-child(3){--orb-size:24px}.evolution-route li:nth-child(11){--orb-size:30px}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20.02px)) and (max-width:calc(max(300px,min(800px,84.8485dvh - 95.0303px)) + 624px)) and (max-height:460px){.app-header-inner{min-height:44px}.game-layout{gap:2px 8px}.game-sidebar{gap:4px}.score-panel{border-radius:14px}.next-panel{border-radius:0;padding:0}.score-block{padding:4px 10px}.score-block strong{margin-top:2px;font-size:1.35rem}.best-block,.mini-ranking{display:none}.next-card{--next-figure-size:32px;min-height:0;padding:2px 7px}.evolution-card{padding:3px 5px 5px}.evolution-title{margin-bottom:2px;font-size:.52rem}.evolution-route{width:min(100%,82px)}.evolution-route li{--orb-size:16px}.evolution-route li:first-child{--orb-size:14px}.evolution-route li:nth-child(2),.evolution-route li:nth-child(3){--orb-size:15px}.evolution-route li:nth-child(11){--orb-size:18px}.shake-button{min-height:36px}}@media (max-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20px)){.play-screen.is-gameover{height:auto;min-height:100dvh;overflow-y:auto}.game-layout.is-gameover{width:min(100% - 24px,620px);padding-bottom:max(30px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-areas:"board""result";align-items:start;gap:24px;margin-top:18px}.game-layout.is-gameover .board-shell{justify-self:center;width:min(100%,560px);max-width:none}.game-layout.is-gameover .result-card{width:min(100%,440px)}}@media (min-width:calc(max(300px,min(800px,84.8485dvh - 71.2727px)) + clamp(178px,21vw,220px) + clamp(12px,2vw,22px) + 20.02px)) and (max-width:1100px){.play-screen.is-gameover{height:100dvh;min-height:100dvh;overflow:hidden}.game-layout.is-gameover{--playfield-width:min(58vw, calc((100dvh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 560 / 660));grid-template-columns:minmax(260px, var(--playfield-width)) minmax(270px, 350px);grid-template-areas:"board result";align-items:center;gap:18px;width:min(960px,100% - 20px);margin-top:7px;padding-bottom:0}.game-layout.is-gameover .board-shell{width:100%;max-width:var(--playfield-width)}.game-layout.is-gameover .result-card{width:100%;max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;padding:20px;overflow-y:auto}.game-layout.is-gameover .result-card h2{margin-bottom:12px;font-size:2.35rem}.game-layout.is-gameover .final-score{margin-bottom:11px;padding:11px}.game-layout.is-gameover .record-form{margin-bottom:8px}.game-layout.is-gameover .result-actions{margin-right:-6px}}@media (max-width:600px) and (orientation:portrait){.modal-backdrop:has(.gallery-card){place-items:stretch stretch;padding:0}.gallery-card{width:100%;height:100dvh;max-height:none;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.bonus-heading{flex:none;margin-bottom:9px}.bonus-heading h2{font-size:1.55rem}.bonus-heading .icon-button{width:42px;min-width:42px;height:42px;min-height:42px}.bonus-playroom{aspect-ratio:auto;border-radius:22px;flex-direction:column;flex:1;justify-content:center;gap:9px;min-height:0;padding:9px;display:flex;overflow:hidden}.debug-panel.bonus-debug-panel{width:min(220px,100% - 18px);top:9px;right:9px}.bonus-character-panel{flex:none;align-items:stretch;gap:7px;width:100%;display:flex;position:static}.bonus-selector{flex:none;grid-template-columns:repeat(4,44px);gap:4px}.bonus-selector button{border-radius:10px;width:44px;height:44px}.bonus-profile{border-radius:11px;flex:1;width:auto;min-width:0;min-height:92px;padding:7px}.bonus-profile h3{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.1;overflow:hidden}.bonus-profile>div>p{display:none}.bonus-profile a{min-height:27px;margin-top:4px;font-size:.52rem}.bonus-profile-actions{gap:4px;margin-top:4px}.bonus-image-edit-button,.bonus-default-restore-button{min-height:27px;padding:3px 4px;font-size:.48rem}.bonus-profile .bonus-profile-hint{font-size:.58rem;line-height:1.45;display:block}.bonus-canvas{aspect-ratio:520/760;border-radius:14px;flex:none;align-self:center;max-width:100%;min-height:0;position:relative;inset:auto;width:min(100%,68.421dvh - 141px)!important;height:auto!important}.bonus-image-editor{border-radius:17px;width:auto;max-height:calc(100% - 16px);padding:14px;inset:8px}}@media (min-width:601px){.bonus-selector{align-self:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient-motion *{will-change:auto;animation:none!important}.result-share-character-viewport,.result-share-chip{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}