:root{color-scheme:dark;--bg:#020d19;--panel:#041629;--line:#173b57;--text:#f3f7ff;--muted:#a9bfd5;--cyan:#04c9f9;--blue:#0066ff;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 2% 55%,#07336155,transparent 35%),radial-gradient(ellipse at 100% 75%,#06396b44,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #71e4ff;outline-offset:5px}button{transition:background .18s,border-color .18s,transform .18s}button:hover{filter:brightness(1.12)}.container{width:min(1260px,calc(100% - 64px));margin:auto}.header{background:#020c18f5;border-bottom:1px solid #102c43;position:relative;z-index:5}.nav-wrap{width:min(1370px,calc(100% - 48px));min-height:82px;margin:auto;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-.8px}.brand>span:last-child{color:var(--cyan)}.snowflake{font-size:45px;font-weight:400;color:var(--cyan);margin-right:9px;line-height:1}.header nav{display:flex;align-self:stretch;align-items:center;gap:24px;margin:auto}.header nav a,.header nav button{position:relative;font-size:14px;font-weight:600;padding:26px 0;background:none;white-space:nowrap}.header nav a:hover,.header nav button:hover{color:var(--cyan)}.header nav .active{color:var(--cyan)}.header nav .active:after{position:absolute;content:'';height:3px;background:var(--cyan);left:0;right:0;bottom:10px;box-shadow:0 0 16px #00c8ff}.button{background:linear-gradient(115deg,#009cff,#0059ff);border:1px solid #088bff;box-shadow:0 5px 25px #006bff35;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:12px;padding:16px 21px;font-size:14px;font-weight:750;min-height:50px}.button:hover{transform:translateY(-2px)}.button.small{padding:11px 16px;font-size:14px;min-height:44px}.secondary{background:#04172bce;border-color:#176295;box-shadow:none}.header-online{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #17334a;background:#061728;border-radius:11px;padding:12px;font-size:14px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#00d3e6;box-shadow:0 0 12px #00caff55;display:inline-block;flex-shrink:0}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;min-height:490px;background:#051424}.hero-art{position:absolute;inset:0 0 0 26%;background-image:url('../img/froscik-original.png');background-size:auto 244.4%;background-position:right 12.07%;background-repeat:no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020d19 0%,#020e1af2 23%,#0313259c 43%,transparent 65%),linear-gradient(0deg,#020d19,transparent 20%)}.hero-inner{position:relative;min-height:490px;padding:45px 0 38px;display:flex;align-items:center}.hero-copy{max-width:625px}.server-pill{display:inline-flex;align-items:center;gap:10px;background:#063363a8;border:1px solid #144776;border-radius:30px;padding:7px 12px;font-size:13px;flex-wrap:wrap;text-align:left}.pill-divider{width:1px;height:12px;background:#45718e}.server-pill #hero-status{color:#8cecff}h1{font-size:clamp(42px,4.2vw,66px);line-height:1.04;letter-spacing:-1.7px;margin:17px 0 15px;font-weight:900}h1 span{background:linear-gradient(#67e5ff 10%,#00b6ed 38%,#0063ff 90%);color:var(--cyan);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 7px 28px #0087ff20}.hero-copy>p{font-size:17px;line-height:1.5;max-width:460px;margin:0 0 21px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.ip-row{display:flex;align-items:center;gap:13px;margin:15px 0 10px;font-size:14px;color:var(--muted);flex-wrap:wrap}.ip-row strong{color:#dfefff}.demo-label{font-size:12px;background:#132b40;border:1px solid #2c5068;padding:2px 8px;border-radius:6px;color:#c5d6e4}.online-strip{background:transparent;padding:0;display:flex;align-items:center;gap:10px;font-size:14px;text-align:left;max-width:100%}.online-strip>span:nth-child(2){overflow-wrap:anywhere}.avatars{display:flex;padding-left:4px}.avatar{display:inline-grid;place-items:center;width:29px;height:29px;flex-shrink:0;margin-left:-4px;background:linear-gradient(135deg,#054bac,#038eac);border:2px solid #071827;border-radius:9px;color:#efffff;font-size:12px;font-weight:800}.avatar:nth-child(even){background:linear-gradient(130deg,#4963b1,#295471)}.arrow{color:var(--cyan);font-size:21px;margin-left:auto}.hero-note{position:absolute;right:0;top:28px;transform:rotate(-9deg);font-family:Georgia,serif;font-style:italic;font-size:22px;text-align:center;line-height:1.2;text-shadow:0 2px 8px #001}.hero-note span{display:block;font-size:45px;margin-top:8px}.snow{position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#c2eeff 1px,transparent 2px),radial-gradient(circle,#8ddcff 1px,transparent 2px);background-size:113px 109px,179px 167px;background-position:15px 8px,80px 48px}.main-content{position:relative}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:0}.card{border:1px solid var(--line);background:linear-gradient(130deg,#061b2ee8,#031220f5);border-radius:var(--radius);text-align:left}.card:hover{border-color:#1874ab}.stat{padding:19px 23px;display:flex;align-items:center;gap:19px;min-height:95px}.icon{font-size:42px;line-height:1;color:var(--cyan);text-shadow:0 0 20px #008aff99;width:43px;text-align:center}.stat-copy{display:flex;flex-direction:column}.stat-copy strong{font-size:29px;line-height:1.1}.stat-copy>span{font-size:14px;color:var(--muted);margin-top:5px}.tag{font-size:12px;border-radius:20px;background:#003e43;color:#51efdc;margin-left:auto;align-self:flex-start;padding:3px 12px}.tag.muted{background:#0c2b4b;color:#afd6ff}.stat>.arrow{margin-left:0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:21px 0;scroll-margin-top:35px}.feature{position:relative;display:flex;align-items:flex-start;gap:14px;padding:22px 18px 26px;min-height:144px}.feature-icon{display:grid;place-items:center;color:#04c9ff;background:linear-gradient(135deg,#075ca1,#003064);border:1px solid #078bca;box-shadow:0 0 20px #0066ff22;font-size:37px;line-height:1;min-width:48px;height:52px;border-radius:12px}.feature:first-child .feature-icon{color:#baff77;background:linear-gradient(135deg,#256c27,#173d30);border-color:#348841}.feature:nth-child(3) .feature-icon{color:#ffb568;background:linear-gradient(135deg,#793615,#38220f);border-color:#a25427}.feature strong{font-size:16px;display:block;margin:2px 0 7px}.feature>span>span{color:var(--muted);font-size:14px;display:block;line-height:1.5}.circle-arrow{position:absolute;right:12px;bottom:11px;background:#062a4b;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:var(--cyan)}.join-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin:27px 0 40px;align-items:stretch}.gallery-card{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #256797;min-height:268px;text-align:left;background:#073368}.gallery-art{position:absolute;inset:0;background-image:url('../img/froscik-original.png');background-size:auto 244.4%;background-position:right 12.07%;transition:transform .3s}.gallery-card:hover .gallery-art{transform:scale(1.035)}.gallery-card:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#031326)}.gallery-center{position:absolute;z-index:1;left:44%;top:33%;display:grid;place-items:center;font-size:32px;width:60px;height:60px;border-radius:50%;background:#0065dbc9;border:1px solid #70c9ff}.gallery-caption{position:absolute;z-index:2;bottom:18px;left:20px;right:20px;display:flex;align-items:center;gap:14px}.gallery-caption strong{display:block;font-size:14px}.gallery-caption span span{display:block;color:#b1c9e4;font-size:13px}.gallery-symbol{font-size:26px;background:#0c3560;border-radius:8px;padding:3px 10px}.eyebrow{color:#a4dcff;background:#042039;display:inline-block;border-radius:16px;padding:3px 10px;font-size:12px;letter-spacing:.6px}h2{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}h2 span{color:var(--cyan)}.join-content>p{font-size:14px;margin:10px 0 17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{position:relative;min-height:163px;padding:15px 13px}.step-icon{display:inline-grid;place-items:center;border-radius:8px;background:linear-gradient(140deg,#009aff,#0052ff);font-size:26px;width:38px;height:38px;box-shadow:0 0 18px #006aff55;margin-bottom:10px}.step-number{color:#68ceff;position:absolute;right:15px;top:17px;font-size:13px}.step strong{display:block;font-size:14px;margin-bottom:5px}.step>span:last-child{display:block;color:var(--muted);font-size:13px;line-height:1.6}.community{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:27px 30px;margin:20px 0 40px}.community h2{font-size:26px}.community p{color:var(--muted);font-size:14px;margin:10px 0 0}.community .button{flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #17334a;padding:27px 0 35px}footer .brand{font-size:20px}footer .snowflake{font-size:30px}footer p{color:#829ab3;font-size:12px;margin:0}.footer-link{color:#afd4f2;background:none;font-size:14px}dialog{width:min(690px,calc(100% - 32px));max-height:85dvh;background:#061727;border:1px solid #25618a;border-radius:20px;color:var(--text);padding:25px;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.modal-top h2{font-size:26px;margin:2px 0 18px}.close{width:40px;height:40px;flex-shrink:0;border:1px solid #2e4a60;border-radius:9px;background:#102d45;font-size:25px}.modal-body,p{overflow-wrap:anywhere}#modal-body p{color:#c0d1e2;margin:0 0 18px}#modal-body .button{margin-top:7px}.player-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-list li{display:flex;align-items:center;gap:10px;background:#0b2840;padding:10px;border-radius:10px;overflow-wrap:anywhere;min-width:0}.player-list .avatar{margin:0}#modal-body ol{padding-left:23px;color:#c1d4e6}#modal-body li{margin-bottom:9px}.gallery-view{height:290px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:15px}.gallery-view.reference{background-size:auto 244.4%;background-position:right 12.07%}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.gallery-controls button{background:#123653;border:1px solid #2a6688;border-radius:9px;padding:9px 17px}.gallery-controls button:disabled{opacity:.4;cursor:default}.ranking{width:100%;border-collapse:collapse}.ranking th,.ranking td{text-align:left;padding:10px;border-bottom:1px solid #234156}.ranking th{color:#7bdfff}.manual-ip{width:100%;font:inherit;padding:13px;border:1px solid #3688b5;border-radius:8px;background:#03101e;color:white}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:#0d3451;border:1px solid #1684b7;border-radius:10px;opacity:0;pointer-events:none;z-index:30;transition:.2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:10px;background:#0062cf;padding:12px;z-index:50}.skip:focus{top:10px}.noscript{padding:15px;text-align:center;background:#133251}
@media(min-width:1600px){.hero-art{inset-inline-start:32%}.hero{max-width:1920px;margin:auto}}
@media(max-width:1250px){.nav-wrap{gap:15px}.header nav{gap:15px}.desktop-discord{display:none}.hero-note{right:5px}.feature{padding:18px 13px 30px;gap:10px}.feature-icon{min-width:38px;height:43px;font-size:29px}.feature strong{font-size:14px}.feature>span>span{font-size:13px}.join-layout{gap:23px}.brand{font-size:23px}}
@media(max-width:1000px){.nav-wrap{flex-wrap:wrap;min-height:75px;padding:13px 0;gap:14px}.menu-toggle{display:block;margin-left:auto;background:#09243d;border:1px solid #245375;border-radius:8px;width:43px;height:43px;font-size:23px}.header nav{display:none;order:5;width:100%;margin:0;align-items:stretch;gap:0}.header nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.header nav a,.header nav button{text-align:left;padding:12px}.header nav .active:after{display:none}.hero-art{left:15%;opacity:.85}.hero-shade{background:linear-gradient(90deg,#020d19f7,#020d19c9 40%,#020d1910),linear-gradient(0deg,#020d19,transparent 25%)}.hero-note{display:none}.features{grid-template-columns:repeat(2,1fr)}.feature strong{font-size:16px}.feature>span>span{font-size:14px}.join-layout{grid-template-columns:1fr}.gallery-card{min-height:320px}.gallery-art{background-size:auto 244.4%}.community{align-items:flex-start}.community h2{font-size:24px}.step{min-height:160px}footer{flex-wrap:wrap}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.nav-wrap{width:calc(100% - 28px);gap:10px}.brand{font-size:20px}.snowflake{font-size:34px;margin-right:5px}.header-online{font-size:12px;padding:9px 8px;gap:5px}.header-online>span:last-child{display:none}.menu-toggle{width:37px;height:37px}.hero{min-height:590px}.hero-inner{min-height:590px;padding:135px 0 28px;align-items:flex-end}.hero-art{inset:0 0 26% 0;background-size:auto 244.4%;opacity:.8}.hero-shade{background:linear-gradient(0deg,#020d19 4%,#020d19e8 45%,#020d1920 100%)}h1{font-size:45px;margin:17px 0}.hero-copy>p{font-size:16px}.hero-buttons{gap:9px}.hero-buttons .button{flex:1 1 190px;padding:13px 10px;font-size:13px}.ip-row{font-size:13px}.online-strip{font-size:13px}.stats{gap:10px}.stat{min-height:113px;padding:14px 12px;gap:9px;flex-wrap:wrap;position:relative}.stat .icon{font-size:27px;width:28px}.stat-copy strong{font-size:25px}.stat-copy>span{font-size:12px}.stat .tag{order:4;font-size:11px;margin-left:37px;padding:1px 7px}.stat>.arrow{display:none}.features{gap:10px;margin:13px 0}.feature{display:block;padding:15px 13px 28px;min-height:200px}.feature-icon{width:40px;margin-bottom:12px}.feature strong{font-size:15px}.feature>span>span{font-size:13px}.gallery-card{min-height:250px}.join-layout{gap:25px;margin-top:20px}.steps{gap:9px}.step{padding:12px 10px}.step strong{font-size:13px}.step>span:last-child{font-size:12px}.step-number{right:9px;top:13px}.step-icon{width:31px;height:33px;font-size:22px}.community{display:block;padding:23px}.community .button{margin-top:20px;width:100%}.community h2{font-size:25px}footer{gap:18px}footer p{order:3;width:100%}dialog{padding:19px}.gallery-view{height:220px}.player-list{grid-template-columns:1fr}.server-pill{font-size:12px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:600px){.hero-art{background-position:80% 12.07%}}