.navbar{position:fixed;top:0;left:0;right:0;height:130px;padding:0 2rem;background-color:#394c62;display:flex;align-items:center;transition:height .3s,padding .3s,box-shadow .3s;z-index:1000}.navbar.scrolled{height:70px;padding:0 1rem;box-shadow:0 2px 8px #00000026}.nav-brand{display:flex;align-items:center;color:#fff;font-weight:700;font-size:2.5rem;background:#ffffff26;padding:.5rem 1.5rem;border-radius:2rem;transition:font-size .3s}.navbar.scrolled .nav-brand{font-size:1.75rem}.nav-logo{width:80px;margin-right:.75rem;transition:width .3s;border-radius:1rem}.navbar.scrolled .nav-logo{width:40px}@media (max-width: 1000px){.navbar{position:fixed}.nav-links{position:absolute;top:100%;width:100%;left:50%;right:0;background:#f2c94c;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;opacity:0;pointer-events:none;transition:opacity .3s;z-index:999}.nav-links.open{opacity:1;pointer-events:auto}.menu-toggle{display:flex}.nav-links a{font-size:1.5rem}}.footer{background-color:#394c62;color:#fff;padding:3rem 2rem 1rem;font-family:Inter,sans-serif;box-shadow:0 -4px 12px #0000001a}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto;justify-content:space-between}.footer-brand{flex:1 1 100px;flex-direction:column;justify-content:center;align-items:center}.footer-logo{width:60px;margin-bottom:1rem;border-radius:1rem}.footer-description{font-size:.9rem;line-height:1.5;color:#fff}.footer-links,.footer-contact,.footer-subscribe{flex:1;justify-content:flex-end;align-items:flex-end}.footer-links h4,.footer-contact h4,.footer-subscribe h4{font-weight:600;margin-bottom:.5rem;color:#fff}.footer-links a,.footer-contact a{display:block;color:#fff;text-decoration:none;margin-bottom:.25rem;font-size:.9rem}.footer-links a:hover,.footer-contact a:hover{color:#18bc9c}.discord-link{display:flex;align-items:center;color:#fff;text-decoration:none;margin-bottom:.5rem;font-size:.9rem}.footer-contact .icon{width:50px;height:auto;margin-right:.5rem;vertical-align:middle}.mail-link{display:flex;align-items:center;color:#fff;text-decoration:none;margin-bottom:.5rem;font-size:.9rem}.icon.mail-icon,.icon.discord-icon{background-color:#fff;border-radius:50%}.mail-link:hover .mail-icon,.mail-link:hover{color:#18bc9c}.footer-subscribe p{font-size:.9rem;margin-bottom:.5rem;color:#fff}.footer-subscribe form{display:flex;gap:.5rem}.footer-subscribe input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px}.footer-subscribe button{padding:.5rem 1rem;background-color:#18bc9c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.footer-subscribe button:hover{background-color:#0c6351}.footer-bottom{border-top:1px solid #ccc;margin-top:2rem;padding-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:.8rem}.footer-bottom p,.footer-policy a{color:#fff}.footer-policy{display:flex;gap:1rem}.footer-policy a{text-decoration:none}.footer-policy a:hover{color:#28a745}.footer-link{background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font:inherit;padding:0;margin:0 .5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content h2{text-align:center;margin-bottom:.5rem;font-size:1.75rem;color:#394c62}.modal-underline{width:3rem;height:.25rem;background:#394c62;margin:0 auto 1.5rem;border-radius:2px}.modal-body{max-height:60vh;overflow-y:auto;line-height:1.6;color:#333}.modal-body p{margin-bottom:1rem;font-size:.95rem}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center;justify-content:center;align-items:center}}.forsida-split{display:flex;width:100%;height:100%;background:#18bc9c;overflow:hidden;margin-top:80px;gap:2rem;padding:2rem;box-sizing:border-box}.panel{flex:1;background:#223042;color:#fff;display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:flex .7s ease,opacity .7s ease;cursor:pointer;position:relative}.view-info .panel-games:hover,.view-games .panel-info:hover{filter:brightness(1.3);box-shadow:0 6px 16px #0003}.view-info .panel-info{flex:2;opacity:1}.view-info .panel-games{flex:1;opacity:.6}.view-games .panel-games{flex:2;opacity:1}.view-games .panel-info{flex:1;opacity:.6}.panel-info .panel-content p{overflow:hidden;transition:opacity .5s ease,max-height .5s ease,margin .5s ease;max-height:500px;opacity:1;margin-bottom:1.5rem}.view-games .panel-info .panel-content p{max-height:0;opacity:0;margin-bottom:0}.panel{transition:flex .7s ease,opacity .7s ease,filter .2s ease,box-shadow .2s ease}.view-info .panel-games *,.view-games .panel-info .panel-content,.view-games .panel-info .stats-box,.view-games .panel-info .btn{pointer-events:none;opacity:.8}.view-info .panel-games,.view-games .panel-info{pointer-events:auto}.panel h1{font-size:3rem;margin-bottom:1rem}.panel-content{display:flex;flex-direction:row;gap:4.5rem;align-items:center;justify-content:center;margin-bottom:1.5rem}.panel p{font-size:1rem;line-height:1.5;max-width:460px;text-align:left;margin-bottom:1.5rem}.panel-illustration{width:400px;flex-shrink:0}.stats-box{background:#2f3b55;padding:1rem;border-radius:8px;margin-bottom:1.5rem;width:100%;max-width:360px}.stats-box h3{margin:0 0 .5rem;font-size:1.125rem;text-align:center}.stats-box ul{list-style:disc inside;margin:0;padding:0;font-size:.875rem;line-height:1.4}.game-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:660px;margin-bottom:1.5rem}.game-block{width:100%;margin-bottom:1rem}.game-item{display:flex;align-items:center;background:#2f3b55;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s}.game-item:hover,.game-item.open{background:#3a475e}.game-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;background:#2b3346;border-radius:0 0 8px 8px;padding:0 .75rem}.game-details.open{max-height:200px;opacity:1;padding:.75rem}.game-details p{margin:0 0 .5rem;color:#ddd;font-size:.9rem;line-height:1.4}.game-actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.btn-small{background:#54a9f9;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s}.btn-small{display:inline-block;background:#54a9f9;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.875rem;transition:background .2s}.btn-small:hover{background:#3f8ce0}.game-item{display:flex;align-items:center;background:#2f3b55;padding:.75rem;border-radius:8px}.game-item img{width:40px;height:40px;margin-right:1rem}.game-item strong{display:block}.game-item span{font-size:.875rem;color:#b0b8c1}.btn{background:#54a9f9;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s,transform .1s}.btn:hover{background:#3f8ce0;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:600px;width:90%;position:relative;box-shadow:0 8px 24px #0003}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-content h2{text-align:center;margin-bottom:.25rem;font-size:2rem;color:#223042}.modal-underline{width:3rem;height:.25rem;background:#223042;margin:0 auto 1.5rem;border-radius:2px}.modal-body{max-height:60vh;overflow-y:auto}.modal-table{width:100%;border-collapse:collapse;margin-top:1rem}.modal-table th,.modal-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #ddd}.modal-table th{font-weight:600;color:#223042}.discord-promo{max-width:1200px;margin:2rem auto;background:#223042;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:center;gap:1.5rem}.discord-promo-link{display:flex;align-items:center;text-decoration:none;color:#fff}.discord-promo-logo{width:100px;height:auto;border-radius:8px}.discord-promo-text h3{margin:0;font-size:1.75rem;line-height:1.2}.discord-promo-text p{margin:.5rem 0 0;font-size:1rem;line-height:1.4;max-width:600px}@media (max-width: 1200px){.forsida-split{padding:1.5rem;gap:1.5rem}.panel-illustration{width:300px;margin-bottom:1rem}.panel-content{gap:2.5rem}.panel h2{font-size:2.5rem}.panel p{max-width:320px}.game-details.open{max-height:none!important}}@media (max-width: 935px){.forsida-split{gap:1rem;padding:1rem}.panel-illustration{width:200px}.panel h2{font-size:2rem}.panel p{max-width:280px;font-size:.95rem}.stats-box,.game-list{max-width:280px}.game-details.open{max-height:none!important}}@media (max-width: 735px){.forsida-split{flex-direction:column;align-items:center;padding:1rem;margin-top:80px;height:auto;overflow:visible}.panel{width:calc(100% - 2rem);max-width:500px;margin:0 0 1rem;flex:none!important;height:auto!important;border-radius:12px;overflow:visible;cursor:default;opacity:1!important}.panel:last-child{margin-bottom:0}.panel-content{flex-direction:column;gap:1rem}.panel-illustration{width:100%;max-width:240px}.panel h1,.panel h2{text-align:center}.panel p{max-width:100%;font-size:.9rem}.stats-box,.game-list{max-width:100%}.btn{width:100%;text-align:center}.panel-info .panel-content p{max-height:none!important;opacity:1!important;margin-bottom:1.5rem!important}.game-details.open{max-height:none!important}.view-info .panel-games:hover,.view-games .panel-info:hover{filter:none!important;box-shadow:0 4px 12px #00000026!important}.panel *{pointer-events:auto!important;opacity:1!important}.panel-info .btn{display:block!important;opacity:1!important;pointer-events:auto!important;margin-top:1rem}.discord-promo{flex-direction:column;text-align:center;padding:1rem}.discord-promo-logo{margin-bottom:.75rem}.discord-promo-text h3{font-size:1.5rem}.discord-promo-text p{font-size:.95rem}}.banner{width:100%;height:300px;background:url(/banner.jpg) center/cover no-repeat;border-radius:8px;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.contact-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#007acc;color:#fff;border-radius:4px;transition:background .2s}.contact-btn:hover{background:#005fa3}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:#18bc9c;color:#333;overflow-x:hidden;box-sizing:border-box}a{text-decoration:none;color:inherit}main{margin:2rem auto;padding:0 1rem}@media (max-width: 768px){html{height:100%;background:#394c62}body{background:linear-gradient(to bottom,#394c62,#394c62 120px,#18bc9c 120px,#18bc9c)}}