html,body{height:100%;margin:0;font-size:16px;font-family:Bebas Neue;font-weight:400;display:flex;flex-direction:column}.body{display:flex;flex:1;min-height:100vh;flex-direction:column}.content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#06db7f}.title{font-size:5rem;align-items:center;text-shadow:-.3rem -.3rem 0 #00532f,.3rem -.3rem 0 #00532f,-.3rem .3rem 0 #00532f,.3rem .3rem 0 #00532f}.navbar{list-style:none;padding:0;margin:0;display:flex;gap:1rem;justify-content:center}.field{padding:5px;font-family:Bebas Neue;border:3px solid #00532f;border-radius:1rem;align-items:center;background-color:#9ff0cd;color:#333}footer{background-color:#00532f;text-align:center;padding:1rem}.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}img{max-width:100%;height:auto;width:400px;display:block;margin:1rem auto;border-radius:8px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Bebas Neue;font-weight:400;background-color:#06db7f}.nav-link{text-decoration:none;background-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:4px;display:inline-block;transition:background-color .3s}.nav-link:hover{background-color:#0056b3;transform:scale(1.1);box-shadow:0 4px 12px #00472b66}.play-page{height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem}.opponent-hand{display:flex;justify-content:center;gap:.5rem}.play-area{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;width:80%;min-height:200px;background-color:#ffe394;border:3px dashed #000000;border-radius:1rem;box-shadow:0 4px 12px #46cc924c}.user-hand{display:flex;justify-content:center;gap:1rem}.card{background-color:#fff;border:3px solid #000000;border-radius:1rem;box-shadow:0 4px 10px #ff69b433;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .2s}.card.tiny{width:60px;height:80px;font-size:1rem}.card.small{width:40px;height:60px;font-size:.75rem}.card.medium{width:100px;height:140px;font-size:1.5rem}.card.back{background-color:#6839a7;border:3px solid #000000;box-shadow:inset 0 0 6px #0000004d}main{width:100%}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem}.card{background-color:#fff;border:3px solid #000000;border-radius:1rem;padding:2rem;text-align:center;aspect-ratio:2 / 3;display:flex;align-items:center;justify-content:center}.card:hover{transform:scale(1.05)}header{padding:1.5rem;background-color:#06db7f}.friends-table-container{padding:2rem;max-width:600px;margin:0 auto}.friends-table{width:100%;border-collapse:collapse;background-color:#fff0f6;border:3px solid #00532f;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #69fff033}.friends-table thead{background-color:#00532f;color:#fff}.friends-table th,.friends-table td{padding:1rem;text-align:left;font-size:1.1rem}.friends-table tbody tr:nth-child(2n){background-color:#e6fffc}.status{padding:.3em .8em;border-radius:999px;font-size:.95rem;font-weight:700}.status.online{background-color:#c4f5c4;color:#2e8b57}.status.offline{background-color:#f8d7da;color:#a33a3a}