@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik+Iso&display=swap";*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}ul,li{list-style:none}button{cursor:pointer;color:#fff5f5;background-color:#00f;border:none;border-radius:16px;padding:32px 52px;font-family:Roboto;font-size:24px;font-style:normal;font-weight:700;line-height:normal;transition:all .3s}button:hover{transform:translateY(-5px)}button:active{transform:scale(.98)}.error{color:red;text-align:center;margin-top:20px;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.back{cursor:pointer;width:32px;height:32px;position:absolute;top:40px;left:40px}.game-container{background-color:#0b1020}h2{color:#9ca9d4;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#8c67f2;font-family:Rubik Iso;font-size:36px;font-style:normal;font-weight:400;line-height:normal}header{background-color:#0c1224;justify-content:space-around;align-items:center;height:83px;padding:20px;display:flex}nav{background:#0c1224;border:1px solid #121f48;gap:20px;padding:8px 15px;display:flex;box-shadow:-7px 6px 4px #0f256540}.nav_li{color:#82789c;cursor:pointer;font-family:Rubik Iso;font-size:32px;font-style:normal;font-weight:400;line-height:normal;list-style:none}span{margin-left:10px}main{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;height:calc(100vh - 83px);padding:42px 58px;display:flex;overflow:hidden auto}.player-card span{background-color:#2c3a67;width:100%;height:1px}.player-card{background:#1a1a2e;border-radius:16px;flex-direction:column;align-items:start;gap:10px;width:239px;height:400px;padding:15px;transition:all .3s;display:flex;box-shadow:8px 9px 4px #19194f40}.player-card:hover{cursor:pointer;transform:scale(1.05);box-shadow:8px 9px 4px #8c67f240}.player-card:active{box-shadow:none;transform:scale(.98)}.vote{box-shadow:8px 9px 4px #25dd4740}.abilitys{scrollbar-width:thin;scrollbar-color:#8c67f2 #2c3a67;flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.abilitys::-webkit-scrollbar{width:6px}.abilitys::-webkit-scrollbar-track{background:#2c3a67;border-radius:3px}.abilitys::-webkit-scrollbar-thumb{background:#8c67f2;border-radius:3px}.abilitys::-webkit-scrollbar-thumb:hover{background:#a68cf2}.abilitys li{color:#fff;word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;align-items:flex-start;gap:4px;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:flex}.abilitys img{margin-right:10px}.player-main{justify-content:space-around;align-items:center;width:100%;display:flex}.p-main{color:#a6b4c0;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background-color:#1a1a1a;border-radius:8px;width:90%;max-width:800px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 0 20px #00000080}.modal-content h2{color:#4caf50;text-align:center;margin-bottom:1.5rem}.modal-content h3{color:#81c784;margin:1rem 0}.scenario-section,.bunker-section,.supplies-section,.survivors-section,.winners-section{background-color:#ffffff0d;border-radius:4px;margin-bottom:2rem;padding:1rem}.bunker-features ul,.supplies-section ul{padding-left:1rem;list-style:none}.bunker-features li,.supplies-section li{margin:.5rem 0;padding-left:1.5rem;position:relative}.bunker-features li:before,.supplies-section li:before{content:"•";color:#4caf50;position:absolute;left:0}.winners-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.winner-card{background-color:#4caf501a;border:1px solid #4caf50;border-radius:4px;padding:1rem}.winner-card h4{color:#4caf50;margin:0 0 .5rem}.modal-close-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;transition:background-color .3s;display:block}.modal-close-btn:hover{background-color:#45a049}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a1a1a}.modal-content::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#45a049}body{background:linear-gradient(#0b1020 .14%,#041857 161.06%);min-height:100vh}.start-game-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}h1{color:#9ca9d4;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#8c67f2;margin-bottom:100px;font-family:Rubik Iso;font-size:96px;font-style:normal;font-weight:400;line-height:normal}p{color:#fff;margin:12px;font-family:Roboto;font-size:24px;font-style:normal;font-weight:400;line-height:normal}span{cursor:pointer}.start-button{background:linear-gradient(90deg,#0ff .05%,#7f00ff 99.95%)}.start-button:hover{background:linear-gradient(90deg,#0ff .05%,#7f00ff 76.95%)}.join-button{background:#4355bc}.join-button:hover{background:#2c3aa1}input{background:#98aaa8;border:1px solid #3c3c4399;border-radius:32px;margin:12px;padding:16px 24px;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.start-game-inputs{flex-direction:column;align-items:center;margin-top:50px;display:flex}.start-game-waiting{flex-direction:column;align-items:center;gap:10px;margin-top:50px;display:flex}.start-game-waiting p{text-align:center;margin:8px}.button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.rules-container{color:#333;max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;line-height:1.6}.rules-container h1{text-align:center;color:#2c3e50;margin-bottom:30px}.rules-container h2{color:#34495e;border-bottom:2px solid #3498db;margin-top:30px;margin-bottom:15px;padding-bottom:5px}.rules-container h3{color:#7f8c8d;margin-top:20px;margin-bottom:10px}.rules-container p{margin-bottom:15px}.rules-container ul,.rules-container ol{margin-bottom:15px;padding-left:20px;list-style-position:outside}.rules-container ul{list-style-type:disc}.rules-container ol{list-style-type:decimal}.rules-container li{margin-bottom:8px;line-height:1.5}.rules-container .back-button{cursor:pointer;background:0 0;border:none;padding:10px;position:absolute;top:20px;left:20px}.rules-container .back-button img{width:24px;height:24px}@media (max-width:600px){.rules-container{padding:10px}.rules-container h1{font-size:24px}.rules-container h2{font-size:20px}}