@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin-wght-normal.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-wght-normal.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--ink:#16110f;--ink-2:#2a2321;--night:#1c1716;--paper:#fffdf8;--cream:#f6f1e7;--cream-2:#ece5d6;--orange:#f2843a;--orange-soft:#ffab6e;--yellow:#ffd93d;--purple:#a99bff;--pink:#ff9cec;--cyan:#8ff0f5;--butter:#ffe08a;--green:#94f584;--coral:#ff8279;--blue:#5b5ce6;--muted:#5f5650;--f-display:"Silkscreen", ui-monospace, monospace;--f-pixel:"Pixelify Sans", ui-monospace, monospace;--f-body:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--wrap:1180px;--px:4px;--header-h:76px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%;cursor:url(/cursor.svg) 0 0,auto}body{background:var(--cream);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}a,button,summary,label,[role=button]{cursor:url(/pointer.svg) 5 0,pointer}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--yellow);font-family:var(--f-pixel);padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.wrap{width:min(var(--wrap), 100% - 40px);margin-inline:auto}.pixelated{image-rendering:pixelated}.h-display{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:700;line-height:1.15}.section-title{font-family:var(--f-display);text-transform:uppercase;text-align:center;margin:0 0 6px;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700;line-height:1.1}.section-sub{font-family:var(--f-pixel);text-align:center;max-width:560px;color:var(--muted);margin:0 auto 48px;font-size:1.05rem}.on-dark .section-sub{color:#cfc6bd}.kicker{font-family:var(--f-pixel);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.px-box{--bg:var(--paper);--bd:var(--ink);isolation:isolate;background:var(--bd);padding:calc(var(--px) * 6);clip-path:polygon(0 calc(var(--px) * 2), var(--px) calc(var(--px) * 2), var(--px) var(--px), calc(var(--px) * 2) var(--px), calc(var(--px) * 2) 0, calc(100% - var(--px) * 2) 0, calc(100% - var(--px) * 2) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(var(--px) * 2), 100% calc(var(--px) * 2), 100% calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px) * 2), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px) * 2) calc(100% - var(--px)), calc(100% - var(--px) * 2) 100%, calc(var(--px) * 2) 100%, calc(var(--px) * 2) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--px) * 2), 0 calc(100% - var(--px) * 2));position:relative}.px-box:before{content:"";inset:var(--px) calc(var(--px) * 2) calc(var(--px) * 2) var(--px);background:var(--bg);z-index:-1;clip-path:inherit;position:absolute}.px-box--lg{--px:6px}.btn{--b:var(--ink);--fill:var(--yellow);background:var(--fill);color:var(--ink);font-family:var(--f-pixel);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-shadow:0 -4px 0 0 var(--b), 0 4px 0 0 var(--b), -4px 0 0 0 var(--b), 4px 0 0 0 var(--b), inset -4px -4px 0 0 #00000029, inset 4px 4px 0 0 #ffffff73, 0 10px 0 0 #00000038;border:0;justify-content:center;align-items:center;gap:10px;margin:4px;padding:12px 22px;font-size:.95rem;font-weight:600;line-height:1.1;text-decoration:none;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn:active{box-shadow:0 -4px 0 0 var(--b), 0 4px 0 0 var(--b), -4px 0 0 0 var(--b), 4px 0 0 0 var(--b), inset 4px 4px 0 0 #00000029, 0 2px 0 0 #00000038;transform:translateY(3px)}.btn--ghost{--fill:transparent;box-shadow:0 -4px 0 0 var(--b), 0 4px 0 0 var(--b), -4px 0 0 0 var(--b), 4px 0 0 0 var(--b)}.btn--ghost:hover{--fill:#ffffff40}.btn--dark{--fill:var(--ink);color:var(--yellow)}.btn--sm{padding:8px 14px;font-size:.8rem}.on-dark .btn--ghost{--b:var(--yellow);color:var(--yellow)}.btn-row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.chip{font-family:var(--f-pixel);background:var(--paper);color:var(--ink);box-shadow:0 -2px 0 var(--ink), 0 2px 0 var(--ink), -2px 0 0 var(--ink), 2px 0 0 var(--ink);white-space:nowrap;margin:2px;padding:3px 9px;font-size:.78rem;text-decoration:none;display:inline-block}button.chip{border:0}.chip.is-active,a.chip:hover,button.chip:hover{background:var(--yellow)}.site-header{z-index:50;transition:background .2s steps(3,end),box-shadow .2s steps(3,end);position:sticky;top:0}.site-header.is-scrolled{background:var(--hdr-bg,var(--cream));box-shadow:0 4px 0 var(--ink)}.page--home .site-header{--hdr-bg:var(--orange)}.page--dark .site-header{--hdr-bg:var(--night)}.page--dark .site-header .logo{color:var(--paper)}.site-header__inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--f-pixel);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;line-height:.95;text-decoration:none;display:inline-flex}.logo svg{width:40px;height:40px;transition:transform .2s steps(2,end)}.logo:hover svg{transform:rotate(-8deg)scale(1.08)}.nav{background:var(--ink);box-shadow:0 -3px 0 var(--ink), 0 3px 0 var(--ink), -3px 0 0 var(--ink), 3px 0 0 var(--ink), inset 0 0 0 2px #4a403c;padding:6px}.nav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--paper);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;padding:7px 14px;font-size:.72rem;text-decoration:none;display:block}.nav a:hover,.nav a[aria-current=page]{background:var(--yellow);color:var(--ink)}.menu-btn{background:var(--ink);border:0;padding:10px;display:none}.menu-btn span{background:var(--yellow);width:22px;height:4px;margin:4px 0;transition:transform .15s steps(2,end),opacity .15s steps(2,end);display:block}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (max-width:900px){.menu-btn{display:block}.header-cta{display:none!important}.nav{top:calc(var(--header-h) - 6px);display:none;position:absolute;left:20px;right:20px}.nav.is-open{animation:.18s steps(3,end) pop-in;display:block}.nav ul{flex-direction:column}.nav a{padding:14px 16px;font-size:.85rem}}.hero{background:var(--orange);margin-top:calc(var(--header-h) * -1);padding-top:calc(var(--header-h) + 36px);position:relative;overflow:hidden}.hero__copy{z-index:2;text-align:center;max-width:980px;margin-inline:auto;position:relative}.hero__eyebrow{background:var(--ink);color:var(--paper);font-family:var(--f-pixel);align-items:center;gap:10px;margin-bottom:22px;padding:6px 12px;font-size:.85rem;display:inline-flex}.dot-live{background:var(--green);width:8px;height:8px;animation:1s steps(2,end) infinite blink}.hero__title{text-shadow:3px 3px #0000001f;font-size:clamp(1.45rem,3.9vw,2.9rem)}.hero__title .line{display:block}@media (min-width:900px){.hero__title .line{white-space:nowrap}}.js .hero__title .line{animation:.6s steps(6,end) both drop-in}.js .hero__title .line:nth-child(2){animation-delay:80ms}.js .hero__title .line:nth-child(3){animation-delay:.16s}.js .hero__title .line:nth-child(4){animation-delay:.24s}.hero__title .hl{color:var(--paper);-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--ink)}.hero__sub{font-family:var(--f-pixel);max-width:640px;margin:20px auto 30px;font-size:clamp(1rem,1.6vw,1.15rem)}.hero__stage{min-height:480px;margin-top:40px;position:relative}.hero__player{z-index:3;width:min(420px,92%);margin-inline:auto;position:relative}.hero__float{z-index:2;width:var(--s,56px);animation:2.4s steps(4,end) infinite bob;animation-delay:var(--d,0s);filter:drop-shadow(4px 4px #0003);position:absolute}.hero__float svg{width:100%;height:auto}.skyline{z-index:1;pointer-events:none;height:340px;position:absolute;bottom:0;left:0;right:0}.skyline svg{width:100%;height:100%}.skyline .train{animation:16s linear -6s infinite train}.skyline .cloud{animation:40s linear infinite drift}.skyline .cloud--slow{animation-duration:70s}.skyline .twinkle{animation:1.6s steps(2,end) infinite blink}.skyline .twinkle:nth-of-type(2n){animation-delay:.6s}.skyline .bird{animation:.6s steps(2,end) infinite flap}.player{--bg:var(--paper)}.player__top{font-family:var(--f-display);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.75rem;display:flex}.player__start{color:var(--orange);animation:1s steps(2,end) infinite blink}.player__body{grid-template-columns:132px 1fr;align-items:center;gap:18px;display:grid}.avatar{aspect-ratio:1;background:var(--ink);border:0;width:132px;padding:4px;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar .avatar__real{opacity:0;width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .35s steps(5,end);position:absolute;inset:4px}.avatar:hover .avatar__real,.avatar:focus-visible .avatar__real,.avatar.is-real .avatar__real{opacity:1}.avatar__hint{color:var(--yellow);font-family:var(--f-display);text-align:center;background:#16110fd9;padding:3px 0;font-size:.55rem;position:absolute;bottom:4px;left:4px;right:4px}.player__name{font-family:var(--f-display);margin:0 0 4px;font-size:1.05rem;font-weight:700;line-height:1.1}.player__class{font-family:var(--f-pixel);color:var(--muted);margin:0 0 10px;font-size:.85rem}.bars{gap:7px;margin:0;padding:0;list-style:none;display:grid}.bar{font-family:var(--f-pixel);font-size:.72rem}.bar__label{justify-content:space-between;margin-bottom:2px;display:flex}.bar__track{background:var(--cream-2);height:10px;box-shadow:0 0 0 2px var(--ink)}.bar__fill{height:100%;width:calc(var(--v) * 1%);background:repeating-linear-gradient(90deg, var(--fill,var(--green)) 0 8px, transparent 8px 10px)}.js .bar__fill{animation:1.4s steps(12,end) .5s both fill-bar}.bubble{z-index:4;width:250px;min-height:70px;font-family:var(--f-pixel);--bg:var(--paper);padding:14px 18px;font-size:.9rem;line-height:1.35;position:absolute;top:18px;left:calc(50% + 228px)}.bubble:after{content:"";position:absolute}.bubble__tail{width:20px;height:16px;position:absolute;bottom:-14px;left:22px}.caret{vertical-align:-.12em;background:var(--ink);width:.55em;height:1em;margin-left:2px;animation:.8s steps(2,end) infinite blink;display:inline-block}@media (max-width:900px){.bubble{width:min(340px,92%);margin:0 auto 26px;position:relative;top:auto;left:auto}.hero__float--hide-sm{display:none}.hero__stage{min-height:0;padding-bottom:230px}.skyline{height:240px}}@media (min-width:901px){.hero{min-height:100svh;padding-top:calc(var(--header-h) + clamp(8px, 2.2vh, 28px) + 12px);flex-direction:column;display:flex}.hero__eyebrow{margin-bottom:clamp(8px,2vh,22px)}.hero__title{font-size:clamp(1.25rem,min(3.9vw,4.9vh),2.9rem)}.hero__sub{margin:clamp(8px,2vh,20px) auto clamp(10px,2.4vh,30px);font-size:clamp(.9rem,min(1.6vw,2.1vh),1.15rem)}.hero .btn-row .btn{padding-block:clamp(8px,1.4vh,12px)}.hero__stage{flex:1;min-height:250px;margin-top:clamp(10px,2.4vh,32px)}.hero__player{margin:0;position:absolute;bottom:clamp(14px,3vh,40px);left:50%;translate:-50%}.player.px-box{padding:clamp(14px,2.2vh,24px)}.player__top{margin-bottom:clamp(6px,1.4vh,14px)}.player__body{grid-template-columns:clamp(84px,13vh,132px) 1fr;gap:clamp(12px,1.8vh,18px)}.avatar{width:clamp(84px,13vh,132px)}.player__class{margin-bottom:clamp(4px,1vh,10px)}.bars{gap:clamp(3px,.7vh,7px)}.skyline{height:clamp(180px,34vh,340px)}}@media (min-width:901px) and (max-height:680px){.hero__eyebrow,.player__class{display:none}.hero{padding-top:calc(var(--header-h) + 4px)}.bars{grid-template-columns:1fr 1fr;gap:6px 14px}.hero__stage{min-height:200px}}@media (max-width:460px){.player__body{grid-template-columns:96px 1fr;gap:12px}.avatar{width:96px}}.marquee{background:var(--ink);color:var(--yellow);border-block:4px solid var(--ink);font-family:var(--f-display);text-transform:uppercase;white-space:nowrap;padding:14px 0;font-size:.95rem;overflow:hidden}.marquee__track{gap:36px;padding-right:36px;animation:38s linear infinite marquee;display:inline-flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{align-items:center;gap:36px;display:inline-flex}.marquee__item svg{width:18px;height:18px}.section{padding:96px 0;position:relative}.section--cream{background:var(--cream)}.section--paper{background:var(--paper)}.section--dark{background:var(--night);color:var(--paper)}.section--grid{background-color:var(--cream);background-image:linear-gradient(#16110f0d 2px,#0000 2px),linear-gradient(90deg,#16110f0d 2px,#0000 2px);background-size:32px 32px}.cards-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:980px){.cards-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.cards-3{grid-template-columns:1fr}}.service{--bg:var(--c);text-align:center;flex-direction:column;align-items:center;padding:34px 26px 30px;transition:transform .18s steps(3,end);display:flex}.service:hover{transform:translateY(-6px)rotate(-.6deg)}.service:hover .service__icon{animation:.4s steps(4,end) wiggle}.service__icon{width:52px;height:auto;margin-bottom:16px}.service h3{font-family:var(--f-display);text-transform:uppercase;margin:0 0 12px;font-size:1.45rem;line-height:1.15}.service p{font-family:var(--f-pixel);flex:1;margin:0 0 22px;font-size:1rem;line-height:1.45}.about{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;display:grid}.about h2{margin-bottom:20px;font-size:clamp(1.6rem,3vw,2.2rem)}.about p{color:#e2dad2;margin:0 0 14px;font-size:1.02rem}.about .btn-row{justify-content:flex-start;margin-top:26px}.about__art{justify-self:center;position:relative}.about__art .avatar{background:var(--yellow);width:min(300px,70vw);box-shadow:10px 10px 0 var(--orange);padding:6px}.about__art .avatar .avatar__real{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.about__badge{background:var(--pink);color:var(--ink);font-family:var(--f-display);box-shadow:4px 4px 0 var(--ink);padding:8px 10px;font-size:.7rem;animation:2.6s steps(4,end) infinite bob;position:absolute;top:-18px;right:-18px;transform:rotate(6deg)}@media (max-width:860px){.about{grid-template-columns:1fr}.about__art{order:-1}}.divider{background:repeating-linear-gradient(90deg,#3d3532 0 12px,#0000 12px 20px);height:4px;margin:72px 0}.approach{--bg:var(--paper);color:var(--ink);min-height:250px;padding:30px 28px 36px;transition:transform .18s steps(3,end)}.approach:hover{transform:translateY(-6px)}.approach svg{width:40px;height:auto;margin-bottom:16px}.approach h3{font-family:var(--f-display);text-transform:uppercase;margin:0 0 18px;font-size:1.5rem}.approach p{font-family:var(--f-pixel);margin:0;font-size:1.12rem;font-weight:500;line-height:1.4}.approach__n{font-family:var(--f-display);color:var(--muted);font-size:.8rem;position:absolute;top:22px;right:26px}.questline{--p:0;max-width:920px;margin-inline:auto;padding-left:64px;position:relative}.questline:before,.questline__fill{content:"";width:6px;position:absolute;top:12px;left:22px}.questline:before{background:repeating-linear-gradient(180deg, var(--ink) 0 12px, transparent 12px 20px);opacity:.35;bottom:12px}.questline__fill{height:calc(var(--p) * (100% - 24px));background:repeating-linear-gradient(180deg, var(--orange) 0 12px, var(--ink) 12px 20px);display:none}.questline__walker{z-index:1;left:3px;top:calc(12px + var(--p) * (100% - 24px) - 22px);background:var(--yellow);width:44px;height:44px;box-shadow:0 -4px 0 var(--ink), 0 4px 0 var(--ink), -4px 0 0 var(--ink), 4px 0 0 var(--ink), 4px 8px 0 #0003;display:none;position:absolute}.questline__walker img{width:44px;height:44px}.questline--live .questline__fill,.questline--live .questline__walker{display:block}.questline.is-walking .questline__walker img{animation:.28s steps(2,end) infinite walk}.questline.is-up .questline__walker img{transform:scaleX(-1)}@keyframes walk{50%{translate:0 -4px}}.quests{gap:30px;margin:0;padding:0;list-style:none;display:grid}.quest{scroll-margin-top:calc(var(--header-h) + 20px);position:relative}.quest__lvl{z-index:2;background:var(--c);width:52px;height:52px;font-family:var(--f-display);text-align:center;box-shadow:0 -4px 0 var(--ink), 0 4px 0 var(--ink), -4px 0 0 var(--ink), 4px 0 0 var(--ink), 6px 8px 0 #0000002e;place-items:center;font-size:.62rem;font-weight:700;line-height:1;transition:background-color .2s steps(2,end),color .2s steps(2,end);display:grid;position:absolute;top:18px;left:-64px}.quest__lvl b{font-size:1.05rem;display:block}.questline--live .quest:not(.is-reached) .quest__lvl{background:var(--cream-2);color:var(--muted)}.questline--live .quest.is-leveled .quest__lvl{animation:.45s steps(4,end) both lvl-pop}@keyframes lvl-pop{0%{scale:1}40%{rotate:-8deg;scale:1.35}70%{rotate:4deg;scale:.92}to{rotate:0deg;scale:1}}.quest__levelup{z-index:3;white-space:nowrap;font-family:var(--f-display);text-transform:uppercase;color:var(--yellow);background:var(--ink);pointer-events:none;opacity:0;padding:3px 7px;font-size:.78rem;font-weight:700;position:absolute;top:-12px;left:-78px}.questline--live .quest.is-leveled .quest__levelup{animation:1.4s steps(10,end) .1s both level-up}@keyframes level-up{0%{opacity:0;translate:0 12px}15%{opacity:1;translate:0}75%{opacity:1;translate:0 -18px}to{opacity:0;translate:0 -30px}}.quest__card{--bg:var(--paper);padding:26px 30px}.questline--live .quest:not(.is-reached) .quest__card{--bg:#fbf8f1}.quest__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.quest__company{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:700}.quest__badge{background:var(--orange);color:var(--ink);vertical-align:middle;margin-left:8px;padding:2px 6px;font-size:.7rem;display:inline-block}.quest__period{font-family:var(--f-pixel);background:var(--ink);color:var(--yellow);white-space:nowrap;padding:2px 8px;font-size:.9rem;font-weight:400}.quest__role{font-family:var(--f-pixel);margin:6px 0 2px;font-size:1.05rem;font-weight:600}.quest__type{color:var(--muted);margin:0 0 12px;font-size:.88rem}.quest__summary{margin:0 0 14px}.quest__loot-title{font-family:var(--f-pixel);text-transform:uppercase;margin:0;font-size:.9rem;font-weight:600}.quest__loot-title:before{content:"▼ ";font-size:.7rem}ul.loot{gap:8px;margin:10px 0 4px;padding:0;list-style:none;display:grid}.loot li{padding-left:22px;font-size:.97rem;position:relative}.loot li:before{content:"";background:var(--c,var(--ink));width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:.55em;left:2px}.reveal--wait.is-in .loot li{animation:.35s steps(3,end) both loot-drop;animation-delay:calc(var(--delay,0s) + .35s + var(--i,0) * 90ms)}.reveal--wait.is-in .loot li:before{animation:.4s steps(3,end) both coin-pop;animation-delay:calc(var(--delay,0s) + .45s + var(--i,0) * 90ms)}@keyframes loot-drop{0%{opacity:0;translate:-14px}}@keyframes coin-pop{0%{scale:0}60%{scale:1.8}to{scale:1}}.quest__tech{margin-top:14px}.quest--edu .quest__card{--bg:var(--cream-2)}@media (max-width:620px){.questline{padding-left:0}.questline:before,.questline--live .questline__fill,.questline--live .questline__walker{display:none}.quest__lvl{margin:0 0 12px 4px;position:static}.quest__levelup{top:14px;left:70px}.quest__card{padding:22px 20px}}.bounties{grid-template-columns:repeat(2,1fr);align-items:start;gap:26px;display:grid}@media (max-width:860px){.bounties{grid-template-columns:1fr}}.bounty{--bg:var(--paper);scroll-margin-top:calc(var(--header-h) + 20px)}.bounty:after{content:"";z-index:-1;background:var(--c);height:10px;position:absolute;top:6px;left:6px;right:12px}.bounty__top{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.bounty__label{font-family:var(--f-pixel);text-transform:uppercase;background:var(--c);box-shadow:0 0 0 3px var(--ink);padding:3px 8px;font-size:.85rem;font-weight:600}.bounty__stamp{font-family:var(--f-display);text-transform:uppercase;color:#c2352b;opacity:.9;border:3px solid;padding:2px 10px;font-size:.95rem;font-weight:700;rotate:-10deg}.reveal--wait.is-in .bounty__stamp{animation:.5s steps(4,end) both stamp;animation-delay:calc(var(--delay,0s) + .45s)}@keyframes stamp{0%{opacity:0;scale:2.6}60%{opacity:1;scale:.9}to{opacity:.9;scale:1}}.bounty .quest__role{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.bounty__reward{margin:10px 0 6px}.bounty .loot li{font-size:.94rem}.achievements{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1000px){.achievements{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.achievements{grid-template-columns:1fr}}.achievement{--bg:var(--c);color:var(--ink);padding:22px 20px 24px;transition:transform .18s steps(3,end)}.achievement:hover{transform:translateY(-5px)rotate(.8deg)}.achievement__top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.achievement__top svg{width:40px;height:auto}.achievement__unlocked{font-family:var(--f-display);background:var(--ink);color:var(--yellow);padding:3px 6px;font-size:.55rem}.achievement h3{font-family:var(--f-display);text-transform:uppercase;margin:0 0 8px;font-size:1.05rem;line-height:1.2}.achievement p{margin:0;font-size:.95rem;line-height:1.5}.project{--bg:var(--c);flex-direction:column;padding:30px 28px 32px;transition:transform .18s steps(3,end);display:flex}.project:hover{transform:translateY(-6px)}.project__tag{font-family:var(--f-display);background:var(--ink);color:var(--paper);align-self:flex-start;margin-bottom:14px;padding:3px 7px;font-size:.6rem}.project h3{font-family:var(--f-display);text-transform:uppercase;margin:0 0 8px;font-size:1.55rem;line-height:1.1}.project__text{font-family:var(--f-pixel);margin:0 0 16px;font-size:1.02rem;line-height:1.4}.project ul{flex:1;align-content:start;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.project li{padding-left:20px;font-size:.93rem;line-height:1.4;position:relative}.project li:before{content:"";background:var(--ink);width:8px;height:8px;position:absolute;top:.45em;left:0}.project__tech{font-family:var(--f-mono);opacity:.8;margin:0 0 18px;font-size:.78rem}.project .btn{align-self:stretch}.skills{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:980px){.skills{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.skills{grid-template-columns:1fr}}.skill-group{--bg:var(--paper);padding:24px 24px 26px}.skill-group h3{font-family:var(--f-display);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 14px;font-size:.95rem;display:flex}.skill-group h3:before{content:"";background:var(--c);width:14px;height:14px;box-shadow:0 0 0 3px var(--ink)}.slots{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.slots li{font-family:var(--f-pixel);background:var(--cream);box-shadow:0 -2px 0 var(--ink), 0 2px 0 var(--ink), -2px 0 0 var(--ink), 2px 0 0 var(--ink);margin:2px;padding:4px 10px;font-size:.9rem;transition:background .1s step-end,transform .1s step-end}.slots li:hover{background:var(--c);transform:translateY(-2px)}.posts-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}@media (max-width:980px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.posts-grid{grid-template-columns:1fr}}.post-card{--bg:var(--paper);flex-direction:column;height:100%;padding:16px 18px 22px 16px;text-decoration:none;transition:transform .18s steps(3,end);display:flex}.post-card:hover{transform:translateY(-6px)}.post-card:hover .post-card__cover img{transform:scale(1.04)}.post-card__cover{aspect-ratio:16/9;background:var(--cream-2);box-shadow:0 0 0 3px var(--ink);margin-bottom:16px;overflow:hidden}.post-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s steps(4,end)}.post-card__cover--empty{background:repeating-linear-gradient(45deg, var(--butter) 0 12px, var(--yellow) 12px 24px);place-items:center;display:grid}.post-card__cover--empty svg{width:56px}.post-card__meta{font-family:var(--f-pixel);color:var(--muted);margin-bottom:6px;font-size:.82rem}.post-card h2,.post-card h3{font-family:var(--f-pixel);margin:0 0 10px;font-size:1.22rem;font-weight:700;line-height:1.25}.post-card p{color:#3f3834;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:.93rem;display:-webkit-box;overflow:hidden}.post-card__tags{flex-wrap:wrap;gap:4px;display:flex}.faq{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;display:grid}.faq h2{margin-bottom:10px;font-size:clamp(1.5rem,2.8vw,2rem)}.faq__intro p{font-family:var(--f-pixel);margin:0 0 24px;font-size:1.05rem}.faq__list{gap:16px;display:grid}.faq-item{--bg:var(--paper);--px:4px;padding:0}.faq-item summary{font-family:var(--f-pixel);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 20px 22px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item__plus{flex:none;width:18px;height:18px;position:relative}.faq-item__plus:before,.faq-item__plus:after{content:"";background:var(--ink);position:absolute}.faq-item__plus:before{height:4px;top:7px;left:0;right:0}.faq-item__plus:after{width:4px;transition:transform .15s steps(2,end);top:0;bottom:0;left:7px}.faq-item[open] .faq-item__plus:after{transform:scaleY(0)}.faq-item p{margin:0;padding:0 28px 22px 22px}.faq-item[open] p{animation:.2s steps(3,end) pop-in}@media (max-width:860px){.faq{grid-template-columns:1fr}}.site-footer{background:var(--orange);padding:72px 0 28px;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, var(--orange) 50%, transparent 50%) 0 0 / 24px 6px repeat-x, linear-gradient(90deg, var(--orange) 100%, transparent 0) 0 6px / 100% 6px no-repeat;height:12px;position:absolute;top:-12px;left:0;right:0}.footer-grid{grid-template-columns:1.3fr .7fr 1fr;gap:40px;display:grid}.footer-brand .logo{font-size:1.8rem}.footer-brand .logo svg{width:72px;height:72px}.footer-tagline{font-family:var(--f-display);text-transform:uppercase;margin:26px 0 0;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;line-height:1.2}.footer-nav ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.footer-nav a{font-family:var(--f-display);text-transform:uppercase;font-size:.95rem;text-decoration:none}.footer-nav a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.footer-h{font-family:var(--f-display);text-transform:uppercase;margin:0 0 14px;font-size:.8rem}.socials{gap:18px;margin-bottom:30px;display:flex}.socials a{width:34px;height:34px;padding:3px;transition:transform .12s steps(2,end);display:block}.socials a:hover{transform:translateY(-4px)rotate(-6deg)}.socials svg{width:100%;height:100%}.insert-coin{margin-top:6px;display:block}.insert-coin .btn{width:calc(100% - 8px)}.footer-bottom{font-family:var(--f-display);text-transform:uppercase;border-top:4px dashed #16110f59;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:20px;font-size:.72rem;display:flex}.footer-bottom a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.footer-bottom svg{width:14px}@media (max-width:860px){.footer-grid{grid-template-columns:1fr}}.page-hero{background:var(--yellow);margin-top:calc(var(--header-h) * -1);padding:calc(var(--header-h) + 56px) 0 64px;text-align:center;border-bottom:4px solid var(--ink);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(2rem,6vw,4rem)}.page-hero p{font-family:var(--f-pixel);max-width:560px;margin:12px auto 0;font-size:1.12rem}.page-hero__coins{pointer-events:none;position:absolute;inset:0}.page-hero__coins svg{width:28px;animation:2s steps(4,end) infinite bob;position:absolute}.tag-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 40px;display:flex}.empty-state{text-align:center;font-family:var(--f-pixel);padding:40px 0}.post-head{background:var(--cream);margin-top:calc(var(--header-h) * -1);padding:calc(var(--header-h) + 40px) 0 36px}.crumbs{font-family:var(--f-pixel);margin-bottom:20px;font-size:.9rem}.crumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:8px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.post-title{font-family:var(--f-pixel);max-width:900px;margin:10px 0 16px;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:700;line-height:1.12}.post-meta{font-family:var(--f-pixel);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.95rem;display:flex}.post-meta__author{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.post-meta__author img{width:36px;height:36px;box-shadow:0 0 0 3px var(--ink)}.post-cover{aspect-ratio:2;box-shadow:0 0 0 4px var(--ink), 10px 10px 0 4px var(--orange);background:var(--cream-2);margin:30px 0 0;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%}.post-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:56px;padding:48px 0 80px;display:grid}.toc{top:calc(var(--header-h) + 24px);--bg:var(--paper);padding:20px 22px 22px;font-size:.9rem;position:sticky}.toc h2{font-family:var(--f-display);margin:0 0 12px;font-size:.8rem}.toc ol{gap:8px;max-height:55vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.toc a{line-height:1.35;text-decoration:none;display:block}.toc a:hover,.toc a.is-active{color:var(--blue)}.toc a.is-active:before{content:"▶ ";font-size:.65rem}.toc li.l3{padding-left:14px;font-size:.85rem}@media (max-width:980px){.post-layout{grid-template-columns:1fr}.toc{display:none}}.prose{color:#231d1b;overflow-wrap:break-word;max-width:740px;font-size:1.1rem;line-height:1.78}.prose>*+*{margin-top:1.15em}.prose p,.prose ul,.prose ol,.prose figure,.prose pre,.prose blockquote{margin-bottom:0}.prose h2,.prose h3,.prose h4{font-family:var(--f-pixel);scroll-margin-top:calc(var(--header-h) + 20px);margin:2em 0 .6em;font-weight:700;line-height:1.25;position:relative}.prose h2{font-size:1.75rem}.prose h3{font-size:1.38rem}.prose h4{font-size:1.15rem}.prose .anchor{opacity:0;color:var(--orange);text-decoration:none;position:absolute;left:-1.1em}.prose h2:hover .anchor,.prose h3:hover .anchor{opacity:1}.prose a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:2px}.prose a:hover{background:var(--yellow);color:var(--ink)}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose ul li::marker{content:"■  ";color:var(--orange);font-size:.8em}.prose blockquote{background:var(--butter);box-shadow:-6px 0 0 var(--ink);font-family:var(--f-pixel);margin-left:0;margin-right:0;padding:14px 22px;font-size:1.15rem}.prose blockquote p{margin:0}.prose hr{background:repeating-linear-gradient(90deg, var(--ink) 0 8px, transparent 8px 16px);border:0;height:4px;margin:2.4em 0}.prose img{height:auto;box-shadow:0 0 0 3px var(--ink);margin-inline:auto}.prose figure{margin-left:0;margin-right:0}.prose figcaption{text-align:center;font-family:var(--f-pixel);color:var(--muted);margin-top:12px;font-size:.9rem}.prose :not(pre)>code{font-family:var(--f-mono);background:var(--cream-2);padding:.12em .4em;font-size:.86em;box-shadow:0 0 0 1px #16110f26}.prose pre{color:#f2ebe2;box-shadow:0 0 0 4px var(--ink), 8px 8px 0 4px #00000026;tab-size:2;background:#1b1716;padding:20px 22px;font-size:.88rem;line-height:1.6;position:relative;overflow-x:auto}.prose pre code{font-family:var(--f-mono);background:0 0}.copy-btn{background:var(--yellow);color:var(--ink);font-family:var(--f-pixel);opacity:0;border:0;padding:4px 8px;font-size:.72rem;transition:opacity .15s steps(2,end);position:absolute;top:8px;right:8px}.prose pre:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.table-wrap{box-shadow:0 0 0 3px var(--ink);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{border:2px solid var(--ink);text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--yellow);font-family:var(--f-pixel)}.prose tr:nth-child(2n) td{background:var(--cream)}.hljs-comment,.hljs-quote{color:#8e8379;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-type{color:#ff9cec}.hljs-string,.hljs-attr,.hljs-template-tag,.hljs-addition{color:#94f584}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable,.hljs-template-variable{color:#ffab6e}.hljs-title,.hljs-title.function_,.hljs-section,.hljs-name{color:#8ff0f5}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#ffd93d}.hljs-meta,.hljs-params,.hljs-property{color:#c8bfff}.hljs-deletion{color:#ff8279}.post-foot{gap:28px;max-width:740px;margin-top:56px;display:grid}.share{font-family:var(--f-pixel);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-nav{grid-template-columns:1fr 1fr;gap:18px;display:grid}.post-nav a{--bg:var(--paper);padding:18px 22px 20px;text-decoration:none;transition:transform .15s steps(2,end)}.post-nav a:hover{transform:translateY(-4px)}.post-nav small{font-family:var(--f-display);color:var(--muted);margin-bottom:6px;font-size:.65rem;display:block}.post-nav strong{font-family:var(--f-pixel);line-height:1.3;display:block}.post-nav .next{text-align:right;grid-column:2}.cta-box{--bg:var(--orange);padding:28px 30px 32px}.cta-box h2{font-family:var(--f-display);margin:0 0 8px;font-size:1.3rem}.cta-box p{margin:0 0 18px}.cta-box .btn-row{justify-content:flex-start}.skeleton{background:repeating-linear-gradient(90deg, var(--cream-2) 0 16px, var(--cream) 16px 32px);min-height:1.2em;animation:1s steps(4,end) infinite skel}.game-over{text-align:center;background:var(--night);min-height:72vh;color:var(--paper);margin-top:calc(var(--header-h) * -1);padding:calc(var(--header-h) + 40px) 20px 60px;place-items:center;display:grid}.game-over h1{color:var(--coral);text-shadow:6px 6px #000;font-size:clamp(2.6rem,9vw,6rem);animation:2s step-end infinite glitch}.game-over p{font-family:var(--f-pixel);margin:14px 0 30px;font-size:1.2rem}.game-over .count{font-family:var(--f-display);color:var(--yellow);font-size:3.4rem}.reveal--wait{opacity:0;transition:opacity .5s steps(5,end),transform .5s steps(5,end);transition-delay:var(--delay,0s);transform:translateY(28px)}.reveal--wait.is-in{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}@keyframes drop-in{0%{opacity:0;transform:translateY(-24px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(-6px)}}@keyframes fill-bar{0%{width:0}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes train{0%{transform:translate(-700px)}to{transform:translate(1600px)}}@keyframes drift{0%{transform:translate(-300px)}to{transform:translate(1600px)}}@keyframes flap{50%{transform:scaleY(-.6)}}@keyframes wiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes skel{to{background-position:32px 0}}@keyframes glitch{0%,92%{transform:none}94%{transform:translate(-4px,2px)}96%{transform:translate(4px,-2px)}}@keyframes coin-fall{to{transform:translateY(110vh)rotate(360deg)}}.coin-rain{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.coin-rain svg{width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal--wait{opacity:1;transform:none}}@media (max-width:900px){.skyline .charminar,.skyline .sun{transform:translate(-410px)}}
