:root{--font: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sky-top: #5fb8ee;--sky-bottom: #bfe8ff;--cream: #fff4dc;--paper: #fffaf0;--wood: #8a5a30;--wood-dark: #5e3b1c;--ink: #3b2a1a;--ink-soft: #6b5640;--green: #5cbf3a;--green-dark: #2f7d1c;--green-light: #76d651;--blue: #3f8fd8;--blue-dark: #225b94;--gold: #ffd54a;--gold-dark: #c99a12;--night: #1b2440;--radius: 20px;--shadow: 0 10px 0 rgba(94, 59, 28, .18), 0 18px 40px rgba(59, 42, 26, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--blue-dark)}.wrap{max-width:1100px;margin:0 auto;padding-inline:16px}.topbar{position:sticky;top:0;z-index:10;background:#fffaf0eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:3px solid rgba(138,90,48,.25)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}.site-name{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--ink)}.site-name img{width:36px;height:36px;border-radius:10px}.nav-links{display:flex;align-items:center;gap:6px 18px}.nav-links a:not(.btn){color:var(--ink-soft);text-decoration:none;font-weight:700}.nav-links a:not(.btn):hover{color:var(--ink)}@media (max-width: 640px){.nav-links a:not(.btn){display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:1.2rem;font-weight:700;text-decoration:none;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);background:linear-gradient(var(--green-light),var(--green));border:3px solid var(--green-dark);padding:12px 30px;border-radius:999px;box-shadow:0 5px 0 var(--green-dark);min-height:52px;transition:transform .1s,box-shadow .1s,filter .15s}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--green-dark)}.btn-blue{background:linear-gradient(#5aa6ec,var(--blue));border-color:var(--blue-dark);box-shadow:0 5px 0 var(--blue-dark)}.btn-blue:active{box-shadow:0 2px 0 var(--blue-dark)}.btn-small{font-size:1rem;padding:6px 18px;min-height:42px;box-shadow:0 4px 0 var(--green-dark)}.hero{position:relative;background:url(../assets/images/bg-near.png?v=8) bottom left / auto 46% repeat-x,url(../assets/images/bg-mid.png?v=8) bottom left / auto 62% repeat-x,url(../assets/images/bg-far.png?v=8) bottom left / auto 80% repeat-x,linear-gradient(var(--sky-top),var(--sky-bottom));padding-block:48px 0;overflow:hidden}.hero:after{content:"";display:block;height:50px;margin-top:40px;background:url(../assets/sprites/tile-grass.png?v=8) repeat-x;background-size:50px 50px;image-rendering:pixelated}.hero-inner{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media (min-width: 900px){.hero-inner{grid-template-columns:1fr 1.15fr}}.hero-text{text-align:center}@media (min-width: 900px){.hero-text{text-align:left}}.logo{margin:0 0 12px;font-size:clamp(2.6rem,8vw,4.2rem);line-height:1.05;color:var(--gold);-webkit-text-stroke:3px #2b1d0e;paint-order:stroke fill;text-shadow:0 6px 0 rgba(43,29,14,.35);letter-spacing:.5px}.tagline{font-size:clamp(1.05rem,2.6vw,1.3rem);margin:0 auto 24px;max-width:34ch;color:#1f2f44;text-shadow:0 1px 0 rgba(255,255,255,.7)}@media (min-width: 900px){.tagline{margin-left:0}}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}@media (min-width: 900px){.hero-buttons{justify-content:flex-start}}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;justify-content:center;padding:0;list-style:none}@media (min-width: 900px){.badges{justify-content:flex-start}}.badges li{background:#ffffffd9;border:2px solid rgba(138,90,48,.3);border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:700;color:var(--ink-soft)}.screen{border:6px solid var(--wood);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--night);transform:rotate(1.2deg)}.screen img{width:100%;height:auto}section{padding-block:56px;scroll-margin-top:64px}section h2{text-align:center;font-size:clamp(1.6rem,4.5vw,2.3rem);margin:0 0 10px}.section-intro{text-align:center;max-width:60ch;margin:0 auto 32px;color:var(--ink-soft);font-size:1.05rem}.panel{background:var(--paper);border:4px solid var(--wood);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.scores-section{background:linear-gradient(var(--sky-bottom),var(--cream) 140px)}.scores-panel{max-width:720px;margin:0 auto}.scores-panel .more{text-align:center;margin:16px 0 0;font-weight:700}.grid{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 600px){.grid-features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid-features{grid-template-columns:repeat(3,1fr)}}.card{background:var(--paper);border:3px solid rgba(138,90,48,.35);border-radius:var(--radius);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3b2a1a24}.card-icon{flex:0 0 64px;height:64px;border-radius:18px;background:var(--cream);border:3px solid rgba(138,90,48,.25);display:flex;align-items:center;justify-content:center;font-size:34px}.card-icon img{width:44px;height:44px;image-rendering:pixelated;object-fit:contain}.card-icon img.sheet-frame{object-fit:cover;object-position:left center}.card h3{margin:0 0 4px;font-size:1.12rem}.card p{margin:0;font-size:.95rem;color:var(--ink-soft)}.worlds{background:var(--night);color:#fff}.worlds .section-intro{color:#c9d3ee}.grid-worlds{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.world{position:relative;height:160px;border-radius:var(--radius);overflow:hidden;border:4px solid rgba(255,255,255,.85);box-shadow:0 10px 24px #00000059;background:var(--tile) bottom left / 32px 32px repeat-x,var(--near) left bottom 28px / auto 60% repeat-x,var(--mid) left bottom 28px / auto 75% repeat-x,var(--far) left bottom 28px / auto 95% repeat-x,var(--sky, linear-gradient(#5fb8ee, #bfe8ff));image-rendering:pixelated}.world h3{position:absolute;left:12px;top:10px;margin:0;font-size:1.2rem;color:#fff;-webkit-text-stroke:1.5px #2b1d0e;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.35)}.world .soon{position:absolute;right:10px;top:10px;background:var(--gold);color:var(--ink);font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px;border:2px solid var(--gold-dark)}.meet{display:grid;gap:24px;align-items:center}@media (min-width: 800px){.meet{grid-template-columns:auto 1fr}}.mascot{width:180px;height:150px;margin:0 auto;background:url(../assets/sprites/guinea-pig.png?v=8) 0 0 / 700% 100% no-repeat;image-rendering:pixelated}.mascots{display:flex;gap:8px;justify-content:center}.mascots .mascot{width:150px;height:125px}.mascot-sam{background-image:url(../assets/sprites/guinea-pig-sam.png?v=8);transform:scaleX(-1)}.meet p{margin:0 0 14px;font-size:1.05rem}.cta{text-align:center;background:url(../assets/images/bg-near.png?v=8) bottom left / auto 70% repeat-x,linear-gradient(var(--sky-top),var(--sky-bottom));padding-block:56px 72px}.cta h2{margin-bottom:18px;color:#fff;-webkit-text-stroke:2px #2b1d0e;paint-order:stroke fill;text-shadow:0 4px 0 rgba(43,29,14,.3)}footer{text-align:center;padding-block:28px;font-size:.9rem;color:#c9b79c;background:var(--wood-dark)}footer a{color:#ffe9b8;font-weight:700;text-decoration:none}.footer-links{margin-bottom:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}.scores-status{text-align:center;color:var(--ink-soft);padding-block:12px;margin:0}.table-wrap{overflow-x:auto}.scores-table{width:100%;border-collapse:separate;border-spacing:0 6px}.scores-table th{text-align:left;padding:4px 14px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.scores-table td{text-align:left;padding:10px 14px;white-space:nowrap;background:#fff;border-block:2px solid rgba(138,90,48,.18)}.scores-table td:first-child{border-left:2px solid rgba(138,90,48,.18);border-radius:12px 0 0 12px}.scores-table td:last-child{border-right:2px solid rgba(138,90,48,.18);border-radius:0 12px 12px 0}.scores-table td.rank{font-weight:700;color:var(--blue-dark);width:3.5em}.scores-table td.rank-1:before{content:"🥇 "}.scores-table td.rank-2:before{content:"🥈 "}.scores-table td.rank-3:before{content:"🥉 "}.scores-table tr:has(.rank-1) td{background:#fff6d6;border-color:#c99a1273}.scores-table td:nth-child(3){font-weight:700}.scores-table td.stars{color:#e0a800;letter-spacing:1px}
