@font-face{font-family:Staatliches;src:url(Staatliches-Regular.ff97cb35.woff2)format("woff2");font-display:swap}:root{--dialog-duration:.22s;--dialog-easing:cubic-bezier(.2, .7, .2, 1);--paper:#fcf8ef;--surface:#fffdf7;--surface-hover:#f2f0e8;--surface-active:#e9e7dc;--ink:#234435;--muted:#5c6c5e;--green:#3e694f;--accent-ink:#c74758;--ranking-accent:#f39b46;--achievement-accent:#9466b5;--action:#33433b;--action-hover:#46554d;--on-action:#fffdf7;--backdrop:#24292566;--line:#d8d6c9;--scrollbar-thumb:#879481;--focus:#406f8b;--jar-limit:#c8ad92;--jar-danger:#c44c42;--jar-incoming:#99661e;--aim-guide:#35594b;--error:#b73c2b;--default-radius:15.84px;--radius:var(--default-radius);--font-display:"Staatliches", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--paper:#191e1b;--surface:#232a25;--surface-hover:#2d352e;--surface-active:#344034;--ink:#e3eee1;--muted:#acb9aa;--green:#9ccc9f;--accent-ink:#fa796b;--ranking-accent:#e7bd73;--achievement-accent:#b18bd0;--action:#bad4b3;--action-hover:#cee2c8;--on-action:#203026;--backdrop:#060906b3;--line:#475348;--scrollbar-thumb:#71806f;--focus:#a5cfea;--jar-limit:#b79b80;--jar-danger:#f18e80;--jar-incoming:#e7bd73;--aim-guide:#c0d3b9;--error:#f5a397;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}html{scroll-behavior:smooth;scrollbar-gutter:stable}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}::-webkit-scrollbar-button{display:none}}@media (forced-colors:active){*{scrollbar-width:auto;scrollbar-color:auto}}button,a,summary{-webkit-tap-highlight-color:transparent}button,.btn,.button-label,[role=button],[role=tab],summary,label,legend,h1,h2,h3,h4,h5,h6,.brand,.eyebrow{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:not-allowed;opacity:.6}button,a,summary,[tabindex]{outline-offset:5px}:focus-visible{outline:2px solid var(--focus)}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.btn{--attention-outset:4px;--attention-scale-y:1.08;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;justify-content:flex-start;align-items:center;gap:8px;padding:11px 16px;font-weight:650;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}:is(.btn,.segmented-option){--button-hover-background:var(--surface-hover);--button-hover-border:var(--line);--button-hover-border-width:1px;isolation:isolate;position:relative}:is(.btn,.segmented-option):before{content:"";inset:calc(-1 * var(--button-hover-border-width));z-index:-1;pointer-events:none;border:var(--button-hover-border-width) solid var(--button-hover-border);border-radius:inherit;background:var(--button-hover-background);box-shadow:inherit;opacity:0;will-change:opacity;transition:opacity .15s;position:absolute}.icon{background:currentColor;flex:none;width:18px;height:18px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-help{-webkit-mask-image:url(question.540b7e9e.svg);mask-image:url(question.540b7e9e.svg)}.icon-trophy{-webkit-mask-image:url(trophy.7744f2f3.svg);mask-image:url(trophy.7744f2f3.svg)}.icon-medal{-webkit-mask-image:url(medal.d44ef961.svg);mask-image:url(medal.d44ef961.svg)}.icon-world{-webkit-mask-image:url(globe-hemisphere-west.3b2f7cbf.svg);mask-image:url(globe-hemisphere-west.3b2f7cbf.svg)}.icon-info{-webkit-mask-image:url(info.8a104864.svg);mask-image:url(info.8a104864.svg)}.icon-privacy{-webkit-mask-image:url(privacy.9bcf82fd.svg);mask-image:url(privacy.9bcf82fd.svg)}.icon-menu{-webkit-mask-image:url(menu.9fc72284.svg);mask-image:url(menu.9fc72284.svg)}.icon-eye{-webkit-mask-image:url(eye.2a22400e.svg);mask-image:url(eye.2a22400e.svg)}.icon-country{-webkit-mask-image:url(flag.c56e9d0a.svg);mask-image:url(flag.c56e9d0a.svg)}.icon-region{-webkit-mask-image:url(map-pin.b149303f.svg);mask-image:url(map-pin.b149303f.svg)}.icon-timer{-webkit-mask-image:url(timer.83da8ae1.svg);mask-image:url(timer.83da8ae1.svg)}.icon-pause{-webkit-mask-image:url(pause.f93b1b92.svg);mask-image:url(pause.f93b1b92.svg)}.icon-restart{-webkit-mask-image:url(arrow-counter-clockwise.860a8c4a.svg);mask-image:url(arrow-counter-clockwise.860a8c4a.svg)}.icon-sound{-webkit-mask-image:url(speaker-high.08b680c7.svg);mask-image:url(speaker-high.08b680c7.svg)}[aria-pressed=false]>.icon-sound{-webkit-mask-image:url(speaker-slash.10c16c05.svg);mask-image:url(speaker-slash.10c16c05.svg)}.icon-fullscreen{-webkit-mask-image:url(corners-out.835dc32c.svg);mask-image:url(corners-out.835dc32c.svg)}[aria-pressed=true]>.icon-fullscreen{-webkit-mask-image:url(corners-in.bb93917d.svg);mask-image:url(corners-in.bb93917d.svg)}.icon-play{-webkit-mask-image:url(play.b5332989.svg);mask-image:url(play.b5332989.svg)}.icon-refresh{-webkit-mask-image:url(arrows-clockwise.ab2534ec.svg);mask-image:url(arrows-clockwise.ab2534ec.svg)}.icon-sparkle{-webkit-mask-image:url(sparkle.70be36cd.svg);mask-image:url(sparkle.70be36cd.svg)}.icon-arrow-right{-webkit-mask-image:url(arrow-right.e9beb0f8.svg);mask-image:url(arrow-right.e9beb0f8.svg)}.icon-back{transform:rotate(180deg);-webkit-mask-image:url(arrow-right.e9beb0f8.svg);mask-image:url(arrow-right.e9beb0f8.svg)}.icon-users{-webkit-mask-image:url(users.390c2e55.svg);mask-image:url(users.390c2e55.svg)}.icon-search{-webkit-mask-image:url(magnifying-glass.ac3565dc.svg);mask-image:url(magnifying-glass.ac3565dc.svg)}.icon-user{-webkit-mask-image:url(user.10283553.svg);mask-image:url(user.10283553.svg)}.icon-edit{-webkit-mask-image:url(pencil-simple.267e18ac.svg);mask-image:url(pencil-simple.267e18ac.svg)}.icon-user-plus{-webkit-mask-image:url(user-plus.437dffd0.svg);mask-image:url(user-plus.437dffd0.svg)}.icon-check{-webkit-mask-image:url(check.c4eb030c.svg);mask-image:url(check.c4eb030c.svg)}.icon-close{-webkit-mask-image:url(x.881874b0.svg);mask-image:url(x.881874b0.svg)}.btn.dialog-close{flex:0 0 44px;justify-content:center;width:44px;height:44px;min-height:44px;padding:12px}.dialog-close .icon{width:18px;height:18px}.dialog-heading{text-align:start;flex:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-heading>div,.dialog-heading>h2{overflow-wrap:anywhere;flex:1;min-width:0}.icon-copy{-webkit-mask-image:url(copy.26c7f866.svg);mask-image:url(copy.26c7f866.svg)}.icon-share{-webkit-mask-image:url(share-network.e998a6d8.svg);mask-image:url(share-network.e998a6d8.svg)}.icon-key{-webkit-mask-image:url(key.e9e56876.svg);mask-image:url(key.e9e56876.svg)}.icon-sign-in{-webkit-mask-image:url(sign-in.02ff6236.svg);mask-image:url(sign-in.02ff6236.svg)}.icon-sign-out{-webkit-mask-image:url(sign-out.5bd0cd33.svg);mask-image:url(sign-out.5bd0cd33.svg)}.icon-trash{-webkit-mask-image:url(trash.48b1bf3d.svg);mask-image:url(trash.48b1bf3d.svg)}.icon-mouse{-webkit-mask-image:url(mouse.8b856c1d.svg);mask-image:url(mouse.8b856c1d.svg)}.icon-touch{-webkit-mask-image:url(touch.afcc9c5a.svg);mask-image:url(touch.afcc9c5a.svg)}.btn .button-label{min-width:0}.btn:focus{outline:none}:root:not([data-input-mode=pointer]) .btn:focus-visible{box-shadow:inset 0 0 0 2px}.btn.primary{--button-hover-background:var(--action-hover);--button-hover-border:var(--action-hover);background:var(--action);color:var(--on-action);border-color:var(--action)}.btn.quiet{min-height:44px;color:var(--muted);background:0 0;border-color:#0000;padding:9px 12px;font-size:12px}#duel-attack-btn.is-ready,.btn.is-first-visit{position:relative}#duel-attack-btn.is-ready:after,.btn.is-first-visit:after{content:"";inset:calc(-1 * var(--attention-outset));border:1px solid var(--green);border-radius:calc(var(--radius) + var(--attention-outset));pointer-events:none;opacity:.2;animation:1.6s ease-in-out infinite button-outline-pulse;position:absolute}@keyframes button-outline-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.85;transform:scale(1.025, var(--attention-scale-y))}}@media (prefers-reduced-motion:reduce){#duel-attack-btn.is-ready:after,.btn.is-first-visit:after{opacity:.5;animation:none}}.btn[aria-pressed=true]{color:var(--ink)}.btn[aria-pressed=true]:not(.quiet){background:var(--surface-active)}@media (hover:hover){.btn:not(:disabled):hover:before{opacity:1}.btn.quiet:not(:disabled):hover{color:var(--ink)}}.btn:not(:disabled):active{--button-hover-background:var(--surface-active);transform:translateY(1px)}.btn:not(:disabled):active:before{opacity:1}.btn.primary:not(:disabled):active{--button-hover-background:var(--action-hover)}.popup form{margin-top:24px}.popup label{margin-block:16px 8px;font-size:12px;font-weight:650;display:block}.popup input:not([type=radio]){width:100%;min-width:0;min-height:44px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px}.ui-error{color:var(--error);padding-block:12px;font-size:13px}.icon-theme{-webkit-mask-image:url(moon.c5b16bc8.svg);mask-image:url(moon.c5b16bc8.svg)}:root[data-theme=dark] .icon-theme{-webkit-mask-image:url(sun.a463eb55.svg);mask-image:url(sun.a463eb55.svg)}.theme-toggle{justify-content:center;font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel.inset{background:var(--paper)}.btn.destructive{color:var(--error)}.copy-status:empty{display:none}.language-control{flex:0 auto;min-width:0;display:inline-flex}.language-control select{visibility:hidden;width:44px;min-width:44px;min-height:44px;font:inherit}.language-control .language-toggle.btn{flex:none;justify-content:flex-start;gap:8px;height:44px;padding:10px 12px;font-size:14px}.language-toggle .button-label{text-align:left;flex:1}.language-toggle[aria-expanded=true]{background:var(--surface-active)}.language-menu .language-option{--button-hover-background:var(--surface-active);background:0 0;border-color:#0000;justify-content:space-between;width:100%;padding:10px 12px;font-size:12px}.language-flag{flex:none;width:24px;height:16px;display:block}.language-name{text-align:left;flex:1;min-width:0}.language-option .icon{opacity:0;flex:none;width:16px;height:16px}.language-option[aria-checked=true]{background:var(--surface-active)}.language-option[aria-checked=true] .icon{opacity:1}.legal-header{flex-wrap:wrap}@media (width<=360px){.sidepart.left .wordmark{--wordmark-font-size:18px}}.segmented-control{--segment-inset:4px;--segment-border:1px;padding:var(--segment-inset);border:var(--segment-border) solid var(--line);border-radius:var(--radius);background:var(--paper);gap:4px;display:flex;container:segmented/inline-size}.segmented-control .segmented-option{--button-hover-border-width:0px;border-radius:max(0px, calc(var(--radius) - var(--segment-inset) - var(--segment-border)));min-width:0;min-height:44px;color:var(--muted);font:inherit;font-size:var(--segment-font-size,13px);text-align:center;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-weight:650;line-height:1.3;transition:background-color .15s,color .15s;display:flex}.segmented-option{hyphens:auto;overflow-wrap:anywhere}.segmented-option>:not(.icon){min-width:0}.segmented-control>.segmented-choice{cursor:pointer;flex:1 1 0;min-width:0;margin:0;position:relative}.segmented-control .segmented-option:is([aria-pressed=true],[aria-selected=true]),.segmented-choice input:checked+.segmented-option{--button-hover-background:var(--surface-active);background:var(--surface-active);color:var(--ink)}@media (hover:hover){.segmented-control .segmented-option.btn:not(:disabled):not([aria-pressed=true]):not([aria-selected=true]):hover,.segmented-choice:hover input:not(:checked):not(:disabled)+.segmented-option{--button-hover-background:var(--surface-hover);color:var(--ink)}.segmented-choice:hover input:not(:checked):not(:disabled)+.segmented-option:before{opacity:1}}.segmented-control .segmented-option:active{transform:none}.segmented-choice input:focus-visible+.segmented-option{outline:none}:root:not([data-input-mode=pointer]) .segmented-choice input:focus-visible+.segmented-option{box-shadow:inset 0 0 0 2px}.segmented-control .segmented-option:disabled,.segmented-choice input:disabled+.segmented-option{color:var(--muted);opacity:.6;cursor:default}@container segmented (width<=240px){.segmented-option .icon{display:none}}@container segmented (width<=360px){.segmented-control--three .segmented-option .icon{display:none}}@font-face{font-family:Google Sign-In;src:url(google-sans.aa065b37.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}.google-account{margin:16px 0 20px}.google-account>.small-copy{margin:0 0 10px}.google-signin{border-radius:var(--radius);color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;font:500 14px/20px Google Sign-In,Arial,sans-serif;display:flex}.google-signin img{flex:0 0 20px;width:20px;height:20px}.google-signin:disabled{opacity:.6;cursor:default}.google-signin:focus-visible{outline:2px solid var(--green);outline-offset:3px}#duel-google-other{width:100%;margin-top:10px}.google-account>.google-platform-note,.google-account-options>.small-copy{margin:10px 0 0}.google-web-button{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;align-items:center;height:44px;display:flex}.google-web-button iframe{display:block}.google-linked{color:var(--green);align-items:center;gap:8px;display:flex}#duel-account #duel-register-options{margin-top:0}.privacy-panel{--dialog-padding:20px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--dialog-padding);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.privacy-panel h2{font:400 28px/1.1 var(--font-display);border:0;margin:0 0 8px;padding:0}.privacy-panel p{color:var(--muted);margin:0}.privacy-panel a{color:var(--ink)}.privacy-panel .privacy-policy{margin-top:8px}.privacy-panel .privacy-status:not(:empty){margin-top:10px}.privacy-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.privacy-actions .btn{flex:140px;justify-content:center}.privacy-actions .btn[data-consent-choice=granted]{--button-hover-background:#cee2c8;--button-hover-border:#cee2c8;color:#203026;background:#bad4b3;border-color:#bad4b3}@media (hover:none){.privacy-actions .btn[data-consent-choice=granted]:not(:disabled):active{--button-hover-background:#bad4b3;--button-hover-border:#bad4b3}}.privacy-banner{z-index:20;width:min(780px,100% - 32px);margin-inline:auto;position:fixed;inset:auto 16px 16px;box-shadow:0 8px 32px #0002}body.modal-open .privacy-banner{display:none}.privacy-dialog{width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.privacy-dialog::backdrop{background:var(--backdrop)}.privacy-dialog.is-leaving::backdrop{animation:privacy-backdrop-out var(--dialog-duration) var(--dialog-easing) both}.privacy-dialog.is-leaving{width:var(--dialog-exit-width);height:var(--dialog-exit-height);pointer-events:none;overflow:hidden}@keyframes privacy-backdrop-out{0%{opacity:var(--privacy-backdrop-from,1)}to{opacity:0}}.privacy-dialog:focus{outline:none}.privacy-dialog>.dialog-heading{padding:var(--dialog-padding) var(--dialog-padding) 16px}.privacy-dialog>.dialog-heading+.dialog-scroll{padding-top:0}.privacy-settings{font-size:12px}@media (width<=380px){.privacy-panel{--dialog-padding:16px}.privacy-actions .btn{flex-basis:120px;padding-inline:8px}}@media print{.privacy-panel,.privacy-settings{display:none!important}}:root{--jar-width:clamp(260px, calc((100svh - 220px) / 1.5), 472px);--hud-height:76px;--hud-padding-block:10px;--board-gap:24px}body{background:var(--paper);margin:0;font-size:14px;line-height:1.6}h1,h2,h3,p{margin:0}.skip-link{z-index:30;background:var(--ink);color:var(--surface);border-radius:var(--radius);padding:12px 20px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}#sitezone{--arena-start:var(--player-jar-start,0px);--arena-end:var(--player-jar-end,0px);padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));grid-template-rows:minmax(100svh,auto) auto auto;display:grid}#sitezone:fullscreen{background:var(--paper);overflow-y:auto}#gamezone{grid-template-columns:200px minmax(0, var(--jar-width)) minmax(180px, 220px);place-content:center;gap:clamp(24px, calc(3 * var(--layout-vw,1vw)), 48px);-webkit-user-select:none;user-select:none;align-items:start;width:100%;max-width:none;margin:0 auto;padding:24px 0;display:grid}.sidepart.left{flex-direction:column;min-width:0;padding-top:16px;display:flex}.brand{color:var(--green);letter-spacing:.035em;align-items:center;gap:8px;margin-bottom:32px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.brand-mark{flex:none;width:20px;height:20px;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:650;line-height:1.5}.title-container .eyebrow{max-width:160px;color:var(--muted);margin-bottom:18px}.wordmark{--wordmark-fruit-size:.92em;--wordmark-game-size:.48em;--wordmark-font-size:clamp(64px, calc(6 * var(--layout-vw,1vw)), 88px);--wordmark-outline:calc(var(--wordmark-font-size) * .064);--wordmark-weight:calc(var(--wordmark-font-size) * .016);--wordmark-game-weight:0px;--wordmark-gap:.065em;isolation:isolate;--wordmark-inline-margin:0;align-items:flex-start;gap:var(--wordmark-gap);font-family:var(--font-display);font-size:var(--wordmark-font-size);letter-spacing:.005em;flex-direction:column;padding:.14em 0 .08em;font-weight:400;line-height:.72;display:flex}.wordmark>span{--wordmark-radius:calc(var(--wordmark-outline) + var(--wordmark-weight) * .5);display:grid}.wordmark-outline,.wordmark-face{grid-area:1/1;position:relative}.wordmark-outline{z-index:0;display:none}.wordmark-artwork .wordmark-outline{display:block}.wordmark-face{z-index:1}.wordmark-outline:before,.wordmark-face{text-box-trim:trim-both;text-box-edge:cap alphabetic;display:block}.wordmark-outline:before{content:attr(data-word);text-shadow:calc(var(--wordmark-radius) * 1) 0px calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .9808) calc(var(--wordmark-radius) * .1951) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .9239) calc(var(--wordmark-radius) * .3827) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .8315) calc(var(--wordmark-radius) * .5556) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .7071) calc(var(--wordmark-radius) * .7071) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .5556) calc(var(--wordmark-radius) * .8315) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .3827) calc(var(--wordmark-radius) * .9239) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .1951) calc(var(--wordmark-radius) * .9808) calc(var(--wordmark-font-size) * .004) var(--surface), 0px calc(var(--wordmark-radius) * 1) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.1951) calc(var(--wordmark-radius) * .9808) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.3827) calc(var(--wordmark-radius) * .9239) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.5556) calc(var(--wordmark-radius) * .8315) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.7071) calc(var(--wordmark-radius) * .7071) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.8315) calc(var(--wordmark-radius) * .5556) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.9239) calc(var(--wordmark-radius) * .3827) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.9808) calc(var(--wordmark-radius) * .1951) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -1) 0px calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.9808) calc(var(--wordmark-radius) * -.1951) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.9239) calc(var(--wordmark-radius) * -.3827) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.8315) calc(var(--wordmark-radius) * -.5556) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.7071) calc(var(--wordmark-radius) * -.7071) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.5556) calc(var(--wordmark-radius) * -.8315) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.3827) calc(var(--wordmark-radius) * -.9239) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * -.1951) calc(var(--wordmark-radius) * -.9808) calc(var(--wordmark-font-size) * .004) var(--surface), 0px calc(var(--wordmark-radius) * -1) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .1951) calc(var(--wordmark-radius) * -.9808) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .3827) calc(var(--wordmark-radius) * -.9239) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .5556) calc(var(--wordmark-radius) * -.8315) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .7071) calc(var(--wordmark-radius) * -.7071) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .8315) calc(var(--wordmark-radius) * -.5556) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .9239) calc(var(--wordmark-radius) * -.3827) calc(var(--wordmark-font-size) * .004) var(--surface), calc(var(--wordmark-radius) * .9808) calc(var(--wordmark-radius) * -.1951) calc(var(--wordmark-font-size) * .004) var(--surface)}.wordmark-face{-webkit-text-stroke:var(--wordmark-weight) currentColor;paint-order:stroke fill}.wordmark .fruit-word{color:var(--ink);font-size:var(--wordmark-fruit-size)}.wordmark .merge-word{color:var(--accent-ink)}.wordmark .game-word{--wordmark-weight:var(--wordmark-game-weight);color:var(--ink);font-size:var(--wordmark-game-size);letter-spacing:.02em}.wordmark.wordmark-artwork{--wordmark-fruit-size:.92em;--wordmark-game-size:.48em;--wordmark-inline-margin:0;align-items:center;gap:var(--wordmark-gap);letter-spacing:.005em;flex-flow:column;padding:.14em .12em .08em;line-height:.72}.centralpart{--hud-gap:8px;text-align:center;min-width:0}.arena{gap:var(--board-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.player-zone{min-width:0;container:player-zone/inline-size}.board-heading{min-height:18px;margin:0 var(--arena-end) 10px var(--arena-start);justify-content:space-between;align-items:center;gap:8px;display:flex}.board-heading>.eyebrow{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-tag{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.live-tag>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.live-tag i{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px}.board-card{position:relative;container-type:inline-size}#renderspace{aspect-ratio:2/3;border-radius:var(--radius);touch-action:none;width:100%;position:relative}#renderspace>canvas{display:block;position:relative;width:100%!important;height:100%!important}#renderspace:focus{outline:none}.jar-outline{pointer-events:none;fill:none;width:100%;height:100%;position:absolute;inset:0}.jar-surface{fill:var(--surface);stroke:var(--line);stroke-width:1px}.jar-limit{stroke:var(--jar-limit);stroke-width:calc(1.2px * var(--jar-unit,1))}.danger .jar-limit{stroke:var(--jar-danger);stroke-width:calc(2px * var(--jar-unit,1))}.jar-overflow-zone{fill:var(--jar-danger);opacity:0;transition:opacity .12s ease-out}.danger .jar-overflow-zone{opacity:.13;animation:.12s ease-out overflow-zone-reveal,1s ease-in-out .12s infinite overflow-pulse}.danger-critical .jar-overflow-zone{opacity:.23;animation-duration:.12s,.8s}.danger-finished .jar-overflow-zone{opacity:.23;transition:none;animation:none}.overflow-warning{--countdown-color:var(--jar-danger);z-index:2;border:1px solid var(--jar-danger);border-radius:var(--radius);color:var(--error);background:var(--surface);white-space:nowrap;pointer-events:none;align-items:center;gap:clamp(4px,2cqi,7px);padding:clamp(4px,1.5cqi,7px) clamp(6px,3cqi,12px);display:flex;position:absolute;top:clamp(5px,2.5cqi,10px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 8px #0000000d}.overflow-warning>span{font-size:clamp(9px,3.8cqi,12px);font-weight:650}.overflow-warning:not([hidden]){animation:.12s ease-out overflow-reveal}@keyframes overflow-pulse{50%{opacity:.06}}@keyframes overflow-zone-reveal{0%{opacity:0}}@keyframes overflow-reveal{0%{opacity:0;transform:translate(-50%,2px)}to{opacity:1;transform:translate(-50%)}}#merge-feedback{pointer-events:none;z-index:1;opacity:0;align-items:center;width:max-content;max-width:calc(100% - 20px);display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}#merge-feedback.visible{opacity:1}.merge-recipe{align-items:center;gap:8px;display:flex}#merge-feedback.clearing .merge-recipe{display:none}.merge-recipe .icon{width:14px;height:14px;color:var(--muted)}.merge-parents{align-items:center;display:flex}.merge-parents canvas{width:22px;height:22px}.merge-parents canvas+canvas{margin-left:-6px}#merge-fruit-preview{flex:none;width:34px;height:34px}.merge-details{text-align:left;flex-direction:column;min-width:0;line-height:1.25;display:flex}#merge-points{font:400 28px/1 var(--font-display);color:var(--green)}#merge-fruit-name{font-size:11px;font-weight:650}#merge-chain{color:var(--accent-ink);white-space:nowrap;margin-top:3px;font-size:10px}@container (width<=260px){.merge-recipe{display:none}}.sidepart.right{min-width:0;padding-top:28px}.scorecards{gap:var(--score-card-gap,8px);margin-bottom:var(--game-block-gap);height:var(--hud-height);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;container:player-hud/inline-size}.scorecards,#solo-controls{margin-inline:var(--player-jar-start,0px) var(--player-jar-end,0px)}.valuezone{padding:var(--hud-padding-block) 12px;flex-direction:column;justify-content:space-between;min-width:0;min-height:0;display:flex;container:hud-card/inline-size}.valuezone .eyebrow{letter-spacing:.06em;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.card-icon{width:12px;height:12px;color:var(--green);flex:none}.value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:0;font-size:32px;font-weight:400;line-height:1}.best-card .value{font-size:32px}.next-card{position:relative}.next-fruit{justify-content:center;align-items:center;gap:8px;height:36px;margin-top:0;display:flex}#next-preview{flex:none;place-items:center;width:32px;height:32px;display:grid}#next-preview canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block}#next-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:650;overflow:hidden}@container player-hud (width<=340px){#next-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.progress-card>p{color:var(--muted);font-size:12px}.progress-card>.small-copy{margin-top:8px}.small-copy{color:var(--muted);font-size:12px}#fruit-evolution{--collection-fruit-size:36px;grid-template-columns:repeat(4,1fr);gap:10px 4px;margin:14px 0 0;padding:0;list-style:none;display:grid}#fruit-evolution li{text-align:center;min-width:0;padding:5px 0}#fruit-evolution canvas{opacity:.3;margin:0 auto 2px;transition:opacity .15s;display:block;width:var(--collection-fruit-size)!important;height:var(--collection-fruit-size)!important}#fruit-evolution li.reached canvas{opacity:1}#fruit-evolution span{white-space:nowrap;font-size:9px;line-height:1.4;display:block;overflow:hidden}#fruit-evolution.fruit-names-crowded span{clip-path:inset(50%);block-size:0}summary{cursor:pointer;color:var(--ink);font-weight:650}details p{margin-top:10px}#loading,#startup-error{z-index:2;background:var(--surface);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.loader{border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite spin}.no-js{background:var(--surface);z-index:3;padding:24px;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.valuezone .eyebrow>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.valuezone .card-icon{display:inline-block}.scorecards .valuezone .value{font-size:clamp(16px, 34cqi, var(--score-value-size,32px))}@container player-hud (width<=200px){body:not(.duel-active) #gamezone .scorecards .valuezone{padding-inline:2px}body:not(.duel-active) #gamezone .scorecards .valuezone .value{font-size:clamp(14px, 30cqi, var(--score-value-size,32px))}}@container hud-card (width<=75px){.valuezone .card-icon{display:inline-block}.valuezone .eyebrow{justify-content:center}.valuezone .eyebrow>span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body:not(.compact-duel) .valuezone .value{align-self:center}}.menu{flex-direction:column;gap:8px;margin-top:20px;display:flex}.settings-controls{grid-template-columns:repeat(4,44px);align-items:center;gap:0;margin-top:12px;display:grid}.settings-controls .btn{justify-content:center;width:44px;padding:10px}.settings-controls .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mode-actions{margin-top:24px;container:mode-actions/inline-size}.mode-actions>.btn{white-space:nowrap;justify-content:center;width:100%;min-width:44px}.mode-switch{gap:6px;width:100%;display:flex}.mode-switch .btn{white-space:nowrap;flex:1;justify-content:center;min-width:44px;padding:9px 10px}#gamezone .mode-switch .btn[aria-pressed=true],.mode-short-label,.mode-switch .btn[data-mode-label=short] .mode-long-label,.mode-switch .btn[data-mode-icon=hidden] .icon{display:none}.mode-switch .btn[data-mode-label=short] .mode-short-label{display:inline}#duel-leave-btn{white-space:normal}.control-pair{gap:8px;margin-top:12px;display:flex}.control-pair .btn{white-space:nowrap;flex:1;justify-content:center;padding:11px 10px;font-size:12px}.play-actions{flex-direction:column;min-width:0;display:flex;container:play-actions/inline-size}kbd,.input-tag{font:inherit;vertical-align:middle;border:1px solid var(--line);background:var(--surface);border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:20px;padding:1px 4px;line-height:1;display:inline-flex}kbd{text-align:center;min-inline-size:20px}.keycap-letter{flex:none;block-size:20px;inline-size:20px;padding:0;font-size:11px;font-weight:400}kbd>span{text-box-trim:trim-both;text-box-edge:cap alphabetic;display:block}.input-tag .icon{width:13px;height:13px}.sidepart.left{container:side-commands/inline-size}@container side-commands (width<=175px){.settings-controls{grid-template-columns:repeat(2,44px);justify-content:center}.portal .menu .btn{font-size:12px}}@media (width<=900px){@container play-actions (width<=749px){body:not(.portal) #gamezone .play-actions .menu .btn{justify-content:center;width:44px;height:44px;padding:12px}body:not(.portal) #gamezone .play-actions .menu .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}@container player-zone (width<=300px){.player-zone>.control-pair .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container mode-actions (width<=220px){.duel-active #duel-leave-btn .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-active #duel-leave-btn .duel-leave-short{display:inline}.mode-switch .btn{gap:6px;padding-inline:6px;font-size:12px}}@media (width<=600px) and (orientation:portrait){@container side-commands (width<=380px){body:not(.duel-active):not(.command-rail) #gamezone .play-actions{flex-wrap:nowrap;gap:4px}body:not(.duel-active):not(.command-rail) #gamezone .play-actions .mode-actions,body:not(.duel-active):not(.command-rail) #gamezone .play-actions #solo-controls{flex:2 4px;width:auto;min-width:0;max-width:none;margin:0}body:not(.duel-active):not(.command-rail) #gamezone .play-actions .menu{flex:3 8px;width:auto;min-width:0;margin:0}body:not(.duel-active):not(.command-rail) #gamezone .play-actions :is(.mode-switch,#solo-controls,.menu){gap:4px}body:not(.duel-active):not(.command-rail) #gamezone .play-actions :is(.mode-switch,#solo-controls,.menu)>.btn{flex:1 1 0;justify-content:center;width:auto;min-width:0;height:44px;padding:6px}body:not(.duel-active):not(.command-rail) #gamezone .play-actions .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:not(.duel-active):not(.command-rail) #gamezone .play-actions .mode-switch .icon{display:inline-block}}}.countdown-time{font:400 clamp(20px, 7cqi, 28px)/1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:baseline;display:inline-flex}.countdown-time>span:first-child{text-align:right;flex:none;width:2.4ch}.countdown-time .time-unit{margin-left:2px;font-size:.6em}.countdown-bar:after{content:"";background:var(--countdown-color);width:100%;height:3px;transform:scaleX(var(--countdown-remaining,1));transform-origin:0;position:absolute;bottom:0;left:0}.jar-hint{z-index:1;top:calc(var(--jar-limit-top) + 8px);pointer-events:none;color:var(--jar-limit);font:400 clamp(12px, 4.2cqi, 20px)/1.15 var(--font-display);text-align:center;text-transform:uppercase;letter-spacing:.025em;opacity:.5;transition:opacity .45s ease-out;position:absolute;inset-inline:7%}.has-dropped .jar-hint,.danger .jar-hint{opacity:0}@media (prefers-reduced-motion:reduce){.jar-hint{transition:none}}.merge-feedback-layer{pointer-events:none;position:absolute;inset:0;overflow:clip}#merge-feedback,.jar-notices .duel-attack-notice:not(.is-tip){border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);background:color-mix(in srgb, var(--surface) 94%, transparent);gap:10px;padding:9px 12px;box-shadow:0 3px 12px #0000000a}.jar-notices{top:calc(var(--jar-limit-top) + 8px);inset-inline:calc(var(--player-jar-start,0px) + 8px) calc(var(--player-jar-end,0px) + 8px);z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr);gap:6px;display:grid;position:absolute}.jar-notices:empty,body:not(.duel-active) .jar-notices{display:none}.jar-notices .duel-attack-notice.is-tip{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.jar-notices .duel-attack-notice:not(.is-tip){justify-self:center;width:max-content;min-width:0;max-width:100%}.jar-notices .duel-attack-notice.incoming{--countdown-color:var(--jar-incoming);border-color:var(--jar-incoming);position:relative;overflow:hidden}.jar-notices .duel-attack-notice.incoming #duel-attack-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-incoming-copy{min-width:0;font-size:12px;line-height:1.4}.duel-incoming-heading{white-space:nowrap;align-items:center;gap:4px;display:flex}#duel-incoming-label,#duel-incoming-fruit{text-overflow:ellipsis;min-width:0;font-weight:650;overflow:hidden}.duel-incoming-arrow,#duel-incoming-fruit{display:none}.duel-incoming-arrow{width:12px;height:12px;color:var(--jar-incoming);flex:none;transform:rotate(90deg)}#duel-incoming-queued{color:var(--muted);flex:none;font-size:10px;font-weight:650;display:block}.duel-incoming-copy .countdown-time{color:var(--jar-incoming)}.jar-notices #duel-connection-status:not(:empty){border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);background:color-mix(in srgb, var(--surface) 94%, transparent);padding:6px;font-size:11px}@container (width<=260px){#merge-feedback,.jar-notices .duel-attack-notice:not(.is-tip){gap:8px;padding:8px 10px}}@container (width<=300px){.jar-notices .duel-attack-notice.incoming{gap:6px;padding:7px 8px}.jar-notices #duel-incoming-preview{width:22px;height:22px}.duel-incoming-copy{font-size:11px}.duel-attack-notice.incoming .duel-incoming-arrow,#duel-incoming-fruit,#duel-incoming-queued{display:block}#duel-incoming-label{display:none}}@container (width<=260px){.jar-notices .duel-attack-notice.incoming #duel-incoming-preview{display:block}#duel-incoming-fruit{display:none}}@container (width<=180px){.jar-notices .duel-attack-notice.incoming{gap:4px;padding-inline:6px}.duel-incoming-copy{font-size:10px}}.jar-notices .duel-attack-notice,.jar-notices #duel-connection-status{margin:0}@media (width<=900px){:root{--jar-width:clamp(240px, calc((100svh - 330px) / 1.5), 472px)}#gamezone{grid-template-columns:minmax(0, var(--jar-width)) 190px;gap:14px 24px;padding-block:16px}.sidepart.left{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0;display:grid}.play-actions{flex-direction:row;grid-area:2/1/auto/-1;align-items:center;gap:8px}.brand,.title-container .eyebrow{display:none}.wordmark{--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;--wordmark-font-size:30px;letter-spacing:0;white-space:nowrap;flex-direction:row;align-items:baseline;gap:.1em;line-height:1}.settings-controls{grid-area:1/2;margin:0}.mode-actions{flex:1;min-width:0;max-width:200px;margin:0}.menu{flex-direction:row;justify-content:flex-end;gap:4px;margin:0 0 0 auto}.menu .btn{justify-content:center}body:not(.portal) .sidepart.left #solo-controls{gap:4px;margin:0}body:not(.portal) .sidepart.left #solo-controls .btn{flex:none;width:44px;height:44px;padding:12px}body:not(.portal) .sidepart.left #solo-controls .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidepart.right{padding-top:28px}}@media (width<=600px){:root{--jar-width:clamp(200px, calc((100svh - 230px) / 1.5), 472px);--hud-height:58px;--hud-padding-block:6px;--board-gap:10px;--score-value-size:28px}#sitezone{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}#gamezone{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;max-width:none;padding:12px 0}.sidepart.left{padding-inline:var(--arena-start) var(--arena-end);gap:8px}.wordmark{--wordmark-font-size:clamp(20px, 5.8cqi, 28px)}.settings-controls{grid-column:2;gap:0}.settings-controls .btn{flex:0 0 44px;width:44px}.mode-actions{width:auto}.mode-switch{gap:4px}.mode-switch .btn{min-width:44px}.mode-actions>.btn{padding-inline:10px;font-size:12px}.menu .btn{width:44px;height:44px;padding:12px}.menu .btn>span:not(.icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidepart.left #solo-controls{gap:4px;margin:0}.sidepart.left #solo-controls .btn{flex:none;width:44px;height:44px;padding:12px}.sidepart.left #solo-controls .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.centralpart{width:min(100%, var(--jar-width));justify-self:center}.valuezone{padding:var(--hud-padding-block) 6px}.valuezone .eyebrow{letter-spacing:0;gap:4px;font-size:8px}.valuezone .eyebrow>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.value,.best-card .value{font-size:28px}.next-fruit{height:30px}#next-preview{width:28px;height:28px}#next-name{font-size:9px}.sidepart.right{padding-top:8px}.progress-card{grid-template-columns:minmax(0,1fr);gap:2px 8px;display:grid}.progress-card>h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.progress-card>.small-copy{display:none}#fruit-evolution{--collection-fruit-size:24px;grid-column:1/-1;grid-template-columns:repeat(11,minmax(0,1fr));gap:0;margin-top:4px}#fruit-evolution li{padding-block:3px}body:not(.command-rail) #fruit-evolution span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container play-actions (width<=360px){.sidepart.left .mode-switch .btn{gap:3px;padding-inline:4px}}@media (width<=600px),(width<=900px) and (height<=700px){#sitezone{min-height:100svh}}@media (width<=380px){#sitezone{padding-inline:8px}.sidepart.left{column-gap:4px}.mode-switch .btn{padding-inline:8px}.scorecards .next-fruit #next-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=600px) and (height<=700px){.board-heading{clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}#gamezone{gap:10px}}@media (width>=601px) and (height<=700px) and (orientation:landscape),(width>=480px) and (height<=540px) and (aspect-ratio>=6/5){:root{--jar-width:clamp(160px, calc((100svh - 145px) / 1.5), 264px);--hud-height:56px;--hud-padding-block:6px;--board-gap:16px;--score-value-size:24px}#sitezone{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}#gamezone{grid-template-columns:var(--command-rail-width,156px) minmax(0, var(--jar-width)) 156px;gap:20px;max-width:none;padding:12px 0}.sidepart.left{grid-column:auto;align-items:stretch;gap:6px;display:flex}.play-actions{flex-direction:column;align-items:stretch;gap:6px}body:not(.portal) .sidepart.left #solo-controls{justify-content:center}.brand,.title-container .eyebrow{display:none}.wordmark{--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;--wordmark-font-size:28px;flex-flow:wrap;align-items:baseline;gap:.1em}.mode-actions{width:100%;margin:0}.mode-actions>.btn{padding-inline:10px;font-size:12px}.menu{flex-direction:row;justify-content:center;gap:4px;margin:0;display:flex}.menu .btn{width:44px;height:44px;padding:12px}.menu .btn>span:not(.icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-controls{order:2;margin:0}.valuezone{padding:var(--hud-padding-block) 6px}.valuezone .eyebrow{font-size:8px}#next-name{display:none}.value,.best-card .value{font-size:24px}#next-preview{width:24px;height:24px}.next-fruit{height:26px}.centralpart{justify-self:stretch;width:auto}.board-heading{clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;position:absolute;overflow:hidden}.control-pair{margin-top:8px}.control-pair .btn>span:not(.icon){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidepart.right{padding-top:0}.progress-card>.small-copy{display:none}#fruit-evolution{--collection-fruit-size:24px;grid-template-columns:repeat(4,1fr);gap:2px}}@media (width>=480px) and (width<=600px) and (height<=540px) and (aspect-ratio>=6/5){body:not(.portal):not(.duel-active) #gamezone{grid-template-columns:var(--command-rail-width,144px) minmax(0, var(--jar-width)) 116px;gap:12px}body:not(.portal):not(.duel-active) .wordmark{--wordmark-font-size:24px}}@media (width>=901px){body:not(.portal) .settings-controls{grid-template-columns:repeat(4,minmax(44px,1fr))}body:not(.portal) .settings-controls .btn{width:100%}}@media (width>=901px) and (height<=700px){body:not(.portal){--hud-height:64px;--hud-padding-block:6px;--board-gap:16px}body:not(.portal) #gamezone{grid-template-columns:var(--command-rail-width,176px) minmax(0, var(--jar-width)) 176px;gap:clamp(16px, calc(2 * var(--layout-vw,1vw)), 24px);padding-block:12px}body.duel-active:not(.portal) #gamezone{grid-template-columns:var(--command-rail-width,176px) minmax(0, calc(var(--jar-width) * 2 + var(--board-gap)))}body:not(.portal) .sidepart.left{gap:12px;padding:0}body:not(.portal) .brand{display:none}body:not(.portal) .wordmark{--wordmark-font-size:28px;--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;white-space:nowrap;flex-direction:row;gap:.1em;line-height:1}body:not(.portal) .play-actions{gap:8px}body:not(.portal) .mode-actions,body:not(.portal) .menu,body:not(.portal) .settings-controls,body:not(.portal) .sidepart.left #solo-controls{margin:0}body:not(.portal) .settings-controls{order:0}body:not(.portal) .sidepart.left #solo-controls .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body:not(.portal) .valuezone{padding:var(--hud-padding-block) 6px}body:not(.portal) .next-fruit{height:30px}body:not(.portal) #next-preview{width:28px;height:28px}body:not(.portal) .sidepart.right{padding-top:0}body:not(.portal) .progress-card>.small-copy{display:none}}@media (width>=901px) and (height>=561px) and (height<=820px){body:not(.portal) .sidepart.left{gap:clamp(6px,3svh - 12px,12px);padding-top:0}body:not(.portal) .brand{margin-bottom:4px}body:not(.portal) .title-container .eyebrow{margin-bottom:8px;display:block}body:not(.portal) .wordmark{--wordmark-font-size:clamp(36px, calc(12svh - 32px), 66px);--wordmark-fruit-size:.92em;--wordmark-game-size:.48em;--wordmark-inline-margin:0;gap:var(--wordmark-gap);flex-direction:column;line-height:.72}body:not(.portal) .mode-actions,body:not(.portal) .menu{margin-top:0}body:not(.portal) .play-actions{gap:8px}}@media (width>=901px) and (height<=640px){body:not(.portal) .title-container .eyebrow{display:none}}@media (width>=601px) and (width<=900px) and (height>=701px),(width>=601px) and (width<=900px) and (orientation:portrait){body.duel-active:not(.portal) #gamezone{width:min(100%, max(360px, calc(var(--jar-width) * 2 + var(--board-gap))));grid-template-columns:minmax(0,1fr)}body.duel-active:not(.portal) .centralpart{width:min(100%, calc(var(--jar-width) * 2 + var(--board-gap)));justify-self:center}}#legals{width:100%;max-width:1160px;padding:8px 0 max(12px, env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;margin:0 auto;font-size:11px;line-height:1.5;display:flex}#legals nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 16px;display:flex}#legals a{border-radius:var(--radius);min-height:44px;color:inherit;text-align:center;justify-content:center;align-items:center;padding-block:4px;text-decoration:none;display:inline-flex}#legals .privacy-settings{font-size:inherit;padding:4px 6px;font-weight:400}#legals .privacy-settings .icon{width:14px;height:14px}#legals a:not(.btn):focus-visible{color:var(--ink);text-decoration:underline}@media (hover:hover){#legals a:not(.btn):hover{color:var(--ink);text-decoration:underline}}@media (width<=600px),(width<=900px) and (height<=700px){#legals{border:0;justify-content:center;max-width:500px;padding-top:4px}#legals>span,#legals>a{display:none}#legals nav{gap:0 12px;width:100%}}.modal-open{overflow:hidden}#popups{z-index:10;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#popups:before{content:"";z-index:-1;pointer-events:none;background:var(--backdrop);opacity:1;will-change:opacity;transition:opacity .16s ease-out;position:absolute;inset:0}.popup{--dialog-padding:32px;z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(100%,480px);max-height:calc(100dvh - 48px);padding:var(--dialog-padding);position:relative;overflow-y:auto}#popups.is-leaving,.popup.is-leaving{pointer-events:none}#popups>.popup.is-leaving{z-index:0;top:var(--popup-exit-top);left:var(--popup-exit-left);width:var(--popup-exit-width);height:var(--popup-exit-height);position:absolute;overflow:hidden}.popup.wide{width:min(100%,850px)}.popup:focus{outline:none}.popup>.eyebrow,.popup>.dialog-scroll>.eyebrow{color:var(--accent-ink)}.popup h2{font-family:var(--font-display);margin:10px 0 16px;font-size:40px;font-weight:400;line-height:1.1}.dialog-heading .eyebrow{color:var(--accent-ink)}.popup .dialog-heading h2{margin:0}.popup .dialog-heading .eyebrow+h2{margin-top:10px}.popup>.dialog-heading{padding:var(--dialog-padding) var(--dialog-padding) 16px}.popup>.dialog-heading+.dialog-scroll{padding-top:0}.popup>p:not(.eyebrow,.ui-error),.popup>.dialog-scroll>p:not(.eyebrow,.ui-error){color:var(--muted)}.popup>.btn,.popup>.dialog-scroll>.btn{justify-content:center;width:100%;margin-top:24px}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.dialog-actions .btn{flex:160px;justify-content:center}.duel-result-actions{margin-top:12px}.final-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent-ink);margin-top:24px;font-size:80px;font-weight:400;line-height:1}.solo-score-line{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px;display:flex}.solo-score-line .final-score{overflow-wrap:anywhere;max-width:100%;margin-top:0}.solo-result-record{min-width:0;color:var(--green);align-items:center;gap:8px;display:flex}.solo-result-record>.icon{width:18px;height:18px}.solo-result-record>div{min-width:0}.solo-result-record p{font-size:11px;line-height:1.4}.solo-result-record strong{font:400 26px/1.2 var(--font-display);font-variant-numeric:tabular-nums;display:block}.solo-result-rankings{margin-bottom:16px}.solo-result-rankings h3{margin-bottom:10px;font-size:12px;font-weight:650}.solo-result-rankings ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.solo-result-rankings li{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:10px;padding:8px 10px;display:flex}.solo-result-rankings li>.icon{color:var(--green);flex:none;width:16px;height:16px}.solo-result-rankings li>div{flex:1;min-width:0}.solo-result-rankings li>div>strong{overflow-wrap:anywhere;font-size:12px;line-height:1.4;display:block}.solo-result-rankings .small-copy{font-size:10px;line-height:1.4;display:block}.solo-result-rankings .solo-result-standing{text-align:right;flex:0 auto;min-width:0}.solo-result-standing .rank{font:400 24px/1 var(--font-display);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.solo-result-rank-prefix{margin-right:.12em;font-size:.6em}.solo-result-standing .rank-trophy{width:16px;height:16px}.solo-result-change{color:var(--green);overflow-wrap:anywhere;font-size:10px;line-height:1.4;display:block}.round-stats{gap:clamp(16px, calc(5 * var(--layout-vw,1vw)), 36px);border-block:1px solid var(--line);margin:16px 0;padding:20px 0;display:flex}.round-stats>div{flex-direction:column;min-width:0;display:flex}.round-stats>div:first-child{flex-shrink:0}.round-stats dt{color:var(--muted);font-size:11px}.round-stats dd{flex:1;align-items:center;min-height:32px;margin:4px 0 0;font-size:18px;font-weight:650;display:flex}.round-stats .fruit-stat{align-items:center;gap:10px;display:flex}#final-fruit{overflow-wrap:anywhere;min-width:0}#final-fruit-preview{flex:none;width:32px;height:32px;display:block}.result-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.result-navigation .btn{min-width:0;padding-inline:8px;font-size:13px}.duel-result-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 12px;display:grid}.duel-result-scores>div{background:var(--surface-hover);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:14px}.duel-result-scores dt{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.duel-result-scores dd{font-family:var(--font-display);font-size:clamp(32px, calc(7 * var(--layout-vw,1vw)), 52px);font-variant-numeric:tabular-nums;margin:8px 0 0;font-weight:400;line-height:1}.duel-result-rating{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.duel-result-rating>.icon{width:18px;height:18px;color:var(--green);flex:none}.duel-result-rating>div{min-width:0}.duel-rating-label,.duel-rating-placement{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.4}.duel-rating-metric{font:400 26px/1.2 var(--font-display);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-top:2px;display:flex}.duel-rating-metric strong{font-weight:400}.duel-rating-unit{color:var(--muted);font:500 11px/1.4 system-ui,sans-serif}#duel-result-elo-change{color:var(--muted);margin-left:5px}.duel-result-rating[data-change=gain] #duel-result-elo-change{color:var(--green)}.duel-result-rating[data-change=loss] #duel-result-elo-change{color:var(--accent-ink)}.duel-rating-placement{margin-top:3px}.duel-result-status{text-align:center;margin-top:8px;font-size:11px;line-height:1.5}.popup .btn{justify-content:center}.popup .copy-status{margin-top:12px}.share-control{margin-top:16px}.share-control.result-share{margin-top:12px}.share-control .btn{justify-content:center;width:100%}.share-control [role=status]:not(:empty){margin-top:10px}.share-control textarea{resize:vertical;width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);-webkit-user-select:text;user-select:text;margin-top:10px;padding:12px;font-size:12px;line-height:1.6;display:block}#duel-rematch-status:not(:empty){margin-top:12px}.result-popup{--result-action-gap:16px;--result-edge-padding:var(--dialog-padding);scrollbar-gutter:auto;flex-direction:column;padding:0;display:flex;overflow:hidden}.result-header{padding:var(--result-edge-padding) var(--dialog-padding) 16px;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-heading{overflow-wrap:anywhere;flex:1;min-width:0}.result-heading>.eyebrow{color:var(--accent-ink)}.result-popup .result-heading h2{margin:8px 0 0}.result-peek-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;justify-content:center;width:44px;height:44px;padding:0}.result-popup{transition:background-color .16s ease-out,border-color .16s ease-out}.result-content{padding:0 var(--dialog-padding) var(--result-action-gap);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0;padding-inline-end:max(0px, calc(var(--dialog-padding) - var(--scrollbar-inline-size,0px)));overflow-y:auto}.result-content,.result-actions,.result-header{transition:opacity .16s ease-out}#popups.is-result-peeking:before{opacity:0}#popups.is-result-peeking,#popups.is-result-peeking *{cursor:none}#popups.is-result-peeking .result-popup{background-color:#0000;border-color:#0000}#popups.is-result-peeking :is(.result-content,.result-actions,.result-header){opacity:0}#popups.is-result-peeking :is(.result-content,.result-actions){pointer-events:none}.result-summary,.result-details{min-width:0}.result-details>.btn,.duel-result-tools>.btn{width:100%;margin-top:8px;font-size:13px}.result-summary>p:not(.eyebrow),.result-details>p{color:var(--muted)}#duel-result .result-header{grid-template-columns:minmax(0,1fr) 44px;gap:0 12px;padding-bottom:0;display:grid}#duel-result .result-heading{display:contents}#duel-result .result-heading>.eyebrow{grid-area:1/1}#duel-result .result-heading>h2{grid-area:2/1}#duel-result .result-summary{grid-area:3/1/auto/-1;margin-top:16px}#duel-result .result-peek-btn{grid-area:1/2/span 2}#final-message-praise{white-space:nowrap;display:block}.result-popup .round-stats{margin-block:14px;padding-block:14px}.result-popup .solo-result-rankings{margin-bottom:8px}#score-sync{text-align:center;margin-top:8px;font-size:11px;line-height:1.5}.result-actions{padding:0 var(--dialog-padding) var(--result-edge-padding);flex:none}.result-actions>.btn{width:100%}.result-actions .btn{gap:6px}.result-actions .dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-actions .dialog-actions .btn{min-width:0;padding-inline:8px;font-size:13px}.result-actions .duel-result-actions:not(:has(#duel-rematch-btn:not([hidden]))){grid-template-columns:minmax(0,1fr)}.result-popup .duel-result-scores{margin-top:14px}@media (width<=760px){#popups{padding:16px}.popup{--dialog-padding:24px;border-radius:var(--radius);max-height:calc(100dvh - 32px)}.popup h2{font-size:34px}.duel-result-scores dd{font-size:clamp(30px, calc(9 * var(--layout-vw,1vw)), 44px)}}@media (height<=640px){.result-popup{--dialog-padding:20px;--result-action-gap:12px}.result-popup h2{font-size:32px}.result-popup .final-score{font-size:64px}}@media (width<=360px){.result-actions .result-navigation,.result-actions .dialog-actions{grid-template-columns:minmax(0,1fr);gap:8px}.result-popup .solo-score-line{gap:10px}.result-popup .final-score{font-size:56px}.result-popup .solo-result-record p{font-size:10px}}@media (orientation:landscape) and (width>=480px) and (height<=520px){.result-popup{width:min(100%,760px)}.result-content{scrollbar-gutter:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;display:grid;overflow:hidden}.result-summary,.result-details{min-height:0;padding-block:0 var(--result-action-gap);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.result-summary{padding-left:var(--dialog-padding)}.result-details{padding-right:max(0px, calc(var(--dialog-padding) - var(--scrollbar-inline-size,0px)));scrollbar-gutter:stable}#gameover .result-content{padding-bottom:var(--result-action-gap);grid-template-rows:minmax(0,1fr) auto;gap:12px 24px}#gameover .result-summary{flex-direction:column;grid-area:1/1/span 2;justify-content:safe center;padding-bottom:0;display:flex}#gameover .result-details{grid-area:1/2;padding-bottom:0}#gameover #solo-share{margin:0 var(--dialog-padding) 0 0;grid-area:2/2}#gameover .solo-score-line{gap:8px 10px}#gameover .solo-result-record{gap:6px}#gameover .solo-result-record>.icon{width:16px;height:16px}#gameover .solo-result-record p{font-size:10px}#gameover .solo-result-record strong{font-size:22px}#gameover .round-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:16px;margin:0;padding:12px}#gameover .round-stats dd{font-size:22px}#gameover .round-stats .fruit-stat{gap:8px;font-size:14px}#gameover #final-fruit-preview{width:28px;height:28px}.result-popup .round-stats,.result-popup .duel-result-scores{margin-top:0}.duel-result-rating{padding-block:8px}.duel-rating-label,.duel-rating-placement{font-size:10px;line-height:1.3}.duel-rating-metric{margin-top:1px;font-size:24px;line-height:1.1}.duel-rating-placement{margin-top:2px}.result-actions{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch;gap:12px;display:grid}.result-actions .result-navigation,.result-actions .dialog-actions{margin-top:0}#duel-result .result-actions>.btn{padding-inline:8px;font-size:13px}.result-actions .duel-result-actions .btn{gap:4px;padding-inline:6px;font-size:12px}.result-actions .duel-result-actions .icon{width:16px;height:16px}}@media (orientation:landscape) and (width>=480px) and (height<=420px){.result-popup h2{font-size:28px}.result-summary>p:not(.eyebrow){font-size:13px}.result-popup .solo-score-line{gap:12px;margin-top:10px}.result-popup .final-score{font-size:56px}.result-popup .result-share{margin-top:8px}}@media (orientation:landscape) and (width>=480px) and (height<=520px){#popups:has(>.result-popup:not([hidden],.is-leaving)){padding:8px}.result-popup{--result-edge-padding:8px;max-height:calc(100dvh - 16px)}.result-header{padding-bottom:12px}#duel-result{--dialog-padding:16px;--result-action-gap:8px;gap:var(--result-action-gap) 18px;width:min(100%,760px);padding:var(--result-edge-padding) var(--dialog-padding) 0;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;overflow-y:auto}#duel-result .result-header,#duel-result .result-content,#duel-result .result-details{display:contents}#duel-result .result-heading{grid-area:2/1;align-self:center;display:block;transform:translateY(-8px)}#duel-result .result-summary{margin-top:12px;padding:0;overflow:visible}#duel-result .result-peek-btn{grid-area:1/2;justify-self:end}#duel-result .duel-result-standing{flex-direction:column;grid-area:2/2;align-self:center;gap:10px;display:flex}#duel-result :is(.result-heading,.result-peek-btn,.duel-result-standing,.duel-result-tools,#duel-rematch-status){transition:opacity .16s ease-out}#popups.is-result-peeking #duel-result :is(.result-heading,.result-peek-btn,.duel-result-standing,.duel-result-tools,#duel-rematch-status){opacity:0}#duel-result .result-heading h2{margin-top:6px;font-size:28px}#duel-result .result-summary>p:not(.eyebrow){font-size:13px}#duel-result .duel-result-scores{gap:8px;margin:0}#duel-result .duel-result-scores>div{padding:10px}#duel-result .duel-result-scores dt{font-size:11px}#duel-result .duel-result-scores dd{font-size:clamp(28px, calc(5.6 * var(--layout-vw,1vw)), 38px);margin-top:5px}#duel-result-rating,#duel-result-status{margin:0}#duel-result .duel-result-rating{gap:8px;padding:8px 10px}#duel-result .duel-rating-label,#duel-result .duel-rating-placement{font-size:10px;line-height:1.3}#duel-result .duel-rating-metric{margin-top:1px;font-size:24px;line-height:1.1}#duel-result .duel-rating-placement{margin-top:2px}#duel-result .duel-result-tools{grid-area:3/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}#duel-result .duel-result-tools>*{min-width:0;margin:0}#duel-result .duel-result-tools .btn{min-width:0;padding-inline:8px;font-size:13px}#duel-rematch-status{grid-column:1/-1;margin:0;font-size:11px}#duel-rematch-status:empty{display:none}#duel-result .result-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px;padding-inline:0;display:grid}#duel-result .result-actions:has(#duel-rematch-btn[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}#duel-result .result-actions .dialog-actions{margin-top:0}#duel-result .result-actions .btn{gap:4px;padding-inline:6px;font-size:12px}#duel-result .result-actions .icon{width:16px;height:16px}}@media (orientation:landscape) and (width>=480px) and (height<=360px){#duel-result{--dialog-padding:14px;--result-action-gap:4px;column-gap:14px}#duel-result .duel-result-standing{gap:6px}#duel-result .result-heading h2{margin-top:2px;font-size:26px;line-height:1}#duel-result .duel-result-scores>div{padding:6px}#duel-result .duel-result-scores dd{font-size:clamp(26px, calc(5.2 * var(--layout-vw,1vw)), 32px);margin-top:3px}#duel-result .duel-result-rating{padding:4px 8px}#duel-result .duel-rating-label,#duel-result .duel-rating-placement{line-height:1.2}#duel-result .duel-rating-metric{margin-top:0;font-size:22px}#duel-result .duel-rating-placement{margin-top:0}}.popup.welcome{width:min(100%,840px)}.welcome .welcome-intro{margin:-4px 0 0;font-size:14px}.welcome-steps,.welcome-features{gap:12px;padding:0;list-style:none;display:grid}.welcome-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 12px}.welcome-features{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.welcome-card{background:var(--welcome-card-surface,var(--surface-hover));border:1px solid var(--welcome-card-border,var(--line));border-radius:var(--radius);min-width:0;overflow:hidden}.welcome-rankings{background:var(--welcome-ranking-surface,color-mix(in srgb, var(--surface-hover) 86%, #e4c159));border-color:var(--welcome-ranking-border,color-mix(in srgb, var(--line) 80%, #b59b50))}.welcome-duel{background:var(--welcome-duel-surface,color-mix(in srgb, var(--surface-hover) 88%, #fa796b));border-color:var(--welcome-duel-border,color-mix(in srgb, var(--line) 80%, #c87b72))}.welcome-art{padding:4px 6px 0}.welcome-art canvas{aspect-ratio:8/5;width:100%;height:auto;display:block}.welcome-copy{min-width:0;padding:20px 16px}.welcome-copy h3{overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font-size:15px;line-height:1.3;display:flex}.welcome-copy h3>span:last-child{overflow-wrap:anywhere;min-width:0}.welcome-copy h3>.icon{width:16px;height:16px}.welcome-drop-touch{display:none}.welcome-number{background:var(--surface);height:25px;color:var(--accent-ink);border-radius:50%;flex:0 0 25px;place-items:center;font-size:12px;font-weight:750;display:grid}.welcome-copy p{color:color-mix(in srgb, var(--muted) 92%, var(--ink));overflow-wrap:anywhere;margin:10px 0 0;font-size:13px;line-height:1.55}.welcome-features>li{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:18px 16px;display:grid}.welcome-features .welcome-art,.welcome-features .welcome-copy{padding:0}@media (width<=620px){.popup.welcome{--dialog-padding:16px}.welcome-drop-full{display:none}.welcome-drop-touch{display:inline}.welcome .welcome-intro{font-size:13px;line-height:1.5}.welcome-steps,.welcome-features{grid-template-columns:minmax(0,1fr);gap:12px}.welcome-steps{margin-block:20px 12px}.welcome-steps>li,.welcome-features>li{grid-template-columns:minmax(0, 1fr) clamp(76px, calc(28 * var(--layout-vw,1vw)), 144px);grid-template-areas:"heading art""body art";align-items:center;gap:6px 12px;padding:12px;display:grid}.welcome-art{grid-area:art;width:100%;padding:0}.welcome-art canvas{aspect-ratio:4/3;object-fit:cover}.welcome-art canvas:is([data-welcome-art=drop],[data-welcome-art=grow]){aspect-ratio:1}.welcome-copy{display:contents}.welcome-copy h3{overflow-wrap:normal;grid-area:heading;align-self:end;gap:7px;font-size:14px}.welcome-copy h3>span:last-child{overflow-wrap:normal}.welcome-number{flex-basis:22px;height:22px;font-size:11px}.welcome-copy p{grid-area:body;align-self:start;margin:0;font-size:13px;line-height:1.5}}@media (width<=360px){.welcome-steps>li,.welcome-features>li{grid-template-columns:minmax(0,1fr) 76px;column-gap:8px}.welcome-copy h3{gap:6px;font-size:13px}.welcome-number{flex-basis:20px;height:20px}}.ranking-tabs{margin-block:16px 12px}.ranking-tab-short,.ranking-summary-short{display:none}.ranking-intro{container:ranking-intro/inline-size}#ladder-status{margin:0}.ranking-summary-short{margin:0;font-size:12px;line-height:1.5}@media (width<=480px){.ranking-tabs{margin-bottom:8px}.ranking-tab-long{display:none}.ranking-tab-short{display:inline}}@container ranking-intro (width<=300px){.ranking-intro[data-state=ready] #ladder-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ranking-intro[data-state=ready] .ranking-summary-short{display:block}}.solo-ranking-content{container:solo-ranking/inline-size}.ranking-scope-tabs{--segment-font-size:12px;margin-bottom:16px;display:none}@container solo-ranking (width<=648px){.ranking-scope-tabs{display:flex}#ladder-groups>section{grid-column:1/-1}}@media (width<=380px) and (height<=600px){#ladder>.dialog-heading .eyebrow{display:none}#ladder .dialog-heading h2{font-size:clamp(26px, calc(8 * var(--layout-vw,1vw)), 30px);margin:0}#ladder .ranking-tabs{margin-top:12px}#ladder .ranking-intro,#ladder .ranking-scope-tabs{margin-bottom:12px}}#ladder-groups{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px;display:grid}#ladder-groups>section{min-width:0}#ladder-groups h3{align-items:center;gap:8px;font-size:16px;display:flex}#ladder-groups h3 .icon{color:var(--green)}#ladder-groups h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:20px 0 8px;font-size:11px}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.rank-list .rank{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:36px;display:inline-flex}.rank-list .rank-trophy{flex-shrink:0;width:14px;height:14px}.rank-gold{color:#c39738}.rank-silver{color:#929da8}.rank-bronze{color:#b67b50}.rank-list .name{overflow-wrap:anywhere;flex:1}.rank-list .name-with-country{align-items:center;gap:6px;min-width:0;display:flex}.rank-list .name-label{min-width:0}.country-flag{background:url(atlas.7aecb0e4.webp) var(--flag-x) var(--flag-y) / 256px 192px no-repeat;border-radius:1px;flex:none;width:16px;height:12px;display:inline-block}.rank-list .you{color:var(--accent-ink)}.rank-list .unnamed{color:var(--muted)}.rank-list .rank-placeholder{display:none}.rank-list .rank-placeholder:before{content:" "}@container solo-ranking (width>648px){#ladder-groups:has(>section+section) .rank-placeholder{display:flex}#ladder-groups:has(>section+section){row-gap:0}#ladder-groups:has(>section+section)>section{grid-template-rows:subgrid;grid-row:span 7;row-gap:0;display:grid}#ladder-groups:has(>section+section)>.ranking-note{margin-top:24px}}.ranking-note{grid-column:1/-1}.duel-ranking-overview{margin-bottom:12px}.duel-ranking-card{min-height:148px;padding:16px;container-type:inline-size}.duel-ranking-heading{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px;display:flex}.duel-ranking-title{align-items:center;gap:10px;min-width:0;display:flex}.duel-ranking-title>.icon{width:20px;height:20px;color:var(--green);flex:none}.duel-ranking-card h3{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.4}.duel-ranking-summary{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:20px;margin-bottom:12px;display:grid}.duel-ranking-metric{min-width:0;color:var(--green);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:7px;margin:0;font-size:24px;display:flex}.duel-ranking-card:not([data-state=ranked]) .duel-ranking-summary{grid-template-columns:minmax(0,1fr)}.duel-ranking-card[data-state=ranked]{border-color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, var(--line))}.duel-ranking-card[data-state=ranked] .duel-ranking-metric strong{font:400 48px/1 var(--font-display);color:var(--accent-ink)}.duel-ranking-unit{color:var(--muted);font-size:14px;font-weight:650}.duel-ranking-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;display:grid}.duel-ranking-stats>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;padding:12px;display:flex}.duel-ranking-stats dt{min-height:18px;color:var(--muted);flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.duel-ranking-stats dt>span:last-child{overflow-wrap:anywhere;min-width:0}.duel-ranking-stats .icon{width:14px;height:14px;color:var(--green);flex:none}.duel-ranking-stats dd{font:400 30px/1 var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0 0}.duel-ranking-stats .rank-gold{color:#c39738}.duel-ranking-stats .rank-silver{color:#929da8}.duel-ranking-stats .rank-bronze{color:#b67b50}.duel-ranking-profile-action{margin-top:12px}.duel-ranking-profile-action .btn{min-width:140px;max-width:100%}#duel-placement-progress{appearance:none;background:var(--line);width:100%;height:6px;color:var(--green);border:0;border-radius:3px;margin-bottom:12px;display:block;overflow:hidden}#duel-placement-progress::-webkit-progress-bar{background:var(--line)}#duel-placement-progress::-webkit-progress-value{background:var(--green);border-radius:3px}#duel-placement-progress::-moz-progress-bar{background:var(--green);border-radius:3px}.duel-ranking-note{align-items:flex-start;gap:8px;margin-block:12px 16px;display:flex}.duel-ranking-note .icon{width:16px;height:16px;margin-top:2px}#duel-ranking-status{color:var(--error);text-align:start;overflow-wrap:anywhere;flex:0 0 100%;margin:0;padding:0;font-size:12px;line-height:1.5}#duel-ranking-status:empty{display:none}#duel-ranking-status:not(.ui-error){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@container (width<=420px){.duel-ranking-summary{grid-template-columns:minmax(0,1fr);gap:14px}.duel-ranking-profile-action .btn{width:100%}}.play-games-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-top:20px;padding:16px}.play-games-control h3{margin:0 0 6px;font-size:13px}.play-games-control .btn{justify-content:center;max-width:100%;margin-top:12px}.play-games-control .icon{color:var(--achievement-accent)}#achievements-summary{color:var(--achievement-accent);margin-top:12px;font-weight:650}#achievements-status{margin-top:12px}#achievement-list{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px;display:grid;container:achievement-list/inline-size}#achievement-list section{min-width:0}#achievement-list h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px}#achievement-list ul{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.achievement{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:flex-start;gap:12px;padding:12px;display:flex}.achievement-artwork{object-fit:contain;flex:0 0 56px;width:56px;height:56px}.achievement[data-unlocked=false] .achievement-artwork{filter:grayscale();opacity:.55}.achievement>div{flex:1;min-width:0}.achievement h4{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.4}.achievement p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.achievement-progress{font-variant-numeric:tabular-nums;color:var(--muted);margin-top:8px;font-size:11px;line-height:1.5;display:block}.achievement progress{width:100%;height:4px;accent-color:var(--achievement-accent);margin-top:5px;display:block}.achievement[data-unlocked=true]{background:color-mix(in srgb, var(--achievement-accent) 9%, var(--surface));border-color:color-mix(in srgb, var(--achievement-accent) 55%, var(--line))}.achievement[data-unlocked=true] .achievement-progress{color:var(--achievement-accent)}@container achievement-list (width>=600px){#achievement-list ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.achievement{min-height:var(--achievement-card-height,auto)}}.achievement-notifications{z-index:20;inset-inline-end:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;width:min(360px,100vw - 32px);position:fixed}.achievement-notice{isolation:isolate;border:1px solid color-mix(in srgb, var(--achievement-accent) 65%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--achievement-accent) 9%, var(--surface));color:var(--ink);align-items:center;gap:12px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000024}.achievement-notice-badge{flex:0 0 56px;width:56px;height:56px;position:relative}.achievement-notice-badge img{width:100%;height:100%;display:block}.achievement-notice-copy{flex:1;min-width:0}.achievement-notice-label{color:var(--achievement-accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700;line-height:1.3}.achievement-notice-title{overflow-wrap:anywhere;font-size:15px;line-height:1.3;display:block}.achievement-notice-description{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.4}.achievement-notice-glint{z-index:-1;opacity:0;background:linear-gradient(110deg, transparent 20%, color-mix(in srgb, var(--achievement-accent) 32%, transparent) 50%, transparent 80%);pointer-events:none;position:absolute;inset:0}@media (width<=600px){.achievement-notifications{inset-inline-end:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:min(340px,100vw - 24px)}}@media (width<=600px) and (orientation:portrait){.achievement-notifications{inset-inline-end:auto;left:50%;transform:translate(-50%)}}@media (height<=450px){.achievement-notice{gap:10px;padding:10px 12px}.achievement-notice-badge{flex-basis:44px;width:44px;height:44px}.achievement-notice-title{font-size:14px}.achievement-notice-description{font-size:11px}}.duel-timers{margin-inline:var(--arena-start) var(--arena-end);margin-bottom:var(--game-block-gap);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.duel-clock{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:5px 10px;display:flex}.duel-clock>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.duel-clock .icon{width:14px;height:14px}.duel-clock strong{font:400 28px/1.2 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.time-unit{letter-spacing:0;font-family:system-ui,sans-serif;font-size:.55em;font-weight:650}.duel-clock.urgent{border-color:var(--error);color:var(--error)}.duel-clock.urgent>span{color:inherit}.match-clock strong{text-align:center;min-inline-size:1.8em}.match-clock.ending{background:color-mix(in srgb, var(--error) 7%, var(--surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--error) 16%, transparent)}.match-clock.ending strong{animation:1s ease-in-out infinite duel-ending-pulse}@keyframes duel-ending-pulse{50%{transform:scale(1.045)}}.duel-rules{margin-top:8px;container:lobby-rules/inline-size}.duel-rule-summary{min-height:48px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-weight:400;display:grid}.duel-rule-limit{grid-template-columns:18px minmax(0,1fr);align-content:start;column-gap:6px;display:grid}.duel-rule-limit>.icon{grid-row:1/3;align-self:center}.duel-rule-limit strong{color:var(--ink);font:400 26px/1.1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}.duel-rule-limit .time-unit{margin-left:2px;font-size:14px}.duel-rule-caption{hyphens:auto;overflow-wrap:anywhere;font-size:12px;line-height:1.4}#duel-lobby-help>summary{color:var(--ink);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.duel-help-toggle{align-items:center;min-height:44px;padding-inline:4px;font-size:12px;font-weight:650;display:flex}.duel-help-toggle:after{content:"+";margin-left:6px}#duel-lobby-help[open] .duel-help-toggle:after{content:"−"}@container lobby-rules (width<=260px){#duel-lobby-help>summary,.duel-rule-summary{gap:8px}.duel-rule-limit{grid-template-columns:16px minmax(0,1fr);column-gap:4px}.duel-rule-limit>.icon{grid-row:1;width:16px;height:16px}.duel-rule-caption{grid-column:1/-1;font-size:11px}.duel-help-toggle{padding-inline:2px}}.duel-help-copy{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted);gap:8px;margin-top:8px;padding:12px 12px 12px 28px;font-size:13px;line-height:1.5;display:grid}.duel-help-copy strong{color:var(--ink);font-weight:650}.duel-attack-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}#duel-match-status{color:var(--ink);font-weight:650}#duel-attack-btn{flex:none;justify-content:center;align-items:center;width:210px;max-width:100%;padding-block:7px;font-size:12px;line-height:1}#duel-attack-label,.attack-short-label{text-box-trim:trim-both;text-box-edge:cap alphabetic}.attack-short-label,.duel-leave-short,.charge-icon,.duel-clock-label>.drop-clock-icon{display:none}.duel-clock-label{min-width:0}.drop-clock-icon{transform:rotate(90deg)}.attack-shortcut{color:inherit;background:0 0;flex:none;display:none}.duel-charge-heading{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}#duel-match-controls{container:attack-controls/inline-size}@media (width>=601px) and (hover:hover) and (pointer:fine){.attack-button-shortcut{display:inline-flex}#duel-attack-btn>.icon{display:none}#duel-attack-btn{gap:6px;padding-inline:10px}}#duel-attack-btn:disabled{cursor:default;opacity:.65}#duel-charge-count{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:var(--radius);border:1px solid #0000;flex-shrink:0;padding:1px 5px;font-weight:750;line-height:1.4}#duel-attack-status{text-align:left}.duel-attack-notice{align-items:center;gap:12px;display:flex}#duel-incoming-preview{flex:none;width:34px;height:34px}#duel-connection-status{min-height:18px;margin-bottom:8px}#duel-connection-status:empty{display:none}.duel-charge{flex:1;min-width:0}.duel-charge-label{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.duel-charge-meter{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.duel-charge-meter>span{width:100%;height:100%;transform:scaleX(var(--charge,0));transform-origin:0;background:var(--green);border-radius:inherit;transition:transform .18s ease-out;display:block}.duel-charge[data-state=almost]{color:var(--jar-incoming)}.duel-charge[data-state=almost] #duel-charge-count{color:var(--jar-incoming);border-color:color-mix(in srgb, var(--jar-incoming) 50%, var(--line));background:color-mix(in srgb, var(--jar-incoming) 12%, transparent)}.duel-charge[data-state=almost] .duel-charge-meter{box-shadow:0 0 0 1px color-mix(in srgb, var(--jar-incoming) 55%, transparent)}.duel-charge[data-state=almost] .duel-charge-meter>span{background:var(--jar-incoming)}.duel-charge[data-state=ready]{color:var(--green)}.duel-charge[data-state=ready] #duel-charge-count{color:var(--green);border-color:var(--green);background:color-mix(in srgb, var(--green) 16%, transparent)}.duel-charge[data-state=ready] .duel-charge-meter{box-shadow:0 0 0 1px var(--green)}#duel-attack-btn.is-ready{background:var(--green);color:var(--surface);border-color:var(--green)}#duel-attack-preview{flex:none;width:28px;height:28px}.duel-active #gamezone{grid-template-columns:200px minmax(0, calc(var(--jar-width) * 2 + var(--board-gap)));max-width:none}.duel-active{--jar-width:clamp(240px, calc((100svh - 325px) / 1.5), 472px)}.duel-active .arena{grid-template-columns:repeat(2,minmax(0,1fr))}.jar-versus{z-index:1;top:50%;left:calc(100% + (var(--board-gap) + var(--opponent-jar-start,0px) - var(--player-jar-end,0px)) / 2);background:var(--paper);color:var(--muted);font:400 clamp(10px, 4cqi, 18px)/1 var(--font-display);white-space:nowrap;pointer-events:none;border-radius:3px;padding:2px 1px;display:none;position:absolute;transform:translate(-50%,-50%)}.duel-active .jar-versus{display:block}.duel-active #sitezone{--arena-end:var(--opponent-jar-end,0px)}.duel-active .sidepart.right,.duel-active .mode-switch,.duel-active #highscore{display:none}.duel-active .scorecards{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-active #sitezone{--duel-score-card-width:min(calc((var(--player-jar-width,var(--jar-width)) - var(--player-jar-start,0px) - var(--player-jar-end,0px) - var(--score-card-gap,8px)) / 2), calc(var(--opponent-jar-width,var(--jar-width)) - var(--opponent-jar-start,0px) - var(--opponent-jar-end,0px)));--duel-score-content-width:calc(var(--duel-score-card-width) - 2 * var(--hud-padding-block) - 6px);--duel-score-limit:min(var(--score-value-size,32px), var(--portal-duel-score-limit,32px));--duel-score-size:clamp(16px, calc(var(--duel-score-content-width) * .34), var(--duel-score-limit))}.duel-active #gamezone #score-value,.duel-active #gamezone #duel-opponent-score{font-size:var(--duel-score-size)}.duel-active :is(#score,.opponent-summary),.duel-result-scores>div{transition:background-color .2s ease-out,border-color .2s ease-out}.duel-active :is(#score-value,#duel-opponent-score),.duel-result-scores dd{transition:color .2s ease-out}.duel-active :is(#score,.opponent-summary).is-leading,.duel-result-scores .is-winner{background-color:color-mix(in srgb, var(--ranking-accent) 14%, var(--surface));border-color:var(--ranking-accent)}.duel-active #score.is-leading #score-value,.duel-active .opponent-summary.is-leading #duel-opponent-score,.duel-result-scores .is-winner dd{color:var(--ranking-accent)}.duel-active #play-hint{display:none}.duel-active #danger-status{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.duel-opponent{min-width:0;position:relative;container:rival-zone/inline-size}.opponent-board{position:relative;container-type:inline-size}.jar-winner{z-index:2;top:clamp(5px,2cqi,8px);left:calc(var(--player-jar-start,0px) + clamp(5px, 2cqi, 8px));border:1px solid color-mix(in srgb, var(--green) 55%, var(--line));border-radius:var(--radius);background:var(--surface);color:var(--green);white-space:nowrap;pointer-events:none;align-items:center;gap:clamp(3px,1.5cqi,5px);padding:clamp(4px,1.8cqi,6px) clamp(5px,2.5cqi,9px);font-size:clamp(9px,4cqi,11px);font-weight:650;line-height:1.2;display:inline-flex;position:absolute;box-shadow:0 2px 6px #00000012}.opponent-board .jar-winner{left:calc(var(--opponent-jar-start,0px) + clamp(5px, 2cqi, 8px))}.jar-winner .icon{flex:none;width:clamp(12px,5cqi,15px);height:clamp(12px,5cqi,15px)}.jar-winner:not([hidden]){animation:jar-winner-reveal .32s var(--dialog-easing) both}@keyframes jar-winner-reveal{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.jar-winner:not([hidden]){animation:none}}.duel-countdown{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.duel-countdown>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);flex-direction:column;align-items:center;gap:6px;padding:clamp(10px,4cqi,20px);display:flex}.duel-countdown span{color:var(--muted);white-space:nowrap;font-size:clamp(9px,3cqi,12px)}.duel-countdown strong{font:400 clamp(40px, 24cqi, 110px)/1 var(--font-display)}.duel-countdown.is-go strong{color:var(--accent-ink)}.opponent-summary{height:var(--hud-height);padding:var(--hud-padding-block) 12px;text-align:left;margin-bottom:var(--game-block-gap);justify-content:space-between;align-items:stretch;gap:12px;display:flex}.opponent-summary>div{min-width:0}#duel-opponent-name{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;font-weight:650;line-height:1.3;overflow:hidden}.opponent-summary{margin-inline:var(--opponent-jar-start,0px) var(--opponent-jar-end,0px)}.opponent-summary .eyebrow{letter-spacing:.06em;font-size:9px}.opponent-score{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:5px;margin:0;display:flex}#duel-opponent-score{font:400 32px/1 var(--font-display);font-variant-numeric:tabular-nums}.duel-opponent canvas{aspect-ratio:2/3;width:100%;height:auto;display:block}#duel-opponent-status{top:49px;left:calc(var(--opponent-jar-start,0px) + 12px);text-align:left;font-size:11px;position:absolute}#duel-match-controls{min-height:50px;margin-top:12px;margin-inline:var(--arena-start) var(--arena-end);text-align:left}.duel-active .board-heading .eyebrow{color:var(--ink)}#duel-lobby h2{margin-bottom:8px}#duel-lobby-status{color:var(--ink);margin-top:20px;font-size:15px;font-weight:650}#duel-lobby-status.is-connection{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.duel-search-panel{margin-top:16px;padding:20px}.duel-search-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.duel-search-time{color:var(--ink);font:400 30px/1 var(--font-display);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.duel-search-time .small-copy{font-family:system-ui,sans-serif}.duel-search-copy{margin-block:18px 8px;font-weight:600}.duel-match-choice{border:0;min-width:0;margin:12px 0;padding:0}.duel-match-choice legend{margin-bottom:8px;padding:0;font-size:12px;font-weight:650}@media (width<=480px){.duel-match-choice{margin-bottom:8px}}.field-help{margin-top:8px}.duel-field-row{gap:8px;display:flex}.duel-field-row .btn{white-space:nowrap;flex:none}#duel-find-btn,#duel-account-btn,#duel-join-toggle{justify-content:center;width:100%}#duel-join-toggle,#duel-invite-form{margin-top:8px}#duel-invite-form>label{margin-top:0}#duel-lobby-idle>.dialog-actions{margin-top:12px}#duel-recovery-code{overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px;font-size:13px;display:block}.duel-invite-code{font:400 32px/1.2 var(--font-display);letter-spacing:.1em;-webkit-user-select:all;user-select:all;margin-block:20px}.duel-versus{margin-block:20px;font-weight:650}#duel-lobby-invite,#duel-lobby-offer{margin-top:20px}@media (width<=900px){.duel-active #gamezone{grid-template-columns:minmax(0, calc(var(--jar-width) * 2 + var(--board-gap)))}.duel-active{--jar-width:clamp(240px, calc((100svh - 440px) / 1.5), 472px)}.mode-switch .btn{min-height:44px;font-size:12px}}@media (width<=600px){.duel-active #sitezone{--duel-score-limit:24px}.duel-active{--jar-width:clamp(160px, calc((100svh - 360px) / 1.5), 360px);--rival-jar-preferred-width:clamp(76px, calc(25 * var(--layout-vw,1vw)), 110px)}.duel-active #gamezone{grid-template-columns:minmax(0,1fr)}.duel-active .centralpart{width:100%;max-width:calc(var(--jar-width) + var(--rival-jar-width) + var(--board-gap))}.duel-active .arena{grid-template-columns:minmax(0, 1fr) var(--rival-jar-width)}.jar-versus{top:calc(var(--opponent-jar-width,var(--rival-jar-width)) * .75)}.opponent-summary{padding:var(--hud-padding-block) 8px;margin-bottom:var(--game-block-gap);flex-direction:column;gap:2px}.opponent-summary .eyebrow{display:none}#duel-opponent-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.opponent-score{flex:1;justify-content:flex-end;align-items:flex-start}#duel-opponent-status{top:100%;left:var(--opponent-jar-start,0px);width:calc(100% - var(--opponent-jar-start,0px) - var(--opponent-jar-end,0px));margin-top:10px;font-size:10px;line-height:1.5}.duel-attack-row{gap:12px}#duel-attack-status{font-size:11px}}@media (width<=600px),(height<=540px){.mode-switch .btn{gap:6px;padding-inline:6px}.mode-switch .icon{width:16px;height:16px}#duel-attack-btn{width:160px;padding-inline:10px}#duel-attack-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attack-short-label{display:inline}.duel-charge-label{gap:6px;font-size:11px}}@media (width>=601px) and (height<=700px) and (orientation:landscape),(width>=480px) and (height<=380px){.duel-active{--jar-width:clamp(125px, calc((100svh - 220px) / 1.5), 250px)}.duel-active #gamezone{grid-template-columns:156px minmax(0, calc(var(--jar-width) * 2 + var(--board-gap)))}.duel-active .centralpart{width:100%;max-width:none}.duel-active .arena{grid-template-columns:repeat(2,minmax(0,1fr))}.sidepart.left #duel-match-controls{order:3;width:100%;margin:0}.opponent-summary{padding:var(--hud-padding-block) 8px;margin-bottom:var(--game-block-gap)}.opponent-summary .eyebrow{font-size:8px}#duel-opponent-name{font-size:11px}#duel-opponent-status{display:none}#duel-match-controls{margin-top:8px}#duel-attack-status,.duel-charge-label{font-size:10px}}@media (width<=600px),(height<=540px){.duel-active #duel-leave-btn .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-active .duel-leave-short{display:inline}.duel-active .sidepart.left .mode-actions{justify-self:start;width:auto;max-width:none}}@container attack-controls (width<200px){.attack-button-shortcut{display:none}.attack-charge-shortcut{display:inline-flex}.duel-charge-label{gap:6px}#duel-attack-btn>.icon{display:inline-block}}@container attack-controls (width<=300px){.duel-active #duel-match-controls .duel-attack-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:0;display:grid}.duel-active #duel-match-controls .duel-charge-label{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:4px;font-size:11px}.duel-active #duel-match-controls .duel-charge-heading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-active #duel-match-controls .attack-charge-shortcut{display:none}.duel-active #duel-match-controls .charge-icon{width:14px;height:14px;display:inline-block}.duel-active #duel-match-controls #duel-attack-btn{flex-wrap:nowrap;gap:6px;width:auto;min-width:44px;padding:6px 10px;font-size:12px}.duel-active #duel-match-controls #duel-attack-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-active #duel-match-controls .attack-short-label{white-space:nowrap;display:inline}.duel-active #duel-match-controls #duel-attack-btn:has(#duel-attack-preview:not([hidden]))>.icon{display:none}.duel-active #duel-match-controls #duel-attack-preview{width:24px;height:24px}.duel-active #duel-match-controls .duel-attack-notice.is-tip{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@container attack-controls (width<=180px){.duel-active #duel-match-controls .duel-attack-row{grid-template-columns:minmax(0,1fr)}.duel-active #duel-match-controls #duel-attack-btn{width:100%;padding:6px}}@container attack-controls (width<=100px){.duel-active #duel-match-controls .attack-short-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.duel-active .centralpart .duel-timers{grid-template-columns:minmax(0, 1fr) var(--hud-gap) minmax(0, 1fr) calc(var(--board-gap) + var(--player-jar-end,0px) + var(--opponent-jar-start,0px)) calc(var(--opponent-jar-width,var(--jar-width)) - var(--opponent-jar-start,0px) - var(--opponent-jar-end,0px));gap:0;margin-bottom:8px}#duel-move-clock{grid-column:1}#duel-match-clock{grid-column:3}#duel-rival-clock{grid-column:5}.duel-active .centralpart .duel-clock{flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:4px;container:duel-clock/inline-size}.duel-active .centralpart .duel-clock-label{flex:1;font-size:10px}.duel-active .centralpart .duel-clock strong{flex:none;font-size:clamp(18px,45cqi,22px)}.duel-active .centralpart .duel-clock .icon{width:12px;height:12px;display:inline-block}.duel-active .centralpart .duel-clock-caption{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@container duel-clock (width<=180px){.duel-active .centralpart .duel-clock-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-active .centralpart .duel-clock-label{flex:none}}@container duel-clock (width<=60px){.duel-active .centralpart .duel-clock .icon{display:none}}@container rival-zone (width<=160px){.opponent-summary{padding:var(--hud-padding-block) 8px;flex-direction:column;gap:2px}.opponent-summary .eyebrow{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#duel-opponent-name{margin:0;font-size:11px}.opponent-score{flex:1;justify-content:flex-end;align-items:flex-start}}@media (width>=601px) and (height>=541px){@container rival-zone (width<=160px){#duel-opponent-status{top:calc(var(--hud-height) - 16px);left:calc(var(--opponent-jar-start,0px) + 8px);font-size:10px;line-height:1.3}}}.profile-name-edit{border-radius:var(--radius);max-width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;font-size:14px;font-weight:650;line-height:1.4;transition:color .15s;display:inline-flex}.profile-name-edit [data-profile-name]{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.profile-name-edit .icon{width:16px;height:16px;color:var(--muted)}.profile-name-edit>.icon-user{width:20px;height:20px}.profile-name-copy{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.profile-name-caption{color:var(--muted);font-size:11px;font-weight:400}.profile-name-value{justify-self:start;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}@media (hover:hover){.profile-name-edit:not(:disabled):hover,.profile-name-edit:not(:disabled):hover .icon{color:var(--green)}}@media (width<=480px){.profile-name-edit{gap:8px}}.player-context{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.player-context-copy{min-width:0;color:var(--muted);text-align:center;overflow-wrap:anywhere;hyphens:auto;flex:1;margin:0;font-size:13px;line-height:1.6}.player-context-profile{border-inline-start:1px solid var(--line);flex:0 auto;min-width:0;max-width:48%;padding-inline-start:12px}.player-context-profile .profile-name-caption{overflow-wrap:anywhere}@media (width<=480px){.player-context{gap:8px;margin-bottom:16px;padding:8px 10px}.player-context-copy{font-size:12px}.player-context-profile{max-width:56%;padding-inline-start:8px}}@media (width<=380px){.player-context{text-align:center;flex-direction:column;align-items:stretch;gap:4px;padding-block:6px}.player-context-profile{border-inline-start:0;border-block-start:1px solid var(--line);justify-content:center;max-width:none;padding-block-start:2px;padding-inline-start:0;display:flex}.player-context .profile-name-edit{min-height:32px}.player-context .profile-name-caption{display:none}}#profile-btn.has-profile .icon{color:var(--green)}#duel-account-error{margin:0}#duel-account-error:not([hidden])+#duel-name-form{margin-top:12px}#duel-name-form{border-bottom:1px solid var(--line);margin:20px 0 24px;padding-bottom:24px}#duel-name-form>label{margin-top:0}#duel-name-form .duel-field-row{grid-template-columns:minmax(0,1fr) auto}#duel-name-form .btn{justify-content:center;min-width:44px;margin:0}#duel-name-form .btn .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.profile-save-status{color:var(--green);margin-top:8px}.profile-notice{color:var(--muted);text-align:start;overflow-wrap:break-word;hyphens:none;padding:0;font-size:12px;line-height:1.6}.profile-notice.ui-error{color:var(--error)}.profile-account-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.profile-account-heading .icon{color:var(--muted);width:18px;height:18px}.profile-account-heading h3{margin:0;font-size:15px;font-weight:650;line-height:1.4}#duel-account-intro{margin-bottom:16px}#profile-play-games{margin-block:20px}#profile-play-games h3{font-size:15px;line-height:1.4}#profile-play-games .btn{width:100%}#duel-account #duel-account-guest form .btn{width:100%;margin-top:16px}#duel-account details{margin-top:20px}#duel-account-saved details .btn{width:100%;margin-top:12px}#duel-account-saved p,#duel-recovery-panel p{margin-block:14px}.profile-account-details{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:16px;padding-block:16px;display:grid}.profile-account-details dt{color:var(--muted);font-size:12px}.profile-account-details dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:650}@media (width>=1024px),(width>=480px) and (height<=500px){#duel-account{width:min(760px,100% - 32px)}body:not(.itch-account-page) #duel-account:not(.itch-account-shell)>.dialog-scroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}body:not(.itch-account-page) #duel-account .profile-public{border-inline-end:1px solid var(--line);align-self:stretch;padding-inline-end:24px}body:not(.itch-account-page) #duel-account .profile-account-heading{margin-top:4px}body:not(.itch-account-page) #duel-name-form{border:0;margin-bottom:0;padding-bottom:0}}@media (width>=680px){.itch-account-page #duel-account>.dialog-scroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}}@media (width>=480px) and (height<=500px){#duel-account h2{font-size:30px}#duel-account .dialog-heading .eyebrow{letter-spacing:.1em;font-size:9px}#duel-name-form{margin-top:12px}}.compact-duel.duel-active{--hud-height:58px;--board-gap:8px;--rival-jar-preferred-width:96px}.compact-duel #gamezone{gap:8px;padding-block:6px}.compact-duel #gamezone .wordmark{--wordmark-font-size:16px;white-space:nowrap;flex-direction:row;align-items:baseline;gap:.1em;line-height:1}.compact-duel #gamezone .duel-leave-short,.compact-duel #gamezone .board-heading,.compact-duel #gamezone .sidepart.right,.duel-inline-timers #gamezone .duel-timers{display:none}.duel-active.duel-inline-timers{--hud-padding-block:6px}.duel-inline-timers #gamezone .valuezone:not(.best-card),.duel-inline-timers #gamezone .opponent-summary{padding:var(--hud-padding-block) 6px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;gap:2px 4px;display:grid}.duel-inline-timers #gamezone .valuezone h2,.duel-inline-timers #gamezone .opponent-summary>div:not(.duel-clock){grid-area:1/1/auto/-1}.duel-inline-timers #gamezone .valuezone h2,.duel-inline-timers #gamezone #duel-opponent-name{line-height:12px}.duel-inline-timers #gamezone #duel-opponent-name{margin:0;font-size:11px}.duel-inline-timers #gamezone .opponent-summary .eyebrow{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-inline-timers #gamezone .value,.duel-inline-timers #gamezone .opponent-score{grid-area:2/1;align-self:end;min-width:0;margin:0}.duel-inline-timers #gamezone .opponent-score{justify-content:flex-end;align-items:flex-start}.duel-inline-timers #sitezone{--duel-score-limit:22px;--duel-score-size:clamp(14px, calc(var(--duel-score-content-width) * .25), var(--duel-score-limit))}.duel-inline-timers #gamezone .next-fruit{grid-area:2/1;justify-content:flex-start;align-self:end;height:28px;margin:0}.duel-inline-timers #gamezone #next-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-inline-timers #gamezone .duel-clock{background:0 0;border:0;grid-area:2/2;align-self:end;gap:0;padding:0;container-type:normal}.duel-inline-timers #gamezone .match-clock{padding-inline:4px}.duel-inline-timers #gamezone .duel-clock-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-inline-timers #gamezone .duel-clock strong{font-size:14px;line-height:1}@container hud-card (width<=66px){.duel-inline-timers #gamezone #nextelement h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.duel-inline-timers #gamezone #nextelement .match-clock{grid-area:1/1/auto/-1;justify-self:center}.duel-inline-timers #gamezone #nextelement .next-fruit{grid-area:2/1/auto/-1;justify-content:center;height:18px}.duel-inline-timers #gamezone #nextelement #next-preview{width:18px;height:18px}}.compact-duel #gamezone #duel-opponent-status{margin:4px var(--opponent-jar-end,0px) 0 var(--opponent-jar-start,0px);width:auto;font-size:10px;line-height:1.3;position:static}.duel-active.duel-landscape{--hud-height:50px;--board-gap:12px;--rival-jar-preferred-width:clamp(88px, calc((100svh - 88px) * .4), 130px);--landscape-equal-jars:0;--duel-rail-width:144px}.android.duel-landscape{--duel-rail-width:144px}@media (aspect-ratio>=9/5){.duel-landscape #sitezone{--rival-jar-preferred-width:var(--jar-width);--landscape-equal-jars:1}.duel-landscape:not(.android){--duel-rail-width:176px}.duel-landscape:not(.android) #gamezone .settings-controls{grid-template-columns:repeat(4,44px)}}body.duel-active.duel-landscape #gamezone{grid-template-columns:var(--duel-rail-width) minmax(0, calc(var(--jar-width) + var(--rival-jar-width) + var(--board-gap)));gap:12px;max-width:none;padding-block:12px}.duel-landscape #gamezone .centralpart{justify-self:stretch;width:100%;max-width:none}.duel-landscape #gamezone .arena{grid-template-columns:minmax(0, 1fr) var(--rival-jar-width);gap:var(--board-gap)}.duel-landscape #gamezone .jar-versus{top:calc(var(--opponent-jar-width,var(--rival-jar-width)) * .75)}.duel-landscape #gamezone .board-heading,.duel-landscape #gamezone .sidepart.right,.duel-landscape #gamezone #duel-opponent-status{display:none}.duel-landscape #gamezone .sidepart.left{flex-direction:column;grid-column:auto;align-self:stretch;align-items:stretch;gap:4px;padding:0;display:flex}.duel-landscape #gamezone .title-container{margin:0}.duel-landscape #gamezone .wordmark{--wordmark-font-size:24px;--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;flex-direction:row;align-items:baseline;gap:.1em;padding-block:0;line-height:1}.duel-landscape #gamezone .play-actions{grid-template-columns:44px minmax(0,1fr);gap:6px;display:grid}.duel-landscape #gamezone .sidepart.left .mode-actions{grid-area:1/1;width:44px;margin:0}.duel-landscape #gamezone #duel-leave-btn .duel-leave-short{display:none}.duel-landscape #gamezone .menu{flex-direction:row;grid-area:1/2;justify-content:center;gap:4px;width:auto;margin:0}.duel-landscape #gamezone .menu .btn{justify-content:center;width:44px;height:44px;padding:12px}.duel-landscape #gamezone .menu .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duel-landscape #gamezone .settings-controls{order:initial;grid-template-columns:repeat(2,44px);justify-content:center;width:100%;margin:0}.android.duel-landscape #gamezone .settings-controls{grid-template-columns:repeat(3,44px)}.duel-landscape #gamezone .duel-clock strong{font-size:12px}.duel-landscape #gamezone .next-fruit{height:22px}.duel-landscape #gamezone #next-preview{width:22px;height:22px}.portal.duel-active.duel-landscape #sitezone{--portal-arena-width:calc(var(--jar-width) + var(--rival-jar-width) + var(--board-gap));--portal-content-width:calc(var(--duel-rail-width) + var(--portal-arena-width) + 12px)}.portal.duel-active.duel-landscape #gamezone{width:min(100%, var(--portal-content-width));padding:0}.duel-landscape #gamezone #legals{border:0;flex-direction:column;order:4;gap:0;width:100%;margin:auto 0 0;padding-top:2px}.duel-landscape #gamezone #legals>span,.duel-landscape #gamezone #legals>a{display:none}@media (width<=600px){.duel-active:not(.duel-landscape):not(.compact-duel){--rival-jar-preferred-width:clamp(96px, calc(25 * var(--layout-vw,1vw)), 110px)}.duel-active:not(.duel-landscape) #sitezone{--duel-header-min:288px;--duel-arena-width:calc(var(--jar-width) + var(--rival-jar-width) + var(--board-gap));--duel-rival-column:calc(var(--opponent-jar-width,var(--rival-jar-width)) - var(--opponent-jar-start,0px) - var(--opponent-jar-end,0px));--duel-column-gap:calc(var(--player-jar-end,0px) + var(--board-gap) + var(--opponent-jar-start,0px))}.duel-active.compact-duel #sitezone{--duel-header-min:280px}.duel-active:not(.duel-landscape) #gamezone .sidepart.left{width:min(100%, max(var(--duel-header-min), var(--duel-arena-width)));padding-inline:var(--player-jar-start,0px) var(--opponent-jar-end,0px);justify-self:center}.duel-active:not(.duel-landscape):not(.compact-duel) #gamezone .wordmark{--wordmark-font-size:clamp(18px, 5.5cqi, 28px)}.duel-active:not(.duel-landscape):not(.compact-duel) #gamezone .play-actions{grid-template-columns:minmax(0, 1fr) var(--duel-column-gap) var(--duel-rival-column);gap:0;display:grid}.duel-active:not(.duel-landscape):not(.compact-duel) #gamezone .mode-actions{grid-column:1;justify-self:stretch;width:100%;max-width:none}.duel-active:not(.duel-landscape):not(.compact-duel) #gamezone .play-actions>.menu{grid-column:3;justify-content:center;gap:4px;width:100%;margin:0}.duel-active:not(.duel-landscape):not(.compact-duel) #gamezone .play-actions>.menu>.btn{flex:1;width:auto;min-width:44px}}.scroll-fade{--scroll-fade-size:28px;scroll-padding-block:var(--scroll-fade-size);--scroll-fade-top:0px;--scroll-fade-bottom:0px;--scrollbar-inline-size:0px}.scroll-fade.has-scroll-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent)}.scroll-dialog:not(dialog),dialog.scroll-dialog[open]{flex-direction:column;display:flex;overflow:hidden}.popup.scroll-dialog,.privacy-dialog.scroll-dialog{scrollbar-gutter:auto;padding:0}.dialog-scroll{padding:var(--dialog-padding);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0;padding-inline-end:max(0px, calc(var(--dialog-padding) - var(--scrollbar-inline-size)));overflow-y:auto}.scroll-dialog.has-dialog-bottom>.dialog-scroll{padding-bottom:var(--dialog-action-gap,24px)}.scroll-dialog>.dialog-bottom{padding:0 var(--dialog-padding) var(--dialog-padding);border:0;flex:none;margin:0}.scroll-dialog>.dialog-bottom:not(.dialog-actions,.privacy-actions)>.btn{justify-content:center;width:100%}.privacy-dialog{--dialog-action-gap:16px}.is-surface-animating .scroll-fade{scrollbar-color:transparent transparent}.is-surface-animating .scroll-fade::-webkit-scrollbar-thumb{background:0 0}.is-surface-animating .scroll-fade::-webkit-scrollbar-track{background:0 0}.language-menu{flex-direction:column;padding:0;display:flex;overflow:hidden}.language-list{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:4px;overflow-y:auto}.privacy-dialog[open]{flex-direction:column;display:flex;overflow:hidden}body #sitezone #legals{opacity:.55}body #sitezone #legals:focus-within,body #sitezone #legals:hover{opacity:1}@media (width>=901px) and (height>=701px){body #sitezone{--game-viewport-margin:clamp(24px, 4svh, 64px)}body:not(.duel-active) #sitezone{--collection-rail-width:clamp(220px, 24vw, 280px)}body:not(.duel-active):not(.portal) #gamezone{grid-template-columns:200px minmax(0, var(--jar-width)) var(--collection-rail-width)}body.portal:not(.duel-active) #sitezone{--portal-rail-end:var(--collection-rail-width)}body:not(.portal) #gamezone{padding-block:var(--game-viewport-margin)}body.portal #sitezone{padding-top:max(var(--game-viewport-margin), env(safe-area-inset-top));padding-bottom:max(var(--game-viewport-margin), env(safe-area-inset-bottom))}}body #gamezone #fruit-evolution.fruit-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=901px),(width>=480px) and (width<=900px) and (aspect-ratio>6/5){body #gamezone .progress-card>h2{clip-path:none;overflow-wrap:anywhere;width:auto;height:auto;position:static;overflow:visible}body #gamezone #fruit-evolution{row-gap:8px}body #gamezone #fruit-evolution li{text-align:center;padding-block:0}body #gamezone #fruit-evolution span{translate:calc((var(--collection-fruit-size) - 100%) / 2) 0}body #gamezone #fruit-evolution canvas{margin-inline:0}body #gamezone #fruit-evolution.fruit-names-crowded canvas{margin-bottom:0}}@media (width<=600px),(height<=540px),(width<=900px) and (height<=700px){body #sitezone #legals{justify-content:center;gap:0 12px;width:100%;min-height:28px;margin-top:2px;padding-block:0;font-size:10px}body #sitezone #legals nav{flex:0 auto;gap:0 12px;width:auto;min-width:0}body #sitezone #legals a{min-height:28px;padding-block:0}body #sitezone #legals nav a{align-items:center;display:inline-flex}body #sitezone #legals>.privacy-settings{min-height:28px;padding-block:0;font-size:10px}}@media (width<=600px) and (height>=381px) and (aspect-ratio<6/5),(width<=479px){body:not(.compact-duel):not(.duel-landscape) #gamezone .settings-controls{grid-template-columns:none;grid-auto-columns:44px;grid-auto-flow:column;justify-self:end;width:max-content}body:not(.android):not(.compact-duel):not(.duel-landscape) #gamezone .wordmark{--wordmark-font-size:20px}}@media (width<=600px) and (height<=720px) and (aspect-ratio<6/5),(width<=479px) and (height<=720px){body:not(.duel-active) #sitezone{--hud-height:52px;--hud-padding-block:4px}body:not(.duel-active) #gamezone .next-fruit{height:26px}body:not(.duel-active) #gamezone #next-preview{width:24px;height:24px}body:not(.duel-active) #gamezone{gap:6px}body:not(.duel-active) #gamezone .sidepart.right{border:0;padding:0}body:not(.duel-active) #gamezone .progress-card{grid-template-columns:minmax(0,1fr);align-items:center;gap:0 6px}body:not(.duel-active) #gamezone #fruit-evolution{grid-area:1/1;gap:0;margin-top:0}body:not(.duel-active) #gamezone #fruit-evolution li{padding:2px 0}body:not(.duel-active) #gamezone #fruit-evolution{--collection-fruit-size:20px}body:not(.duel-active) #sitezone #legals{padding-top:0}}@media (width>=480px) and (height<=540px) and (aspect-ratio>=6/5){body:not(.duel-active) #gamezone .wordmark,body:not(.duel-active) #gamezone #solo-controls{justify-content:center}body:not(.duel-active) #gamezone #solo-controls .btn{flex:0 0 44px}body:not(.duel-active) #gamezone .menu{justify-content:center}body:not(.duel-active) #gamezone .settings-controls{flex-wrap:wrap;justify-content:center;gap:0;width:100%;display:flex}body:not(.duel-active) #gamezone .settings-controls>.btn{flex:0 0 44px;width:44px}}@media (width>=480px) and (width<=600px) and (height<=540px) and (aspect-ratio>=6/5){body:not(.duel-active) #gamezone .progress-card{flex-direction:column;align-items:stretch;gap:6px;display:flex}body:not(.duel-active) #gamezone #fruit-evolution{order:1;margin:0}}@media (width>=601px) and (width<=900px) and (orientation:portrait){body.duel-active #gamezone{width:min(100%, calc(var(--jar-width) * 2 + var(--board-gap)));grid-template-columns:minmax(0,1fr);gap:14px;max-width:none}body.duel-active #gamezone .sidepart.left{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0;display:grid}body.duel-active #gamezone .title-container{margin:0}body.duel-active #gamezone .wordmark{--wordmark-font-size:30px;--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;flex-direction:row;align-items:baseline;gap:.1em;line-height:1}body.duel-active #gamezone .settings-controls{order:0;grid-area:1/2;width:auto}body.duel-active #gamezone .play-actions{flex-direction:row;grid-area:2/1/auto/-1;align-items:center}body.duel-active #gamezone .mode-actions{width:auto;max-width:200px}body.duel-active #gamezone .menu{flex-direction:row;gap:4px;width:auto;margin-left:auto}body.duel-active #gamezone .menu .btn{width:44px;height:44px;padding:12px}body.duel-active #gamezone .menu .btn>span:not(.icon){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body.duel-active #gamezone .centralpart{width:100%;max-width:none}body.duel-active #gamezone .duel-attack-row{flex-direction:row;align-items:center}body.duel-active #gamezone #duel-attack-btn{width:210px}}.input-guide-slot{display:none}.input-guide{visibility:hidden;min-width:0;color:var(--muted);font-size:12px}.input-guide>h2{color:var(--ink);margin-bottom:14px}.input-guide>ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.input-guide li{gap:5px;display:grid}.input-guide-label{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:650;line-height:1.5}.input-guide-methods{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.input-guide :is(.input-tag,kbd){flex:none}.input-keys{gap:4px;display:inline-flex}.icon-mouse-click{-webkit-mask-image:url(mouse-click.a675ebf0.svg);mask-image:url(mouse-click.a675ebf0.svg)}.icon-touch-release{-webkit-mask-image:url(touch-release.c8c10cf2.svg);mask-image:url(touch-release.c8c10cf2.svg)}@media (height>=500px) and (width>=901px),(height>=500px) and (width>=480px) and (width<=900px) and (aspect-ratio>6/5){body:not(.android):not(.duel-active) #sitezone #gamezone .sidepart.right{padding-bottom:var(--player-jar-floor,0px);grid-template-rows:max-content minmax(0,1fr);align-self:stretch;row-gap:0;display:grid}body:not(.android):not(.duel-active) #sitezone #gamezone .sidepart.right:has(.input-guide-fits){grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;padding-top:0}body:not(.android):not(.duel-active) #gamezone .input-guide-slot{align-items:center;min-height:0;display:grid;overflow:hidden}.input-guide-fits{visibility:visible}}#sitezone{--game-block-gap:8px;--score-card-gap:var(--game-block-gap)}#gamezone .centralpart{--hud-gap:var(--game-block-gap)}body #gamezone .scorecards{gap:var(--game-block-gap)}body #gamezone :is(.scorecards,.opponent-summary,.duel-timers){margin-bottom:var(--game-block-gap)}.game-more{z-index:5;flex:0 0 44px;position:relative}.game-more>summary{cursor:pointer;justify-content:center;width:44px;height:44px;padding:12px;list-style:none;display:flex}.game-more>summary::-webkit-details-marker{display:none}.game-more[open]>summary{background:var(--surface-active)}:is(#game-menu-panel,#game-information-panel){--command-gap:6px}#game-menu-panel>*{flex-shrink:0}body #gamezone #game-menu-panel :is(.mode-actions,.menu){gap:var(--command-gap);flex-direction:column;width:100%;max-width:none;margin:0;display:flex}body #gamezone #game-menu-panel .mode-switch{gap:var(--command-gap);flex-direction:column}body #gamezone #game-menu-panel .btn{border-color:var(--line);width:100%;height:auto;min-height:44px;color:var(--ink);flex:none;justify-content:flex-start;padding:10px 12px;font-size:14px}body #gamezone #game-menu-panel .icon{width:18px;height:18px}body #gamezone #game-menu-panel .button-label{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}#game-menu-panel .duel-leave-short{display:none}.command-language{flex:none;display:block}body #gamezone .command-language .language-control{width:100%;display:flex}body #gamezone .command-language .language-toggle.btn{width:100%}body #sitezone #legals[data-menu-footer]{justify-content:stretch;align-items:stretch;gap:var(--command-gap,8px);opacity:1;text-align:left;border:0;flex:none;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:grid}#legals[data-menu-footer]>:not(nav):not(.privacy-settings):not(.game-information){display:none}.game-information>summary{cursor:pointer;overflow-wrap:anywhere;hyphens:auto;gap:8px;width:100%;padding:10px 12px;font-size:14px;list-style:none;display:flex}.game-information>summary::-webkit-details-marker{display:none}.game-information[open]>summary{background:var(--surface-active)}.game-information>summary .button-label{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}body #sitezone #legals[data-menu-footer] nav{justify-content:stretch;gap:var(--command-gap,8px);grid-template-columns:minmax(0,1fr);width:100%;display:grid}body #sitezone #legals[data-menu-footer] :is(nav a,.privacy-settings:not([hidden])){width:100%;min-height:44px;color:var(--ink);text-align:left;overflow-wrap:anywhere;hyphens:auto;justify-content:flex-start;padding:10px 12px;font-size:14px;font-weight:650;display:flex}:where(#legals[data-menu-footer]) .privacy-settings:not([hidden]){border-color:var(--line);background:var(--surface)}#legals[data-menu-footer] nav a:not(:has(.icon)):after{content:"";background:currentColor;flex:none;order:-1;width:18px;height:18px;-webkit-mask:url(info.8a104864.svg) 50%/contain no-repeat;mask:url(info.8a104864.svg) 50%/contain no-repeat}.command-rail #gamezone .sidepart.left{--command-row-gap:8px;align-self:start;gap:var(--command-row-gap)}.command-rail #gamezone .sidepart.left>*{flex-shrink:0}@media (width>=901px) and (height>=701px){body #sitezone{--portal-rail-start:200px}}body.command-rail #sitezone #gamezone .title-container{margin:0 0 calc(16px - var(--command-row-gap))}body.command-rail #sitezone #gamezone .wordmark{inline-size:fit-content;max-inline-size:100%;margin-inline:var(--wordmark-inline-margin,0);padding-block:0}@media (width>=480px) and (height>=541px) and (height<=700px) and (orientation:landscape){body.command-rail #sitezone #gamezone :is(.brand,.title-container>.eyebrow){display:none}body.command-rail #sitezone #gamezone .wordmark{--wordmark-font-size:28px;--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;letter-spacing:0;flex-flow:row;align-items:baseline;gap:.1em;line-height:1}@container side-commands (width<=175px){body.command-rail #sitezone #gamezone .wordmark{--wordmark-font-size:24px}}}body.command-rail #sitezone #gamezone .wordmark-face{text-box-trim:none}body.command-rail.commands-spaced-logo #sitezone #gamezone .title-container{margin-bottom:calc(16px - var(--command-row-gap) + 3 * var(--game-block-gap))}.commands-compact-brand #gamezone .sidepart.left .brand,.commands-compact-brand #gamezone .title-container>.eyebrow{display:none}.commands-compact-brand #gamezone .title-container{margin:0}.commands-compact-brand #gamezone .wordmark{--wordmark-font-size:24px}@media (height>=600px){.commands-compact-brand #gamezone .wordmark{--wordmark-font-size:44px}}.command-rail #gamezone .play-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.command-rail:not(.commands-collapsed) #gamezone .play-actions>.menu{flex-direction:column;gap:8px;width:100%;display:flex}body.command-rail:not(.commands-collapsed) #gamezone :is(.menu,.mode-switch)>.btn{flex:none;gap:8px;width:100%;height:auto;min-height:44px;padding:10px 12px;font-size:14px}.command-rail:not(.commands-collapsed) #gamezone .menu>.btn{justify-content:flex-start}body.command-rail:not(.commands-collapsed) #gamezone :is(.menu,.mode-switch) .button-label{clip-path:none;white-space:normal;overflow-wrap:anywhere;width:auto;height:auto;position:static;overflow:visible}.command-rail:not(.commands-collapsed) #gamezone .mode-switch .mode-long-label{display:inline}.command-rail:not(.commands-collapsed) #gamezone .mode-switch .mode-short-label{display:none}.command-rail:not(.commands-collapsed) #gamezone .mode-switch .icon{display:inline-block}.command-rail:not(.commands-collapsed) #gamezone .sidepart.left .mode-actions{width:100%;max-width:none}.command-rail:not(.commands-collapsed) #gamezone #duel-leave-btn{justify-content:center;gap:8px;width:100%;height:auto;min-height:44px;padding:10px 12px;font-size:14px}.command-rail:not(.commands-collapsed) #gamezone #duel-leave-btn .button-label{clip-path:none;white-space:normal;overflow-wrap:anywhere;width:auto;min-width:0;height:auto;position:static;overflow:visible}.command-rail:not(.commands-collapsed) #gamezone #duel-leave-btn .duel-leave-short{display:none}.command-rail #gamezone .play-actions>.mode-actions{margin:0}.command-rail #gamezone .play-actions>.menu{margin-top:0}.command-rail.commands-spaced #gamezone .play-actions>.mode-actions{margin-bottom:calc(3 * var(--game-block-gap))}.command-rail #gamezone .mode-actions .btn{gap:8px;font-size:14px}.command-rail #gamezone .mode-switch .icon{width:18px;height:18px}.command-rail #gamezone .settings-controls{flex-wrap:wrap;order:5;justify-content:center;gap:0;width:100%;margin:0;display:flex}.command-rail.commands-collapsed #gamezone .play-actions{order:6}.command-rail #gamezone .settings-controls>.btn{flex:0 0 44px;width:44px}.command-rail #gamezone #solo-controls{flex-direction:row;justify-content:center;gap:8px;width:100%;margin:0;display:flex}.command-rail #gamezone #solo-controls>.btn{flex:0 0 44px;justify-content:center;width:44px;min-width:44px;height:44px;padding:12px}.command-rail #gamezone #solo-controls .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:is(.command-rail:not(.commands-collapsed),.command-rail.restart-wide) #gamezone #solo-controls>.btn{white-space:normal;flex:1;justify-content:center;gap:8px;width:100%;height:auto;padding:10px 12px;font-size:14px}:is(.command-rail:not(.commands-collapsed),.command-rail.restart-wide) #gamezone #solo-controls .button-label{clip-path:none;white-space:normal;overflow-wrap:anywhere;width:auto;min-width:0;height:auto;position:static;overflow:visible}.command-rail.restart-wide #gamezone #solo-controls>.btn{gap:6px;padding-inline:8px}.command-rail.restart-wide #gamezone #solo-controls .button-label{white-space:nowrap}.commands-collapsed.command-rail #gamezone .settings-controls{flex-wrap:nowrap}.commands-collapsed:not(.command-rail) #gamezone .sidepart.left{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.commands-collapsed:not(.command-rail) #gamezone .title-container{grid-area:1/1;align-self:center;margin:0}.commands-collapsed:not(.command-rail) #gamezone .wordmark{padding-block:0}.commands-collapsed:not(.command-rail) #gamezone .settings-controls{grid-area:1/2;width:auto;display:flex}body #gamezone .settings-controls>.game-more{grid-area:auto}@media (width<=600px) and (height>=381px) and (aspect-ratio<6/5),(width<=479px),(width>=601px) and (width<=900px) and (orientation:portrait){body:not(.duel-active) #gamezone{row-gap:var(--game-block-gap)}.commands-collapsed #gamezone .play-actions{display:none}.commands-collapsed:not(.duel-active) #gamezone .board-heading{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.commands-collapsed #gamezone .solo-hud{--solo-command-size:44px;grid-area:2/1/auto/-1;grid-template-columns:minmax(0, 1fr) var(--solo-command-size);align-items:stretch;gap:var(--game-block-gap);display:grid}body:not(.duel-active) #gamezone .solo-hud #solo-controls{width:var(--solo-command-size);min-width:var(--solo-command-size);gap:var(--game-block-gap);flex-direction:row;flex:none;margin:0;display:flex}body:not(.duel-active) #gamezone .solo-hud #solo-controls>.btn{flex:0 0 var(--solo-command-size);min-width:44px;width:var(--solo-command-size);height:var(--hud-height);justify-content:center;padding:12px}#gamezone .solo-hud #solo-controls .button-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body #gamezone .solo-hud .scorecards{gap:var(--game-block-gap);margin:0}@container side-commands (width>=288px){.commands-collapsed #gamezone .solo-hud{--solo-command-size:var(--hud-height)}}}body.commands-collapsed.duel-active #sitezone #gamezone .play-actions{display:none}body.command-rail.commands-tight #gamezone .sidepart.left{--command-row-gap:4px;gap:var(--command-row-gap);padding-block:0}body.command-rail.commands-tight #gamezone :is(.play-actions,.play-actions>.menu){gap:4px}body.command-rail.commands-tight #sitezone #legals[data-menu-footer]{--command-gap:4px}body.command-rail.commands-tight #gamezone :is(#solo-controls>.btn,#duel-leave-btn,.mode-switch>.btn,.menu>.btn,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings:not([hidden])){gap:6px;padding-inline:8px;font-size:13px}body.command-rail.commands-grid #sitezone{--command-rail-width:216px;--portal-rail-start:216px;--duel-rail-width:216px}body.command-rail.commands-grid #gamezone .sidepart.left{--command-row-gap:6px;gap:var(--command-row-gap);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}body.command-rail.commands-grid #gamezone .title-container{order:0;grid-area:auto/1/auto/-1;margin:0}body.command-rail.commands-grid #gamezone .wordmark{justify-content:center;padding-block:0}body.command-rail.commands-grid #gamezone :is(.play-actions,#solo-controls,.mode-actions,.play-actions>.menu,.command-language),body.command-rail.commands-grid:not(.duel-active) #gamezone .mode-switch,body.command-rail.commands-grid #sitezone #legals[data-menu-footer],body.command-rail.commands-grid #sitezone #legals[data-menu-footer]>nav{display:contents}body.command-rail.commands-grid #gamezone .settings-controls{order:5;grid-area:auto/1/auto/-1}body.command-rail.commands-grid #gamezone :is(#solo-controls>.btn,.mode-switch>.btn,.menu>.btn,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings:not([hidden])){text-align:center;white-space:normal;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:100%;min-width:44px;height:auto;min-height:44px;padding:4px 3px;font-size:12px;line-height:1.2}body.command-rail.commands-grid #gamezone :is(#solo-controls,.mode-switch,.menu,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings) .button-label{clip-path:none;white-space:normal;overflow-wrap:anywhere;width:auto;min-width:0;height:auto;position:static;overflow:visible}body.command-rail.commands-grid #gamezone :is(#solo-controls,.mode-switch,.menu,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings) .icon{width:16px;height:16px}body.command-rail.commands-grid #gamezone #duel-leave-btn{grid-column:1/-1}body #sitezone #gamezone :is(.sidepart.left,#game-menu-panel)[data-command-text] :is(#solo-controls>.btn,#duel-leave-btn,.mode-switch>.btn,.menu>.btn,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings:not([hidden])){font-size:min(var(--command-caption-size,12px), var(--command-caption-cap,14px))}@container side-commands (width<=160px){body #sitezone #gamezone .sidepart.left[data-command-text] :is(#solo-controls>.btn,#duel-leave-btn,.mode-switch>.btn,.menu>.btn,.language-toggle,.game-information>summary,#legals>nav>a,#legals>.privacy-settings:not([hidden])){--command-caption-size:11px}}body.commands-grid #sitezone #gamezone .sidepart.left[data-command-text]{--command-caption-size:11px}body #sitezone #gamezone :is(.sidepart.left,#game-menu-panel)[data-command-text=smaller]{--command-caption-cap:10px}#profile-btn,#solo-mode,#duel-leave-btn{--command-accent:var(--green)}#ladder-btn{--command-accent:var(--ranking-accent)}#achievements-btn{--command-accent:var(--achievement-accent)}#duel-mode{--command-accent:var(--accent-ink)}#sitezone #gamezone :is(#profile-btn,#ladder-btn,#achievements-btn,#duel-mode,#solo-mode,#duel-leave-btn).btn{--button-hover-background:color-mix(in srgb, var(--command-accent) 23%, var(--surface));--button-hover-border:var(--command-accent);background:color-mix(in srgb, var(--command-accent) 14%, var(--surface));border-color:color-mix(in srgb, var(--command-accent) 55%, var(--line));color:var(--ink)}#sitezone #gamezone :is(#profile-btn,#ladder-btn,#achievements-btn,#duel-mode,#solo-mode,#duel-leave-btn)>.icon{color:var(--command-accent)}#sitezone #gamezone :is(#profile-btn,#ladder-btn,#achievements-btn,#duel-mode,#solo-mode,#duel-leave-btn).btn:not(:disabled):active{--button-hover-background:color-mix(in srgb, var(--command-accent) 30%, var(--surface))}@media (width<=600px) and (height>=381px) and (aspect-ratio<6/5),(width<=479px),(width>=601px) and (width<=900px) and (orientation:portrait){:root{scrollbar-gutter:auto}body #sitezone,body.portal #sitezone{min-height:100svh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-direction:column;justify-content:center;display:flex}body #sitezone{--portrait-safe-top:env(safe-area-inset-top,0px);--portrait-safe-bottom:env(safe-area-inset-bottom,0px);--game-portrait:1;--portrait-arena-width:var(--jar-width);--portrait-arena-end:var(--player-jar-end,0px);--hud-height:58px;--hud-padding-block:6px;--score-value-size:28px;--board-gap:8px}body.duel-active #sitezone{--portrait-arena-width:calc(var(--jar-width) + var(--rival-jar-width) + var(--board-gap));--portrait-arena-end:var(--opponent-jar-end,0px)}body #sitezone #gamezone{width:min(100%, max(304px, var(--portrait-arena-width)));gap:var(--game-block-gap);grid-template-columns:minmax(0,1fr);max-width:none;margin:0 auto;padding:0}body #sitezone #gamezone .sidepart.left{align-items:center;gap:var(--game-block-gap);width:100%;padding:0 var(--portrait-arena-end) 0 var(--player-jar-start,0px);grid-column:1;grid-template-columns:minmax(0,1fr) auto;justify-self:stretch;display:grid}body #sitezone #gamezone .title-container{grid-area:1/1;margin:0}body:not(.compact-duel) #sitezone #gamezone .wordmark{--wordmark-font-size:clamp(20px, 5.8cqi, 28px);--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;flex-direction:row;align-items:baseline;gap:.1em;line-height:1}body #sitezone #gamezone .settings-controls{order:0;grid-area:1/2;width:auto}body:not(.command-rail) #sitezone #gamezone :is(.title-container,.settings-controls){translate:0 var(--portrait-toolbar-offset,0px)}body #sitezone #gamezone .centralpart{width:min(100%, var(--portrait-arena-width));justify-self:center;max-width:none}body #sitezone #gamezone .board-heading{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}body:not(.duel-active) #gamezone .scorecards{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}body:not(.duel-inline-timers) #sitezone #gamezone :is(.valuezone,.opponent-summary){padding:var(--hud-padding-block) 8px}body #sitezone #gamezone .valuezone .eyebrow{font-size:8px}body #sitezone #gamezone .next-fruit{height:30px}body #sitezone #gamezone #next-preview{width:28px;height:28px}body #sitezone #gamezone #next-name{font-size:10px}body #sitezone #gamezone .sidepart.right{width:100%;padding:0 var(--portrait-arena-end) 0 var(--player-jar-start,0px);border:0;grid-column:1;gap:0}body:not(.duel-active) #sitezone #gamezone .sidepart.right{display:block}body #gamezone .progress-card{grid-template-columns:minmax(0,1fr);align-items:baseline;column-gap:8px;display:grid}body #gamezone .progress-card>:is(h2,.small-copy){display:none}body #gamezone .progress-card>p{font-size:10px}body #gamezone #fruit-evolution{grid-column:1/-1;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;margin-top:4px}body:not(.duel-active) #gamezone #fruit-evolution{translate:0 var(--portrait-collection-offset,0px)}body #gamezone #fruit-evolution{--collection-fruit-size:24px}body #gamezone #fruit-evolution canvas{margin-bottom:0}body #gamezone #fruit-evolution li{padding:3px 0}body #gamezone #fruit-evolution span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=601px) and (width<=900px) and (orientation:portrait){body.duel-active #sitezone{--portrait-arena-width:calc(var(--jar-width) * 2 + var(--board-gap))}}@media (width<=360px){body #gamezone #fruit-evolution{--collection-fruit-size:22px}}@media (width>=540px) and (width<=900px) and (aspect-ratio>=9/10) and (aspect-ratio<=6/5){body:not(.duel-active) #sitezone{--game-portrait:0;--game-square:1;--hud-height:58px;--hud-padding-block:6px;min-height:100svh;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));flex-direction:column;justify-content:center;display:flex}body:not(.duel-active) #sitezone #gamezone{width:min(100%, calc(160px + var(--jar-width) + 16px));grid-template-columns:160px minmax(0, var(--jar-width));gap:8px 16px;max-width:none;padding:0}body:not(.duel-active) #sitezone #gamezone .sidepart.left{flex-direction:column;grid-area:1/1/3;align-items:stretch;width:100%;padding:0;display:flex}body:not(.duel-active) #sitezone #gamezone .brand,body:not(.duel-active) #sitezone #gamezone .title-container>.eyebrow{display:none}body:not(.duel-active) #sitezone #gamezone .wordmark{--wordmark-font-size:28px;--wordmark-fruit-size:.86em;--wordmark-game-size:.56em;--wordmark-inline-margin:auto;flex-flow:row;align-items:baseline;gap:.1em;padding-block:0;line-height:1}body:not(.duel-active) #sitezone #gamezone .settings-controls{flex-wrap:nowrap;order:5;width:100%;display:flex}body:not(.duel-active) #sitezone #gamezone .centralpart{grid-area:1/2;width:100%;max-width:none}body:not(.duel-active) #sitezone #gamezone .board-heading{display:none}body:not(.duel-active) #sitezone #gamezone .sidepart.right{width:100%;padding:0 var(--player-jar-end,0px) 0 var(--player-jar-start,0px);border:0;grid-area:2/2}body:not(.duel-active) #sitezone #gamezone .progress-card>:is(h2,p){display:none}body:not(.duel-active) #sitezone #gamezone #fruit-evolution{grid-template-columns:repeat(11,minmax(0,1fr));gap:0;margin:0;display:grid;translate:none}body:not(.duel-active) #sitezone #gamezone #fruit-evolution li{padding:3px 0}body:not(.duel-active) #sitezone #gamezone #fruit-evolution{--collection-fruit-size:20px}body:not(.duel-active) #sitezone #gamezone #fruit-evolution canvas{margin:0 auto}body:not(.duel-active) #sitezone #gamezone #fruit-evolution span{display:none}}body.duel-active #sitezone{--rival-jar-width:var(--rival-jar-preferred-width,var(--jar-width))}body.duel-attacks-rival #sitezone{--rival-jar-width:min(var(--rival-jar-preferred-width,var(--jar-width)), max(44px, calc(var(--jar-width) - var(--rival-attack-reserve,52px))))}body.duel-active #gamezone .sidepart.right{display:none}body.duel-active #gamezone #duel-match-controls{width:auto;min-height:0;margin-block:var(--game-block-gap) 0;border:0;padding:0}body.duel-attacks-below #gamezone #duel-match-controls{margin-inline:var(--player-jar-start,0px) var(--opponent-jar-end,0px)}body.duel-attacks-rival #gamezone #duel-match-controls{margin-inline:var(--opponent-jar-start,0px) var(--opponent-jar-end,0px)}body.duel-attacks-rival #gamezone #duel-opponent{padding-bottom:var(--player-jar-floor,0px);flex-direction:column;align-self:stretch;display:flex}body.duel-attacks-rival #gamezone #duel-opponent>*{flex-shrink:0}body.duel-attacks-rival #gamezone #duel-opponent .opponent-board{margin-bottom:auto}body.duel-attacks-rival #gamezone #duel-match-controls{gap:var(--game-block-gap);flex-direction:column;display:flex}body.duel-attacks-rival #gamezone #duel-match-controls .duel-attack-row{order:1}body.duel-active #gamezone #duel-match-controls .duel-attack-row{align-items:center;gap:8px;margin:0;display:grid}body.duel-attacks-below #gamezone #duel-match-controls .duel-attack-row{grid-template-columns:minmax(0,1fr) auto}body.duel-attacks-rival #gamezone #duel-match-controls .duel-attack-row{grid-template-columns:minmax(0,1fr)}body.duel-active #gamezone #duel-match-controls .duel-charge{width:100%;min-width:0}body.duel-attacks-below #gamezone #duel-attack-btn{width:auto;min-width:120px}body.duel-attacks-rival #gamezone #duel-attack-btn{width:100%;min-width:44px}body.duel-active:not(.duel-inline-timers) #gamezone #duel-opponent-status{top:calc(var(--hud-height) - var(--hud-padding-block) - 13px);left:calc(var(--opponent-jar-start,0px) + 8px);right:calc(var(--opponent-jar-end,0px) + 8px);white-space:nowrap;text-overflow:ellipsis;width:auto;margin:0;font-size:10px;line-height:1.3;display:block;position:absolute;overflow:hidden}body.duel-inline-timers #gamezone #duel-opponent-status{display:none}body.duel-attacks-rival.duel-landscape #sitezone{--landscape-equal-jars:0}@media (width>=901px),(width>=601px) and (orientation:landscape){body.portal.duel-active:not(.duel-landscape) #sitezone{--portal-content-width:calc(var(--portal-rail-start) + var(--portal-arena-width) + var(--portal-column-gap))}body.portal.duel-active:not(.duel-landscape) #gamezone{grid-template-columns:var(--portal-rail-start) minmax(0, 1fr)}}body :is(#game-menu-panel,#game-information-panel,.language-menu).menu-window{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overscroll-behavior:contain;width:min(320px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);box-shadow:none;margin:0;padding:16px;font-size:14px;line-height:1.6;position:fixed;inset:50dvh auto auto 50vw;overflow-y:auto;translate:-50% -50%}.menu-window:not([open]){display:none!important}.menu-window[open]{flex-direction:column;gap:6px;display:flex}.menu-window::backdrop{background:var(--backdrop)}.menu-window.menu-window-covered::backdrop{background:0 0}.menu-window-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.menu-window-heading h2{min-width:0;font:400 26px/1.1 var(--font-display);text-align:start;overflow-wrap:anywhere;border:0;flex:1;margin:0;padding:0}.menu-window .menu-window-close.btn,body #gamezone #game-menu-panel .menu-window-heading .btn{flex:0 0 44px;justify-content:center;width:44px;height:44px;min-height:44px;padding:12px}.menu-window .menu-window-close .icon{width:18px;height:18px}.language-menu.menu-window .language-list{padding:0}#loading{z-index:30;background:var(--paper);border-radius:0;position:fixed}#loading .loading-brand{color:var(--ink);font:400 clamp(36px, 16vmin, 88px)/.72 var(--font-display);letter-spacing:.005em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.072em;padding:.14em 0 .08em;display:flex}#loading .loading-brand>span{text-box-trim:trim-both;text-box-edge:cap alphabetic;display:block}#loading .loading-brand>span:first-child{font-size:.92em}#loading .loading-brand>span:nth-child(2){color:var(--accent-ink)}#loading .loading-brand>span:last-child{letter-spacing:.02em;font-size:.48em}#loading.is-leaving{animation:.32s ease-in-out both loading-reveal}@keyframes loading-reveal{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#loading.is-leaving{animation:none}}html:has(#loading:not([hidden])):not(:has(noscript .no-js)){scrollbar-color:transparent transparent}html:has(#loading:not([hidden])):not(:has(noscript .no-js))::-webkit-scrollbar-thumb{background:0 0}html:has(#loading:not([hidden])):not(:has(noscript .no-js)) #sitezone{opacity:0;visibility:hidden;pointer-events:none}html:has(#loading:not([hidden])):not(:has(noscript .no-js)) #sitezone.preparing-feedback,html:has(#loading.is-leaving):not(:has(noscript .no-js)) #sitezone{opacity:1;visibility:visible}body:has(noscript .no-js) #loading{display:none}