:root{--navy:#233a6b;--ink:#12162b;--red:#d6453d;--red-d:#9e2b25;--mustard:#f0b429;--mint:#7fd1b9;--cream:#f4ead7;--pink:#f29bb8;--green:#3f8f5a;--f-pixel:"Jersey 10", "Pixelify Sans", monospace;--f-body:"Pixelify Sans", system-ui, sans-serif;--knit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 10 10'%3E%3Cg fill='%23fff' fill-opacity='.07' stroke='%23000' stroke-opacity='.22' stroke-width='.45'%3E%3Cellipse cx='3' cy='5' rx='2.5' ry='4.6' transform='rotate(-24 3 5)'/%3E%3Cellipse cx='7' cy='5' rx='2.5' ry='4.6' transform='rotate(24 7 5)'/%3E%3C/g%3E%3C/svg%3E");--notch:polygon(0 8px, 8px 8px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 8px), 0 calc(100% - 8px))}*,:before,:after{box-sizing:border-box}body{background:var(--knit), var(--navy);color:var(--cream);font:400 1.125rem/1.55 var(--f-body);margin:0}main{overflow-x:clip}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ghost{visibility:hidden}.pixel{border:6px solid var(--cream);background:var(--cream);clip-path:var(--notch)}.panel{border:4px solid var(--cream);clip-path:var(--notch);background:#12162be0;padding:clamp(18px,3vw,28px)}.btn{background:var(--red);color:var(--cream);font:400 1.9rem/1 var(--f-pixel);clip-path:var(--notch);box-shadow:inset -5px -5px 0 var(--red-d), inset 5px 5px 0 #ffffff40;cursor:pointer;border:0;padding:.4em .9em .45em}.btn:hover{background:#e25a50}.btn:active{translate:0 3px}.title{text-align:center;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.title-inner{justify-items:center;gap:.3rem;padding:0 4vw;display:grid}.player{font:400 1.5rem/1 var(--f-pixel);color:var(--mint);margin:0 0 1rem}.logo{width:min(92vw,860px);fill:var(--cream);filter:drop-shadow(0 6px #0000004d)}.logo use{stroke:#00000040;stroke-width:.5px}.quest{font:400 clamp(4rem, 17vw, 9.5rem)/.8 var(--f-pixel);color:var(--mustard);text-shadow:0 6px 0 var(--red-d);margin:.3rem 0 0}.tagline{margin:.4rem 0 0;font-size:1.25rem}.press{font:400 1.7rem/1 var(--f-pixel);color:var(--mint);margin:2.6rem 0 0;animation:1.1s step-end infinite blink}@keyframes blink{50%{visibility:hidden}}.screen{width:min(92vw,1000px);margin:clamp(90px,16svh,170px) auto}.screen.narrow{width:min(92vw,720px)}.screen-head{text-align:center;margin-bottom:2.4rem}.screen-head h2{font:400 clamp(3rem, 10vw, 5.6rem)/.9 var(--f-pixel);color:var(--mustard);text-shadow:0 5px 0 var(--red-d);margin:0}.screen-head p{color:var(--mint);margin:.8rem 0 0}.select{align-items:start;gap:2rem;display:grid}@media (width>=800px){.select{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}}.portrait{margin:0;position:relative}.portrait img{aspect-ratio:3/4;object-fit:cover;width:100%}.portrait figcaption{background:var(--red);font:400 1.6rem/1 var(--f-pixel);padding:.1em .5em;position:absolute;top:10px;left:10px}.panel h3{font:400 clamp(2.4rem, 7vw, 3.4rem)/1 var(--f-pixel);margin:0}.classe{color:var(--mint);margin:.2rem 0 1.2rem}.stats{gap:.55rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.stats li{grid-template-columns:8.5em 1fr 3em;align-items:center;gap:.8rem;display:grid}.stat-note{color:var(--mint);grid-column:1/-1;margin-top:-.35rem;font-size:.85rem}.bar{grid-template-columns:repeat(10,1fr);gap:3px;height:16px;display:grid}.bar i{background:var(--mustard)}@media (width<=480px){.stats li{grid-template-columns:1fr 3em;gap:.3rem .8rem}.stats .bar{grid-area:2/1/auto/-1}}.equip{grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 1.6rem;display:grid}.equip dt{color:var(--mint)}.equip dd{margin:0}.toast{color:var(--mustard);margin:1rem 0 0}.band{padding:clamp(30px,6vw,60px) 0;overflow:clip}.band>div{background:var(--knit), var(--red);width:max-content;padding:14px 0;box-shadow:0 10px #0003}.band-knit{width:auto;height:clamp(84px,12vw,126px);fill:var(--cream);display:block}.score{z-index:5;width:fit-content;font:400 1.8rem/1 var(--f-pixel);color:var(--mustard);margin:0 auto 2rem;padding:.5rem 1.2rem;position:sticky;top:12px}.achievements{gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.achievement{grid-template-columns:clamp(80px,18vw,130px) 1fr auto;align-items:center;gap:1.2rem;display:grid}.thumb{cursor:zoom-in;padding:0}.thumb img{aspect-ratio:1;object-fit:cover;width:100%}.unlocked{color:var(--mint);margin:0;font-size:.9rem}.achievement h3{font:400 clamp(1.8rem, 5vw, 2.4rem)/1 var(--f-pixel);margin:.1rem 0 .2rem}.desc{margin:0;font-size:1rem}.points{font:400 2rem/1 var(--f-pixel);color:var(--mustard)}@media (width<=560px){.achievement{grid-template-columns:76px 1fr}.points{grid-column:2;justify-self:start}}.map{position:relative}.map-stage{background:var(--knit), var(--green);border-block:10px solid var(--ink);height:100svh;position:sticky;top:0;overflow:hidden}.map-label{z-index:4;padding:12px 18px;position:absolute;top:16px;left:16px}.map-label h2{font:400 2.2rem/1 var(--f-pixel);color:var(--mustard);margin:0}.map-label p{margin:.2rem 0 0;font-size:.9rem}.track{align-items:flex-start;gap:clamp(50px,8vw,110px);width:max-content;height:100%;padding:96px clamp(30px,10vw,140px) 0;display:flex;position:relative}.map.static .map-stage{height:auto;position:relative;overflow-x:auto}.map.static .track{height:auto;padding-block:120px 60px}.level{flex-direction:column;flex:none;align-items:center;gap:18px;width:clamp(200px,58vw,260px);display:flex;position:relative}.level.flag{width:auto}.level-card{z-index:2;width:100%;color:var(--ink);text-align:left;cursor:zoom-in;flex-direction:column;padding:0;display:flex;position:relative}.level-card img{aspect-ratio:4/5;object-fit:cover;width:100%}.lvl-label{color:var(--red);padding:.5rem .7rem 0;font-size:.9rem}.lvl-name{font:400 1.8rem/1 var(--f-pixel);padding:0 .7rem}.stars{letter-spacing:.1em;color:#d99a0b;padding:.2rem .7rem 0;font-size:1.3rem}.stars .off{color:#12162b33}.lvl-note{padding:.2rem .7rem .7rem;font-size:.9rem}.node{z-index:2;border:4px solid var(--ink);background:var(--mustard);border-radius:50%;width:34px;height:34px;position:relative}.sign{z-index:2;background:var(--cream);color:var(--ink);font:400 1.6rem/1 var(--f-pixel);clip-path:var(--notch);padding:.3em .6em;position:relative}.yarn{z-index:1;pointer-events:none;filter:drop-shadow(0 5px #00000040);position:absolute;top:0;left:0;overflow:visible}.yarn-base{fill:none;stroke:var(--red);stroke-width:9px;stroke-linecap:round}.yarn-twist{fill:none;stroke:#f07a72;stroke-width:3px;stroke-dasharray:2 9;stroke-linecap:round}.ball{z-index:3;background:repeating-linear-gradient(35deg, var(--red) 0 5px, #e86a61 5px 8px);offset-rotate:0deg;border-radius:50%;width:44px;height:44px;position:absolute;top:0;left:0;box-shadow:inset -6px -6px #00000040,0 6px #00000040}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(30px,6vw,70px);max-width:760px;margin:0 auto;display:grid}.card-wrap{perspective:1000px}.holo{background:linear-gradient(160deg, var(--mustard), #e9c45a 40%, #c98f12);color:var(--ink);cursor:grab;border-radius:16px;padding:14px;position:relative;overflow:hidden;box-shadow:0 30px 50px -20px #0009}.holo header{font:400 1.6rem/1 var(--f-pixel);justify-content:space-between;gap:1rem;margin-bottom:8px;display:flex}.holo-img{border:4px solid #a8760a}.holo-img img{aspect-ratio:4/5;object-fit:cover;width:100%}.attack{font:400 1.6rem/1 var(--f-pixel);border-top:2px solid #12162b4d;justify-content:space-between;margin:10px 0 4px;padding-top:8px;display:flex}.flavor{margin:0;font-size:.95rem;line-height:1.4}.rarity{text-align:right;margin:8px 0 0;font-size:.85rem}.foil{pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0}.dialog{margin-bottom:2.4rem;padding:2.6rem 1.6rem 1.8rem;position:relative}.npc{background:var(--mustard);color:var(--ink);font:400 1.3rem/1 var(--f-pixel);padding:.2em .5em;position:absolute;top:10px;left:14px}.dialog p{margin:.6rem 0 0;font-size:1.2rem;line-height:1.6}.next{color:var(--mustard);animation:.8s steps(2,end) infinite bob;position:absolute;bottom:8px;right:16px}@keyframes bob{50%{translate:0 4px}}.levelup{text-align:center}.lvl{font:400 clamp(4.5rem, 18vw, 10rem)/.85 var(--f-pixel);color:var(--mustard);text-shadow:0 6px 0 var(--red-d), 0 0 40px #f0b42973;margin:0}.lvl-num{font-size:1.4rem}.lvl-num b{font:400 3rem/1 var(--f-pixel);color:var(--mint);vertical-align:middle}.gains{text-align:left;width:fit-content;font:400 1.6rem/1.2 var(--f-pixel);color:var(--mint);gap:.3rem;margin:1.5rem auto 2.5rem;padding:0;list-style:none;display:grid}.gains li:before{content:"▲ ";color:var(--mustard)}.final{text-align:left}.start{margin-top:1rem;animation:1s steps(2,end) infinite pulse}@keyframes pulse{50%{scale:1.06}}.bday{margin-top:1rem}.bday-title{font:400 clamp(3rem, 12vw, 7rem)/.9 var(--f-pixel);text-shadow:0 6px 0 var(--red);margin:0}.saving{color:var(--mint);margin:1.2rem 0 .6rem}.save-bar{border:3px solid var(--cream);width:min(80%,360px);height:18px;margin:0 auto;padding:2px;display:block}.save-bar i{background:var(--mustard);transform-origin:0;height:100%;display:block}.confetti{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{display:block;position:absolute;top:0}.lightbox{z-index:50;cursor:zoom-out;background:#12162be6;place-items:center;padding:4vw;display:grid;position:fixed;inset:0}.lightbox figure{width:min(88vw,560px);margin:0}.lightbox img{object-fit:contain;background:var(--ink);width:100%;max-height:72svh}.lightbox figcaption{font:400 1.6rem/1 var(--f-pixel);color:var(--ink);padding:.4rem .6rem}.close{font-size:1.4rem;position:fixed;top:1rem;right:1rem}@media (prefers-reduced-motion:reduce){.press,.next,.start{animation:none}}