@layer games{@scope(.samegame-page){:scope{touch-action:pan-y pinch-zoom;--samegame-ink:#3c3548;--samegame-muted:#5a5164;--samegame-rose:#b3405e;--samegame-blue:#23788e;--samegame-amber:#946813;--samegame-green:#2d7c61;--samegame-purple:#8057a5;--samegame-pink-block:#ed5e7c;--samegame-blue-block:#44bde9;--samegame-yellow-block:#f8c855;--samegame-green-block:#5bd5a2;--samegame-purple-block:#b17bea;--samegame-ribbon:linear-gradient(90deg, var(--samegame-pink-block) 0 20%, var(--samegame-blue-block) 20% 40%, var(--samegame-yellow-block) 40% 60%, var(--samegame-green-block) 60% 80%, var(--samegame-purple-block) 80% 100%);--samegame-confetti:linear-gradient(var(--samegame-pink-block), var(--samegame-pink-block)) 0 0 / 4px 8px, linear-gradient(var(--samegame-blue-block), var(--samegame-blue-block)) 7px 0 / 4px 8px, linear-gradient(var(--samegame-yellow-block), var(--samegame-yellow-block)) 0 11px / 4px 8px, linear-gradient(var(--samegame-green-block), var(--samegame-green-block)) 7px 11px / 4px 8px;--samegame-accent:var(--samegame-rose);--samegame-accent-deep:#a43a54;--samegame-paper:#fffdf8;--samegame-button-surface:#fdfdff;--samegame-mono-face:#fdfdfd;--samegame-mono-ink:#202020;--samegame-mono-selected:#404040;--samegame-soft:#f3f1f8;--samegame-selected:#fcebf0;--samegame-line:#dad7e4;--samegame-tray:#1b223c;--samegame-tray-line:#404863;--samegame-gold:var(--samegame-yellow-block);--samegame-teal:var(--samegame-green);--samegame-space:16px;--samegame-font-body:1rem;--samegame-font-label:.875rem;--samegame-font-heading:1.125rem;--game-title-heading:var(--samegame-ink);--game-title-copy:var(--samegame-ink);--game-rule-heading:var(--samegame-accent);--game-rule-accent:var(--samegame-accent);--game-rule-line:var(--samegame-line)}.samegame-shell{width:100%;min-width:0;max-width:100%;color:var(--samegame-ink);font-size:var(--samegame-font-body);-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.6}.section-kicker,.game-share>span{font-size:var(--samegame-font-label)}.samegame-page-heading{text-align:center;background:0 0;margin:0 0 18px;padding:20px 16px}.samegame-page-heading h1{color:var(--samegame-ink);-webkit-text-fill-color:currentColor;letter-spacing:0;background:0 0;justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);font-size:clamp(2.5rem,6vw,4rem);font-weight:1000;line-height:1.15;display:flex}.samegame-logo-letters{gap:.06em;display:inline-flex}.samegame-title-laurel{width:clamp(24px,5vw,52px);height:auto;fill:var(--samegame-gold);stroke:var(--samegame-amber);stroke-width:.6px;visibility:hidden;flex:none}.samegame-title-laurel:last-child{scale:-1 1}.samegame-title-laurel-stem{fill:none;stroke-width:2px;stroke-linecap:round}.samegame-page-heading.is-complete .samegame-title-laurel{visibility:visible}.samegame-page-heading.is-complete .samegame-title-caption{color:var(--samegame-amber);letter-spacing:.12em;font-weight:900}.samegame-logo-letter:nth-child(2n){translate:0 -2px;rotate:-5deg}.samegame-logo-letter:nth-child(odd){rotate:4deg}.samegame-logo-0{color:var(--samegame-rose)}.samegame-logo-1{color:var(--samegame-blue)}.samegame-logo-2{color:var(--samegame-amber)}.samegame-logo-3{color:var(--samegame-green)}.samegame-logo-4{color:var(--samegame-purple)}.samegame-page-heading p{color:var(--samegame-ink);font-size:var(--samegame-font-body);margin:8px 0 0;line-height:1.8}.samegame-page-heading .section-kicker{color:var(--samegame-accent);font-size:var(--samegame-font-label);letter-spacing:.16em}.samegame-surface{isolation:isolate;border:2px solid var(--samegame-line);background:radial-gradient(ellipse at 0 0, #f8c85514, transparent 60%), radial-gradient(ellipse at 100% 100%, #b17bea0d, transparent 60%), var(--samegame-paper);--flag-fullscreen-background-color:var(--samegame-paper);border-radius:0;padding:clamp(16px,2vw,24px);position:relative}.samegame-surface:before{content:"";background:var(--samegame-ribbon);border-radius:0;height:5px;position:absolute;inset:0 0 auto}:where(button,input,select){font:inherit}.samegame-button{appearance:none;min-height:44px;font-size:var(--samegame-font-body);border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-button-surface);color:var(--samegame-ink);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;line-height:1.4;transition:background .15s,border-color .15s,translate .15s;display:inline-flex}.samegame-button svg:not(:where(.samegame-block-symbol)){flex:none;width:20px;height:20px}.samegame-button:where(:hover:not(:disabled)){border-color:var(--samegame-accent)}.samegame-button:where(:active:not(:disabled)){translate:0 1px}.samegame-button:where([aria-pressed=true]){border-color:var(--samegame-accent);color:var(--samegame-accent-deep);background:var(--samegame-selected)}:where(button):disabled{cursor:default;opacity:var(--samegame-disabled-opacity,.45)}.samegame-shell[data-save-lock=true] :where(.samegame-setup,.samegame-dialog,.samegame-play-footer,.samegame-records,.samegame-result){--samegame-disabled-opacity:1}:where(button,input,select,summary):focus-visible{outline:3px solid var(--samegame-teal);outline-offset:3px}.samegame-primary{background:var(--samegame-accent);border-color:var(--samegame-accent);color:var(--samegame-paper);box-shadow:0 3px 0 var(--samegame-accent-deep)}.samegame-primary:where(:hover:not(:disabled)){background:var(--samegame-accent-deep)}.samegame-icon-button{flex:none;width:44px;min-height:44px;padding:0}.samegame-console-kicker{color:var(--samegame-accent);font-family:inherit;font-size:var(--samegame-font-label);letter-spacing:.15em;margin:0;font-weight:800;line-height:1.5}.samegame-text-button{min-height:44px;font:inherit;font-size:var(--samegame-font-body);color:var(--samegame-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 2px;display:inline-flex}.samegame-text-button:hover{color:var(--samegame-accent)}.samegame-text-button svg{width:16px;height:16px}:where(.samegame-surface,.samegame-dialog) fieldset{border:0;min-width:0;margin:0;padding:0}:where(.samegame-surface,.samegame-dialog) legend{font-weight:800;font-size:var(--samegame-font-body);margin-bottom:10px;padding:0}.samegame-common-controls{gap:8px;display:grid}.samegame-common-controls legend{color:var(--samegame-muted);font-size:var(--samegame-font-label)}.samegame-common-controls .game-sound-setting{color:var(--samegame-ink);font-size:var(--samegame-font-body);margin:0}.samegame-common-controls .game-sound-setting:nth-of-type(4n+1){--samegame-accent:var(--samegame-blue)}.samegame-common-controls .game-sound-setting:nth-of-type(4n+2){--samegame-accent:var(--samegame-green)}.samegame-common-controls .game-sound-setting:nth-of-type(4n+3){--samegame-accent:var(--samegame-purple)}.samegame-common-controls .game-sound-setting:nth-of-type(4n){--samegame-accent:var(--samegame-rose)}.samegame-common-controls .game-sound-setting>span{gap:6px}.samegame-common-controls .game-sound-setting>span svg{color:var(--samegame-accent)}.samegame-common-controls .game-sound-setting button{white-space:nowrap;border:1px solid var(--samegame-line);border-radius:var(--radius-m);min-width:52px;min-height:40px;color:var(--samegame-muted);background:var(--samegame-button-surface);box-shadow:none;padding:5px 8px;font-weight:800}.samegame-common-controls .game-sound-setting button.is-selected{color:var(--samegame-paper);background:var(--samegame-accent);border-color:var(--samegame-accent)}.samegame-common-controls .game-ranking-setting.is-unavailable{--samegame-accent:var(--samegame-muted);--samegame-disabled-opacity:1;color:var(--samegame-muted);opacity:.55}:where(.samegame-surface,.samegame-dialog) legend{align-items:center;gap:8px;display:flex}:where(.samegame-surface,.samegame-dialog) legend:before{content:"";background:var(--samegame-confetti);background-repeat:no-repeat;flex:none;width:11px;height:19px;display:inline-block}.game-social-actions :where(.game-favorite-button){border-color:var(--samegame-line);background:var(--samegame-paper);box-shadow:none}.game-social-actions .game-favorite-button{color:var(--samegame-rose)}.game-social-actions .game-favorite-button.is-favorite{background:var(--samegame-selected);border-color:var(--samegame-rose)}.samegame-save-status{min-height:calc(10px + 1.8em);font-size:var(--samegame-font-label);color:var(--samegame-muted);padding-top:10px;line-height:1.8}.samegame-save-status :where(p){margin:0}.samegame-loading-cover{z-index:4;border-radius:inherit;background:#fffdf8ee;place-items:center;display:grid;position:absolute;inset:0}.samegame-loading-spinner{border:3px solid var(--samegame-line);border-top-color:var(--samegame-accent);border-radius:var(--radius-full);width:30px;height:30px;animation:1s linear infinite samegame-spin}.samegame-surface.is-fullscreen{width:100%;max-width:100%;height:var(--samegame-fullscreen-height,100svh);min-height:0;padding:var(--samegame-fullscreen-top,max(5svh, env(safe-area-inset-top))) var(--samegame-fullscreen-right,max(10px, env(safe-area-inset-right))) var(--samegame-fullscreen-bottom,max(5svh, env(safe-area-inset-bottom))) var(--samegame-fullscreen-left,max(10px, env(safe-area-inset-left)));--flag-safe-area-bg:var(--samegame-paper);border:0;border-radius:0}@media (max-width:520px){.samegame-surface{padding:16px 12px 10px}.samegame-page-heading{padding:12px}.samegame-page-heading p{font-size:var(--samegame-font-body)}}@media (prefers-reduced-motion:reduce){.samegame-button{transition:none}.samegame-loading-spinner{animation:none}}}}@keyframes samegame-spin{to{rotate:360deg}}
@layer games{@scope(.samegame-page){.samegame-setup-layout{--samegame-setup-gap:32px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(24px,4vw,48px);display:grid}:where(.samegame-setup-options,.samegame-setup-settings,.samegame-start-actions){min-width:0}.samegame-setup-settings>*,.samegame-start-actions>button,.samegame-continue>span{overflow-wrap:anywhere;min-width:0}:where(.samegame-mode-options,.samegame-size-options,.samegame-color-options,.samegame-design-options,.samegame-segmented)>button{min-width:0}.samegame-design-choice>span:last-child{overflow-wrap:anywhere;min-width:0}.samegame-showcase{border:1px solid var(--samegame-line);border-radius:var(--radius-l);background:radial-gradient(circle at 18% 28%, #f8c85530, transparent 42%), radial-gradient(circle at 95% 65%, #44bde924, transparent 45%), var(--samegame-paper);text-align:center;align-self:start;min-width:0;padding:28px 20px;position:relative;container-type:inline-size}.samegame-preview-stage{--samegame-preview-extent:calc(100cqi - var(--samegame-preview-frame));--samegame-preview-frame:18px;height:100cqi;margin-bottom:var(--samegame-setup-gap);place-items:center;min-width:0;display:grid}.samegame-mode-text{grid-column:1/-1;min-width:0}.samegame-setup-settings{gap:var(--samegame-setup-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.samegame-start:only-child{grid-column:1/-1}.samegame-preview{width:min(100%, calc(var(--samegame-preview-extent) * var(--samegame-preview-columns) / var(--samegame-preview-rows) + var(--samegame-preview-frame)));border:1px solid var(--samegame-tray-line);border-radius:var(--radius-m);background:var(--samegame-tray);margin:0;padding:8px;position:relative;rotate:none}.samegame-preview-tray{grid-template-columns:repeat(var(--samegame-preview-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--samegame-preview-rows), minmax(0, 1fr));aspect-ratio:var(--samegame-preview-columns) / var(--samegame-preview-rows);gap:2px;display:grid}.samegame-preview-tray .samegame-block-face{aspect-ratio:auto;font-size:clamp(1px, calc(var(--samegame-preview-extent) / var(--samegame-preview-rows) * .45), 12px);border-radius:min(var(--radius-m), calc(var(--samegame-preview-extent) / var(--samegame-preview-rows) * .16));border:0;position:relative;inset:auto}.samegame-spark{color:var(--samegame-amber);font-size:34px;position:absolute}.samegame-spark-one{top:18%;left:6%;rotate:16deg}.samegame-spark-two{font-size:26px;top:4%;right:5%}.samegame-setup-options{align-content:start;gap:var(--samegame-setup-gap);padding-block:8px;display:grid}.samegame-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}:where(.samegame-mode-options,.samegame-size-options,.samegame-design-options,.samegame-segmented)>button:first-child{--samegame-choice-color:var(--samegame-rose)}:where(.samegame-mode-options,.samegame-size-options,.samegame-design-options,.samegame-segmented)>button:nth-child(2){--samegame-choice-color:var(--samegame-blue)}:where(.samegame-size-options,.samegame-design-options)>button:nth-child(3){--samegame-choice-color:var(--samegame-purple)}:where(.samegame-mode-options,.samegame-size-options,.samegame-design-options,.samegame-segmented)>button{--samegame-accent:var(--samegame-choice-color);--samegame-accent-deep:var(--samegame-choice-color);--samegame-selected:color-mix(in srgb, var(--samegame-choice-color) 9%, var(--samegame-paper));background-image:linear-gradient(var(--samegame-choice-color), var(--samegame-choice-color));background-position:center bottom 6px;background-repeat:no-repeat;background-size:24px 3px}.samegame-mode-icon{color:var(--samegame-choice-color)}.samegame-journey li:nth-child(5n+1){--samegame-step-color:var(--samegame-rose)}.samegame-journey li:nth-child(5n+2){--samegame-step-color:var(--samegame-blue)}.samegame-journey li:nth-child(5n+3){--samegame-step-color:var(--samegame-amber)}.samegame-journey li:nth-child(5n+4){--samegame-step-color:var(--samegame-green)}.samegame-journey li:nth-child(5n){--samegame-step-color:var(--samegame-purple)}.samegame-mode-choice{text-align:start;grid-template-columns:minmax(0,1fr) auto;justify-content:start;align-items:start;gap:8px;padding:14px;display:grid}.samegame-mode-choice strong{font-size:var(--samegame-font-body);display:block}.samegame-mode-choice small{color:var(--samegame-muted);font-size:var(--samegame-font-label);margin-top:4px;font-weight:400;line-height:1.6;display:block}.samegame-mode-icon{background:var(--samegame-soft);border-radius:var(--radius-m);flex:none;grid-area:1/1;place-items:center;width:28px;height:28px;display:grid}.samegame-mode-icon svg{width:23px;height:23px}.samegame-radio{border:1px solid var(--samegame-line);border-radius:var(--radius-full);background:var(--samegame-paper);flex:none;grid-area:1/2;place-self:center end;width:16px;height:16px;margin-inline-start:0}.samegame-mode-choice[aria-pressed=true] .samegame-radio{border:5px solid var(--samegame-accent)}.samegame-journey{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);padding:14px 16px}.samegame-journey ol{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.samegame-journey li{font-size:var(--samegame-font-label);justify-items:center;gap:3px;display:grid}.samegame-journey small{color:var(--samegame-muted);font-size:var(--samegame-font-label)}.samegame-journey-stop{border-radius:var(--radius-full);background:color-mix(in srgb, var(--samegame-step-color) 10%, var(--samegame-paper));width:24px;height:24px;color:var(--samegame-step-color);font-family:inherit;font-size:var(--samegame-font-label);font-variant-numeric:tabular-nums;place-items:center;font-weight:800;display:grid}.samegame-relaxed-options{gap:var(--samegame-setup-gap);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);display:grid}:where(.samegame-size-options,.samegame-color-options,.samegame-design-options){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.samegame-size-options button{flex-direction:column;gap:2px;min-height:64px;padding:8px 4px}.samegame-size-options small{color:var(--samegame-muted);font-size:var(--samegame-font-label);font-weight:400}.samegame-color-options button{font-size:var(--samegame-font-body);flex-direction:column;gap:4px;min-height:64px;padding:8px 4px}.samegame-swatches{gap:3px;display:flex}.samegame-swatches i{border-radius:var(--radius-full);background:var(--samegame-block-color);width:10px;height:10px}.samegame-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.samegame-segmented .samegame-button{font-size:var(--samegame-font-body);padding:10px 6px}.samegame-option-note{min-height:3.2em;font-size:var(--samegame-font-label);color:var(--samegame-muted);margin:8px 0 0;line-height:1.6}.samegame-appearance{text-align:start}.samegame-design-choice{font-size:var(--samegame-font-label);flex-direction:column;gap:8px;padding:10px 4px;display:flex}.samegame-design-sample{gap:3px;display:flex}.samegame-design-sample .samegame-block-face{width:19px;height:19px;font-size:8px;position:relative;inset:auto}.samegame-checkbox{width:fit-content;max-width:100%;color:var(--samegame-ink);font-size:var(--samegame-font-body);cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-weight:600;line-height:1.6;display:flex}.samegame-appearance-toggles{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:0 8px;display:grid}.samegame-checkbox input{width:20px;height:20px;accent-color:var(--samegame-accent);flex:none;margin:0}.samegame-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.samegame-start{justify-content:space-between;min-height:52px;padding:14px 20px;font-size:16px}.samegame-continue{text-align:start;justify-content:start}.samegame-continue small{font-weight:400;font-size:var(--samegame-font-label);color:var(--samegame-muted);margin-top:4px;display:block}@media (max-width:1100px){.samegame-setup-settings,.samegame-relaxed-options{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.samegame-setup-layout{gap:var(--samegame-setup-gap)}.samegame-showcase{padding:24px 12px}.samegame-showcase .samegame-design-options{grid-template-columns:minmax(0,1fr)}.samegame-showcase .samegame-design-choice{flex-direction:row;justify-content:start}.samegame-showcase .samegame-design-sample .samegame-block-face:nth-child(n+2){display:none}}@media (max-width:520px){.samegame-surface:where(:has(>.samegame-setup)){padding-top:28px}.samegame-setup-layout{gap:var(--samegame-setup-gap);grid-template-columns:1fr}.samegame-showcase{text-align:start;grid-template-columns:minmax(0,1fr);align-content:start;align-items:center;padding:18px 14px;display:grid}.samegame-preview-stage{--samegame-preview-extent:160px;--samegame-preview-frame:10px;height:184px;margin-bottom:0}.samegame-preview{padding:4px}.samegame-mode-choice{padding:12px 10px}.samegame-preview-tray{gap:2px}.samegame-showcase .samegame-appearance{grid-column:1/-1;margin-top:28px}.samegame-spark-one{display:none}.samegame-spark-two{font-size:14px;top:6px;right:6px}.samegame-design-choice{flex-direction:column;gap:5px;padding:10px 2px}.samegame-showcase .samegame-design-options{grid-template-columns:repeat(3,minmax(0,1fr))}.samegame-showcase .samegame-design-choice{flex-direction:column;justify-content:center}.samegame-start-actions{grid-template-columns:minmax(0,1fr)}.samegame-segmented .samegame-button{flex-direction:column;gap:4px}.samegame-design-sample .samegame-block-face{width:13px;height:13px;font-size:6px}.samegame-design-sample .samegame-block-face:nth-child(n+2){display:none}}}}
@layer games{@scope(.samegame-page){.samegame-color-0{--samegame-block-color:var(--samegame-pink-block);--samegame-symbol:#70263d}.samegame-color-1{--samegame-block-color:var(--samegame-blue-block);--samegame-symbol:#1e526b}.samegame-color-2{--samegame-block-color:var(--samegame-yellow-block);--samegame-symbol:#755418}.samegame-color-3{--samegame-block-color:var(--samegame-green-block);--samegame-symbol:#225a44}.samegame-color-4{--samegame-block-color:var(--samegame-purple-block);--samegame-symbol:#533574}.samegame-board-area{--samegame-face-inset:2px;min-width:0}.samegame-board-slot{min-width:0}.samegame-board-scroll{border:2px solid var(--samegame-tray-line);border-radius:var(--samegame-board-radius,var(--radius-l));background:var(--samegame-tray);overscroll-behavior:contain;max-width:100%;max-height:min(72svh,740px);margin-inline:auto;padding:12px;overflow:clip}.samegame-board{--samegame-cell-size:42px;width:calc(var(--samegame-columns) * var(--samegame-cell-size));height:calc(var(--samegame-rows) * var(--samegame-cell-size));background-image:radial-gradient(#ffffff0c 1px,#0000 1px);background-size:calc(100% / var(--samegame-columns)) calc(100% / var(--samegame-rows));margin:0;position:relative}.samegame-board-art{z-index:0;pointer-events:none;position:absolute;inset:0}.samegame-board-art img{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.samegame-block{z-index:1;width:var(--samegame-cell-size);height:var(--samegame-cell-size);box-shadow:none;color:inherit;translate:calc(var(--samegame-x) * var(--samegame-cell-size)) calc(var(--samegame-y) * var(--samegame-cell-size));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:translate .24s cubic-bezier(.25,.05,.3,1);position:absolute;inset:0 auto auto 0}.samegame-block:disabled{opacity:1}.samegame-board[data-fitting=true] .samegame-block{transition:none}.samegame-block-face{inset:var(--samegame-block-inset,var(--samegame-face-inset,2px));border:var(--samegame-block-line,1px) solid color-mix(in srgb, var(--samegame-block-color), #000 30%);border-radius:var(--radius-m);background:var(--samegame-block-color);min-width:0;color:var(--samegame-symbol);font-size:var(--samegame-symbol-size,clamp(6px, calc(var(--samegame-cell-size) * .45), 20px));place-items:center;font-weight:900;line-height:1;display:grid;position:absolute}.samegame-block-symbol{fill:currentColor;pointer-events:none;width:64%;height:64%;display:block}:where(.samegame-design-tile,.samegame-design-ball) .samegame-block-face{--samegame-material-color:oklch(from var(--samegame-block-color) calc(l + .025) calc(c * 1.12) h)}.samegame-design-tile .samegame-block-face{isolation:isolate;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);background:conic-gradient(from 45deg, color-mix(in srgb, var(--samegame-material-color), black 17%) 0deg 90deg, color-mix(in srgb, var(--samegame-material-color), black 27%) 90deg 180deg, color-mix(in srgb, var(--samegame-material-color), #fff1c7 8%) 180deg 270deg, color-mix(in srgb, var(--samegame-material-color), #fff1c7 32%) 270deg 360deg);border:0;border-radius:0}.samegame-design-tile .samegame-block-face:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);background:var(--samegame-wood-grain,url(../media/wood-grain.38h3t-ri0pny9.svg?dpl=dpl-mvmls75u)) center / cover, linear-gradient(110deg, color-mix(in srgb, var(--samegame-material-color), #fff1c7 10%), var(--samegame-material-color) 55%, color-mix(in srgb, var(--samegame-material-color), black 4%));position:absolute;inset:7% 12% 13% 7%}.samegame-design-tile :where([data-wood="1"]){--samegame-wood-grain:url(../media/wood-grain-2.1-2avl0h6drgv.svg?dpl=dpl-mvmls75u)}.samegame-design-tile :where([data-wood="2"]){--samegame-wood-grain:url(../media/wood-grain-3.1qjtga4tej3uh.svg?dpl=dpl-mvmls75u)}.samegame-design-tile :where([data-wood="3"]){--samegame-wood-grain:url(../media/wood-grain-4.2o8gha9fhee4v.svg?dpl=dpl-mvmls75u)}.samegame-design-tile :where([data-wood="4"]){--samegame-wood-grain:url(../media/wood-grain-5.0cgpa79d3zyqc.svg?dpl=dpl-mvmls75u)}.samegame-design-tile :where([data-wood="5"]){--samegame-wood-grain:url(../media/wood-grain-6.1u_4ckpzv-co1.svg?dpl=dpl-mvmls75u)}.samegame-design-ball .samegame-block-face{--samegame-material-color:oklch(from var(--samegame-block-color) calc(l + .015) calc(c * 1.22) h);border:1px solid;border-color:color-mix(in srgb, var(--samegame-material-color), white 62%) color-mix(in srgb, var(--samegame-material-color), white 24%) color-mix(in srgb, var(--samegame-material-color), black 10%) color-mix(in srgb, var(--samegame-material-color), white 44%);border-radius:var(--radius-full);background:var(--samegame-material-color) var(--samegame-candy-image) var(--samegame-candy-x,0%) var(--samegame-candy-y,0%) / 1200% 800% no-repeat;box-shadow:1px 2px #090f25a6}.samegame-design-ball :where([data-candy="1"]){--samegame-candy-x:9.09091%}.samegame-design-ball :where([data-candy="2"]){--samegame-candy-x:18.1818%}.samegame-design-ball :where([data-candy="3"]){--samegame-candy-x:27.2727%}.samegame-design-ball :where([data-candy="4"]){--samegame-candy-x:36.3636%}.samegame-design-ball :where([data-candy="5"]){--samegame-candy-x:45.4545%}.samegame-design-ball :where([data-candy="6"]){--samegame-candy-x:54.5455%}.samegame-design-ball :where([data-candy="7"]){--samegame-candy-x:63.6364%}.samegame-design-ball :where([data-candy="8"]){--samegame-candy-x:72.7273%}.samegame-design-ball :where([data-candy="9"]){--samegame-candy-x:81.8182%}.samegame-design-ball :where([data-candy="10"]){--samegame-candy-x:90.9091%}.samegame-design-ball :where([data-candy="11"]){--samegame-candy-x:100%}.samegame-design-ball :where([data-candy-turn="1"]){--samegame-candy-y:14.2857%}.samegame-design-ball :where([data-candy-turn="2"]){--samegame-candy-y:28.5714%}.samegame-design-ball :where([data-candy-turn="3"]){--samegame-candy-y:42.8571%}.samegame-design-ball :where([data-candy-turn="4"]){--samegame-candy-y:57.1429%}.samegame-design-ball :where([data-candy-turn="5"]){--samegame-candy-y:71.4286%}.samegame-design-ball :where([data-candy-turn="6"]){--samegame-candy-y:85.7143%}.samegame-design-ball :where([data-candy-turn="7"]){--samegame-candy-y:100%}.samegame-design-square .samegame-block-face{background:var(--samegame-block-color);box-shadow:none;border:0;border-radius:0}.samegame-monochrome :where(.samegame-block-face,.samegame-pop-piece){--samegame-block-color:var(--samegame-mono-face);--samegame-symbol:var(--samegame-mono-ink)}.samegame-monochrome .samegame-block-face{background:var(--samegame-mono-face);color:var(--samegame-mono-ink);clip-path:none;box-shadow:none;border:0;border-radius:0}.samegame-monochrome .samegame-block-face:before,.samegame-monochrome .samegame-block-face:after{content:none}.samegame-board.samegame-monochrome .samegame-block-face{font-size:clamp(8px, calc(var(--samegame-cell-size) * .62), 26px)}.samegame-monochrome :where(.samegame-block.is-chosen) .samegame-block-face{background:var(--samegame-mono-selected);color:var(--samegame-mono-face)}.samegame-block.is-chosen .samegame-block-face{outline:calc(2 * var(--samegame-block-line,1px)) solid var(--samegame-paper);outline-offset:calc(-2 * var(--samegame-block-line,1px))}.samegame-block:focus-visible{z-index:2;outline:2px solid var(--samegame-paper);outline-offset:0;border-radius:var(--radius-m)}.samegame-block.is-isolated .samegame-block-face{animation:.3s samegame-wiggle}.samegame-pop-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:clip}.samegame-pop-piece{width:var(--samegame-cell-size);height:var(--samegame-cell-size);translate:calc(var(--samegame-x) * var(--samegame-cell-size)) calc(var(--samegame-y) * var(--samegame-cell-size));position:absolute;inset:0 auto auto 0}.samegame-pop-shell{inset:var(--samegame-block-inset,var(--samegame-face-inset,2px));border:1px solid color-mix(in srgb, var(--samegame-block-color), white 55%);border-radius:var(--radius-full);background:radial-gradient(circle at 30% 24%, #ffffffdf, #ffffff40 22%, transparent 60%), var(--samegame-block-color);animation:.22s ease-out both samegame-pop;animation-delay:var(--samegame-burst-delay);position:absolute}.samegame-pop-ring{border:2px solid color-mix(in srgb, var(--samegame-block-color), white 65%);border-radius:var(--radius-full);animation:.45s ease-out both samegame-pop-ring;animation-delay:var(--samegame-burst-delay);position:absolute;inset:8%}.samegame-pop-spark{width:clamp(3px, calc(var(--samegame-cell-size) * .24), 10px);aspect-ratio:1.3;border:1px solid color-mix(in srgb, var(--samegame-block-color), white 65%);border-radius:var(--radius-s);background:var(--samegame-block-color);animation:.78s linear both samegame-pop-spark;animation-delay:var(--samegame-burst-delay);position:absolute;top:50%;left:50%}.samegame-pop-spark:nth-of-type(3n){aspect-ratio:1;border-radius:var(--radius-full);background:color-mix(in srgb, var(--samegame-block-color), white 65%)}.samegame-floating-score{color:#733c16;background:url(../media/score-bubble.1uj9iya55vswm.svg?dpl=dpl-mvmls75u) 50%/100% 100% no-repeat;align-content:center;justify-items:center;width:148px;height:106px;padding:20px 24px 24px;animation:.8s ease-out both samegame-score-pop;display:grid;position:absolute;transform:translate(-50%,-50%)}.samegame-floating-score strong{font-size:22px;font-weight:900;line-height:1.2}.samegame-floating-score small{font-size:var(--samegame-font-label);font-weight:800}.samegame-floating-score.is-big{color:#b33c51}.samegame-input-dock{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px 8px;width:100%;min-height:54px;margin-inline:auto;padding-top:10px;display:grid}.samegame-input-dock .samegame-button{width:100%;min-width:0;box-shadow:none;font-size:var(--samegame-font-label);min-height:44px;padding:8px 12px}@media (max-width:520px){.samegame-board-area{--samegame-face-inset:1px}.samegame-board-scroll{border-radius:var(--samegame-board-radius,var(--radius-m));padding:7px}.samegame-block-face{border-radius:var(--radius-s)}.samegame-input-dock{gap:6px}.samegame-input-dock .samegame-button{font-size:var(--samegame-font-label);padding:8px}}@media (prefers-reduced-motion:reduce){.samegame-block,.samegame-block-face{transition:none}.samegame-pop-piece{display:none}.samegame-floating-score{transform:translate(calc(-50% + var(--samegame-popup-shift-x)), calc(-50% + var(--samegame-popup-shift-y) - 8px));animation:none}.samegame-block.is-isolated .samegame-block-face{animation:none}}}}@keyframes samegame-pop{0%{opacity:1;scale:.94}30%{opacity:1;scale:1.3}55%{opacity:.9;scale:1.45}85%,to{opacity:0;scale:.15}}@keyframes samegame-pop-ring{0%,20%{opacity:0;scale:.7}35%{opacity:.95}to{opacity:0;scale:3.4}}@keyframes samegame-pop-spark{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.7)}18%{opacity:1;transform:translate(calc(-50% + var(--samegame-burst-x) * var(--samegame-cell-size) * .5), calc(-50% + var(--samegame-burst-y) * var(--samegame-cell-size) * .5)) rotate(calc(var(--samegame-burst-spin) * .25)) scale(1.1)}55%{opacity:1;transform:translate(calc(-50% + var(--samegame-burst-x) * var(--samegame-cell-size) * .85), calc(-50% + (var(--samegame-burst-y) * .85 + .5) * var(--samegame-cell-size))) rotate(calc(var(--samegame-burst-spin) * .65)) scale(.9)}to{opacity:0;transform:translate(calc(-50% + var(--samegame-burst-x) * var(--samegame-cell-size)), calc(-50% + (var(--samegame-burst-y) + 2.2) * var(--samegame-cell-size))) rotate(var(--samegame-burst-spin)) scale(.35)}}@keyframes samegame-score-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}20%{opacity:1;transform:translate(calc(-50% + var(--samegame-popup-shift-x)), calc(-50% + var(--samegame-popup-shift-y) - 8px)) scale(1.08)}75%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--samegame-popup-shift-x)), calc(-50% + var(--samegame-popup-shift-y) - 44px)) scale(1)}}@keyframes samegame-wiggle{25%{translate:-3px}75%{translate:3px}}
@layer games{@scope(.samegame-page){.samegame-play{width:100%;max-width:800px;margin-inline:auto}.samegame-play-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.samegame-play-brand{align-items:center;gap:10px;min-width:0;display:flex}.samegame-play-brand h2{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:900;line-height:1.4}.samegame-play-brand>div{min-width:0}.samegame-play-brand small{color:var(--samegame-muted);font-size:var(--samegame-font-label);margin-top:2px;display:block}.samegame-brand-mark{flex:none;grid-template-columns:1fr 1fr;gap:3px;width:24px;height:24px;display:grid;rotate:-8deg}.samegame-brand-mark i{border-radius:var(--radius-s);background:var(--samegame-pink-block)}.samegame-brand-mark i:nth-child(2){background:var(--samegame-blue-block)}.samegame-brand-mark i:nth-child(3){background:var(--samegame-yellow-block)}.samegame-brand-mark i:nth-child(4){background:var(--samegame-green-block)}.samegame-play-tools{flex:none;gap:6px;display:flex}.samegame-play-tools button:first-child{color:var(--samegame-blue)}.samegame-play-tools button:nth-child(2){color:var(--samegame-purple)}.samegame-play-tools button:nth-child(3){color:var(--samegame-rose)}.samegame-play-footer .samegame-button:first-child{color:var(--samegame-blue)}.samegame-play-footer .samegame-button:last-child{color:var(--samegame-purple)}.samegame-play-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stats""board""actions";gap:12px;min-width:0;display:grid}.samegame-play-hud{--samegame-muted:#d4d9e5;--samegame-accent:#ffe08b;--samegame-teal:#91e0b7;color:#fffdf8;border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-tray);grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"score gain goal";align-items:start;gap:12px;min-width:0;padding:10px 16px;display:grid;container-type:inline-size}.samegame-total-score{grid-area:score;gap:2px;min-width:0;display:grid}:where(.samegame-total-score,.samegame-goal-readout,.samegame-gain-readout)>span{font-size:var(--samegame-hud-label-size,var(--samegame-font-label));color:var(--samegame-muted);font-weight:700;line-height:1.5}.samegame-total-score>strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--samegame-accent);font-family:inherit;font-size:32px;font-weight:800;line-height:1.1;animation:.18s ease-out samegame-score-bump}.samegame-goal-readout{grid-area:goal;justify-items:end;gap:2px;min-width:0;display:grid}.samegame-goal-readout>strong{color:var(--samegame-blue-block);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:end;align-items:baseline;gap:0 .25em;max-width:100%;font-family:inherit;font-size:30px;font-weight:800;line-height:1.2;display:flex}.samegame-goal-readout small{color:var(--samegame-muted);font-family:inherit;font-size:var(--samegame-font-label);font-weight:600;line-height:1.5}.samegame-goal-readout.is-met>strong{color:var(--samegame-teal)}.samegame-hud-feedback{grid-area:gain;min-width:0;min-height:55px}.samegame-gain-readout{justify-items:center;gap:2px;min-width:0;display:grid}.samegame-gain-value{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;min-height:32px;display:flex}.samegame-gain-value strong{color:var(--samegame-pink-block);white-space:nowrap;font-family:inherit;font-size:24px;font-weight:800;line-height:1.3}.samegame-gain-value small{font-size:var(--samegame-font-label);color:var(--samegame-muted);white-space:nowrap}.samegame-gain-readout>span{white-space:nowrap}.samegame-play-board{grid-area:board;min-width:0;position:relative}.samegame-play-footer{flex-wrap:wrap;grid-area:actions;justify-content:space-between;align-items:center;gap:8px;display:flex}.samegame-play-footer .samegame-text-button{font-size:var(--samegame-font-label);text-align:start}.samegame-surface:not(.is-fullscreen):has(>.samegame-play){padding-block:clamp(16px,2vw,24px)}.samegame-surface:has(>.samegame-play) .samegame-save-status{min-height:0;padding:0;position:absolute;inset:auto 12px 4px}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-hud,.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-footer{width:min(100%, var(--samegame-fitted-board-width,800px));margin-inline:auto}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-topbar{flex-wrap:wrap;margin-bottom:8px}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-layout{gap:0}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-hud{border-color:var(--samegame-tray-line);border-radius:var(--radius-m) var(--radius-m) 0 0}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-board-scroll{border-radius:0 0 var(--radius-m) var(--radius-m)}.samegame-surface:where(:not(.is-fullscreen)) .samegame-play:where(:not(:has(.is-ended))) .samegame-play-footer{margin-top:12px}@media (min-width:821px){.samegame-surface:not(.is-fullscreen) .samegame-play{max-width:none}}@media (max-width:520px){.samegame-play-brand h2{font-size:var(--samegame-font-heading)}.samegame-brand-mark{display:none}.samegame-play-tools{gap:4px}.samegame-play-tools .samegame-icon-button{width:40px;min-height:44px}.samegame-play-hud{--samegame-hud-label-size:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"score gain goal";align-items:center;gap:8px;padding:8px 10px}.samegame-total-score>strong,.samegame-goal-readout>strong{min-width:0;font-size:clamp(14px, calc((100cqi - 16px) / (3.15 * var(--samegame-score-chars,6) * .65)), 30px);white-space:nowrap;flex-wrap:nowrap;min-height:30px;line-height:30px}.samegame-hud-feedback{min-height:calc(5 * var(--samegame-font-label));align-items:center;display:grid;container-type:inline-size}.samegame-gain-readout{place-items:start center;gap:2px;display:grid}.samegame-gain-readout>span,.samegame-gain-value small{flex:none;font-size:14px}.samegame-gain-readout>span{white-space:normal;text-align:center;max-width:100%}.samegame-gain-value{flex-wrap:wrap;align-content:center;gap:0 4px;width:100%;min-height:30px}.samegame-gain-value strong{font-size:clamp(12px,18cqi,18px)}}@media (max-width:340px){.samegame-play-brand h2{font-size:var(--samegame-font-body)}}@media (prefers-reduced-motion:reduce){.samegame-total-score>strong{animation:none}}}}@keyframes samegame-score-bump{0%{scale:1.05}to{scale:1}}
@layer games{@scope(.samegame-page){@media (min-width:821px){.samegame-surface:not(.is-fullscreen){--samegame-desktop-inset:clamp(16px, 2vw, 24px);grid-template-rows:minmax(0,1fr) auto;height:780px;min-height:0;display:grid}.samegame-surface:not(.is-fullscreen)>.samegame-setup{align-items:stretch;min-height:0;display:grid}.samegame-surface:not(.is-fullscreen):has(>.samegame-setup){--samegame-desktop-inset:clamp(24px, 2.5vw, 32px);padding:var(--samegame-desktop-inset)}.samegame-setup-layout{align-items:center;min-height:0}.samegame-setup-options{flex-direction:column;align-self:stretch;padding-bottom:0;display:flex}.samegame-showcase{margin-top:8px}.samegame-surface:not(.is-fullscreen):has(>.samegame-setup) .samegame-save-status{left:var(--samegame-desktop-inset);bottom:var(--samegame-desktop-inset);overflow-wrap:anywhere;max-width:34%;min-height:0;padding:0;position:absolute}.samegame-setup-settings{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr)}.samegame-segmented .samegame-button{white-space:nowrap}.samegame-relaxed-options{grid-template-columns:repeat(2,minmax(0,1fr))}.samegame-start-actions{align-items:stretch;margin-top:auto}.samegame-start-actions>button{height:100%;min-height:76px;box-shadow:none;align-self:stretch;padding-block:14px}.samegame-surface:not(.is-fullscreen)>.samegame-play{flex-direction:column;min-height:0;display:flex;position:relative}.samegame-surface:not(.is-fullscreen) .samegame-play-layout{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"stats""board";min-height:0}.samegame-surface:not(.is-fullscreen) .samegame-play-tools{anchor-name:--samegame-play-tools}.samegame-surface:not(.is-fullscreen) .samegame-play-footer{top:52px;top:calc(anchor(--samegame-play-tools bottom) + 8px);grid-template-columns:minmax(0,1fr);gap:8px;width:max-content;max-width:180px;margin:0;display:grid;position:absolute;right:0}.samegame-surface:not(.is-fullscreen) .samegame-play-footer .samegame-button{width:100%}.samegame-surface:not(.is-fullscreen) .samegame-play-board{min-height:0}.samegame-surface:not(.is-fullscreen) :where(.samegame-board-content,.samegame-board-area){height:100%;min-height:0}.samegame-surface:not(.is-fullscreen) .samegame-board-area{grid-template-rows:minmax(0,1fr) auto;display:grid}.samegame-surface:not(.is-fullscreen) .samegame-board-slot{place-items:start center;min-height:0;display:grid}.samegame-surface:not(.is-fullscreen) .samegame-board-scroll{max-height:100%}@media (max-width:1100px){.samegame-setup-layout{--samegame-setup-gap:24px;gap:24px}.samegame-setup .samegame-segmented{grid-template-columns:minmax(0,1fr)}}@media (max-width:1000px){.samegame-surface:not(.is-fullscreen) .samegame-play-layout{width:calc(100% - 192px)}}}}}
@layer games{@scope(.samegame-page){.samegame-dialog.samegame-result-dialog{background:var(--samegame-paper);overscroll-behavior:contain;scrollbar-width:thin;border:0;border-radius:0;width:min(100%,560px);max-height:100%;padding:0;animation:.24s ease-out samegame-result-enter}.samegame-result-dialog .samegame-result{animation:none}.samegame-result{--samegame-result-space:16px;--samegame-result-color:var(--samegame-green);--samegame-result-highlight:var(--samegame-green-block);--samegame-accent:var(--samegame-result-color);--samegame-accent-deep:color-mix(in srgb, var(--samegame-result-color), black 18%);border:1px solid var(--samegame-tray-line);background:var(--samegame-paper);text-align:center;border-radius:0;width:min(100%,560px);margin-inline:auto;animation:.24s ease-out samegame-result-enter;overflow:clip}.samegame-result:where(.is-perfect,.is-complete){--samegame-result-highlight:var(--samegame-yellow-block);--samegame-result-color:var(--samegame-amber)}.samegame-result-hero{padding:var(--samegame-result-space);background:var(--samegame-tray);background-image:var(--samegame-ribbon);color:var(--samegame-paper);background-repeat:no-repeat;background-size:100% 4px;justify-items:center;gap:8px;display:grid;position:relative}.samegame-result-dialog>.samegame-dialog-close{--samegame-result-close-gap:8px;top:calc(9px + var(--samegame-result-close-gap));right:var(--samegame-result-close-gap);color:var(--samegame-ink)}.samegame-result-status{justify-content:center;align-items:center;gap:10px;display:flex}.samegame-result-emblem{border-radius:var(--radius-full);width:32px;height:32px;color:var(--samegame-tray);background:var(--samegame-result-highlight);place-items:center;display:grid}.samegame-result-emblem svg{width:20px;height:20px}.samegame-result-verdict{color:var(--samegame-result-highlight);font-size:var(--samegame-font-label);letter-spacing:.08em;margin:0;font-weight:800}.samegame-result-title{color:var(--samegame-result-highlight);text-wrap:balance;margin:0;font-size:clamp(28px,4vw,36px);font-weight:900;line-height:1.35}.samegame-result-message{color:#d4d9e5;font-size:var(--samegame-font-body);text-wrap:pretty;margin:0;line-height:1.65}.samegame-result-bonus{border:1px solid var(--samegame-result-highlight);border-radius:var(--radius-s);color:var(--samegame-result-highlight);font-size:var(--samegame-font-label);margin:0;padding:6px 12px;font-weight:800;line-height:1.5}.samegame-result-body{padding:var(--samegame-result-space);gap:12px;display:grid}.samegame-result-criteria{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);padding:10px 12px}.samegame-result-criteria dl{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;display:grid}.samegame-result-criteria dl>div{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:0 4px;display:flex}.samegame-result-criteria dt{color:var(--samegame-muted);font-size:var(--samegame-font-label)}.samegame-result-criteria dd{font-variant-numeric:tabular-nums;margin:0;font-family:inherit;font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.4}.samegame-result-criteria dd small{font-size:var(--samegame-font-label);margin-left:4px;font-weight:600}.samegame-result-criteria dl>div:first-child dd{color:var(--samegame-result-color)}.samegame-result-criteria dl>div:last-child dd{color:var(--samegame-purple)}.samegame-result-criteria dl>div:nth-child(2) dd{color:var(--samegame-rose)}.samegame-result-criteria .samegame-result-breakdown-caption{color:var(--samegame-ink);margin:0 0 12px}.samegame-result-criteria p{color:var(--samegame-result-color);font-size:var(--samegame-font-label);margin:10px 0 0;font-weight:700}.samegame-result-score{justify-items:center;gap:10px;min-width:0;max-width:100%;padding-block:14px;display:grid}.samegame-result-score-label{color:var(--samegame-paper);letter-spacing:.06em;margin:0;font-size:clamp(20px,3vw,26px);font-weight:800;line-height:1.4}.samegame-result-score>div{align-items:baseline;gap:6px;min-width:0;display:flex}.samegame-result-score strong{color:var(--samegame-result-highlight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:inherit;font-size:clamp(48px,9vw,68px);font-weight:900;line-height:1.05}.samegame-result-score small{color:#d4d9e5;font-size:var(--samegame-font-label)}.samegame-result-actions{gap:10px;display:grid}.samegame-result-actions .samegame-button{width:100%;min-height:50px}.samegame-result-actions .samegame-primary:where(:not(.samegame-result-retry)){justify-content:space-between}.samegame-result-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.samegame-result-links .samegame-button{overflow-wrap:anywhere;min-width:0;font-size:var(--samegame-font-label);background:var(--samegame-button-surface);padding:8px}.samegame-result-links .samegame-button:first-child{color:var(--samegame-blue)}.samegame-result-links .samegame-button:last-child{color:var(--samegame-purple)}.samegame-ranking-notice{border-radius:var(--radius-m);background:var(--samegame-soft);font-size:var(--samegame-font-label);gap:4px;padding:12px;display:grid}.samegame-ranking-notice p{margin:0;line-height:1.7}.samegame-ranking-notice>strong{color:var(--samegame-ink);font-size:26px}.samegame-ranking-notice a{color:var(--samegame-result-color);text-decoration:underline}@media (prefers-reduced-motion:reduce){.samegame-result,.samegame-dialog.samegame-result-dialog{animation:none}}}}@keyframes samegame-result-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}
@layer games{@scope(.samegame-page){:scope:has(.samegame-surface.is-fullscreen){width:100%;max-width:none}.samegame-surface.is-fullscreen{overscroll-behavior:none;flex-direction:column;display:flex;overflow:clip}.samegame-surface.is-fullscreen:before{z-index:6;inset-block-start:var(--samegame-ribbon-top,0px)}.is-fullscreen .samegame-play{flex-direction:column;flex:1;max-width:none;min-height:0;display:flex}.is-fullscreen .samegame-play-topbar{flex:none;margin-bottom:8px}.is-fullscreen .samegame-play-layout{flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-play-layout{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"stats""board"}.is-fullscreen .samegame-play-board{align-self:stretch;min-height:0}.is-fullscreen .samegame-board-content{height:100%;min-height:0}.is-fullscreen .samegame-board-area{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.is-fullscreen .samegame-board-slot{place-items:center;min-height:0;display:grid;overflow:clip}.is-fullscreen .samegame-board-scroll{max-height:100%;padding:4px}.is-fullscreen:has(.samegame-board.samegame-design-square){--samegame-board-radius:0px}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-play-footer{display:none}.is-fullscreen .samegame-save-status{flex:none;min-height:0;padding-top:0}@media (orientation:landscape) and (max-height:540px) and (pointer:coarse){.is-fullscreen .samegame-play-layout,.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-play-layout{grid-template:"stats board""actions board"minmax(0,1fr)/240px minmax(0,1fr);gap:12px}.is-fullscreen .samegame-play-hud{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"score goal""gain gain";gap:4px 8px;padding:8px}.is-fullscreen .samegame-total-score>strong{font-size:28px}.is-fullscreen .samegame-goal-readout>strong{font-size:24px}.is-fullscreen .samegame-hud-feedback{min-height:28px}.is-fullscreen .samegame-gain-readout{justify-content:center;align-items:baseline;gap:6px;display:flex}.is-fullscreen .samegame-gain-value{gap:4px;min-height:0}.is-fullscreen .samegame-gain-value strong{font-size:20px}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-play-layout{grid-template-areas:"stats board""input board"}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) :where(.samegame-play-board,.samegame-board-content,.samegame-board-area){display:contents}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-board-slot{grid-area:board;align-self:stretch}.is-fullscreen .samegame-play:is([data-phase=playing],[data-phase=settling]) .samegame-input-dock{grid-area:input;align-self:end;width:100%}}}}
@layer games{@scope(.samegame-page){@media (min-width:821px) and (min-aspect-ratio:4/3) and (min-height:600px) and (pointer:fine){.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))){--samegame-console-width:clamp(240px, 20vw, 300px);--samegame-board-frame:14px;max-width:calc(var(--samegame-console-width) + 24px + var(--samegame-board-frame) + ( var(--samegame-fullscreen-height,100svh) - var(--samegame-fullscreen-top,8px) - var(--samegame-fullscreen-bottom,6px) - var(--samegame-board-frame) ) * var(--samegame-play-columns) / var(--samegame-play-rows));grid-template-columns:minmax(0, 1fr) var(--samegame-console-width);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"board header""board stats""board input""board actions";gap:16px 24px;display:grid}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-layout,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-board,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-content,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-area{display:contents}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-topbar{flex-direction:column;grid-area:header;align-items:stretch;gap:20px;margin:12px 0 0}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-tools .samegame-icon-button{width:100%}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-hud{grid-area:stats;grid-template-columns:minmax(0,1fr);grid-template-areas:"score""gain""goal";align-self:start;gap:24px;padding:24px}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-total-score,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-goal-readout,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-gain-readout{justify-items:start}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-total-score>strong{font-size:clamp(36px,3vw,48px)}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-goal-readout>strong{font-size:36px}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-slot{grid-area:board;align-self:stretch}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-input-dock{grid-area:input;width:100%;padding:0}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-footer{flex-direction:column;grid-area:actions;align-self:start;align-items:stretch}}}}
@layer games{@scope(.samegame-page){@media (pointer:coarse){.samegame-surface.is-fullscreen{padding-top:var(--samegame-fullscreen-top,max(24px, env(safe-area-inset-top)))}}@media (pointer:coarse) and (orientation:portrait){.samegame-surface.is-fullscreen{padding:var(--samegame-fullscreen-top,max(24px, env(safe-area-inset-top))) var(--samegame-fullscreen-right,max(10px, env(safe-area-inset-right))) var(--samegame-fullscreen-bottom,max(8px, env(safe-area-inset-bottom))) var(--samegame-fullscreen-left,max(10px, env(safe-area-inset-left)))}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-layout{flex-direction:column;justify-content:center;gap:0;display:flex}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-hud{width:min(100%, var(--samegame-fitted-board-width,100%));border-color:var(--samegame-tray-line);border-radius:var(--radius-m) var(--radius-m) 0 0;flex:none;margin-inline:auto}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-board{flex:none;align-self:stretch;width:100%}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-content,.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-area{height:auto;display:block}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-board-scroll{border-radius:0 0 var(--samegame-board-radius,var(--radius-m)) var(--samegame-board-radius,var(--radius-m))}.is-fullscreen .samegame-play:where(:has(.samegame-play-board:not(.is-ended))) .samegame-play-footer{width:min(100%, var(--samegame-fitted-board-width,100%));flex:none;margin-inline:auto;padding-top:12px}}}}
@layer games{@scope(.samegame-page){.samegame-dialog-layer{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#242337b8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.samegame-dialog{--samegame-dialog-inset:24px;width:min(100%,480px);max-height:100%;padding:var(--samegame-dialog-inset);border:2px solid var(--samegame-line);background:var(--samegame-paper);background-image:var(--samegame-ribbon);color:var(--samegame-ink);background-repeat:no-repeat;background-size:100% 5px;border-radius:0;flex-direction:column;margin:0;display:flex;position:relative;inset:auto;overflow:clip}.samegame-dialog-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:24px;padding-inline-end:56px;display:flex}.samegame-dialog-close{top:var(--samegame-dialog-inset);right:var(--samegame-dialog-inset);z-index:3;position:absolute}.samegame-dialog .samegame-button{translate:none}.samegame-dialog-body{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-width:0;min-height:0;padding-block:4px;overflow:auto}.samegame-dialog-heading h2{margin:0;font-size:20px}.samegame-dialog-copy{font-size:var(--samegame-font-body);color:var(--samegame-muted);margin:0 0 24px;line-height:1.9}.samegame-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.samegame-settings-dialog .samegame-dialog-body>:where(fieldset,.samegame-common-settings){margin-bottom:24px}.samegame-settings-dialog .samegame-dialog-body>:where(.samegame-input-options){margin-bottom:14px}.samegame-settings-dialog .samegame-dialog-body>.samegame-primary{width:100%}.samegame-settings-retry{width:100%;min-height:48px;color:var(--samegame-purple);margin-bottom:24px}.samegame-pause-art{aspect-ratio:1;border-radius:var(--radius-full);background:color-mix(in srgb, var(--samegame-yellow-block) 20%, var(--samegame-paper));width:96px;color:var(--samegame-amber);place-items:center;margin:0 auto 20px;display:grid}.samegame-pause-art svg{width:60px;height:60px}.samegame-pause .samegame-dialog-copy{text-align:center;white-space:pre-line}@media (max-width:520px){.samegame-dialog{--samegame-dialog-inset:16px}.samegame-dialog-actions{grid-template-columns:1fr}}}}
@layer games{@scope(.samegame-page){:where(.samegame-records,.samegame-ranking){border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-paper);color:var(--samegame-ink);margin-top:24px;padding:clamp(18px,3vw,24px);position:relative}:where(.samegame-records,.samegame-ranking):before{content:"";background:var(--samegame-ribbon);width:100px;height:4px;margin-bottom:16px;display:block}.samegame-record-summary>span:first-child{background:color-mix(in srgb, var(--samegame-blue-block) 10%, var(--samegame-paper))}.samegame-record-summary>span:first-child strong{color:var(--samegame-blue)}.samegame-record-summary>span:last-child{background:color-mix(in srgb, var(--samegame-purple-block) 10%, var(--samegame-paper))}.samegame-record-summary>span:last-child strong{color:var(--samegame-purple)}:where(.samegame-records,.samegame-ranking) :where(h2,h3){color:var(--samegame-ink);overflow-wrap:anywhere}:where(.samegame-records,.samegame-ranking) .section-kicker{color:var(--samegame-accent)}.samegame-ranking :where(.section-heading p,dt){color:var(--samegame-muted)}:where(.samegame-record-summary strong,.samegame-ranking-own-position,.samegame-ranking-score){color:var(--samegame-accent)}.samegame-ranking .ranking-confirm-popover{background:var(--samegame-paper);border-color:var(--samegame-line);color:var(--samegame-ink)}.samegame-ranking .ranking-confirm-popover:before{background:var(--samegame-paper)}.samegame-ranking .ranking-confirm-popover p{color:var(--samegame-ink)}.samegame-records h2{margin:6px 0 20px}:where(.samegame-records,.samegame-ranking) small{font-size:var(--samegame-font-label)}.samegame-record-summary{gap:var(--samegame-space);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;display:grid}.samegame-record-summary>span{overflow-wrap:anywhere;background:var(--samegame-soft);border-radius:var(--radius-m);min-width:0;font-size:var(--samegame-font-body);gap:8px;padding:16px;display:grid}.samegame-record-summary strong{font-variant-numeric:tabular-nums;font-size:28px}.samegame-record-disclosure{--samegame-disclosure-color:var(--samegame-purple);border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-paper);min-width:0;margin-top:12px}.samegame-record-disclosure>summary{cursor:pointer;border-radius:var(--radius-m);background:color-mix(in srgb, var(--samegame-disclosure-color) 5%, var(--samegame-paper));align-items:center;gap:12px;min-height:60px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.samegame-record-disclosure>summary::-webkit-details-marker{display:none}.samegame-record-disclosure>summary:hover{background:color-mix(in srgb, var(--samegame-disclosure-color) 10%, var(--samegame-paper))}.samegame-record-disclosure[open]>summary{border-radius:var(--radius-m) var(--radius-m) 0 0;background:color-mix(in srgb, var(--samegame-disclosure-color) 10%, var(--samegame-paper))}.samegame-record-disclosure-label{overflow-wrap:anywhere;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.samegame-record-disclosure-label>svg{width:24px;height:24px;color:var(--samegame-disclosure-color);flex:none}.samegame-record-disclosure-chevron{border-radius:var(--radius-full);background:var(--samegame-paper);width:28px;height:28px;color:var(--samegame-disclosure-color);flex:none;padding:3px}.samegame-record-disclosure[open]>summary .samegame-record-disclosure-chevron{rotate:180deg}.samegame-record-disclosure-count{border-radius:var(--radius-full);background:var(--samegame-paper);color:var(--samegame-disclosure-color);font-variant-numeric:tabular-nums;flex:none;padding:2px 8px}.samegame-relaxed-bests .samegame-table-scroll{padding:16px}.samegame-relaxed-bests table{text-align:center}.samegame-relaxed-bests :where(th,td){font-variant-numeric:tabular-nums}.samegame-relaxed-bests thead th:nth-child(2){color:var(--samegame-blue)}.samegame-relaxed-bests thead th:nth-child(3){color:var(--samegame-green)}.samegame-relaxed-bests thead th:nth-child(4){color:var(--samegame-purple)}.samegame-relaxed-bests tbody td{background:var(--samegame-soft);font-weight:700}.samegame-relaxed-bests tbody tr:last-child :where(th,td){border-bottom:0}@media (max-width:520px){.samegame-record-disclosure>summary{gap:8px;padding:12px}.samegame-record-disclosure-label{gap:6px}.samegame-relaxed-bests .samegame-table-scroll{padding:12px 6px}.samegame-relaxed-bests .samegame-table-scroll :where(th,td){padding:12px 4px}}.samegame-table-scroll{min-width:0}.samegame-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--samegame-font-body);text-align:left}.samegame-table-scroll :where(th,td){border-bottom:1px solid var(--samegame-line);overflow-wrap:anywhere;padding:12px 8px}.samegame-table-scroll small{color:var(--samegame-muted);font-size:var(--samegame-font-label);display:block}.samegame-ranking :where(button,select):not(:where(.ranking-confirm-popover button)){border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-paper);color:var(--samegame-ink);cursor:pointer;padding:8px 12px}.samegame-ranking-list .is-rank-1{background:color-mix(in srgb, var(--samegame-yellow-block) 18%, var(--samegame-paper))}.samegame-ranking-list .is-rank-2{background:color-mix(in srgb, var(--samegame-blue-block) 10%, var(--samegame-paper))}.samegame-ranking-list .is-rank-3{background:color-mix(in srgb, var(--samegame-pink-block) 10%, var(--samegame-paper))}.samegame-ranking{min-height:420px}.samegame-ranking-own-summary{border:1px solid var(--samegame-tray-line);border-radius:var(--radius-m);background:var(--samegame-tray);background-image:var(--samegame-ribbon);min-height:148px;color:var(--samegame-paper);background-repeat:no-repeat;background-size:100% 4px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;margin-block:20px;padding:20px;display:grid}.samegame-ranking-own-title{color:var(--samegame-paper);font-size:var(--samegame-font-body);overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;margin:0;display:flex}.samegame-ranking-own-title>span{min-width:0}.samegame-ranking-own-title img{border-radius:var(--radius-full);background:var(--samegame-paper);flex:none}.samegame-ranking-own{min-width:0;margin:0}.samegame-ranking-own dt{color:#d4d9e5;font-size:var(--samegame-font-label);font-weight:700}.samegame-ranking-own dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:baseline;gap:8px 16px;min-height:60px;margin:6px 0 0;display:grid}.samegame-ranking-own-position{color:var(--samegame-yellow-block);font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.2}.samegame-ranking-own-position small{color:var(--samegame-paper);margin-inline-start:4px;font-size:16px;font-weight:700}.samegame-ranking-own-score{color:var(--samegame-blue-block);white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.2;display:inline-flex}.samegame-ranking-own-score small{color:#d4d9e5;font-size:var(--samegame-font-label)}.samegame-ranking-no-record{color:#d4d9e5;font-size:var(--samegame-font-body);grid-column:1/-1}.samegame-ranking-limit{flex-wrap:wrap;align-items:center;gap:8px;margin-block:16px;display:flex}.samegame-ranking :where(.samegame-ranking-delete){border-color:var(--ranking-danger-border);background:var(--ranking-danger-bg);color:var(--ranking-danger-text)}.samegame-ranking-list{gap:8px;padding:0;list-style:none;display:grid}.samegame-ranking-list li{background:var(--samegame-soft);border:1px solid var(--samegame-line);border-radius:var(--radius-m);grid-template-columns:minmax(2em,max-content) 44px minmax(0,1fr) auto;grid-template-areas:"rank avatar name score""rank avatar stats score";align-items:center;gap:4px 10px;padding:14px 16px;display:grid}.samegame-ranking-list img{border-radius:var(--radius-full);grid-area:avatar;width:44px;height:44px}.samegame-ranking-list .is-own{border-color:var(--samegame-accent)}.samegame-ranking-name{overflow-wrap:anywhere;grid-area:name;min-width:0;font-size:1.125rem;line-height:1.4}.samegame-ranking-rank{white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:rank}.samegame-ranking-rank small{font-size:var(--samegame-font-label);display:block}.samegame-ranking-score{font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:score;font-size:1.75rem;line-height:1.2}.samegame-ranking-score small{font-size:var(--samegame-font-label);margin-inline-start:4px}.samegame-ranking-stats{min-width:0;color:var(--samegame-ink);font-size:var(--samegame-font-label);flex-wrap:wrap;grid-column:3/-1;gap:8px 20px;display:flex}.samegame-ranking-stats>span{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:inline-flex}.samegame-ranking-list .samegame-ranking-stats{grid-area:stats}.samegame-ranking-stats strong{color:var(--samegame-accent);font-size:var(--samegame-font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.samegame-ranking-own .samegame-ranking-stats{color:#d4d9e5;flex-basis:100%;grid-column:1/-1}.samegame-ranking-own .samegame-ranking-stats strong{color:var(--samegame-yellow-block)}.samegame-ranking-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.samegame-ranking-actions button{font-size:var(--samegame-font-body);overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:44px;display:inline-flex}.samegame-ranking-actions button svg{flex:none}@media (max-width:820px){.samegame-ranking-own-summary{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px}}@media (max-width:520px){.samegame-ranking-own dd{flex-wrap:wrap;display:flex}:where(.samegame-records,.samegame-ranking){margin-inline:10px}.samegame-ranking-list li{grid-template-columns:minmax(2em,max-content) 36px minmax(0,1fr);grid-template-areas:"rank avatar name""rank avatar score""stats stats stats";gap:4px 8px;padding:12px 10px}.samegame-ranking-list img{width:36px;height:36px}.samegame-ranking-name{font-size:1.0625rem}.samegame-ranking-score{white-space:normal;overflow-wrap:anywhere;font-size:1.5rem}.samegame-ranking-list .samegame-ranking-stats{margin-top:4px}}}}
@layer games{@scope(.samegame-page){.samegame-library{min-width:0}.samegame-library-suspended{--samegame-disclosure-color:var(--samegame-blue)}.samegame-library-history{--samegame-disclosure-color:var(--samegame-green)}.samegame-library>:not(summary){margin-inline:16px}.samegame-library>:last-child{margin-bottom:16px}.samegame-library>p{margin-block:12px}.samegame-library>.samegame-library-grid{margin-block:16px}@media (max-width:520px){.samegame-library>:not(summary){margin-inline:12px}}.samegame-library-note{color:var(--samegame-ink);font-size:var(--samegame-font-label);line-height:1.7}.samegame-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.samegame-saved-card{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-paper);background-image:var(--samegame-ribbon);background-position:0 0;background-repeat:no-repeat;background-size:100% 3px;grid-template-columns:80px minmax(0,1fr);gap:12px;min-width:0;padding:16px;display:grid}.samegame-saved-preview{border-radius:var(--radius-s);background:var(--samegame-tray);width:80px;height:100px}.samegame-saved-description{overflow-wrap:anywhere;min-width:0}.samegame-saved-description h4{font-size:var(--samegame-font-body);margin:0}.samegame-saved-description p{font-size:var(--samegame-font-label);margin:6px 0 0}.samegame-saved-state{font-weight:700}.samegame-saved-state.is-cleared{color:var(--samegame-teal)}.samegame-saved-state span{color:var(--samegame-muted);margin-inline-start:8px;display:inline-block}.samegame-saved-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.samegame-saved-actions button{overflow-wrap:anywhere;min-width:0;padding:8px}.samegame-practice-notice{background:var(--samegame-soft);border-radius:var(--radius-m);font-size:var(--samegame-font-label);margin:0;padding:12px;line-height:1.7}@media (max-width:520px){.samegame-saved-card{grid-template-columns:64px minmax(0,1fr);padding:12px}.samegame-saved-preview{width:64px;height:80px}}}}
@layer games{@scope(.samegame-page){.game-rule-details{--game-rule-ink:var(--samegame-ink);--game-rule-background:var(--samegame-paper);--game-rule-heading:var(--samegame-purple);--game-rule-accent:var(--samegame-purple);border-color:var(--samegame-line);background-color:var(--samegame-paper)}.game-rule-details>summary{background:var(--samegame-confetti);background-position:18px calc(50% - 5.5px),25px calc(50% - 5.5px),18px calc(50% + 5.5px),25px calc(50% + 5.5px);background-repeat:no-repeat;padding-inline-start:42px}.game-rule-details h3{color:var(--samegame-purple)}.game-rule-details .text-link{color:var(--samegame-blue)}.samegame-guide .game-rule-details-section:nth-child(5n+1){--samegame-guide-color:var(--samegame-rose)}.samegame-guide .game-rule-details-section:nth-child(5n+2){--samegame-guide-color:var(--samegame-blue)}.samegame-guide .game-rule-details-section:nth-child(5n+3){--samegame-guide-color:var(--samegame-amber)}.samegame-guide .game-rule-details-section:nth-child(5n+4){--samegame-guide-color:var(--samegame-green)}.samegame-guide .game-rule-details-section:nth-child(5n){--samegame-guide-color:var(--samegame-purple)}.samegame-guide .game-rule-details-section h3{color:var(--samegame-guide-color)}.samegame-guide-scores>div:nth-child(5n+1){--samegame-sample-color:var(--samegame-rose)}.samegame-guide-scores>div:nth-child(5n+2){--samegame-sample-color:var(--samegame-blue)}.samegame-guide-scores>div:nth-child(5n+3){--samegame-sample-color:var(--samegame-amber)}.samegame-guide-scores>div:nth-child(5n+4){--samegame-sample-color:var(--samegame-green)}.samegame-guide-scores>div:nth-child(5n){--samegame-sample-color:var(--samegame-purple)}.samegame-guide-scores>div{background:color-mix(in srgb, var(--samegame-sample-color) 8%, var(--samegame-paper))}.samegame-guide-scores>div dd{color:var(--samegame-sample-color)}.samegame-guide{--game-rule-ink:var(--samegame-ink);--game-rule-background:var(--samegame-paper);font-size:var(--samegame-font-body)}.samegame-guide .game-rule-details-content{gap:32px}.samegame-guide .game-rule-details-section{min-width:0;line-height:1.8}.samegame-guide-history{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);padding:20px}.samegame-guide-history-sources{font-size:var(--samegame-font-label);flex-wrap:wrap;gap:4px 16px;display:flex}.samegame-guide-history-sources a{overflow-wrap:anywhere}.samegame-guide h4{font-size:var(--samegame-font-body);color:var(--samegame-ink);margin:12px 0 0}.samegame-guide ol{gap:10px;margin:0;padding-inline-start:1.5em;list-style:decimal;display:grid}.samegame-guide ol>li{padding-left:0}.samegame-guide ol>li:before{content:none}.samegame-guide-demo,.samegame-guide-diagonal{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);grid-template-columns:208px minmax(0,1fr);align-items:start;gap:24px;margin:0;padding:20px;display:grid}.samegame-guide-diagonal{grid-template-columns:104px minmax(0,1fr)}:where(.samegame-guide-demo,.samegame-guide-diagonal) figcaption{min-width:0}.samegame-guide-demo-board,.samegame-guide-diagonal-board{border-radius:var(--radius-m);background:var(--samegame-tray);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(100%,208px);padding:8px;display:grid}.samegame-guide-diagonal-board{grid-template-columns:repeat(2,minmax(0,1fr));width:104px}.samegame-guide-cell{aspect-ratio:1;background:0 0;border:0;padding:0;position:relative}.samegame-guide-cell .samegame-block-face{font-size:18px;inset:0}button.samegame-guide-cell{cursor:pointer}.samegame-guide-cell:focus-visible{outline:2px solid var(--samegame-paper);outline-offset:2px}.samegame-guide-demo .samegame-guide-demo-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;list-style:none;display:grid}.samegame-guide-demo-steps li{overflow-wrap:anywhere;border:1px solid var(--samegame-line);border-radius:var(--radius-s);text-align:center;font-size:var(--samegame-font-label);padding:4px}.samegame-guide-demo-steps li[aria-current=step]{border-color:var(--samegame-accent);background:var(--samegame-selected);color:var(--samegame-accent-deep);font-weight:800}.samegame-guide-demo-description{padding-top:16px;display:grid}.samegame-guide-demo-message{grid-area:1/1}.samegame-guide-demo-message.is-measure{visibility:hidden;pointer-events:none}.samegame-guide-demo-description p{margin:8px 0 0}.samegame-guide-demo-actions{flex-wrap:wrap;gap:10px;display:flex}.samegame-guide-demo-actions button{overflow-wrap:anywhere;min-width:0;max-width:100%}.samegame-guide-note{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);padding:12px}.samegame-guide-demo .samegame-guide-note{color:var(--samegame-muted);font-size:var(--samegame-font-label);border:0;margin:16px 0 0;padding:0}.samegame-guide-scores{grid-template-columns:repeat(auto-fit,minmax(min(100%,86px),1fr));gap:8px;margin:0 0 12px;display:grid}.samegame-guide-scores>div,.samegame-guide-options>div{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-soft);padding:12px}.samegame-guide-scores dd{font-variant-numeric:tabular-nums;color:var(--samegame-accent);margin:4px 0 0;font-weight:800}.samegame-guide-options{gap:12px;margin:0 0 12px;display:grid}.samegame-guide-options dt{font-weight:800}.samegame-guide-options dd{margin:6px 0 0}.samegame-guide caption{text-align:start;color:var(--samegame-muted);margin-bottom:12px}@media (max-width:520px){.samegame-guide-demo,.samegame-guide-diagonal{grid-template-columns:minmax(0,1fr);gap:16px;padding:12px}.samegame-guide-demo-board,.samegame-guide-diagonal-board{margin-inline:auto}}}}
@layer games{@scope(.samegame-page){.samegame-trophies{border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:var(--samegame-paper);color:var(--samegame-ink);margin:12px 0 0}.samegame-trophies>summary{cursor:pointer;align-items:center;gap:12px;padding:16px;list-style:none;display:flex}.samegame-trophies>summary::-webkit-details-marker{display:none}.samegame-trophies>summary:after{content:"+";color:var(--samegame-purple);margin-inline-start:auto;font-size:24px;font-weight:700}.samegame-trophies[open]>summary:after{content:"−"}.samegame-trophies>summary :where(strong,small){display:block}.samegame-trophies>summary small{font-size:var(--samegame-font-label);margin-top:4px}.samegame-trophy-summary-copy{min-width:0}.samegame-trophies>summary .samegame-trophy-complete-label{color:var(--samegame-amber);background:linear-gradient(135deg,#80530e,#b38018 45%,#80530e);-webkit-text-fill-color:transparent;letter-spacing:.04em;text-wrap:pretty;-webkit-background-clip:text;background-clip:text;font-size:clamp(.875rem,3.6vw,1.125rem);font-weight:900}.samegame-trophy-complete-label svg{vertical-align:-.2em;width:1.2em;height:1.2em;color:var(--samegame-amber);margin-inline-end:4px;display:inline-block}.samegame-trophy-icon{-o-object-fit:contain;object-fit:contain;flex:none}.samegame-trophy-content{padding:0 16px 12px}.samegame-trophy-total{grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;width:100%;height:12px;display:grid}.samegame-trophy-segment{background:var(--samegame-soft)}.samegame-trophy-color-0{--samegame-segment-color:var(--samegame-pink-block)}.samegame-trophy-color-1{--samegame-segment-color:var(--samegame-blue-block)}.samegame-trophy-color-2{--samegame-segment-color:var(--samegame-yellow-block)}.samegame-trophy-color-3{--samegame-segment-color:var(--samegame-green-block)}.samegame-trophy-color-4{--samegame-segment-color:var(--samegame-purple-block)}.samegame-trophy-segment.is-filled{background:var(--samegame-segment-color)}.samegame-trophy-description{font-size:var(--samegame-font-label);color:var(--samegame-muted);margin:12px 0 0;line-height:1.8}.samegame-trophy-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.samegame-trophy-card{--samegame-trophy-edge:#a36d3d;--samegame-trophy-ink:#75441d;--samegame-trophy-wash:#fff4e7;border:1px solid var(--samegame-line);border-radius:var(--radius-m);background:#f4f6fa;grid-template-rows:auto 1fr;grid-template-columns:52px minmax(0,1fr);align-content:start;align-items:start;gap:8px 12px;padding:12px;display:grid}.samegame-trophy-heading{align-self:center}.samegame-trophy-card>div{min-width:0}.samegame-trophy-card:not(.is-earned) .samegame-trophy-icon{filter:grayscale();opacity:.35}.samegame-trophy-card.is-earned{border-color:var(--samegame-trophy-edge);background:var(--samegame-trophy-wash)}.samegame-trophy-card[data-tier=silver]{--samegame-trophy-edge:#7c8da3;--samegame-trophy-ink:#3d536b;--samegame-trophy-wash:#f0f5fc}.samegame-trophy-card[data-tier=gold]{--samegame-trophy-edge:#b78925;--samegame-trophy-ink:#76530b;--samegame-trophy-wash:#fff9df}.samegame-trophy-card[data-tier=platinum]{--samegame-trophy-edge:#7f77bd;--samegame-trophy-ink:#51457f;--samegame-trophy-wash:#f3f0ff}.samegame-trophy-emblem{border:1px solid var(--samegame-line);border-radius:var(--radius-full);background:var(--samegame-paper);flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative}.is-earned .samegame-trophy-emblem{border-color:var(--samegame-trophy-edge)}.samegame-trophy-state-icon{border:2px solid var(--samegame-paper);border-radius:var(--radius-full);width:22px;height:22px;color:var(--samegame-muted);background:#e2e8f0;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.samegame-trophy-state-icon svg{width:14px;height:14px}.samegame-trophy-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:0;display:flex}.samegame-trophy-status{border-radius:var(--radius-full);color:var(--samegame-muted);font-size:var(--samegame-font-label);background:#e2e8f0;padding:2px 8px;font-weight:700;line-height:1.6}.is-earned :where(.samegame-trophy-status,.samegame-trophy-state-icon){background:var(--samegame-trophy-ink);color:var(--samegame-paper)}.samegame-trophy-tier{font-size:var(--samegame-font-label);color:var(--samegame-muted)}.samegame-trophy-card h3{font-size:var(--samegame-font-body);margin:4px 0 0;line-height:1.5}.samegame-trophy-card p{font-size:var(--samegame-font-label);grid-column:1/-1;margin:0;line-height:1.7}.samegame-trophy-footer{grid-column:1/-1}.samegame-trophy-earned{color:var(--samegame-muted);font-size:var(--samegame-font-label);white-space:nowrap;font-weight:400;line-height:1.5}.samegame-trophy-progress{font-size:var(--samegame-font-label);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.samegame-trophy-progress progress{width:min(100%,120px);height:8px;accent-color:var(--samegame-accent)}.samegame-trophies>summary:focus-visible{outline:2px solid var(--samegame-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.samegame-trophies>summary:hover{color:var(--samegame-accent)}}@media (max-width:820px){.samegame-trophy-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.samegame-trophies{margin-inline:10px}.samegame-trophies>summary{padding-inline:10px}.samegame-trophy-list{grid-template-columns:minmax(0,1fr)}.samegame-trophy-card{padding:12px}.samegame-trophy-content{padding-inline:12px}}}}
@layer games{@scope(.samegame-page){.samegame-trophy-notice{z-index:18;pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.samegame-trophy-reveal-card{--samegame-award-gold:#ffd28b;border:1px solid var(--samegame-award-gold);border-radius:var(--radius-m);background:var(--samegame-tray);color:#fff;text-align:center;opacity:0;pointer-events:auto;justify-items:center;gap:8px;width:min(300px,100%);max-height:100%;padding:24px 20px;display:grid;position:relative;overflow-y:auto;box-shadow:0 8px 18px #142d5040}.samegame-trophy-reveal-card :where(p,h3){margin:0}.samegame-trophy-reveal-card h3{font-size:1.15rem;line-height:1.5}.samegame-trophy-reveal-card p{font-size:14px;line-height:1.7}.samegame-trophy-reveal-card .samegame-trophy-reveal-kicker{color:var(--samegame-award-gold);font-size:.9rem;font-weight:800}.samegame-trophy-reveal-card>:where(span,small){color:var(--samegame-award-gold);font-size:14px}.samegame-trophy-reveal-art{background:radial-gradient(#ffd28b38,#0000 70%);place-items:center;width:160px;height:144px;display:grid;position:relative;overflow:hidden}.samegame-trophy-reveal-art .samegame-trophy-icon{width:128px;height:128px}.samegame-trophy-reveal-shine{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.samegame-trophy-reveal-shine:before{content:"";background:linear-gradient(110deg,#0000 35%,#fff4 43%,#fffd 50%,#fff4 57%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.samegame-trophy-reveal-card[data-settled] .samegame-trophy-reveal-shine:before{animation:.55s ease-out both samegame-award-shine}@keyframes samegame-award-shine{to{transform:translate(110%)}}.samegame-trophy-reveal-card button{color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:24px;position:absolute;inset:0 0 auto auto}.samegame-trophy-reveal-card button:focus-visible{outline:2px solid var(--samegame-award-gold);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.samegame-trophy-reveal-shine{display:none}}@media (max-height:560px){.samegame-trophy-reveal-art{height:80px}.samegame-trophy-reveal-art .samegame-trophy-icon{width:80px;height:80px}.samegame-trophy-reveal-card{gap:4px;padding-block:16px}}}}
@layer games{@scope(.samegame-page){.samegame-completion{--samegame-completion-gold:#f1d48a;isolation:isolate;z-index:1;border-color:var(--samegame-completion-gold);background:radial-gradient(ellipse at 50% 35%, #203b78b3, color-mix(in srgb, var(--samegame-tray) 70%, transparent) 78%);color:var(--samegame-paper)}.samegame-completion-fireworks{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.samegame-completion-content{text-align:center;justify-items:center;gap:18px;display:grid}.samegame-completion-kicker{color:var(--samegame-completion-gold);letter-spacing:.16em;margin:0;font-size:14px;font-weight:800}.samegame-completion-emblem{aspect-ratio:1;width:196px;color:var(--samegame-completion-gold);align-content:center;justify-items:center;gap:4px;display:grid;position:relative}.samegame-completion-ring{border:4px double var(--samegame-completion-gold);border-radius:var(--radius-full);background:radial-gradient(circle,#f1d48a15,#0000 70%);position:absolute;inset:0}.samegame-completion-emblem strong{font-variant-numeric:tabular-nums;font-size:28px}.samegame-completion-message{font-size:var(--samegame-font-body);margin:0;line-height:1.8}.samegame-completion-content>button{background:var(--samegame-completion-gold);width:100%;color:var(--samegame-tray);border-color:var(--samegame-completion-gold)}@media (max-width:520px) and (max-height:700px){.samegame-completion{--samegame-dialog-inset:16px;padding:16px}.samegame-completion .samegame-dialog-heading{margin-bottom:16px}.samegame-completion .samegame-dialog-heading h2{font-size:18px}.samegame-completion-content{gap:12px}.samegame-completion-emblem{width:148px}.samegame-completion-emblem img{width:88px;height:88px}.samegame-completion-emblem strong{font-size:24px}.samegame-completion-message{font-size:14px}}}}
@layer games{@scope(.samegame-page){.samegame-trophy-development{font-size:var(--samegame-font-label);color:var(--samegame-ink);margin-block:16px}.samegame-trophy-development summary{cursor:pointer;color:var(--samegame-purple);font-weight:700}.samegame-trophy-development>div{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.samegame-trophy-development p{margin:12px 0 0}@media (max-width:520px){.samegame-trophy-development{margin-inline:10px}}}}