@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Exo+2:ital,wght@1,800&family=Roboto:wght@400;500;700&display=swap');
:root{color-scheme:dark;--blue:#00aeef;--line:#173344}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:#030a10;color:#f5f7fa;font:15px 'Roboto',Arial,sans-serif;background-image:radial-gradient(ellipse at 50% 20%,#09202f66,transparent 70%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #63d4ff;outline-offset:4px}header{height:66px;background:#030b12ed;border-bottom:1px solid #163f58;position:relative;z-index:10}.header-inner{max-width:1300px;height:100%;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;white-space:nowrap}.brand img{width:50px;height:54px}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#5ed5ff;font-weight:500;margin-top:1px}nav{display:flex;height:100%;align-items:center;gap:5px;margin-left:auto}nav a,nav button{font-size:13px;padding:25px 14px;color:#bdcbd6;height:100%;white-space:nowrap}nav .active{color:white;background:linear-gradient(90deg,transparent,#006cc85c,transparent);border-bottom:2px solid #00baff;box-shadow:0 10px 24px -15px #00baff}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:11px 22px;border:1px solid #2787b4;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{transform:translateY(-1px);background:#0e3550}.primary{background:#00a9ed;border-color:#00baff;color:#001523;box-shadow:0 4px 18px #0087dd33}.primary:hover{background:#43c9ff}.secondary{background:linear-gradient(#0b1d2c99,#05111b);color:#c2e9ff;border-color:#28516b}.header-action{font-size:13px;background:linear-gradient(#0b2050,#13254c);border-color:#2586f6;padding:10px 18px;margin-left:20px}.hero{height:294px;position:relative;background-image:linear-gradient(0deg,#030b1477,transparent 40%),url('/assets/gaming-banner.png');background-position:center;background-size:cover;text-align:center;display:flex;justify-content:center;align-items:center}.hero-copy{position:relative;z-index:1;padding-bottom:4px;text-shadow:0 2px 12px #000}.hero h1{font:800 italic clamp(45px,5.4vw,83px)/1.1 'Exo 2',Arial,sans-serif;letter-spacing:-2px;margin:0 0 7px}.hero h1 span{color:#00aeef}.tagline{font-size:13px;letter-spacing:5px}.tagline i{font-style:normal;margin:0 14px;color:#92aabc}.hero p{font-size:17px;line-height:1.45;color:#d0dce6;margin:17px 0}.hero strong{font-weight:500;color:white}.hero-actions{display:flex;justify-content:center;gap:22px}.hero-actions .button{min-width:194px;padding:12px 22px}.hero-actions .secondary{background:#00111bc9;border-color:#009ed7;color:white}.content{max-width:1432px;margin:auto;padding-bottom:15px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.server{height:236px;border:1px solid #20516b;border-bottom-color:#102b3b;border-radius:11px;position:relative;overflow:hidden;background:#06121d;isolation:isolate}.server:before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('/assets/gaming-banner.png');background-size:auto 300px;background-repeat:no-repeat}.server.cs16:before{background-position:left center}.server.minecraft:before{background-position:62% center}.server.teamspeak:before{background-position:right center}.server:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#031019ed 32%,#020b12e0 87%,#02101a99)}.server.teamspeak:after{background:linear-gradient(90deg,#04101c9c,#031019ed 30%,#020b12b8)}.server-body{position:relative;padding:20px 22px 17px 42%;height:100%;display:flex;flex-direction:column}.server.minecraft .server-body{padding-left:34%}.server.teamspeak .server-body{padding-left:25%}.server-icon{position:absolute;top:25px;left:25px;font-size:46px;color:#6bbbe9;text-shadow:2px 3px #12334c}.server.cs16 .server-icon{left:29%;font-size:32px;color:#e9edf0}.server.minecraft .server-icon{left:20%;color:#88b455;font-size:34px}.server-top{display:flex;align-items:center;gap:8px;margin-bottom:16px}.server h2{font:700 22px 'Barlow Condensed',Arial,sans-serif;white-space:nowrap;margin:0}.status{margin-left:auto;font:500 8px 'Roboto',sans-serif;white-space:nowrap;border:1px solid #5b7083;border-radius:20px;padding:5px 7px;color:#b6c5d0;background:#13202be8}.status.online{background:#00551b;border-color:#00cb45;color:white;box-shadow:0 0 15px #00d53633}.server-info{display:grid;gap:8px;font-size:13px;color:#bacbd8}.info-row{display:flex;gap:10px;align-items:center;min-width:0}.info-row>span:first-child{color:#809aaf;width:16px;text-align:center}.info-row b{font-weight:400;color:#f0f5fa}.address{font-size:13px;color:#dbe9f3;overflow-wrap:anywhere}.server-actions{display:flex;gap:12px;margin-top:auto;position:relative;margin-left:-30px}.server-actions .button{padding:10px 15px;flex:1;border-radius:9px;font-size:13px}.server.minecraft .server-actions{margin-left:-4px}.server.teamspeak .server-actions{margin-left:-35px}.detail-link{position:absolute;inset:0 auto 0 0;width:25%;font-size:0;z-index:1}.detail-link:focus-visible{outline-offset:-5px}.monitor-note{display:flex;align-items:center;gap:12px;font-size:9px;color:#7891a4;padding:5px 3px;min-height:24px}.monitor-note button{font-size:9px;color:#93afc2;padding:0}.monitor-note>span:last-child{margin-left:auto}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #102c3e;border-radius:11px;background:linear-gradient(120deg,#07121c,#060e16);padding:20px 32px;gap:28px;margin:0 0 14px}.benefits>div{display:flex;gap:26px;align-items:center}.benefit-icon{font-size:43px;color:#4bc3fc;line-height:1;width:56px;text-align:center}.benefits h2{font-size:16px;margin:0 0 6px}.benefits p{font-size:14px;color:#a9bece;line-height:1.5;margin:0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{border:1px solid #112d3e;border-radius:11px;overflow:hidden;background:linear-gradient(110deg,#06111a,#040d14)}.panel-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #122330}.panel h2{font:700 21px 'Barlow Condensed',Arial,sans-serif;margin:0}.panel h2 span{color:#50c6fa;margin-right:10px}.text-button{font-size:12px;color:#00baff}.news-row{width:100%;text-align:left;padding:9px 24px 0;display:flex;gap:18px;align-items:center}.news-row:last-child{padding-bottom:16px}.date{background:#192b39;border-radius:8px;padding:10px 12px;font-weight:700;font-size:15px;white-space:nowrap}.news-row b{display:block;font-size:14px;font-weight:500}.news-row small{display:block;font-size:13px;color:#9bb0c3;margin-top:4px}.news-row em{margin-left:auto;color:#7893a7;font-size:7px;letter-spacing:1px;font-style:normal}.news-row:hover b{color:#51d2ff}.about-content{padding:8px 24px 17px;display:flex;align-items:center;gap:20px}.about p{font-size:15px;line-height:1.45;color:#a9bdce;margin:3px 0 14px}.about img{width:132px;height:160px;transform:rotate(-10deg);filter:drop-shadow(0 10px 25px #0075d657)}.about .button{padding:10px 23px}footer{border-top:1px solid #112635;padding:18px max(4%,calc((100% - 1410px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8da3b6;background:#050e17}footer>div{display:flex;align-items:center;gap:17px}footer b{font-size:18px;color:white}footer strong{color:#ff534a;font-size:22px}footer button{font-size:12px;color:#b0c2d0}.menu{display:none}.skip{position:fixed;top:-100px;background:#00baff;color:#00111b;z-index:100;padding:12px}.skip:focus{top:0}dialog{background:#081724;color:white;border:1px solid #32749a;border-radius:12px;max-width:580px;width:90%;padding:34px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#010810cf;backdrop-filter:blur(5px)}dialog p,dialog li{color:#b4c8d8;font-size:14px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:#37c8ff}.close{position:absolute;right:12px;top:9px;font-size:26px;color:#bbd4e7}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;border:1px solid #2fbaf4;background:#0b2537;padding:13px 22px;border-radius:8px;z-index:100;display:none;font-size:13px}.detail{padding:35px 20px;min-height:70vh}.detail h1{font-size:44px}.detail p{color:#aec2d2;line-height:1.7}.detail .server{max-width:650px;margin:20px 0}.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.detail-sections>div{border-top:1px solid #193346;padding-top:10px}[hidden]{display:none!important}
@media(min-width:1600px){.hero{height:320px}}@media(max-width:1460px){.content{margin-inline:3.3%}.header-inner{margin-inline:6%;gap:15px}nav a,nav button{padding-inline:10px}.brand{font-size:23px}.header-action{margin-left:8px}.server-body{padding-right:16px;padding-left:37%}.server h2{font-size:20px}.server-actions{gap:8px;margin-left:-55px}.server-actions .button{padding-inline:10px;font-size:12px}.server.cs16 .server-icon{left:22%}.server-info,.address{font-size:12px}.status{font-size:7px;padding:5px}.benefits{padding:18px 25px;gap:15px}.benefits>div{gap:18px}.benefits p{font-size:13px}.about p{font-size:14px}}
@media(max-width:1150px){.header-inner{margin-inline:3.3%}.brand{font-size:20px}.brand img{width:42px}.brand small{font-size:9px}nav a,nav button{padding-inline:8px;font-size:11px}.header-action{font-size:11px;padding:10px}.server-top{flex-wrap:wrap;gap:7px;margin-bottom:10px}.status{margin-left:0}.server{height:250px}.server h2{font-size:21px}.server-body{padding-left:31%;padding-top:15px}.server.minecraft .server-body{padding-left:28%}.server.teamspeak .server-body{padding-left:23%}.server.cs16 .server-icon{left:8%;font-size:28px}.server.minecraft .server-icon{left:8%;font-size:30px}.server.teamspeak .server-icon{left:5%;font-size:35px}.server-actions{margin-left:-55px}.server.minecraft .server-actions{margin-left:-45px}.server.teamspeak .server-actions{margin-left:-35px}.server-actions .button{font-size:11px}.benefit-icon{font-size:32px;width:34px}.benefits>div{gap:10px}.benefits h2{font-size:14px}.benefits p{font-size:12px}.news-row{padding-inline:15px;gap:10px}.news-row b{font-size:13px}.news-row small{font-size:11px}.about-content{padding-inline:18px;gap:10px}.about img{width:95px}.about p{font-size:13px}}
@media(max-width:800px){header{height:66px}.header-action{display:none}.menu{display:block;margin-left:auto;font-size:24px}nav{display:none;position:absolute;top:66px;left:0;right:0;height:auto;padding:10px 5%;background:#061725;flex-wrap:wrap;border-bottom:1px solid #20526e}nav.open{display:flex}nav a,nav button{padding:12px;font-size:13px}.brand{font-size:23px}.hero{height:290px;background-position:center;background-image:linear-gradient(#020a1333,#020a1366),url('/assets/gaming-banner.png')}.hero h1{font-size:clamp(38px,7vw,62px);letter-spacing:-1px}.tagline{font-size:9px;letter-spacing:3px}.tagline i{margin:0 6px}.hero p{font-size:14px}.hero-actions{gap:12px}.hero-actions .button{padding:11px 14px;min-width:150px;font-size:12px}.server-grid{grid-template-columns:1fr}.server{height:220px}.server:before{background-size:auto 300px}.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding:20px 22px 18px 36%}.server-top{flex-wrap:nowrap;margin-bottom:15px}.server h2{font-size:25px}.status{margin-left:auto;font-size:8px}.server-info,.address{font-size:13px}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:14%;top:30px;font-size:40px}.server-actions,.server.minecraft .server-actions,.server.teamspeak .server-actions{margin-left:0}.server-actions .button{font-size:13px}.monitor-note{flex-wrap:wrap;gap:5px 12px;padding:9px 2px}.monitor-note>span:last-child{margin-left:0}.benefits{grid-template-columns:1fr 1fr;padding:18px 20px;gap:23px 15px}.benefits>div{gap:15px}.benefits h2{font-size:14px}.benefits p{font-size:12px}.benefit-icon{font-size:36px;width:40px}.lower-grid{grid-template-columns:1fr}.news-row{padding:10px 18px 0}.news-row b{font-size:14px}.news-row small{font-size:12px}.about p{font-size:14px}.about img{width:120px}.content{margin-inline:4%}.about-content{padding:12px 20px 20px}footer{flex-wrap:wrap;justify-content:center;gap:12px;padding:18px 4%;font-size:10px}footer b{font-size:16px}footer>div{gap:10px}.detail-sections{grid-template-columns:1fr}}
@media(max-width:420px){.hero h1{font-size:38px}.hero p{font-size:13px}.tagline{font-size:8px;letter-spacing:2px}.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding-left:27%;padding-right:14px}.server h2{font-size:21px}.status{font-size:7px}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:7%;font-size:31px}.server-actions .button{font-size:11px;padding:11px}.server-info,.address{font-size:12px}.benefits{padding:17px 12px;gap:20px 10px}.benefits>div{gap:8px}.benefit-icon{font-size:30px;width:30px}.benefits h2{font-size:13px}.benefits p{font-size:11px}.news-row{gap:10px;padding-inline:13px}.news-row b{font-size:12px}.news-row small{font-size:11px}.date{font-size:13px;padding:10px}.news-row em{font-size:6px}.about img{width:80px}.about p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Revize 3: cílené zlepšení čitelnosti, bez změny kompozice stránky. */
.icon{width:18px;height:18px;flex:0 0 auto;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button .icon{width:17px;height:17px}.hero-actions .button{gap:10px}.header-action{gap:8px}.panel-head h2{display:flex;align-items:center;gap:10px}.panel-head h2>.icon{width:23px;height:23px;color:#50c6fa}.text-button{display:inline-flex;align-items:center;gap:7px}.text-button .icon{width:15px;height:15px}#refresh{display:inline-flex;align-items:center;gap:5px}#refresh>.icon{width:12px;height:12px}footer button{display:flex;align-items:center;gap:7px}footer strong .icon{fill:currentColor;width:22px;height:22px}.benefit-icon{display:flex;align-items:center;justify-content:center}.benefit-icon>.icon{width:42px;height:42px;stroke-width:1.9;filter:drop-shadow(0 2px 8px #1aaaf526)}
.server{height:252px;border-color:#2b536c;box-shadow:inset 0 1px 0 #b0ddff0a;background:#0d1c29}.server:before{filter:brightness(1.22) saturate(1.08)}.server.cs16:after{background:linear-gradient(90deg,#0a172315,#0d1b27e8 32%,#0a1724ed 85%,#102234bd)}.server.minecraft:before{filter:brightness(1.48) saturate(1.35);background-position:65% center}.server.minecraft:after{background:linear-gradient(90deg,#15372b08,#102b30ca 32%,#0b202cde 85%,#17403a80)}.server.teamspeak:before{filter:brightness(1.4) saturate(1.14)}.server.teamspeak:after{background:linear-gradient(90deg,#0a244765,#0b2137e0 30%,#0a1b30c9)}
.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding:19px 18px 17px 29%}.server-top{gap:9px;margin-bottom:15px;align-items:center;flex-wrap:wrap}.server h2{font:700 20px/1.25 'Roboto',Arial,sans-serif;letter-spacing:-.45px;text-shadow:0 2px 10px #0008}.status{font-size:8px;letter-spacing:.15px;padding:5px 7px;background:#122c3be8;color:#d3e1ed;border-color:#698397;margin-left:auto;line-height:1.2}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:8%;top:25px;color:#a0d4f5;filter:drop-shadow(0 3px 8px #0008)}.server-icon>.icon{width:43px;height:43px;stroke-width:1.65}.server.minecraft .server-icon{color:#b3e6a0}.server.cs16 .server-icon{color:#d7dee7}.server-info{font-size:13px;gap:10px;line-height:1.3;color:#c2d3e0}.info-row{gap:9px;align-items:flex-start}.info-row>span:first-child{display:flex;align-items:center;padding-top:1px;flex:0 0 17px;color:#a1bbcf}.info-row .icon{width:16px;height:16px}.info-row b{color:#fff;font-weight:500}.address{font-size:13px;font-weight:500;color:#f0f7ff;letter-spacing:.05px}.server-actions,.server.minecraft .server-actions,.server.teamspeak .server-actions{margin-left:-16px;gap:10px}.server-actions .button{min-height:44px;font-size:13px;padding:10px 12px;gap:8px;box-shadow:0 3px 12px #00101c44}.server-actions .secondary{background:linear-gradient(#152d40,#0c1b2b);border-color:#47667e;color:#dbedfa}.server-actions .primary{background:#04b5f6;color:#001623}.server-actions .button:hover{filter:brightness(1.13)}.detail-link{width:23%}.panel h2{font:700 19px/1.3 'Roboto',Arial,sans-serif;letter-spacing:-.25px}.benefits h2{font-weight:700;letter-spacing:-.15px}
@media(min-width:1200px){.server h2{font-size:21px}.server.cs16 .server-body{padding-left:28%}.server.cs16 .server-top{gap:8px}.server-top{margin-bottom:14px}}
@media(min-width:801px) and (max-width:1199px){.server{height:270px}.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding-left:25%;padding-right:14px}.server h2{font-size:18px}.server-top{min-height:50px;align-content:flex-start;gap:7px;margin-bottom:9px}.status{margin-left:0}.server-info,.address{font-size:12px}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:6%;top:23px}.server-icon>.icon{width:32px;height:32px}.server-actions,.server.minecraft .server-actions,.server.teamspeak .server-actions{margin-left:-48px;gap:7px}.server-actions .button{font-size:11px;padding-inline:8px;gap:6px}.server-actions .icon{width:15px;height:15px}.benefit-icon>.icon{width:34px;height:34px}}
@media(max-width:800px){.server{height:240px}.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding:18px 18px 16px 32%}.server-top{flex-wrap:wrap;margin-bottom:15px;gap:8px}.server h2{font-size:22px}.status{font-size:8px}.server-info,.address{font-size:13px}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:10%;top:26px}.server-icon>.icon{width:40px;height:40px}.server-actions,.server.minecraft .server-actions,.server.teamspeak .server-actions{margin-left:-15px;gap:9px}.server-actions .button{font-size:13px;min-height:45px;padding:10px 12px}.benefit-icon>.icon{width:35px;height:35px}}
@media(max-width:420px){.server{height:250px}.server-body,.server.minecraft .server-body,.server.teamspeak .server-body{padding-left:25%;padding-right:14px}.server h2{font-size:20px}.server-top{gap:7px;min-height:49px;align-content:flex-start;margin-bottom:10px}.status{margin-left:0;font-size:8px}.server-icon,.server.cs16 .server-icon,.server.minecraft .server-icon,.server.teamspeak .server-icon{left:6%;top:24px}.server-icon>.icon{width:35px;height:35px}.server-actions,.server.minecraft .server-actions,.server.teamspeak .server-actions{margin-left:-48px;gap:8px}.server-actions .button{font-size:12px;padding-inline:10px}.server-info,.address{font-size:12px}.benefit-icon>.icon{width:29px;height:29px}.hero-actions .button{gap:7px}.hero-actions .button .icon{width:15px;height:15px}.panel h2{font-size:18px}}
/* Datové stavy zachovávají původní rozměry a vzhled karet. */
.status{display:inline-flex;align-items:center;gap:5px}.status i{width:5px;height:5px;border-radius:50%;background:#b6c6d2;flex:0 0 auto}.status.online i{background:#7cffaa;box-shadow:0 0 6px #00de76}.status.offline{color:#ffc4ca;background:#441c2c;border-color:#bf536b}.status.offline i{background:#ff7188}.state-message{font-size:12px;color:#c2d0db;margin:7px 0;line-height:1.5}.state-message.offline{color:#ffbec8}.capacity{height:4px;background:#52758644;border-radius:4px;overflow:hidden;margin-top:1px}.capacity>span{display:block;height:100%;background:#58e8a4}.monitor-note{flex-wrap:wrap;line-height:1.5}#refresh:disabled{cursor:wait;opacity:.7}#monitor-error{color:#aab7c6}.server-info{gap:8px}
@media(min-width:1200px){.server .status{font-size:7px;padding:5px;gap:4px}.server .status i{width:4px;height:4px}}
/* Trvale viditelné řádky; rozměry karet a ukotvení tlačítek beze změny. */
.server .server-info{gap:4px;font-size:12px;line-height:1.3}.server .server-top{margin-bottom:10px}.server .info-row{gap:8px}.server .info-row .address{font-size:12px}.server .capacity{height:3px;min-height:3px;margin:0 0 2px 25px;background:#8bafbf35}.server .capacity.unknown{background:#9aaaba40}.server .capacity.offline{background:#788a9b30}.server .capacity.offline>span,.server .capacity.unknown>span{background:transparent}.server .capacity.online>span{background:#58e8a4}
@media(max-width:420px){.server .server-info{font-size:11.5px;gap:4px}.server .info-row .address{font-size:11.5px}.server .server-top{margin-bottom:8px}.server .info-row .icon{width:15px;height:15px}}