.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.freecell-art{background:#d7e3cf}.checkers-art{background:#d9deca}.memory-art{background:#e9dace;gap:9px}.mini-checkers{display:grid;grid-template-columns:repeat(4,27px);transform:rotate(-9deg);box-shadow:0 5px 10px #173f3520;margin-top:-14px}.mini-checkers span{width:27px;height:27px;background:#f4ebd5;display:grid;place-items:center}.mini-checkers span.dark{background:#65816b}.mini-checkers i{width:20px;height:20px;border-radius:50%;background:#ad4b3b;border:2px solid #d7a485}.memory-preview{width:55px;height:77px;border-radius:6px;background:#fffaf0;color:#a84637;display:grid;place-items:center;transform:rotate(-10deg);font:38px Georgia,serif;box-shadow:0 4px 7px #61422a20;margin-top:-15px}.memory-preview+div{transform:rotate(10deg)}.extra-shell:has(.board-freecell){background:#174b3d;color:#fff9ec;border:0}.extra-shell:has(.board-freecell) #extra-status,.extra-shell:has(.board-freecell) .extra-bottom{color:#e1ebda}.extra-shell:has(.board-freecell) .extra-toolbar,.extra-shell:has(.board-freecell) .extra-bottom{border-color:#ffffff26}.free-table{min-width:650px;--free-height:116px;--free-step:29px}.free-labels{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px;letter-spacing:1px;color:#d9e5d1;margin:2px 0 15px}.free-top,.free-columns{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.free-top{margin-bottom:28px}.free-slot,.free-column{position:relative;border:1px solid #e8e9d34a;border-radius:6px;min-height:var(--free-height)}.free-slot{height:var(--free-height)}.free-card{position:absolute;left:0;width:100%;height:var(--free-height)}.free-card .corner{font-size:24px;left:5px}.free-card .center-suit{font-size:43px}.free-card .bottom-corner{font-size:14px}.free-empty{background:none;color:#dde9d4;width:100%;height:var(--free-height);font-size:16px}.extra-clear .free-table{--free-step:35px}.extra-clear .free-card .corner{font-size:28px}.checkers-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:40px;align-items:center;max-width:950px;margin:auto}.checkers-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:8px solid #506448;aspect-ratio:1;background:#efe9d8;box-shadow:0 10px 17px #29472a16}.checker-square,.checker-light{aspect-ratio:1;position:relative;display:grid;place-items:center;background:#65816b;border-radius:0;padding:6px;min-width:0}.checker-light{background:#f4eddc}.checker-square:hover{background:#789575}.checker-piece{width:85%;height:85%;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 3px #ffffff28,0 3px 0 #203b2b66;border:2px solid #ffffff70}.player-piece{background:#a74235}.computer-piece{background:#1d4735}.checker-piece svg{width:66%;height:66%;fill:none;stroke:#ffe5aa;stroke-width:2;stroke-linejoin:round}.checker-selected{background:#b5c77e!important;box-shadow:inset 0 0 0 3px #f6d080}.move-dot{width:26%;height:26%;border-radius:50%;background:#f5e5ab;box-shadow:0 0 0 4px #f5e5ab33}.checker-target{box-shadow:inset 0 0 0 2px #ecdfaf}.checker-square:focus-visible{outline-offset:-3px;z-index:2}.checkers-aside h2{font-size:34px}.checkers-aside p{font-size:15px;line-height:1.8;color:#52654d;margin-top:16px}.checker-legend{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:13px}.checker-legend .checker-piece{width:27px;height:27px;flex-shrink:0}.memory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.memory-toolbar p{font-size:14px;color:#52654d;line-height:1.6}.memory-toolbar button{font-size:14px;white-space:nowrap}.memory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:840px;margin:0 auto}.memory-card{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:9px;background:#285947;border:4px solid #e4dfc9;color:#fff8e8;box-shadow:0 4px 7px #29472a1a;padding:10px;min-width:0}.memory-card:hover{background:#356e54;color:#fff8e8;transform:translateY(-2px)}.memory-card.memory-open{background:#fffdf5;color:#275744;border-color:#d4dcc6}.memory-card.memory-matched{opacity:1;background:#dce7cb;border-color:#a0b990;color:#386640;box-shadow:none}.memory-back{font:56px 'Libre Caslon Display',Georgia,serif}.memory-card svg{width:64%;max-height:70px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.memory-card>span:not(.memory-back){font-size:14px}.memory-card:disabled{cursor:default;transform:none}.extra-clear .memory-card>span:not(.memory-back){font-size:16px}
@media(max-width:800px){.checkers-layout{grid-template-columns:1fr;max-width:500px;gap:25px}.checkers-aside h2{font-size:30px}.memory-grid{gap:10px}.memory-card{padding:7px}.memory-card>span:not(.memory-back){font-size:12px}}
@media(max-width:700px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile:first-child{grid-column:auto}.game-tile:first-child .tile-art{height:155px}.game-tile:first-child .mini-card{width:58px;height:85px;font-size:23px}.game-tile:first-child .mini-card span{font-size:31px}.game-tile:first-child .mini-card:nth-child(1){transform:translate(-34px,-6px) rotate(-17deg)}.game-tile:first-child .mini-card:nth-child(3){transform:translate(34px,3px) rotate(15deg)}.checkers-grid{border-width:5px}.checker-square{padding:3px}.checker-piece{border-width:1px;box-shadow:inset 0 0 0 2px #ffffff28,0 2px 0 #203b2b66}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.memory-toolbar{align-items:start;gap:10px}.memory-toolbar p{font-size:13px}.memory-toolbar button{padding:11px;font-size:13px}.memory-card{border-width:3px;padding:5px;gap:7px}.memory-back{font-size:37px}.memory-card>span:not(.memory-back){font-size:11px}.memory-card svg{width:72%}.extra-clear .memory-card>span:not(.memory-back){font-size:12px}}
.memory-card svg{height:auto;aspect-ratio:1}
/* Keep both rank and suit visible above overlapping FreeCell cards. */
.extra-clear .free-card .corner{flex-direction:row;align-items:center;gap:3px}