*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#4ba4d8,#1e679f 42%,#0b2c5a 100%);color:#fff;font-family:Arial,sans-serif;font-weight:700}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(#286fa8,#154a81);border-bottom:4px solid #08234b;box-shadow:inset 0 2px #9ce1ff,0 4px #061a36;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:15px;line-height:.9;text-shadow:2px 2px #08234b}.brand b{color:#8df66c}.cube-icon{width:35px;height:35px;border-radius:10px;background:#8df66c;border:3px solid #08234b;box-shadow:inset 0 2px #e0ffc9,3px 3px #08234b;position:relative}.cube-icon:after{content:'';position:absolute;width:9px;height:9px;left:7px;top:8px;background:#17466a;box-shadow:10px 0 #17466a,0 10px #17466a,10px 10px #17466a}nav{display:flex;gap:8px}nav a,.pill{border:0;border-radius:18px;padding:10px 16px;color:#fff;text-decoration:none;background:linear-gradient(#3e91c9,#1b5994);box-shadow:inset 0 2px #a9e7ff,0 3px #08234b;font-size:10px;cursor:pointer}.pill.green,nav a.active{background:linear-gradient(#a8fa7e,#55c93d);color:#12351b}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:70px 0 55px}.eyebrow{font-size:10px;color:#ffe45b;text-shadow:1px 2px #08234b}.hero h1,h2{font-size:clamp(48px,7vw,82px);line-height:.86;letter-spacing:-3px;margin:15px 0;text-shadow:4px 4px #08234b}.hero h1 span,h2 span{color:#8df66c}.hero p{color:#d9f0ff;line-height:1.6;max-width:490px}.big-button{border:0;border-radius:21px;background:linear-gradient(#b0fc84,#55c93d);padding:16px 20px;color:#12351b;font-weight:900;box-shadow:inset 0 3px #e5ffd5,0 5px #08234b;cursor:pointer}.big-button b{font-size:24px;margin-left:15px}.menu-art{height:320px;border-radius:29px;background:linear-gradient(#45a2d5,#1d659e 65%,#174572);box-shadow:inset 0 3px #b5edff,0 0 0 4px #08234b,0 7px #061a36;position:relative;overflow:hidden}.menu-art:after{content:'';position:absolute;bottom:0;width:100%;height:24%;background:repeating-linear-gradient(90deg,#0b315e 0 45px,#255e8d 46px 49px);border-top:5px solid #08234b}.level-cube{position:absolute;z-index:2;left:42%;top:33%;width:88px;height:88px;border-radius:20px;background:#8df66c;border:7px solid #08234b;box-shadow:inset 0 4px #e4ffd1,7px 8px #08234b;transform:rotate(8deg)}.level-cube:after{content:'';position:absolute;width:18px;height:18px;left:18px;top:20px;background:#17466a;box-shadow:30px 0 #17466a,0 25px #17466a,30px 25px #17466a}.level-ring{position:absolute;left:22%;top:23%;font-size:90px;color:#ffe45b;text-shadow:4px 4px #08234b}.level-star{position:absolute;right:18%;top:20%;font-size:36px;color:#ff9d42;text-shadow:3px 3px #08234b}.menu-art small,.menu-art>b{position:absolute;z-index:2;left:20px;bottom:57px;font-size:10px;color:#ffe45b}.menu-art>b{bottom:38px;font-size:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}.stats div{padding:16px 19px;border-radius:18px;background:linear-gradient(#2c81bd,#18548f);box-shadow:inset 0 2px #a3e5ff,0 4px #08234b}.stats b{display:block;color:#ffe45b;font-size:25px}.stats small{color:#d8efff;font-size:9px}.stats .live{color:#8df66c}.section{margin-bottom:75px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.heading h2,.rules h2{font-size:43px;margin:10px 0}.filters{display:flex;gap:8px;align-items:center;padding:11px;border-radius:18px;background:#0b3263;box-shadow:inset 0 2px #3c83b6,0 4px #061a36;margin-bottom:12px}.filter{border:0;border-radius:14px;background:#256ba4;color:#fff;padding:9px 13px;font-weight:700;cursor:pointer}.filter.active{background:#8df66c;color:#12351b}.filters label{margin-left:auto;padding:8px 12px;border-radius:14px;background:#07264e;color:#ffe45b}.filters input{border:0;outline:0;background:none;color:#fff}.rows{border-radius:20px;overflow:hidden;background:#0a2b58;padding:5px}.player-row{display:grid;grid-template-columns:52px 1.6fr 1fr 1fr 1fr;align-items:center;min-height:73px;padding:9px 16px;background:linear-gradient(90deg,#2d7fba,#1b5993);border-bottom:3px solid #09264b}.player-row:nth-child(even){background:#225f9a}.rank,.points{color:#ffe45b}.player{display:flex;gap:13px;align-items:center}.avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#8df66c;color:#17466a;box-shadow:inset 0 2px #e5ffd5,3px 3px #08234b}.player small,.row-label{display:block;color:#c6e5f6;font-size:9px;margin-top:4px}.demon-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demon-list article{display:grid;grid-template-columns:115px 1fr;gap:13px;padding:10px;border-radius:20px;background:linear-gradient(#2b7db9,#18548f);box-shadow:inset 0 2px #9ee5ff,0 5px #08234b}.real-thumb{height:120px;border-radius:14px;background:#174a7d;border:2px dashed #62a5d1;display:grid;place-items:center;text-align:center;color:#a8d3ed;font-size:9px}.demon-list h3{font-size:22px;margin:7px 0}.demon-list p{font-size:10px;color:#c5e3f2}.demon-list b{color:#ffe45b}.demon-list i{font-size:9px;color:#d8efff;font-style:normal}.rules{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:38px;border-radius:25px;background:#0b3263;box-shadow:inset 0 2px #3c83b6,0 6px #061a36;margin-bottom:70px}.rule p{display:flex;gap:15px;margin:0;padding:15px 0;border-bottom:2px solid #245b8f}.rule p>b{color:#ffe45b;font-size:20px}.rule strong,.rule span{display:block}.rule span{font-size:12px}.rule span small{display:block;color:#c4e4f4;font-size:10px;line-height:1.5;margin-top:5px}.footer{padding:25px 0 40px;color:#c4e4f4;font-size:10px}.overlay{display:none;position:fixed;inset:0;z-index:8;place-items:center;background:#03142dcc;padding:18px}.overlay.open{display:grid}.dialog{position:relative;width:min(440px,100%);padding:28px;border-radius:27px;background:linear-gradient(#2e82bc,#164f8b);box-shadow:inset 0 3px #b1eaff,0 8px #061a37}.dialog h2{font-size:45px}.dialog p{font-size:11px;line-height:1.5;color:#d8efff}.dialog input,.dialog select{width:100%;padding:13px;margin:7px 0;border:0;border-radius:14px;background:#062852;color:#fff}.code{display:flex;gap:7px}.code input{flex:1}.code button{border:0;border-radius:14px;background:#ff9d43;font-weight:bold}.wide{width:100%;margin-top:9px}.close{position:absolute;right:13px;top:11px;border:0;border-radius:50%;width:30px;height:30px;background:#ff8342;color:#fff;font-size:20px}.upload{display:block;font-size:9px;color:#d7efff;padding:8px 0}.upload input{font-size:9px}.dialog #note{display:block;color:#ffe45b;font-size:10px;margin-top:9px}@media(max-width:760px){nav{display:none}.hero,.rules{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.demon-list{grid-template-columns:1fr}.player-row{grid-template-columns:38px 1.6fr .8fr}.hide-mobile{display:none}.filters{flex-wrap:wrap}.filters label{margin-left:0;width:100%}}