html{scroll-behavior:smooth}body{color:#fffbea;-webkit-font-smoothing:antialiased;background:#03343a;margin:0;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}a{color:#b6ff3b;text-decoration:none}a:hover{color:#ff7ab8}:focus-visible{outline-offset:3px;outline:3px solid #ffe14a}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}input::placeholder{color:#9a9a86}button{font-family:inherit}@keyframes dip{0%,to{transform:translateY(0)}50%{transform:translateY(var(--dip))}}@keyframes ripw{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.06)}}@keyframes pop{0%{transform:translateY(40%)}50%{transform:translateY(-8%)}75%{transform:translateY(3%)}to{transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translateY(-420px)}}@keyframes sway{0%,to{transform:skew(0)}50%{transform:skew(-4deg)}}@keyframes chomp{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.35)rotate(-10deg)}50%{transform:scale(.8)rotate(6deg)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes cyc{0%{background-position-x:0%}to{background-position-x:104.167%}}@keyframes wiggle{0%{transform:translate(-2px,-2px)rotate(-2deg)}50%{transform:translate(-2px,-4px)rotate(2deg)}to{transform:translate(-2px,-2px)rotate(-2deg)}}@keyframes pend{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}@keyframes ripple{0%{background-position-x:0}to{background-position-x:252px}}@keyframes blink{0%,93%,to{opacity:0}94%,97%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.btn{text-transform:uppercase;color:#0a110d;cursor:pointer;border:3px solid #0a110d;font:400 15px/1 "Press Start 2P",monospace;transition:transform 80ms,box-shadow 80ms;display:inline-block;box-shadow:6px 6px #0a110d}.btn:hover{color:#0a110d;transform:translate(-2px,-2px);box-shadow:8px 8px #0a110d}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px #0a110d}.btn:disabled{cursor:not-allowed}.btn-lime{background:#b6ff3b}.btn-paper{background:#fffbea}.btn-paper.pinkhover:hover{background:#ffb6d5}.textlink{color:#0a110d;text-underline-offset:5px;font:600 16px/1 Space Grotesk,sans-serif;text-decoration:underline;text-decoration-thickness:2px}.textlink:hover{color:#a8134f}.outline-btn{text-transform:uppercase;color:#fffbea;background:0 0;border:3px solid #fffbea;padding:18px 22px;font:400 13.9px/1 "Press Start 2P",monospace}.outline-btn:hover{color:#0a110d;background:#fffbea}.flip{color:#0a110d;cursor:pointer;background:#b6ff3b;border:3px solid #0a110d;width:44px;height:44px;font:700 20px/1 Space Grotesk,sans-serif;transition:transform .12s}.flip:hover{transform:rotate(180deg)}.flip:active{transform:translate(2px,2px)}.card{cursor:pointer;border:3px solid #0a110d;flex-direction:column;padding:0;display:flex;position:relative}.card:hover{z-index:2;animation:.36s steps(2,end) infinite wiggle;box-shadow:6px 6px #0a110d}.card:active{box-shadow:none;transform:translate(2px,2px)}.xbtn{text-transform:uppercase;color:#b6ff3b;border:3px solid #b6ff3b;padding:12px 16px;font:400 12px/1 "Press Start 2P",monospace;text-decoration:none;transition:transform 80ms,box-shadow 80ms;box-shadow:4px 4px #0a110d}.xbtn:hover{color:#2b3f1f;background:#b6ff3b;transform:translate(-2px,-2px);box-shadow:6px 6px #0a110d}.xbtn:active{transform:translate(2px,2px);box-shadow:1px 1px #0a110d}.mono{font-family:JetBrains Mono,monospace}.sprite{image-rendering:pixelated;background-image:url(/assets/crocs-sprites.png);background-size:2500% 2000%}.notice-bar{z-index:70;color:#0a110d;text-align:center;background:#ffe14a;border-bottom:3px solid #0a110d;padding:7px 16px;font:600 13px/1.3 Space Grotesk,sans-serif;position:sticky;top:0}.notice-bar b{text-transform:uppercase;margin-right:8px;font:400 11px/1 "Press Start 2P",monospace}
