*{margin:0;padding:0;box-sizing:border-box}body{font-family:Atkinson Hyperlegible,Arial,sans-serif;background-color:#152938;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.settings-modal{background:#fcfcfc;border-radius:20px;padding:56px;max-width:654px;width:100%;box-shadow:0 10px 40px #0000004d}.settings-modal h2{color:#7191a5;font-size:32px;font-weight:700;margin-bottom:78px;text-align:center;text-transform:lowercase}.setting-group{margin-bottom:32px}.setting-group label{display:block;color:#7191a5;font-size:20px;font-weight:700;margin-bottom:16px}.options{display:grid;gap:30px}.options.two-col{grid-template-columns:repeat(2,1fr)}.options.four-col{grid-template-columns:repeat(4,1fr)}.option-btn{padding:10px;border:none;background:#bcced9;border-radius:26px;cursor:pointer;font-size:26px;font-weight:700;color:#fcfcfc;transition:all .3s;font-family:Atkinson Hyperlegible,Arial,sans-serif}.option-btn:hover{background:#6395b8}.option-btn.active{background:#304859;color:#fcfcfc}.start-btn{width:100%;padding:15px;background:#fda214;color:#fcfcfc;border:none;border-radius:35px;font-size:32px;font-weight:700;cursor:pointer;margin-top:32px;transition:background .3s;font-family:Atkinson Hyperlegible,Arial,sans-serif}.start-btn:hover{background:#ffb84a}.settings-modal.hidden{display:none}.game-container{width:100%;max-width:1110px;display:none}.game-container.active{display:block}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:118px}.game-logo{color:#fcfcfc;font-size:40px;font-weight:700;text-transform:lowercase}.header-buttons{display:flex;gap:16px}.header-btn{padding:14px 24px;border:none;border-radius:26px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Atkinson Hyperlegible,Arial,sans-serif}.restart-btn{background:#fda214;color:#fcfcfc}.restart-btn:hover{background:#ffb84a}.new-game-btn{background:#dfe7ec;color:#304859}.new-game-btn:hover{background:#6395b8;color:#fcfcfc}.cards-grid{display:grid;gap:20px;margin-bottom:24px}.cards-grid.size-4x4{grid-template-columns:repeat(4,118px);grid-template-rows:repeat(4,118px)}.cards-grid.size-6x6{grid-template-columns:repeat(6,82px);grid-template-rows:repeat(6,82px)}.cards-wrapper{display:flex;justify-content:center}.card{background:#304859;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:44px;font-weight:700;color:#fcfcfc;transition:all .3s;position:relative}.size-4x4 .card{font-size:56px}.card:hover{background:#6395b8}.card.flipped{background:#bcced9;color:#304859}.card.matched{background:#fda214;color:#fcfcfc}.card-content{display:none}.card.flipped .card-content,.card.matched .card-content{display:block}.players-panel{display:none;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:24px}.players-panel.active{display:grid}.player-card{background:#dfe7ec;border-radius:10px;padding:16px 32px;text-align:center;position:relative;transition:all .3s}.player-card.active{background:#fda214}.player-card.active:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fda214}.player-card.active:after{content:"CURRENT TURN";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#152938;letter-spacing:5px;white-space:nowrap}.player-name{font-size:18px;font-weight:700;color:#7191a5;margin-bottom:8px}.player-card.active .player-name{color:#fcfcfc}.player-score{font-size:32px;font-weight:700;color:#304859}.player-card.active .player-score{color:#fcfcfc}.status-panel{display:none;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:24px}.status-panel.active{display:grid}.status-card{background:#dfe7ec;border-radius:10px;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}.status-label{font-size:18px;font-weight:700;color:#7191a5}.status-value{font-size:32px;font-weight:700;color:#304859}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.result-modal.active{display:flex}.result-content{background:#fcfcfc;border-radius:20px;padding:56px;max-width:654px;width:90%;text-align:center}.result-content h2{font-size:48px;font-weight:700;color:#152938;margin-bottom:16px}.result-description{font-size:18px;color:#7191a5;margin-bottom:40px}.result-stats{margin-bottom:56px}.stat-item{display:flex;justify-content:space-between;align-items:center;background:#dfe7ec;padding:16px 32px;border-radius:10px;margin-bottom:16px}.stat-item:last-child{margin-bottom:0}.stat-item.winner{background:#152938}.stat-item.winner .stat-label,.stat-item.winner .stat-value{color:#fcfcfc}.stat-item.winner .stat-label:after{content:" (Winner!)"}.stat-label{font-size:18px;font-weight:700;color:#7191a5}.stat-value{font-size:32px;font-weight:700;color:#304859}.result-buttons{display:flex;gap:14px}.result-btn{flex:1;padding:14px;border:none;border-radius:26px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Atkinson Hyperlegible,Arial,sans-serif}.result-restart{background:#fda214;color:#fcfcfc}.result-restart:hover{background:#ffb84a}.result-new{background:#dfe7ec;color:#304859}.result-new:hover{background:#6395b8;color:#fcfcfc}@media(max-width:768px){.settings-modal{padding:24px}.game-header{flex-direction:column;gap:20px;margin-bottom:60px}.cards-grid.size-4x4{grid-template-columns:repeat(4,73px);grid-template-rows:repeat(4,73px);gap:12px}.cards-grid.size-6x6{grid-template-columns:repeat(6,47px);grid-template-rows:repeat(6,47px);gap:9px}.players-panel{grid-template-columns:repeat(2,1fr)}.status-panel{grid-template-columns:1fr}}
