.hero{--ink:#3b2a22;--cream:#fff6e2;--cream-2:#f3e3c2;--mustard:#f6c544;--yellow:#f7d046;--red:#d6322a;--green:#2f8f4e;--sans:"Baloo 2", ui-sans-serif, system-ui, sans-serif;width:100%;height:100dvh;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 20% 15%, #ffffff47 0 2px, transparent 3px) 0 0 / 28px 28px, radial-gradient(120% 90% at 58% 38%, #ffd96b 0%, var(--mustard) 45%, #e9ad2c 100%);position:relative;overflow:hidden}.hero a{color:inherit;text-decoration:none}.hero button{font:inherit;color:inherit}.farm{pointer-events:none;stroke:#8a5a14;stroke-width:2px;opacity:.2;width:100%;height:100%;position:absolute;inset:0}.farm .farm-wash{fill:#fff6e259}.farm .farm-patch{fill:#8a5a1459;stroke:none}.hero-glow{pointer-events:none;background:radial-gradient(34% 46% at 56% 46%,#fff6e2bf,#0000 70%),linear-gradient(#0000 72%,#3b2a2229);position:absolute;inset:0}.hero-canvas{z-index:1;inset:0;position:absolute!important}.panel,.chip{background:var(--cream);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.nav{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:absolute;top:18px;left:24px;right:24px}.nav-side{align-items:center;gap:8px;display:flex}.nav-side.end{justify-content:flex-end}.avatar{border:2.5px solid var(--ink);width:50px;height:50px;box-shadow:3px 3px 0 var(--ink);background:var(--yellow);cursor:pointer;border-radius:50%;flex:none;margin-right:6px;padding:0;transition:transform .15s;overflow:hidden}.hero .pill{cursor:pointer;font:800 14px/1.2 var(--sans);letter-spacing:1.2px;color:var(--ink)}.avatar:hover{transform:rotate(-8deg)scale(1.05)}.avatar img{width:100%;height:100%;display:block}.pill{letter-spacing:1.2px;text-transform:uppercase;background:#fff6e26b;border:2px solid #3b2a222e;border-radius:999px;align-items:center;gap:6px;padding:9px 18px 7px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.pill:hover{border-color:var(--ink);background:#fff6e2cc}.pill.active{background:var(--cream);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.pill.best{font-variant-numeric:tabular-nums}.best-label{opacity:.55}.pill.go{background:var(--red);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);color:#fff!important}.pill.go:hover{background:#e23b32;transform:translate(-1px,-1px)}.logo{letter-spacing:-.5px;align-items:center;gap:8px;font-size:26px;font-weight:800;display:flex}.logo em{color:var(--red);font-style:normal}.rail{z-index:2;letter-spacing:2.5px;flex-direction:column;align-items:center;gap:14px;font-size:12px;font-weight:700;display:flex;position:absolute;top:110px;bottom:28px;left:22px}.rail-label{writing-mode:vertical-rl;opacity:.75;transform:rotate(180deg)}.rail-line{background:var(--ink);opacity:.25;border-radius:2px;flex:1;width:2px}.rail-social{opacity:.55;letter-spacing:1px}.copy{z-index:2;width:min(560px,42vw);position:absolute;top:50%;left:clamp(56px,6vw,96px);transform:translateY(-46%)}.chip{box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 3px;font-size:14px;font-weight:700;display:inline-flex}.chip i{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #2f8f4e33}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ghee-art{width:100%;height:auto;margin:14px 0 0 -14px;display:block;overflow:visible}.scroll-text{fill:#5a3510;font-family:Tiro Devanagari Sanskrit,serif;font-size:19px}.scroll{cursor:help}.cta{background:var(--yellow);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;align-items:center;gap:18px;margin-top:26px;padding:6px 6px 6px 24px;font-size:19px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex}.cta:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-1px,-1px)}.cta:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.cta-arrow{background:var(--ink);width:42px;height:42px;color:var(--cream);border-radius:11px;place-items:center;font-size:20px;display:grid}.look-around{cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;gap:8px;margin-top:22px;padding:0;font-size:15px;font-weight:700;display:flex}.look-around:hover{opacity:1}.panel{z-index:2;border-radius:18px;position:absolute}.level{width:340px;padding:12px;bottom:28px;right:28px}.level-main{align-items:center;gap:14px;display:flex}.thumb{object-fit:cover;border:2.5px solid var(--ink);border-radius:12px;flex:none;width:92px;height:92px;animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}}.tag{background:var(--yellow);border:2px solid var(--ink);letter-spacing:1px;border-radius:6px;padding:1px 8px 0;font-size:11px;font-weight:800;display:inline-block}.level-title{margin-top:5px;font-size:19px;font-weight:800;line-height:1.1}.level-meta{opacity:.6;margin-top:3px;font-size:13px;font-weight:600}.level-foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.progress{gap:5px;display:flex}.progress span{background:#3b2a2226;border-radius:3px;width:34px;height:5px;position:relative;overflow:hidden}.progress span.done{background:var(--ink);opacity:.55}.progress i{background:var(--red);transform-origin:0;animation:linear forwards fill;position:absolute;inset:0}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.arrows{gap:6px;display:flex}.arrows button{cursor:pointer;background:var(--cream-2);border:2px solid var(--ink);border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:800;line-height:1}.arrows button:hover{background:var(--yellow)}.cow{z-index:2;width:min(30vw,390px);position:absolute;top:104px;right:-26px}.cow-tilt{transform-origin:50% 100%;will-change:transform}.cow-svg{width:100%;height:auto;display:block;overflow:visible;-webkit-mask-image:linear-gradient(#000 82%,#0000 100%);mask-image:linear-gradient(#000 82%,#0000 100%)}.cow-shades{transform-origin:200px 218px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.cow-eyes{opacity:0;transition:opacity .2s}.cow:hover .cow-shades{transform:translateY(42px)rotate(-4deg)}.cow:hover .cow-eyes{opacity:1}.cow-glint{animation:3.2s ease-in-out infinite glint}@keyframes glint{0%,70%,to{opacity:.2}80%{opacity:.65}}.cow-leaves{width:120px;position:absolute;bottom:6%;left:-46px}.sheet-back{z-index:4;background:#3b2a2247;place-items:center;padding:96px 20px 24px;animation:.2s dim;display:grid;position:absolute;inset:0}.sheet{width:min(760px,100%);max-height:100%;padding:28px 30px 30px;animation:.25s cubic-bezier(.3,1.4,.5,1) pop;position:relative;overflow:auto}@keyframes dim{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}.sheet h2{letter-spacing:-1px;margin:0;font-size:34px;font-weight:800;line-height:1}.sheet p{max-width:58ch;margin:12px 0 0;font-size:17px;font-weight:600;line-height:1.45}.sheet .sheet-sub{opacity:.6;font-size:14px}.sheet-x{cursor:pointer;background:var(--cream-2);border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;font-size:22px;font-weight:800;line-height:1;position:absolute;top:14px;right:14px}.sheet-x:hover{background:var(--yellow)}.sheet-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.sheet-level{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:10px;transition:transform .15s,box-shadow .15s;display:flex}.sheet-level:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.sheet-level img{aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:9px;width:100%;margin-bottom:4px}.sheet-level .tag{align-self:flex-start}.sheet-level b{font-size:16px;line-height:1.1}.sheet-level small{opacity:.6;font-size:12px;font-weight:600}.sheet-level em{color:var(--red);font-size:12px;font-style:normal;font-weight:700}.sheet-keys{flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;padding:0;font-weight:700;list-style:none;display:flex}kbd{font:inherit;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:6px;padding:1px 8px 0;font-size:13px;display:inline-block}.sheet-cta{margin-top:24px}html.ghee-cursor,html.ghee-cursor *{cursor:none!important}.cursor{z-index:10;pointer-events:none;opacity:0;filter:drop-shadow(3px 4px #3b2a2259);margin:-20px 0 0 -17px;transition:opacity .2s;position:fixed;top:0;left:0}@media (width<=820px) and (height<=760px){.copy{top:84px}.ghee-art{width:88%}.look-around{display:none}}@media (width<=1100px){.pill.best,.level{display:none}.cow{width:34vw;top:auto;bottom:0}}@media (width<=820px){.cow,.rail,.nav-side .pill:not(.go){display:none}.nav{grid-template-columns:auto 1fr auto;left:14px;right:14px}.logo{justify-self:start;font-size:20px}.avatar{width:42px;height:42px}.copy{z-index:3;width:auto;top:96px;left:22px;right:22px;transform:none}.ghee-art{margin:8px 0 0 -8px}.cta{margin-top:16px}.look-around{margin-top:14px}.sheet-grid{grid-template-columns:repeat(2,1fr)}.sheet{padding:22px 18px}}html,body,#root{background:#1b1033;width:100%;height:100%;margin:0;overflow:hidden}