.crossyPage{--crossy-acid:#c8ff2f;--crossy-cyan:#76f7dc;--crossy-water:#27a9ff;--crossy-danger:#ff3d5a;background:radial-gradient(circle at 50% 18%,#76f7dc11,#0000 31%),#08090c}.crossyCard{background:linear-gradient(145deg,#17191dfa,#0b0c10fa);position:relative;overflow:hidden}.crossyCard:before{content:"";pointer-events:none;background:linear-gradient(#76f7dc06 1px,#0000 1px) 0 0/100% 28px;position:absolute;inset:0}.crossyIntro{z-index:1;text-align:center;background:radial-gradient(circle at 50% 37%,#c8ff2f17,#0000 31%),linear-gradient(#10131a,#0b0d11);border:1px solid #30343a;border-radius:24px;place-items:center;gap:14px;width:min(680px,100%);min-height:520px;padding:38px 24px;display:grid;position:relative;box-shadow:inset 0 0 90px #00000080}.crossyIntro>small{color:var(--crossy-cyan);letter-spacing:2px;font-size:9px;font-weight:950}.crossyIntro h2{letter-spacing:-3px;margin:0;font-size:clamp(30px,6vw,54px)}.crossyIntro p{color:#9399a5;max-width:520px;margin:0}.crossyIntro .qPrimary{margin:5px 0 0}.crossyMascot{background:linear-gradient(145deg, #e8ff8a, var(--crossy-acid) 58%, #729719);border:3px solid #f4ffd1;border-radius:48% 48% 42% 42%;width:96px;height:100px;animation:1.35s ease-in-out infinite crossyIdle;position:relative;box-shadow:0 0 24px #c8ff2f6b,0 18px 28px #00000059}.crossyMascot:before,.crossyMascot:after{content:"";background:#0e1110;border-radius:50%;width:10px;height:13px;position:absolute;top:27px;box-shadow:inset 2px 2px #fff}.crossyMascot:before{left:24px}.crossyMascot:after{right:24px}.crossyMascot i{z-index:2;background:#ff9f2d;border-radius:3px 10px 10px 3px;width:24px;height:14px;position:absolute;top:42px;left:50%;transform:translate(-3px)}.crossyMascot b{background:#ff4160;border-radius:50% 50% 25% 25%;width:18px;height:25px;position:absolute;top:-17px;left:39px}.crossyMascot span:before,.crossyMascot span:after{content:"";background:#ff9f2d;border-radius:5px;width:8px;height:20px;position:absolute;bottom:-13px}.crossyMascot span:before{left:27px;transform:rotate(8deg)}.crossyMascot span:after{right:27px;transform:rotate(-8deg)}.crossyRules{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.crossyRules span{color:#868d99;letter-spacing:1px;background:#76f7dc0a;border:1px solid #76f7dc26;border-radius:99px;padding:8px 11px;font-size:8px;font-weight:900}.crossyHud{z-index:2;color:#858b96;letter-spacing:1.4px;justify-content:space-between;align-items:center;width:min(680px,100%);margin-bottom:12px;font-size:9px;font-weight:950;display:flex;position:relative}.crossyHud i{background:#4b515b;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.crossyHud i.live{background:var(--crossy-acid);box-shadow:0 0 12px var(--crossy-acid);animation:.8s ease-in-out infinite crossyLive}.crossyHud strong{color:var(--crossy-cyan);font-size:9px}.crossyField{isolation:isolate;touch-action:none;cursor:pointer;background:linear-gradient(#080d16,#090b0f 24%);border:1px solid #76f7dc40;border-radius:24px;outline:none;width:min(680px,100%);height:570px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #00000094,0 20px 55px #0000004d}.crossyField:focus-visible{border-color:var(--crossy-acid);box-shadow:0 0 0 2px #c8ff2f4d,inset 0 0 70px #00000094}.crossyField:after{content:"";z-index:35;pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/100% 4px;position:absolute;inset:0;box-shadow:inset 0 0 72px #00000085}.crossyHorizon{z-index:1;pointer-events:none;background:radial-gradient(at 50% 0,#76f7dc2b,#0000 68%);height:23%;position:absolute;top:0;left:0;right:0;overflow:hidden}.crossyHorizon:before{content:"";clip-path:polygon(0 100%,4% 52%,8% 100%,13% 28%,20% 100%,27% 43%,34% 100%,42% 8%,52% 100%,60% 38%,68% 100%,76% 19%,84% 100%,91% 49%,100% 100%);background:repeating-linear-gradient(90deg,#0000 0 8%,#76f7dc1a 8% 8.4%);height:45%;position:absolute;top:30%;left:12%;right:12%}.crossyHorizon span{color:#76f7dc73;letter-spacing:3px;font-size:7px;font-weight:950;position:absolute;top:12px;left:50%;transform:translate(-50%)}.crossyHorizon i{background:#fff;border-radius:50%;width:2px;height:2px;animation:1.8s ease-in-out infinite crossyStar;position:absolute;box-shadow:0 0 8px #fff}.crossyHorizon i:first-of-type{top:20%;left:15%}.crossyHorizon i:nth-of-type(2){animation-delay:-.7s;top:34%;right:28%}.crossyHorizon i:nth-of-type(3){animation-delay:-1.2s;top:14%;right:10%}.crossyDepthGrid{z-index:0;opacity:.2;background:linear-gradient(90deg,#0000 49.8%,#76f7dc1f 50%,#0000 50.2%);position:absolute;inset:0}.crossyLane{z-index:3;transition:bottom .22s cubic-bezier(.22,.68,.2,1);position:absolute;left:0;right:0;overflow:hidden}.crossyLane.road{background:linear-gradient(90deg,#101218,#1e2229 50%,#101218);border-top:1px solid #30333a;border-bottom:1px solid #30333a}.crossyLane.road:before{content:"";border-top:2px dashed #ffffff2b;width:200%;position:absolute;top:50%;left:0}.crossyLane.grass{background:linear-gradient(135deg,#182411 25%,#1c2c12 25% 50%,#182411 50% 75%,#1c2c12 75%) 0 0/28px 28px;box-shadow:inset 0 1px #c8ff2f1f,inset 0 -1px #c8ff2f17}.crossyLane.water{background:linear-gradient(#0c4d78,#072e50 58%,#061f38);border-top:1px solid #5ecfff59;border-bottom:1px solid #5ecfff47;box-shadow:inset 0 0 25px #27a9ff29}.laneCode{z-index:1;color:#ffffff2e;letter-spacing:1px;font-size:6px;font-weight:950;position:absolute;top:7px;right:9px}.roadDash{background:#76f7dc1f;width:13%;height:2px;position:absolute;top:15%;left:8%;box-shadow:180px 28px #76f7dc1a,380px 4px #76f7dc14}.roadDash.second{top:80%;left:24%}.grassDot{background:#c8ff2f3b;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 7px #c8ff2f40}.grassDot.one{top:24%;left:12%}.grassDot.two{top:64%;left:66%}.grassDot.three{top:19%;right:8%}.safePulse{background:radial-gradient(#c8ff2f2e,#0000 72%);width:34%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waterWave{border-top:1px solid #96e5ff47;border-radius:50%;width:21%;height:5px;animation:1.3s ease-in-out infinite alternate waterShimmer;position:absolute}.waterWave.one{top:26%;left:7%}.waterWave.two{animation-delay:-.6s;top:67%;left:42%}.waterWave.three{animation-delay:-1s;top:18%;right:5%}.crossyMover{z-index:10;will-change:left, bottom;transition:bottom .22s cubic-bezier(.22,.68,.2,1);position:absolute;transform:translate(-50%)}.crossyMover.dir--1:not(.raft){transform:translate(-50%)scaleX(-1)}.crossyMover.car,.crossyMover.truck{background:linear-gradient(#ff6980,#b31231 58%,#660a1a);border:2px solid #ffa6b4;border-radius:8px 15px 15px 8px;box-shadow:0 5px 13px #0000007a,0 0 15px #ff3d5a4d}.crossyMover.truck{border-radius:6px 12px 12px 6px}.crossyMover.car:before,.crossyMover.car:after,.crossyMover.truck:before,.crossyMover.truck:after{content:"";background:#050609;border:2px solid #555b68;border-radius:50%;width:11px;height:8px;position:absolute;bottom:-5px}.crossyMover.car:before,.crossyMover.truck:before{left:13%}.crossyMover.car:after,.crossyMover.truck:after{right:13%}.crossyMover.car i,.crossyMover.truck i{background:linear-gradient(135deg,#162d37,#79bdc7);border-radius:3px 9px 3px 3px;width:27%;height:45%;position:absolute;top:13%;right:10%}.crossyMover.car b,.crossyMover.truck b{background:#ffffff3b;border-radius:5px;width:35%;height:5px;position:absolute;top:13%;left:9%}.crossyMover.car span,.crossyMover.truck span{background:#fff5ad;border-radius:3px;width:5px;height:8px;position:absolute;top:31%;right:-3px;box-shadow:0 0 10px #ffe95e}.crossyMover.color-1{filter:hue-rotate(52deg)}.crossyMover.color-2{filter:hue-rotate(155deg)}.crossyMover.color-3{filter:hue-rotate(225deg)}.crossyMover.color-4{filter:hue-rotate(295deg)}.crossyMover.raft{background:linear-gradient(#73fff0,#168fab 38%,#07536e 70%,#06334b);border:1px solid #aef7ff;border-radius:7px 18px 18px 7px;justify-content:space-around;align-items:center;padding:0 5px;display:flex;box-shadow:0 0 14px #76f7dc6b,0 6px 10px #00000059}.crossyMover.raft.dir--1{transform:translate(-50%)scaleX(-1)}.crossyMover.raft i{background:radial-gradient(circle,#bafff5,#36b7b1 52%,#076073 55%);border:1px solid #ffffff59;border-radius:50%;width:24%;height:66%;box-shadow:inset 0 0 8px #0427388c}.crossyMover.raft span{color:#ffffff7a;letter-spacing:1px;font-size:5px;font-weight:950;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.crossyPlayer{z-index:20;background:linear-gradient(145deg, #eaff94, var(--crossy-acid) 58%, #789e1d);border:2px solid #f4ffd1;border-radius:46% 46% 38% 38%;width:7.5%;min-height:33px;transition:left 80ms cubic-bezier(.2,.8,.3,1),bottom .22s cubic-bezier(.22,.68,.2,1);animation:.16s ease-out crossyHop;position:absolute;transform:translate(-50%);box-shadow:0 0 13px #c8ff2fcc,0 0 28px #c8ff2f59,0 8px 12px #0000006b}.crossyPlayer.rafting{box-shadow:0 0 13px #c8ff2fcc,0 0 30px #27a9ffad}.crossyPlayer .eye{background:#07100a;border-radius:50%;width:14%;height:19%;position:absolute;top:19%;box-shadow:inset 1px 1px #fff}.crossyPlayer .eye.left{left:24%}.crossyPlayer .eye.right{right:24%}.crossyPlayer b{z-index:2;background:#ff9c2d;border-radius:3px 9px 9px 3px;width:32%;height:19%;position:absolute;top:43%;left:50%}.crossyPlayer span{background:#ff3d5a;border-radius:50%;width:18%;height:24%;position:absolute;top:-14%;left:42%}.distanceBeam{z-index:22;pointer-events:none;background:#ffffff12;border-radius:99px;width:3px;position:absolute;top:12%;bottom:8%;left:9px}.distanceBeam i{background:linear-gradient(var(--crossy-cyan), var(--crossy-acid));box-shadow:0 0 10px var(--crossy-acid);border-radius:99px;transition:height .12s;position:absolute;bottom:0;left:0;right:0}.distanceBeam span{color:#ffffff61;font-size:7px;font-weight:950;position:absolute;bottom:0;left:8px}.crossyCrash{z-index:45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#ff3d5a40,#07080bed 60%);align-content:center;place-items:center;gap:5px;animation:.36s ease-out both crossyCrashIn;display:grid;position:absolute;inset:0}.crossyField.water .crossyCrash,.crossyField.drift .crossyCrash{background:radial-gradient(circle,#27a9ff47,#050c14f0 60%)}.failureIcon{color:#ff8b9c;background:#ff3d5a1a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:55px;height:55px;margin-bottom:5px;font-size:26px;display:grid;box-shadow:0 0 26px #ff3d5a4d}.failureIcon.water,.failureIcon.drift{color:#9ee8ff;background:#27a9ff1f;box-shadow:0 0 26px #27a9ff59}.crossyCrash small{color:#ff7489;letter-spacing:2.5px;font-size:10px;font-weight:950}.crossyField.water .crossyCrash small,.crossyField.drift .crossyCrash small{color:#8ee6ff}.crossyCrash strong{color:#fff;letter-spacing:-7px;font-size:clamp(74px,15vw,118px);line-height:.95}.crossyCrash span{color:#9da3ad;letter-spacing:1.4px;font-size:9px;font-weight:900}.crossyCrash em{color:var(--crossy-cyan);letter-spacing:1px;margin-top:5px;font-size:9px;font-style:normal;font-weight:900}.crossyCrash a{color:var(--crossy-cyan);margin-top:5px;font-size:9px;font-weight:900}.crossyCrash button{background:var(--crossy-acid);color:#111307;cursor:pointer;border:0;border-radius:99px;margin-top:16px;padding:14px 22px;font-weight:950}.crossyControls{z-index:2;grid-template-columns:70px 70px 70px;justify-content:center;gap:8px;margin-top:14px;display:grid;position:relative}.crossyControls div{gap:6px;display:grid}.crossyControls button{color:#efffc5;cursor:pointer;touch-action:manipulation;background:linear-gradient(#20242a,#15181d);border:1px solid #343942;border-radius:13px;min-height:48px;font-size:22px;font-weight:950;box-shadow:inset 0 1px #ffffff0f}.crossyControls button:hover{border-color:var(--crossy-acid);color:var(--crossy-acid)}.crossyControls button:active{background:#c8ff2f1f;transform:translateY(2px)}.crossyTip{color:#6f7580;letter-spacing:1.3px;margin:10px 0 0;font-size:8px;font-weight:900}@keyframes crossyIdle{50%{transform:translateY(-7px)rotate(2deg)}}@keyframes crossyLive{50%{opacity:.35;transform:scale(.7)}}@keyframes crossyStar{50%{opacity:.2}}@keyframes crossyHop{50%{transform:translate(-50%)translateY(-10px)scale(1.08,.92)}}@keyframes waterShimmer{to{opacity:.35;transform:translate(12px)}}@keyframes crossyCrashIn{0%{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}@media (max-width:620px){.crossyIntro{min-height:450px;padding:28px 16px}.crossyField{border-radius:18px;height:min(570px,126vw)}.crossyPlayer{width:9%;min-height:29px}.crossyControls{grid-template-columns:62px 62px 62px}.crossyControls button{min-height:44px}.crossyHud{align-items:flex-start;gap:8px}.crossyHud strong{text-align:right;max-width:48%}}@media (prefers-reduced-motion:reduce){.crossyMascot,.crossyHud i,.crossyHorizon i,.waterWave,.crossyPlayer,.crossyCrash{animation:none!important}.crossyLane,.crossyMover,.crossyPlayer{transition-duration:.001ms!important}}