:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfefb;--ink:#153a52;--ink-soft:#4a6b7d;--yellow:#ffc93c;--yellow-lt:#ffe487;--green:#67cc48;--green-lt:#a7e86a;--blue:#33abe0;--blue-dp:#1e7cc4;--bg-gradient:linear-gradient(135deg, #eaf8ff 0%, #eefcf5 28%, #f6fdec 50%, #fffdf1 66%, #ecf8ff 100%);--bloom:radial-gradient(60% 50% at 50% 42%, #ffffffd9 0%, #ffffff80 35%, #fff0 70%);--glow-1:#bfeeff;--glow-2:#ffe895;--glow-3:#a6ddf7;--glow-4:#c4f29a;--glow-opacity:.55;--card-bg:linear-gradient(160deg, #fffc, #ffffff6b);--card-bg-soft:linear-gradient(160deg, #ffffffb3, #ffffff59);--glass-brd:#ffffffd9;--shadow:0 10px 28px #1e7cc417;--eyebrow:#1e7cc4;--brand-gradient:linear-gradient(95deg, var(--yellow), var(--green) 55%, var(--blue));--btn-shadow:0 5px 12px #153a5224;--btn-shadow-hover:0 8px 18px #153a522e;--toggle-bg:#ffffff8c;--toggle-brd:#33abe047;--toggle-active:#33abe033;--maxw:1080px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#26262c;--ink:#f1eff6;--ink-soft:#b6b2c4;--rose:#e08aa8;--rose-lt:#f0aec5;--violet:#9b7ad4;--violet-lt:#b79ae6;--blue:#6f9ad8;--blue-dp:#4a6fb5;--bg-gradient:linear-gradient(135deg, #24242a 0%, #322b39 24%, #3a3043 46%, #2c3346 70%, #232329 100%);--bloom:radial-gradient(60% 50% at 50% 42%, #e08aa829 0%, #9b7ad41a 38%, #26262c00 72%);--glow-1:#9b7ad4;--glow-2:#e08aa8;--glow-3:#6f9ad8;--glow-4:#4a6fb5;--glow-opacity:.32;--card-bg:linear-gradient(160deg, #ffffff1a, #ffffff09);--card-bg-soft:linear-gradient(160deg, #ffffff14, #ffffff08);--glass-brd:#ffffff24;--shadow:0 6px 18px #00000042;--eyebrow:#c3a9e8;--brand-gradient:linear-gradient(95deg, var(--rose), var(--violet) 55%, var(--blue));--btn-shadow:0 5px 12px #00000047;--btn-shadow-hover:0 8px 18px #00000057;--toggle-bg:#ffffff17;--toggle-brd:#fff3;--toggle-active:#ffffff38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,system-ui,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:after{content:"";z-index:-1;pointer-events:none;background:var(--bloom);position:fixed;inset:0}body:before{content:"";z-index:-1;pointer-events:none;background:var(--bg-gradient);background-size:340% 340%;animation:20s ease-in-out infinite drift;position:fixed;inset:0}@keyframes drift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.wrap{max-width:var(--maxw);z-index:1;margin:0 auto;padding:0 clamp(16px,5vw,24px);position:relative}section{z-index:1;padding:clamp(40px,8vw,64px) 0;position:relative}.eyebrow{color:var(--eyebrow);margin:0 0 6px;font-family:Fredoka,Nunito,sans-serif;font-size:.98rem;font-weight:600}h2{color:var(--ink);margin:0 0 14px;font-family:Fredoka,Nunito,sans-serif;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:600}.lead{color:var(--ink-soft);max-width:60ch;font-size:1.14rem;font-weight:600}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.glow{filter:blur(70px);opacity:var(--glow-opacity);z-index:0;pointer-events:none;border-radius:50%;position:fixed}.glow.y{background:radial-gradient(circle, var(--glow-2), transparent 68%);width:440px;height:440px;animation:17s ease-in-out infinite float1;bottom:-4vh;right:2vw}.glow.a{background:radial-gradient(circle, var(--glow-1), transparent 68%);width:440px;height:440px;animation:15s ease-in-out infinite float2;top:-8vh;left:-8vw}.glow.b{background:radial-gradient(circle, var(--glow-3), transparent 68%);width:480px;height:480px;animation:20s ease-in-out infinite float2;top:12vh;right:-12vw}.glow.g{background:radial-gradient(circle, var(--glow-4), transparent 68%);width:460px;height:460px;animation:21s ease-in-out infinite float1;bottom:-6vh;left:8vw}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(70px,-55px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-80px,50px)}}nav{z-index:2;max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;padding:22px clamp(16px,5vw,24px);display:flex;position:relative}.navlinks{flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,28px);display:flex}.navlinks a{color:var(--ink-soft);font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s}.navlinks a:hover{color:var(--blue-dp)}@media (width<=560px){nav{flex-wrap:nowrap;gap:10px;padding:16px 14px}.navlinks{flex-wrap:nowrap;gap:13px}.navlinks a{font-size:.82rem}.theme-toggle{gap:0;padding:3px 4px}.theme-toggle__btn{padding:4px 5px}.theme-toggle__btn svg{width:14px;height:14px}}.theme-toggle{background:var(--toggle-bg);border:1.5px solid var(--toggle-brd);-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:2px;padding:4px 6px;display:inline-flex}.theme-toggle__btn{cursor:pointer;color:var(--ink-soft);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:5px 7px;line-height:0;transition:background .2s,color .2s;display:flex}.theme-toggle__btn:hover{color:var(--ink)}.theme-toggle__btn.is-active{background:var(--toggle-active);color:var(--ink);box-shadow:0 1px 3px #0000001a}header{text-align:center;z-index:1;padding:20px clamp(16px,5vw,24px) clamp(44px,9vw,70px);position:relative}.logo{filter:drop-shadow(0 12px 26px #33abe033);width:clamp(150px,56vw,380px);height:auto;margin:0 auto 6px;animation:.9s cubic-bezier(.2,.9,.3,1.2) both pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.9)translateY(14px)}to{opacity:1;transform:none}}h1.sr{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tagline{color:var(--ink);margin:6px 0 8px;font-family:Fredoka,Nunito,sans-serif;font-size:clamp(1.7rem,4.6vw,2.7rem);font-weight:600}.sub{max-width:30ch;color:var(--ink-soft);margin:0 auto 30px;font-size:1.12rem;font-weight:600}.cta-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;box-shadow:var(--btn-shadow);border:none;border-radius:40px;padding:15px clamp(22px,5vw,30px);font-family:Fredoka,Nunito,sans-serif;font-size:1.02rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block;position:relative}.btn:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-3px)}.btn-blue{background:linear-gradient(180deg, #4fbdec, var(--blue-dp));color:#fff}.btn-sun{background:linear-gradient(180deg, var(--yellow-lt), var(--yellow));color:#7a5a00}.games{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px;display:grid}@media (width<=960px){.games{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=620px){.games{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.card{text-align:center;background:var(--card-bg);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:30px;flex-direction:column;padding:26px 24px 28px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.card .badge{align-self:center;margin-top:auto}.card:hover{transform:translateY(-6px)}.card.y:hover{box-shadow:0 14px 30px #ffc93c33}.card.g:hover{box-shadow:0 14px 30px #67cc482e}.card.b:hover{box-shadow:0 14px 30px #33abe02e}.tile{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;max-width:150px;margin:0 auto 18px}.tile.y{background:linear-gradient(150deg,#ffe487 0%,#ffc93c 55%,#ff9f45 100%)}.tile.g{background:linear-gradient(150deg,#bff08a 0%,#67cc48 60%,#2fae7a 100%)}.tile.b{background:linear-gradient(150deg,#8fd8f2 0%,#33abe0 55%,#1e7cc4 100%)}.card h3{color:var(--ink);margin:0 0 4px;font-family:Fredoka,Nunito,sans-serif;font-size:1.4rem;font-weight:600}.card p{color:var(--ink-soft);margin:0 0 18px;font-size:1rem;font-weight:600}.badge{color:var(--ink);border-radius:30px;padding:5px 14px;font-family:Fredoka,Nunito,sans-serif;font-size:.82rem;font-weight:500;display:inline-block}.cardlink{color:var(--blue-dp);border-bottom:1px solid #0000;align-self:center;margin-top:12px;font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color .2s}.cardlink:hover{border-bottom-color:currentColor}.card.y .badge{background:#ffc93c38}.card.g .badge{background:#67cc4833}.card.b .badge{background:#33abe033}.about-card{text-align:center;background:var(--card-bg-soft);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:34px;padding:clamp(28px,6vw,52px) clamp(20px,5vw,44px)}.about-card h2{margin-bottom:16px}.about-card .lead{margin:0 auto}.contact{text-align:center}.contact .lead{margin:0 auto 26px}.contact .mail{overflow-wrap:anywhere;background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Fredoka,Nunito,sans-serif;font-size:clamp(1.1rem,5vw,2.2rem);font-weight:600;text-decoration:none}.contact .mail:hover{filter:brightness(1.08)}.island{filter:drop-shadow(0 12px 26px #1e7cc429);width:min(360px,72vw);height:auto;margin:44px auto 0;display:block}footer{text-align:center;color:var(--ink-soft);z-index:1;padding:40px 24px 46px;font-weight:600;position:relative}footer .wink{color:var(--ink);margin-bottom:8px;font-family:Fredoka,Nunito,sans-serif}:root[data-theme=dark] .logo{filter:drop-shadow(0 12px 26px #9b7ad44d)}:root[data-theme=dark] .island{filter:drop-shadow(0 12px 26px #e08aa838)}:root[data-theme=dark] .tile.y{background:linear-gradient(150deg,#f0aec5 0%,#e08aa8 55%,#c96f97 100%)}:root[data-theme=dark] .tile.g{background:linear-gradient(150deg,#c4abec 0%,#9b7ad4 60%,#7a5cb8 100%)}:root[data-theme=dark] .tile.b{background:linear-gradient(150deg,#9ec0ea 0%,#6f9ad8 55%,#4a6fb5 100%)}:root[data-theme=dark] .card.y .badge{background:#e08aa838}:root[data-theme=dark] .card.g .badge{background:#9b7ad438}:root[data-theme=dark] .card.b .badge{background:#6f9ad838}:root[data-theme=dark] .card:hover,:root[data-theme=dark] .card.y:hover,:root[data-theme=dark] .card.g:hover,:root[data-theme=dark] .card.b:hover{box-shadow:0 12px 26px #00000057}:root[data-theme=dark] .btn-blue{background:linear-gradient(180deg, #8aabe4, var(--blue-dp));color:#f4f6ff}:root[data-theme=dark] .btn-sun{background:linear-gradient(180deg, var(--rose-lt), #cf7d9e);color:#40182a}