.title-card{width:100%;max-width:800px;padding:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;text-align:center}.title-image img{width:120px;height:auto;filter:drop-shadow(0 0 10px rgba(76,209,197,.4));transition:transform .3s ease}.title-card:hover .title-image img{transform:rotate(-5deg) scale(1.05)}.title-text{display:flex;flex-direction:column}.status{min-width:0;margin-top:24px;display:flex;flex-direction:column}.server-status-wrapper{display:flex}.server-status{flex:1}.version{flex:1;font-style:italic;opacity:50%;margin-left:20px;text-align:right}.player-count{margin-top:24px}.player-list{margin-top:10px;max-height:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start;justify-items:center}.player-list img{margin:10px 0}.player-item{width:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;background:#ffffff0d;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.status-online{color:#4f4;font-weight:700}.status-offline{color:#f44}.label{margin-bottom:1rem;font-size:1.1rem;text-align:center}.address-container{background:#0006;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.address-container:hover{background:#0009;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.address-container code{font-family:Consolas,monospace;font-size:1.2rem;color:var(--accent-color);font-weight:700}.copy-hint{font-size:.8rem;margin-top:.5rem;color:#888;text-transform:uppercase;letter-spacing:1px}.address-container.copied{border-color:#4cd15e}.address-container.copied .copy-hint{color:#4cd15e}.hosted{margin-top:auto;padding-top:1.5rem;text-align:center;font-size:.9rem;opacity:.7}@media(max-width:768px){.address-container code{font-size:1.1rem}}ul{list-style:none}li{margin-bottom:1rem}li>a{display:block;text-decoration:none;color:#fff;background:#ffffff0d;padding:.8rem 1rem;border-radius:8px;transition:all .3s ease;border-left:3px solid transparent}li>a:hover{background:#ffffff26;border-left:3px solid var(--accent-color);padding-left:1.5rem}footer{display:flex;width:100%;max-width:800px;padding:25px;align-items:center;justify-content:center;color:var(--text-main)}footer a{display:inline;background-color:transparent;color:var(--accent-color)}:root{--bg-dark: #1a2e36;--glass-bg: rgba(20, 30, 35, .65);--glass-border: 1px solid rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--blur-strength: blur(8px);--accent-color: #4cd1c5;--text-main: #ffffff;--text-muted: #b0c4de}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:16px;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}h1{font-family:Ranchers,cursive;font-size:clamp(3rem,8vw,5rem);letter-spacing:.05em;color:var(--accent-color);text-shadow:0 4px 10px rgba(0,0,0,.5);line-height:1}h2{font-family:Truculenta,sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-muted);font-weight:400;margin-top:.5rem}h3{font-family:Truculenta,sans-serif;font-size:1.8rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}h4{font-family:Truculenta,sans-serif;font-size:1.3rem;margin-bottom:.5rem}p,a,span{font-family:Red Hat Display,sans-serif}.main-wrapper{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;background-image:url(/background2.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1000px #0000001a}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--blur-strength);-webkit-backdrop-filter:var(--blur-strength);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;background-image:linear-gradient(145deg,#ffffff0d,#ffffff03)}.content-grid{display:flex;flex-wrap:wrap;gap:2rem;width:100%;max-width:800px;justify-content:center}.server-box,.mods-box{flex:1 1 300px;padding:2.5rem;display:flex;flex-direction:column}@media(max-width:768px){.title-card{flex-direction:column}h1{font-size:3.5rem}.box-left,.box-right{min-height:auto}}
