:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #0c7ff2;--secondary-color: #e0f2fe;--accent-color: #38bdf8;--text-primary: #030712;--text-secondary: #374151;--background-color: #f0f9ff;--card-background: #ffffff}:root{--primary-color: #0c7ff2;--accent-color: #38bdf8;--text-primary: #030712;--background-color: #f0f9ff}.main-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.bg-gradient{background:linear-gradient(to bottom right,var(--primary-color),var(--accent-color))!important;background-size:cover;background-repeat:no-repeat;background-position:center}.game-container{text-align:center;padding:20px}.piece-grid{display:grid;grid-template-columns:repeat(4,100px);gap:10px;justify-content:center}.piece{position:relative;width:100px;height:100px;perspective:600px}.piece .flipped .back{transform:rotateY(180deg)}.piece .flipped .front{left:0;transform:rotateY(0)}.piece div{width:100%;height:100%;transition:transform 0;transform-style:preserve-3d;position:relative}.piece img.front,.piece .back{position:absolute;backface-visibility:hidden;width:100%;height:100%;border-radius:10px}.piece img.front{transform:rotateY(90deg);object-fit:cover}.piece .back{background:#0c7ff2;cursor:pointer}.table th,.table td{vertical-align:middle;font-size:1rem}.nav-tabs .nav-link{color:#fff}.nav-tabs .nav-link.active{background-color:#fff;color:var(--primary-color);border:none}