.container{width:100%;max-width:1200px;margin:0 auto;padding:10px;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}body{margin:0;background-color:#005eff;color:#000;font-family:Outfit,sans-serif;background-image:radial-gradient(rgba(255,255,255,.15) 2px,transparent 2px);background-size:30px 30px;background-attachment:fixed}h1,h2,h3{font-family:tojapan,Outfit,sans-serif;text-transform:uppercase;margin:0}.card-base{background:#fff;border:4px solid #000;border-radius:20px;padding:20px;box-shadow:6px 6px #000;position:relative}button{background-color:#ffe040;border:4px solid #000;padding:12px 20px;font-size:1.2rem;font-weight:900;color:#000;border-radius:12px;cursor:pointer;box-shadow:4px 4px #000;font-family:tojapan,Outfit,sans-serif;text-transform:uppercase;transition:transform .1s,box-shadow .1s}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}button.secondary{background-color:#fff}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.game-layout{display:flex;flex-direction:column;gap:20px;height:100%}@media(min-width:768px){.game-layout{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;height:90vh;gap:20px;padding:20px}.layout-header{grid-column:1 / -1}.layout-main{grid-column:1 / 2;grid-row:2 / 3;overflow-y:auto}.layout-side{grid-column:2 / 3;grid-row:2 / 3;overflow-y:auto}}@media(max-width:767px){.game-layout{display:flex;flex-direction:column;padding-bottom:80px}}width: 60px; height: 60px; border-radius: 50%; border: 3px solid #000; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 2rem; } .badge{background:#005eff;color:#fff;padding:4px 8px;border-radius:8px;border:2px solid #000;font-weight:900;font-size:.8rem;text-transform:uppercase;display:inline-block}input[type=text]{border:4px solid #000;border-radius:12px;padding:10px;font-size:1.1rem;font-family:Outfit,sans-serif;width:100%;box-sizing:border-box}.toggle-group{display:flex;border:3px solid #000;border-radius:12px;overflow:hidden;margin-top:5px}.toggle-btn{flex:1;border:none;border-radius:0;box-shadow:none;padding:8px 5px;font-size:.75rem;background:#eee}.toggle-btn.active{background:#ffe040;color:#000}.toggle-btn:not(:last-child){border-right:2px solid #000}