@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-Medium.woff2) format("woff2"),url(/fonts/Baloo2-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-Regular.woff2) format("woff2"),url(/fonts/Baloo2-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Light.woff2) format("woff2"),url(/fonts/Fredoka-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Medium.woff2) format("woff2"),url(/fonts/Fredoka-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Regular.woff2) format("woff2"),url(/fonts/Fredoka-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-SemiBold.woff2) format("woff2"),url(/fonts/Fredoka-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Bold.woff2) format("woff2"),url(/fonts/Nunito-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Medium.woff2) format("woff2"),url(/fonts/Nunito-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Regular.woff2) format("woff2"),url(/fonts/Nunito-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-SemiBold.woff2) format("woff2"),url(/fonts/Nunito-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--font-heading: "Baloo 2", cursive;--font-body: "Nunito", sans-serif;--font-accent: "Fredoka", sans-serif;--color-bg: #fff8ed;--color-bg-soft: #fff3cf;--color-bg-card: #fffaf0;--color-white: #ffffff;--color-primary: #ff8a00;--color-primary-dark: #e86400;--color-primary-light: #ffb21f;--color-yellow: #ffd34f;--color-yellow-soft: #fff0a8;--color-green: #8abf45;--color-green-dark: #5f962b;--color-brown: #9e5b22;--color-brown-dark: #3b2f2f;--color-text: #3b2f2f;--color-text-soft: #6f5b4b;--color-border: #f5c56b;--color-border-soft: #f7dfaa;--color-shadow: rgba(158, 91, 34, .18);--color-shadow-strong: rgba(232, 100, 0, .28);--gradient-primary: linear-gradient( 180deg, #ffb21f 0%, #ff8a00 55%, #e86400 100% );--gradient-soft: linear-gradient(180deg, #fffaf0 0%, #fff0c7 100%);--gradient-cta: linear-gradient(90deg, #ff8a00 0%, #ffb21f 100%);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 38px;--text-hero: clamp(44px, 6vw, 76px);--container: 1320px;--section-gap: clamp(56px, 7vw, 96px);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-pill: 999px;--shadow-card: 0 18px 40px var(--color-shadow);--shadow-button: 0 8px 0 var(--color-primary-dark), 0 18px 28px var(--color-shadow-strong);--transition: .22s ease}body{background:radial-gradient(circle at 80% 10%,rgba(255,211,79,.28),transparent 34%),radial-gradient(circle at 10% 40%,rgba(138,191,69,.13),transparent 28%),var(--color-bg);font-family:var(--font-body)}h1,h2,h3,h4,p{margin:0}a{text-decoration:none}button{cursor:pointer}span{font-family:var(--font-body)}::selection{background:var(--color-yellow);color:var(--color-brown-dark)}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.section{padding-block:var(--section-gap)}.sectionTitle{font-family:var(--font-heading);font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:700;color:var(--color-brown-dark);text-align:center}.sectionText{max-width:680px;margin:14px auto 0;font-size:var(--text-md);color:var(--color-text-soft);text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:var(--radius-sm);font-family:var(--font-accent);font-size:var(--text-base);font-weight:600;color:var(--color-white);background:var(--gradient-primary);box-shadow:var(--shadow-button);transition:transform var(--transition),box-shadow var(--transition)}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(3px);box-shadow:0 4px 0 var(--color-primary-dark)}.card{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--gradient-soft);box-shadow:var(--shadow-card)}.gameCard{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:transform var(--transition),box-shadow var(--transition)}.gameCard:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px dashed var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-accent);font-weight:500;color:var(--color-brown);background:#ffffffb8}.tableWrap{overflow:hidden;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card)}.table{width:100%;border-collapse:collapse;font-family:var(--font-body)}.table th{padding:14px 18px;font-family:var(--font-accent);font-weight:600;color:var(--color-white);background:var(--gradient-primary)}.table td{padding:13px 18px;border-bottom:1px solid var(--color-border-soft);color:var(--color-text)}.table tr:hover td{background:var(--color-yellow-soft)}.floatAnimation{animation:float 4s ease-in-out infinite}.wiggleAnimation{animation:wiggle 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes wiggle{0%,to{transform:rotate(0)}45%{transform:rotate(0)}50%{transform:rotate(3deg)}55%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}@media(max-width:768px){:root{--text-base: 15px;--text-md: 16px;--section-gap: 48px}.container{width:min(100% - 24px,var(--container))}.button{min-height:52px;padding:0 22px}.table th,.table td{padding:12px}}.skip-link{position:fixed;top:-80px;left:24px;z-index:99999;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:2px solid var(--color-primary-dark);border-radius:14px;background:var(--gradient-primary);color:var(--color-white);font-family:var(--font-accent);font-size:16px;font-weight:600;line-height:1;box-shadow:0 10px 25px #e8640047;transition:top .25s ease,transform .25s ease,box-shadow .25s ease}.skip-link:focus,.skip-link:focus-visible{top:20px;transform:translateY(0);outline:3px solid var(--color-yellow);outline-offset:4px}.skip-link:hover{box-shadow:0 16px 32px #e8640059}
