.main-page-container{display:flex;flex-direction:column;align-items:center;color:#fff;font-weight:500;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main-page-container .main-page{display:flex;flex-direction:column;width:100%;max-width:1200px}.main-page-container .main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px 120px;position:relative}.main-page-container .main-content .all-rooms-container{width:100%;max-width:900px;font-size:14px;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.4));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px 56px;margin:-40px auto 0;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);flex-shrink:0}.main-page-container .main-content .all-rooms-container hr{border:none;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);margin:24px 0;width:100%}.create-room-container{display:flex;flex-direction:row;align-items:center;gap:16px;margin:0 0 24px}.create-room-container .explore-text{flex:1 1;font-size:16px;cursor:default;padding:14px 20px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;white-space:nowrap;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.create-room-container .explore-text,.create-room-container .reload-btn{display:flex;align-items:center;color:hsla(0,0%,100%,.95);font-weight:500}.create-room-container .reload-btn{flex-shrink:0;width:48px;height:48px;padding:0;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-room-container .reload-btn .reload-icon{transition:transform .6s cubic-bezier(.4,0,.2,1);color:hsla(0,0%,100%,.95);font-size:18px}.create-room-container .reload-btn:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.35);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.create-room-container .reload-btn:hover .reload-icon{transform:rotate(180deg)}.create-room-container .reload-btn:active{transform:translateY(0)}.create-room-container .new-room-btn{flex-shrink:0;font-size:16px;padding:14px 32px;background:linear-gradient(135deg,rgba(250,170,99,.792),hsla(28,94%,76%,.792));color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;white-space:nowrap;letter-spacing:.5px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.create-room-container .new-room-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35);background:linear-gradient(135deg,hsla(28,94%,73%,.792),hsla(28,94%,80%,.792))}.create-room-container .new-room-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.rooms-list{min-height:300px;max-height:60vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-right:12px;margin-right:-12px}.rooms-list::-webkit-scrollbar{width:8px}.rooms-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.rooms-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.rooms-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.rooms-list .rooms-list-loader{display:flex;justify-content:center;margin:24px 0 0}.rooms-list .rooms-list-empty{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;padding:60px 20px;color:hsla(0,0%,100%,.6);font-size:15px;text-align:center;font-weight:500}.rooms-list .rooms-list-empty p{margin:0}.rooms-list .room-item{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.95);color:#1a1a1a;cursor:pointer;border-radius:12px;padding:12px 20px;margin:6px 0;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:16px}.rooms-list .room-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:hsla(0,0%,100%,.3)}.rooms-list .room-item:active{transform:translateY(0)}.rooms-list .room-item .room-item-left{flex:1 1;display:flex;flex-direction:column;gap:8px;min-width:0}.rooms-list .room-item .room-item-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rooms-list .room-item .room-key{font-weight:700;font-size:16px;letter-spacing:1px;color:#1a1a1a;margin-bottom:4px}.rooms-list .room-item .room-players-avatars{display:flex;align-items:center;flex-wrap:wrap}.rooms-list .room-item .room-player-avatar{position:relative;width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.9);overflow:visible;background:hsla(0,0%,100%,.1);margin-left:-8px;transition:transform .2s ease,z-index .2s ease;z-index:1;flex-shrink:0}.rooms-list .room-item .room-player-avatar:first-child{margin-left:0}.rooms-list .room-item .room-player-avatar:hover{transform:scale(1.15);z-index:10}.rooms-list .room-item .room-player-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.rooms-list .room-item .room-player-avatar.room-player-avatar-organizator{border:2.5px solid gold;box-shadow:0 0 0 1px rgba(255,215,0,.3),0 2px 4px rgba(255,215,0,.2)}.rooms-list .room-item .room-player-avatar .organizator-crown{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:16px;height:14px;display:flex;align-items:center;justify-content:center;z-index:3;background:linear-gradient(135deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.95));border-radius:50%;padding:2px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 0 0 1px rgba(255,215,0,.2)}.rooms-list .room-item .room-player-avatar .organizator-crown svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.rooms-list .room-item .room-player-avatar.room-player-avatar-empty{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.rooms-list .room-item .room-player-avatar.room-player-avatar-empty .avatar-placeholder{color:#999;font-size:18px;font-weight:300;line-height:1}.rooms-list .room-item .room-settings{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.rooms-list .room-item .room-setting-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;font-weight:500}.rooms-list .room-item .room-setting-icon{font-size:16px!important;width:16px!important;height:16px!important;color:#666;flex-shrink:0}.rooms-list .room-item .room-setting-value{font-weight:600;color:#1a1a1a;line-height:1}.rooms-list .room-item .room-date{font-size:11px;color:#888;font-weight:500;white-space:nowrap}.rooms-list .room-item .room-text{padding:0;font-weight:500;font-size:15px}.scroll-down{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);opacity:.5;display:flex;flex-direction:column;align-items:center;z-index:10;transition:opacity .3s ease;gap:6px}.scroll-down:hover{opacity:.8}.scroll-down p{text-align:center;margin:0;font-size:13px;font-weight:400;color:hsla(0,0%,100%,.8)}.scroll-down hr{display:none}.scroll-down .arrow-down{width:10px;height:8px;margin:0;display:block}.scroll-down-link{color:inherit;text-decoration:none}.details-content{width:100%;padding:0 20px 40px}.details-content h3{color:hsla(0,0%,100%,.765);font-size:24px}.details-content .game-rules{padding:20px 0}.details-content .game-rules-text{margin-left:20px}.details-content .game-rules .rules-title{position:relative}.details-content .game-rules .rules-title:before{content:"";position:absolute;left:-20px;top:2px;width:8px;height:8px;border:2px solid #494949;border-radius:50px}.details-content .game-rules .rules-text{padding:4px 0;position:relative}.details-content .game-rules .rules-text.default{margin-left:-20px}.details-content .game-rules .rules-text:not(:last-of-type):not(:first-of-type):not(:nth-of-type(2)):not(:nth-of-type(3)):before{content:"";position:absolute;left:-15px;top:-2px;width:2px;height:100%;background-color:#494949}.details-content .chars-container{display:flex;margin-top:10px;align-items:center}.details-content .chars-container:first-of-type{margin-top:20px}.details-content .chars{display:flex;align-items:center;background-color:rgba(24,25,26,.812);width:30%;border-radius:4px;height:35px;margin-right:20px}.details-content .chars p{margin-left:10px}.details-content .invert{filter:invert(100%)}.details-content .char-text{font-size:16px}.details-content .char-icon{margin-left:20px;height:20px}.details-content .char-icon img{width:20px}