@font-face{font-family:Bungee Shade;font-display:swap;src:url(../fonts/bungee-shade-latin.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-display:swap;src:url(../fonts/press-start-2p-latin.woff2)format("woff2")}@font-face{font-family:Squada One;font-display:swap;src:url(../fonts/squada-one-latin.woff2)format("woff2")}*{box-sizing:border-box}body{color:#fff;text-align:center;-webkit-text-size-adjust:100%;background:#a2c3e7 url(../media/images/Super_Mario_Final.gif);min-height:100vh;margin:0;font-family:Squada One,Arial Narrow,sans-serif}main{max-width:900px;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);margin:0 auto}h1{text-shadow:2px 2px 8px #f70e0e;margin:8px 0 4px;font:34px/1.1 Bungee Shade,Impact,sans-serif}h2{text-shadow:2px 2px 8px #f70e0e;color:#fff;margin:10px 0 4px;font:16px/1.5 "Press Start 2P",monospace}.pick{text-shadow:2px 2px 4px #000;margin:4px 0 18px;font:12px "Press Start 2P",monospace}.games{grid-template-columns:1fr;gap:18px;display:grid}.game{color:#212529;-webkit-tap-highlight-color:transparent;background:#fffafa87;border-radius:8px;flex-direction:column;align-items:center;padding:16px;font-size:18px;text-decoration:none;transition:transform .15s ease-out;display:flex;box-shadow:2px 2px 4px #000}:is(.game:hover,.game:focus-visible){transform:scale(1.03)}.game:active{transform:scale(.98)}.game img{filter:drop-shadow(0 0 12px #fff);width:auto;height:150px}.game p{margin:6px 0}.when{color:#3a0a0a;font-size:16px}.mania{background:linear-gradient(#fffafa9e,#fffafa9e) padding-box padding-box,linear-gradient(90deg,#ff2a2a,#ffa62b,#ffe14d,#5cff5c,#3dd6ff,#b44dff,#ff2fa0) border-box;border:4px solid #0000}.stamp{background:linear-gradient(90deg,#ff2a2a,#ffa62b,#ffe14d,#5cff5c,#3dd6ff,#b44dff,#ff2fa0);color:#0000;text-shadow:none;filter:drop-shadow(1px 1px #3a0a0a);-webkit-background-clip:text;background-clip:text;font-family:Bungee Shade,Impact,sans-serif;font-size:22px;display:inline-block;transform:rotate(-7deg)}.btn{color:#fff;background:#dc3545;border-radius:4px;min-height:48px;margin-top:10px;padding:10px 24px;font-size:22px;line-height:28px;display:inline-block}.game:hover .btn{background:#c82333}.credit{text-shadow:1px 1px 3px #000,0 0 6px #000;margin-top:22px;font-size:18px}.credit a{color:#fff}@media (min-width:720px){h1{font-size:64px}.pick{font-size:16px}.games{grid-template-columns:1fr 1fr}.game img{height:200px}}@media (prefers-reduced-motion:reduce){.game,.game:hover,.game:active{transition:none;transform:none}}main{z-index:1;position:relative}#rain{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#rain img{opacity:.85;filter:drop-shadow(1px 2px 2px #0006);animation-name:fall,sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;position:absolute;top:-90px}@keyframes fall{to{transform:translateY(calc(100vh + 120px)) rotate(var(--spin))}}@keyframes sway{0%{margin-left:-14px}to{margin-left:14px}}.game{position:relative;overflow:hidden}:is(.game:hover,.game:focus-visible){transform:translateY(-6px)scale(1.03);box-shadow:0 0 0 3px #fff,0 10px 24px #00000073}.bob{animation:1.4s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.spin{filter:drop-shadow(0 0 16px #ffe680);animation:4s linear infinite anim}@keyframes anim{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.bob,.spin{animation:none}#rain{display:none}}
