@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-size:16px;line-height:1.5;color:#fff;background:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{width:100%;min-height:100vh;background:url(/images/bg.png) center top / cover no-repeat fixed;position:relative}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#17171799;pointer-events:none;z-index:0}.navbar{position:sticky;top:0;left:0;right:0;width:100%;max-width:1440px;margin:0 auto;background:#0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px}.navbar-logo{display:flex;align-items:center;gap:16px;text-decoration:none;flex-shrink:0}.navbar-logo-icon{width:64px;height:64px}.navbar-logo-icon img{width:100%;height:100%;object-fit:contain}.navbar-logo-text{font-family:Oswald,sans-serif;font-size:22px;font-weight:600;color:#fff;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:48px;list-style:none;height:48px}.navbar-links a{font-family:Oswald,sans-serif;font-size:20px;font-weight:500;color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:8px 16px}.navbar-links a:hover{opacity:.8}.btn-discord{display:flex;align-items:center;justify-content:center;gap:8px;width:240px;height:48px;background:#5865f2;border:none;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s;flex-shrink:0;text-decoration:none}.btn-discord:hover{background:#4752c4}.btn-discord:active{transform:scale(.97)}.btn-discord svg{width:32px;height:32px;fill:currentColor}@media(max-width:768px){.navbar{padding:12px 16px}.navbar-logo-text{font-size:16px}.navbar-links{display:none}.btn-discord{width:auto;padding:0 16px}}.content{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding-top:60px;display:flex;flex-direction:column;gap:60px}.hero{width:100%;min-height:451px;position:relative;border-radius:4px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/hero.png) center / cover no-repeat;z-index:0}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.hero>*{position:relative;z-index:2}.hero-inner{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,1);border-radius:4px;pointer-events:none;z-index:3}.hero-content{padding:80px 160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;text-align:center;min-height:451px}.hero-text{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.hero-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:500}.hero-desc{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:1.45}.hero-buttons{display:flex;gap:32px;width:100%;height:56px}.hero-buttons button{border-radius:4px;font-family:Oswald,sans-serif;font-size:20px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.btn-find{flex:1 0 0;min-width:0;padding:8px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,1);color:#fff}.btn-find:hover{background:#ffffff2e}.btn-create{flex:1 0 0;min-width:0;padding:8px 32px;background:#fff;border:none;color:#1e1e1e}.btn-create:hover{background:#e8e8e8}.features{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;padding:0 80px}.feature-card{background:#0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,1);border-radius:4px;width:400px;min-height:220px;padding:24px 32px 32px;display:flex;align-items:flex-start;gap:16px;overflow:hidden;transition:background .2s}.feature-card:hover{background:#0003}.feature-icon{flex-shrink:0;width:48px;height:48px}.feature-icon img{width:100%;height:100%;object-fit:contain}.feature-text h3{font-family:Oswald,sans-serif;font-size:20px;font-weight:500;margin-bottom:8px;color:#fff}.feature-text p{font-size:16px;line-height:1.45;color:#fffc;font-weight:400}.feature-text p.light{font-weight:300}.game-section{padding:0 80px}.game-section-title{font-family:Oswald,sans-serif;font-size:16px;font-weight:500;text-align:center;margin-bottom:16px;color:#fff}.game-table-wrapper{background:#0000000d;border-left:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);padding:16px 32px}.game-table-header{display:flex;align-items:center;gap:64px;padding:0 16px;font-family:Oswald,sans-serif;font-size:16px;font-weight:600;color:#fff}.game-table-header>div{flex:1 0 0;min-width:0}.game-table-header>div:nth-child(2){text-align:center}.game-table-header>div:nth-child(3){text-align:right}.game-table-body{display:flex;flex-direction:column;gap:0;margin-top:32px;max-height:404px;overflow-y:auto;overflow-x:hidden}.game-table-body::-webkit-scrollbar{width:6px}.game-table-body::-webkit-scrollbar-track{background:transparent}.game-table-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.game-row{display:flex;align-items:center;gap:75px;padding:8px 16px 16px;border-bottom:1px solid #fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;color:#fff}.game-row>div{flex:1 0 0;min-width:0}.game-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-row-players{text-align:center}.game-row-type{text-align:right}.about{text-align:center;padding:0 80px;display:flex;flex-direction:column;align-items:center;gap:16px}.about-title{font-family:Oswald,sans-serif;font-size:40px;font-weight:500;color:#fff}.about-text{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:1.45;max-width:100%;color:#fff}.about-text p{margin:0;line-height:1.45}.about-text p+p{margin-top:0}.mobile-content{display:none}.desktop-content{display:flex;flex-direction:column;gap:60px}@media(max-width:1024px){.features{padding:0 40px;gap:24px}.feature-card{width:calc(50% - 12px)}.game-section,.about{padding:0 40px}.hero-content{padding:48px 32px;gap:40px}.hero-title{font-size:26px}.hero-desc{font-size:14px}}@media(max-width:768px){.desktop-content{display:none}.mobile-content{display:flex;flex-direction:column;gap:60px}.content{padding-top:32px}.hero:before{background-image:url(/images/v27_1332.png)}.hero-content{padding:32px 20px;gap:24px}.hero-title{font-size:22px}.hero-desc{font-size:13px}.hero-buttons{flex-direction:column;gap:12px;height:auto}.hero-buttons button{width:100%!important;flex:none!important;padding:12px 20px;font-size:16px}.features{grid-template-columns:1fr;gap:16px;padding:0 16px}.feature-card{width:100%;min-height:auto;padding:20px;gap:14px}.feature-icon{width:40px;height:40px}.feature-text h3{font-size:17px}.feature-text p{font-size:14px}.game-section{padding:0 16px}.game-table-wrapper{padding:12px 10px}.game-table-header,.game-row{font-size:13px;gap:32px}.game-table-header>div,.game-row>div{padding:6px 4px}.about{padding:0 16px}.about-title{font-size:30px}.about-text{font-size:14px}}.rules-content{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding-top:60px}.rules-container{background:#0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,1);border-radius:4px;margin:0 80px;padding:60px 160px;display:flex;flex-direction:column;gap:48px}.rules-section{display:flex;flex-direction:column;gap:16px}.rules-section-title{font-family:Oswald,sans-serif;font-size:40px;font-weight:500;color:#fff}.rules-section-body{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:1.45;color:#fff}.rules-section-body p{margin:0;line-height:1.45}.rules-section-body p+p{margin-top:16px}.rules-highlight{font-weight:600;font-size:20px;display:block;margin-top:16px}.rules-cost{font-weight:600;font-size:16px}.rules-body-inner p{margin:0;line-height:1.45}.rules-body-inner p+p{margin-top:16px}.rules-body-inner ul{list-style:none;padding:0;margin:16px 0}.rules-body-inner li{position:relative;padding-left:24px;margin-bottom:12px;line-height:1.45}.rules-body-inner li:before{content:"•";position:absolute;left:0;top:0}.rules-body-inner li:last-child{margin-bottom:0}@media(max-width:1024px){.rules-container{margin:0 40px;padding:40px 60px}}@media(max-width:768px){.rules-container{margin:0 16px;padding:24px 20px;gap:32px}.rules-section-title{font-size:28px}.rules-section-body{font-size:14px}.rules-highlight{font-size:16px}.rules-body-inner li{padding-left:16px;margin-bottom:8px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal{width:800px;background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #fff;border-radius:4px;overflow:visible;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px}.modal-title{font-family:Oswald,sans-serif;font-size:36px;font-weight:500;color:#fff;line-height:1}.modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.modal-close:hover{opacity:.6}.modal-divider{width:100%;height:1px;background:#fff}.modal-body{padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.modal-game-type{display:flex;width:736px;border:1px solid #fff;border-radius:4px;overflow:hidden}.modal-type-btn{flex:1;height:48px;background:transparent;border:none;color:#fff;font-family:Oswald,sans-serif;font-size:18px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.modal-type-btn.active{background:#fff;color:#1e1e1e}.modal-type-btn:not(.active):hover{background:#ffffff14}.modal-fields{display:flex;flex-direction:column;width:736px}.modal-field{display:flex;flex-direction:column}.modal-field-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 0}.modal-field-label{font-family:Oswald,sans-serif;font-size:20px;font-weight:500;color:#fff;flex-shrink:0}.modal-field-input{width:160px;height:40px;background:#ffffff1a;border:none;border-radius:4px;padding:0 16px;color:#fff;font-family:Montserrat,sans-serif;font-size:14px;outline:none;text-align:center}.modal-field-input::placeholder{color:#ffffff59}.modal-field-input:focus{background:#ffffff26}.modal-field-cycle{cursor:pointer;text-align:center}.modal-field-line{width:736px;height:1px;background:#fff6}.modal-actions{display:flex;flex-direction:column;width:736px;gap:12px;margin-top:8px}.modal-btn-secondary{width:100%;height:48px;background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;font-family:Oswald,sans-serif;font-size:18px;font-weight:500;cursor:pointer;transition:background .15s}.modal-btn-secondary:hover{background:#ffffff14}.modal-btn-primary{width:100%;height:48px;background:#fff;border:none;border-radius:4px;color:#1e1e1e;font-family:Oswald,sans-serif;font-size:18px;font-weight:500;cursor:pointer;transition:background .15s}.modal-btn-primary:hover{background:#e0e0e0}@media(max-width:768px){.modal{width:calc(100% - 32px);max-height:90vh;overflow-y:auto}.modal-header{padding:16px 20px}.modal-title{font-size:28px}.modal-body{padding:20px;gap:16px}.modal-game-type,.modal-fields,.modal-field-line,.modal-actions{width:100%}.modal-field-input,.modal-field-select-wrap{width:55%}}