:root{--card-width: 100px;--card-height: 150px;--space-x: 10px;--board-padding: 4px}#seo-content{background:#fff;padding:24px 20px;max-width:800px;margin:0 auto;line-height:1.6;color:#222;font-family:sans-serif}.game-board{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding:0 var(--board-padding);box-sizing:border-box}.top-container{display:flex;justify-content:space-between;width:calc(var(--card-width) * 7 + var(--space-x) * 6);margin-top:10px}.stock-waste-container{display:flex;width:calc(var(--card-width) * 2 + var(--space-x))}.waste{margin-left:10px}.foundation-container{display:flex;margin-left:var(--space-x)}.foundation{margin-left:var(--space-x)}.tableau-container{display:flex;margin-top:20px;justify-content:flex-start;align-items:flex-start;gap:var(--space-x)}.pile{width:var(--card-width);height:var(--card-height);position:relative}.card{width:var(--card-width);height:var(--card-height);background-repeat:no-repeat;position:absolute;cursor:grab}.card img{width:var(--card-width);height:var(--card-height)}.card:active{cursor:grabbing}.card{transform-style:preserve-3d;transition:transform .3s;transform:rotateY(0)}.card.flipping{transform:rotateY(180deg)}.card .front,.card .back{position:absolute;width:var(--card-width);height:var(--card-height);backface-visibility:hidden}.card.face-up{transform:rotateY(180deg)}.menu-bar{z-index:987654321;position:relative;display:flex;background-color:#333;padding:10px;justify-content:flex-start;font-family:Arial,Helvetica,sans-serif;height:48px}.menu-item{color:#fff;padding:10px;cursor:pointer;position:relative;text-align:center;flex:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.menu-item{text-align:left}.menu-item i{font-size:1.5rem;margin-right:8px}.menu-item .shortcut,.submenu-item .shortcut{color:#999}.menu-item .shortcut{display:none}.submenu{display:none;position:absolute;background-color:#444;top:40px;left:0;width:150px}.submenu-item{padding:10px;color:#fff}.submenu-item:hover{background-color:#666}.menu-item.active .submenu{display:block}@media (max-width: 768px){.menu-bar{flex-direction:column;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.menu-item{padding:15px 5px;display:block;white-space:normal}.menu-item{text-align:center}.menu-item i{font-size:2rem;margin-right:0;display:block;text-align:center}.menu-item .shortcut{display:none}.submenu{position:static;display:none;width:100%;background-color:#333;top:0;left:0;z-index:10}.menu-item.active .submenu{display:block}.menu-bar.active .menu-item{display:none}.menu-bar.active .menu-item.active{display:block}.submenu .close-btn{color:#fff;padding:10px;cursor:pointer;text-align:center;background-color:#444}.submenu .close-btn:hover{background-color:#666}}