*{box-sizing:border-box;margin:0;padding:0}:root{--deep:#0a4d6e;--teal:#0e7f9e;--aqua:#35d0ba;--sun:#ffb347;--sun-dark:#5c2e00}html,body{height:100%}body{color:#fff;background:linear-gradient(180deg, var(--deep) 0%, var(--teal) 45%, var(--aqua) 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#app{z-index:1;text-align:center;flex-direction:column;align-items:center;min-height:100%;padding:20px 16px 12px;display:flex;position:relative}#lang-sel{position:absolute;top:14px;right:16px}#banner{max-width:520px;color:var(--sun-dark);background:#ffb347f2;border-radius:12px;margin:8px auto 0;padding:10px 18px;font-weight:700;box-shadow:0 3px 12px #00000040}.hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;max-width:720px;margin:0 auto;display:flex}.title{text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 4px #00000047,0 0 24px #35d0ba8c;font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(3em,11vw,5.5em)}.tagline{letter-spacing:1px;text-shadow:0 2px #00000040;font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(1.2em,4vw,1.8em)}.howto{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}@media (width<=560px){.howto{grid-template-columns:repeat(2,1fr)}footer{gap:8px 14px;font-size:.8em}}.how-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff24;border:1px solid #ffffff59;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-size:.85em;line-height:1.35;display:flex}.how-card img{filter:drop-shadow(0 2px 4px #0000004d);width:auto;height:52px}.buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:6px;display:flex}.btn{letter-spacing:1px;border-radius:999px;padding:15px 44px;font-size:1.1em;font-weight:800;text-decoration:none;transition:transform .12s;display:inline-block;box-shadow:0 4px #00000047}.btn:hover{transform:translateY(-2px)scale(1.03)}.btn-play{background:var(--sun);color:var(--sun-dark)}.btn-classic{color:#fff;background:#ffffff2e;border:2px solid #fff9}footer{opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:18px 0 6px;font-size:.85em;display:flex}footer a{color:#fff;white-space:nowrap}footer button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:5px 14px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}