@layer components{.model-cookie-match-game{background:radial-gradient(circle at 27% 46%, color-mix(in srgb, var(--warning-surface) 58%, transparent), transparent 25rem), var(--background);grid-template-columns:minmax(28rem,1.08fr) minmax(18rem,.92fr);min-height:38rem;display:grid}.model-cookie-match-tray{border-right:1px solid var(--border);background:linear-gradient(115deg, transparent 49.5%, color-mix(in srgb, var(--warning) 4%, transparent) 50%, transparent 50.5%) 0 0 / 2.5rem 2.5rem, radial-gradient(ellipse at center, color-mix(in srgb, var(--card) 94%, var(--warning-surface)), var(--card));place-items:center;min-width:0;padding:clamp(2rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.model-cookie-match-tray-rim{border:1px solid color-mix(in srgb, var(--warning) 24%, var(--border));box-shadow:inset 0 0 0 .38rem color-mix(in srgb, var(--background) 55%, transparent), inset 0 0 2.5rem color-mix(in srgb, var(--warning) 7%, transparent), 0 1.4rem 2.4rem -2rem color-mix(in srgb, var(--foreground) 24%, transparent);pointer-events:none;border-radius:2rem;position:absolute;inset:clamp(1.1rem,3vw,2.2rem)}.model-cookie-match-board{z-index:1;grid-template-columns:repeat(var(--match-columns), minmax(0, 1fr));gap:clamp(.65rem,1.5vw,1.2rem);width:min(100%,38rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.model-cookie-match-slot{aspect-ratio:1;min-width:0}.model-cookie-match-card{cursor:pointer;perspective:760px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative}.model-cookie-match-card[aria-disabled=true]{cursor:default}.model-cookie-match-card:focus-visible{outline:1px dashed color-mix(in srgb, var(--warning) 72%, transparent);outline-offset:.34rem;box-shadow:0 0 0 .35rem color-mix(in srgb, var(--warning) 7%, transparent);border-radius:42%}.model-cookie-match-card-inner{transform:rotateY(0deg) rotateZ(var(--card-tilt));transform-style:preserve-3d;transition:transform .52s var(--motion-ease-emphasized);position:absolute;inset:0}.model-cookie-match-card[data-face-up=true] .model-cookie-match-card-inner{transform:rotateY(180deg)rotate(0)}.model-cookie-match-face{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.model-cookie-match-face--front{transform:rotateY(180deg)}.model-cookie-match-face--front .home-model-cookie{--cookie-size:min(92%, 7.2rem)}.model-cookie-match-face--front strong{border:1px solid color-mix(in srgb, var(--warning) 20%, var(--border));color:color-mix(in srgb, var(--foreground) 88%, var(--warning));background:color-mix(in srgb, var(--background) 86%, var(--warning-surface));box-shadow:0 .45rem .8rem -.65rem color-mix(in srgb, var(--foreground) 32%, transparent);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.28rem .38rem;font-size:clamp(.46rem,.75vw,.62rem);font-weight:750;line-height:1;position:absolute;bottom:6%;left:4%;right:4%;overflow:hidden}.model-cookie-match-back-mark{aspect-ratio:1;width:min(112%,8.6rem);filter:drop-shadow(0 .18rem .1rem color-mix(in srgb, var(--warning) 24%, transparent)) drop-shadow(0 .55rem .62rem color-mix(in srgb, var(--foreground) 13%, transparent));object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:19%;display:block}.model-cookie-match-stamp{z-index:4;border:2px solid var(--background);width:1.7rem;height:1.7rem;color:var(--background);background:var(--warning);box-shadow:0 .35rem .75rem color-mix(in srgb, var(--foreground) 24%, transparent);animation:model-cookie-stamp .36s var(--motion-ease-emphasized) both;border-radius:50%;place-items:center;display:grid;position:absolute;top:5%;right:4%}.model-cookie-match-stamp svg{stroke-width:3px;width:1rem;height:1rem}.model-cookie-match-slot[data-matched=true] .model-cookie-match-card-inner{filter:saturate(.72)brightness(1.035)}.model-cookie-match-game[data-phase=shuffling] .model-cookie-match-slot{animation:model-cookie-shuffle .68s var(--motion-ease-emphasized) both;animation-delay:calc(var(--card-index) * 14ms)}.model-cookie-match-panel{flex-direction:column;justify-content:flex-start;gap:1.35rem;min-width:0;padding:clamp(2rem,4vw,3.6rem);display:flex}.model-cookie-match-settings{border:0;gap:.65rem;max-width:29rem;margin:0;padding:0;display:grid}.model-cookie-match-settings>legend{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.64rem;font-weight:700}.model-cookie-match-difficulties{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.model-cookie-match-difficulties>button{border:1px solid var(--border);min-width:0;color:var(--foreground);background:color-mix(in srgb, var(--secondary) 64%, var(--card));text-align:left;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-emphasized);border-radius:.72rem;flex-direction:column;gap:.16rem;padding:.58rem .7rem;display:flex}.model-cookie-match-difficulties>button:hover{border-color:color-mix(in srgb, var(--warning) 30%, var(--border));transform:translateY(-1px)}.model-cookie-match-difficulties>button[aria-pressed=true]{border-color:color-mix(in srgb, var(--warning) 56%, var(--border));background:color-mix(in srgb, var(--warning-surface) 72%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warning) 9%, transparent)}.model-cookie-match-difficulties>button:focus-visible,.model-cookie-match-candidates>button:focus-visible,.model-cookie-match-turn-limit input:focus-visible{outline:1px dashed color-mix(in srgb, var(--warning) 72%, transparent);outline-offset:2px}.model-cookie-match-difficulties strong{font-size:.75rem}.model-cookie-match-difficulties span{color:var(--muted-foreground);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.model-cookie-match-custom{border:1px solid color-mix(in srgb, var(--warning) 17%, var(--border));background:color-mix(in srgb, var(--card) 88%, var(--warning-surface));border-radius:.9rem;gap:.7rem;padding:.8rem;display:grid}.model-cookie-match-custom>p{color:var(--muted-foreground);font-size:.7rem;line-height:1.55}.model-cookie-match-custom-heading{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.72rem;display:flex}.model-cookie-match-custom-heading>span{color:var(--warning);font-family:var(--font-mono);flex:none;font-size:.58rem}.model-cookie-match-candidates{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;max-height:11.2rem;padding:.12rem .2rem .12rem .12rem;display:grid;overflow-y:auto}.model-cookie-match-candidates>button{cursor:pointer;border:1px solid var(--border);min-width:0;color:var(--foreground);background:var(--background);text-align:left;border-radius:.65rem;align-items:center;gap:.42rem;padding:.38rem .45rem;display:flex;position:relative}.model-cookie-match-candidates>button[data-selected=true]{border-color:color-mix(in srgb, var(--warning) 48%, var(--border));background:color-mix(in srgb, var(--warning-surface) 62%, var(--background))}.model-cookie-match-candidates>button:disabled{cursor:default}.model-cookie-match-candidates>button>span:last-child{flex:1;justify-content:space-between;align-items:baseline;gap:.3rem;min-width:0;display:flex}.model-cookie-match-candidates>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1.25;overflow:hidden}.model-cookie-match-candidates>button small{color:var(--muted-foreground);font-family:var(--font-mono);flex:none;font-size:.5rem}.model-cookie-match-turn-limit{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.65rem;display:flex}.model-cookie-match-turn-limit>span{flex-direction:column;gap:.1rem;display:flex}.model-cookie-match-turn-limit strong{font-size:.7rem}.model-cookie-match-turn-limit small{color:var(--muted-foreground);font-size:.58rem}.model-cookie-match-turn-limit input{border:1px solid color-mix(in srgb, var(--warning) 24%, var(--border));background:var(--background);width:4.25rem;font-family:var(--font-mono);text-align:center;border-radius:.6rem;padding:.4rem .5rem;font-size:.72rem;font-weight:700}.model-cookie-match-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:27rem;display:grid}.model-cookie-match-scoreboard>span{border:1px solid color-mix(in srgb, var(--warning) 13%, var(--border));min-width:0;color:var(--muted-foreground);background:color-mix(in srgb, var(--secondary) 76%, var(--card));font-family:var(--font-mono);border-radius:.8rem;flex-direction:column;gap:.18rem;padding:.75rem .9rem;font-size:.64rem;display:flex}.model-cookie-match-scoreboard strong{color:var(--foreground);font-size:.92rem}.model-cookie-match-status{max-width:27rem;min-height:3.2rem;color:var(--foreground);align-items:flex-start;gap:.55rem;font-size:.9rem;font-weight:600;line-height:1.65;display:flex}.model-cookie-match-status>svg,.model-cookie-match-status>span:first-child{width:1rem;height:1rem;color:var(--warning);flex:none;margin-top:.22rem;font-size:.55rem}.model-cookie-match-actions{flex-wrap:wrap;gap:.55rem;display:flex}.model-cookie-match-action{border:1px solid color-mix(in srgb, var(--warning) 25%, var(--border));width:fit-content;color:color-mix(in srgb, var(--foreground) 88%, var(--warning));background:color-mix(in srgb, var(--warning-surface) 66%, var(--card));box-shadow:0 .7rem 1.2rem -1rem color-mix(in srgb, var(--foreground) 28%, transparent);transition:transform var(--motion-duration-fast) var(--motion-ease-emphasized), background-color var(--motion-duration-fast) var(--motion-ease-standard);border-radius:999px;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.model-cookie-match-action:hover:not(:disabled){background:color-mix(in srgb, var(--warning-surface) 86%, var(--card));transform:translateY(-1px)}.model-cookie-match-action:focus-visible{outline:1px dashed color-mix(in srgb, var(--warning) 72%, transparent);outline-offset:3px}.model-cookie-match-action:disabled{cursor:wait;opacity:.62}.model-cookie-match-action svg{width:.95rem;height:.95rem}.model-cookie-match-share{border-color:var(--border);background:color-mix(in srgb, var(--secondary) 76%, var(--card))}.model-cookie-match-share-feedback{width:fit-content;color:var(--success);align-items:center;gap:.35rem;font-size:.68rem;font-weight:650;display:inline-flex}.model-cookie-match-share-feedback[data-kind=error]{color:var(--destructive)}.model-cookie-match-share-feedback svg{width:.8rem;height:.8rem}.model-cookie-match-game[data-mode=compact]{grid-template-columns:minmax(22rem,1.08fr) minmax(18rem,.92fr);min-height:26rem}.model-cookie-match-game[data-mode=compact] .model-cookie-match-tray{padding:clamp(1.75rem,3vw,2.5rem)}.model-cookie-match-game[data-mode=compact] .model-cookie-match-board{width:min(100%,24rem)}.model-cookie-match-game[data-mode=compact] .model-cookie-match-panel{justify-content:center;gap:1rem;padding:clamp(1.75rem,3vw,2.5rem)}}@keyframes model-cookie-shuffle{0%{transform:translate(0)rotate(0)}28%{transform:translate(var(--shuffle-x-one), -.55rem) rotate(var(--shuffle-rotate-one))}58%{transform:translate(var(--shuffle-x-two), .24rem) rotate(var(--shuffle-rotate-two))}to{transform:translate(0)rotate(0)}}@keyframes model-cookie-stamp{0%{opacity:0;transform:scale(1.7)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=900px){.model-cookie-match-game,.model-cookie-match-game[data-mode=compact]{grid-template-columns:1fr}.model-cookie-match-tray{border-right:0;border-bottom:1px solid var(--border);min-height:31rem}.model-cookie-match-game[data-mode=compact] .model-cookie-match-tray{min-height:24rem}}@media (width<=520px){.model-cookie-match-tray,.model-cookie-match-game[data-mode=compact] .model-cookie-match-tray{min-height:28rem;padding:2.25rem 1.4rem}.model-cookie-match-game[data-mode=compact] .model-cookie-match-tray{min-height:22rem;padding:2rem 1.2rem}.model-cookie-match-game[data-mode=full] .model-cookie-match-board{grid-template-columns:repeat(var(--match-mobile-columns), minmax(0, 1fr));gap:.55rem;width:min(100%,24rem)}.model-cookie-match-board{gap:.45rem}.model-cookie-match-face--front strong{font-size:.45rem;bottom:2%;left:0;right:0}.model-cookie-match-panel,.model-cookie-match-game[data-mode=compact] .model-cookie-match-panel{padding:2rem 1.25rem 3rem}.model-cookie-match-candidates{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.model-cookie-match-card-inner{transition-duration:.01ms}.model-cookie-match-game[data-phase=shuffling] .model-cookie-match-slot,.model-cookie-match-stamp{animation:none}}