:root{--sky:#58c8ff;--sky2:#dff7ff;--blue:#1267d8;--deep:#083b78;--red:#f34b45;--yellow:#ffd942;--green:#37b84b;--brown:#9d552f;--cream:#fff8dd;--ink:#17213b;--white:#fff;--shadow:#713315;--pixel:'Press Start 2P',monospace;--display:'Fredoka',sans-serif;--body:'Nunito',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);background:#f7fbff;overflow-x:hidden}body.is-loading{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.progress-line{position:fixed;z-index:200;top:0;left:0;height:5px;width:0;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green),var(--blue))}
.boot-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:25px;background:linear-gradient(#55c6ff 0 65%,#62c74f 65% 77%,#a85c32 77%);transition:.5s}.boot-screen.done{opacity:0;visibility:hidden}.boot-card{width:min(720px,100%);background:var(--cream);border:6px solid var(--ink);border-radius:24px;padding:clamp(28px,5vw,55px);box-shadow:0 12px 0 #243450;text-align:center}.pixel-star{margin:auto;width:75px;height:75px;display:grid;place-items:center;background:var(--yellow);border:5px solid var(--ink);border-radius:18px;font-size:42px;transform:rotate(8deg);box-shadow:0 7px 0 #c58d18}.boot-card>p{font:700 13px var(--pixel);color:var(--blue);margin:30px 0 15px}.boot-card h2{font:700 clamp(28px,5vw,52px)/1.15 var(--display);margin:0 0 35px}.boot-task{display:flex;justify-content:space-between;margin:18px 0 7px;font-weight:900}.boot-task b{color:var(--red)}.boot-bar{height:18px;border:4px solid var(--ink);background:#fff;border-radius:10px;overflow:hidden}.boot-bar i{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,var(--green) 0 22px,#70e36f 22px 32px);transition:width .1s}.boot-welcome{display:block;opacity:0;margin-top:25px;font:12px var(--pixel);color:var(--blue)}.boot-welcome.show{opacity:1}
.site-header{position:fixed;z-index:50;top:0;width:100%;height:88px;padding:0 clamp(18px,5vw,74px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:5px solid var(--ink);box-shadow:0 5px 0 rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:13px;font:700 20px var(--display)}.brand>span:last-child span{color:var(--red)}.brand-box{width:48px;height:48px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:10px;background:var(--red);color:#fff;font:20px var(--pixel);box-shadow:0 5px 0 #a22525}.nav{display:flex;gap:34px;font-weight:900}.nav a:hover{color:var(--red)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--ink);border-radius:13px;padding:14px 21px;font-weight:900;box-shadow:0 6px 0 var(--ink);transition:.18s}.nav-cta{background:var(--yellow)}.btn:hover,.nav-cta:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}
.hero{position:relative;min-height:100vh;padding:145px clamp(24px,7vw,110px) 135px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:clamp(45px,7vw,100px);align-items:center;overflow:hidden;background:linear-gradient(var(--sky),var(--sky2) 70%,#fff 70%)}.hero-copy,.hero-visual{position:relative;z-index:4}.eyebrow{display:inline-block;margin:0 0 22px;padding:10px 15px;border:4px solid var(--ink);border-radius:10px;background:var(--yellow);font:10px var(--pixel);box-shadow:0 5px 0 var(--ink)}h1{margin:0;font-family:var(--display);font-size:clamp(54px,7.5vw,112px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;text-shadow:5px 5px 0 #fff,8px 8px 0 var(--ink)}h1 span,h1 strong{display:block}h1 strong{color:var(--red)}.hero-lead{max-width:750px;font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:800;margin:30px 0 0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px}.btn-primary{background:var(--red);color:#fff}.btn-secondary{background:#fff}.scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px;max-width:700px}.scoreboard div{background:rgba(255,255,255,.92);border:4px solid var(--ink);border-radius:15px;padding:18px;box-shadow:0 6px 0 var(--ink)}.scoreboard small{display:block;font:9px var(--pixel);color:var(--blue)}.scoreboard b{display:block;font:700 42px var(--display)}.scoreboard span{font-weight:900}.hero-visual{max-width:520px;justify-self:end}.flag-label{position:absolute;z-index:4;top:-28px;left:25px;padding:9px 12px;background:var(--green);color:#fff;border:4px solid var(--ink);border-radius:8px;font:9px var(--pixel)}.portrait-frame{position:relative;aspect-ratio:.83;border:6px solid var(--ink);border-radius:28px;background:#fff;overflow:hidden;box-shadow:12px 12px 0 var(--ink)}.portrait-frame img{width:100%;height:100%;object-fit:cover}.pixel-corner{position:absolute;width:45px;height:45px;background:var(--yellow);border:4px solid var(--ink)}.p1{left:14px;top:14px}.p2{right:14px;bottom:14px;background:var(--red)}.level-panel{position:relative;width:90%;margin:-22px auto 0;background:var(--cream);border:5px solid var(--ink);border-radius:13px;padding:18px;text-align:center;box-shadow:0 6px 0 var(--ink)}.level-panel span{font:9px var(--pixel);color:var(--red)}.level-panel strong{display:block;font:700 25px var(--display);margin:6px 0}.level-panel small{font-weight:900}.sky-cloud{position:absolute;background:#fff;border:4px solid rgba(23,33,59,.12);border-radius:999px;width:220px;height:75px}.sky-cloud:before,.sky-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.sky-cloud:before{width:95px;height:95px;left:35px;top:-45px}.sky-cloud:after{width:120px;height:120px;right:20px;top:-65px}.c1{top:165px;left:-45px}.c2{top:230px;right:-60px;transform:scale(.75)}.coin{position:absolute;color:#ffca17;font-size:48px;text-shadow:0 4px 0 #a36900;animation:bob 2s ease-in-out infinite}.coin1{left:48%;top:20%}.coin2{right:5%;top:60%;animation-delay:.7s}@keyframes bob{50%{transform:translateY(-18px)}}.brick-row{position:absolute;z-index:2;top:105px;right:9%;display:flex}.brick-row i{width:62px;height:62px;display:grid;place-items:center;background:#e4863a;border:4px solid var(--ink);font:21px var(--pixel);font-style:normal;color:#fff;box-shadow:inset -7px -7px 0 #b64a22}.brick-row i:nth-child(2),.brick-row i:nth-child(5){background:var(--yellow);color:var(--ink)}.ground{position:absolute;bottom:0;left:0;right:0;height:68px;display:flex;overflow:hidden}.ground i{flex:1;min-width:68px;background:repeating-linear-gradient(45deg,#a75b2e 0 14px,#c9783b 14px 28px);border:4px solid #61351e}
.section{width:min(1260px,calc(100% - 48px));margin:auto;padding:120px 0}.section-heading{display:flex;gap:23px;align-items:flex-start;margin-bottom:55px}.world-number{display:inline-block;background:var(--red);color:#fff;border:4px solid var(--ink);border-radius:10px;padding:13px;font:9px var(--pixel);box-shadow:0 5px 0 var(--ink)}.section-heading p{margin:2px 0 8px;color:var(--blue);font:10px var(--pixel)}.section-heading h2{margin:0;font:700 clamp(42px,6vw,75px)/1 var(--display);letter-spacing:-.035em}.profile-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.game-card{position:relative;background:#fff;border:5px solid var(--ink);border-radius:20px;padding:38px;box-shadow:0 9px 0 var(--ink);overflow:hidden}.card-title{display:inline-block;margin-bottom:28px;background:var(--yellow);border:3px solid var(--ink);border-radius:8px;padding:9px 12px;font:9px var(--pixel)}dl{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;margin:0}dl div{border-bottom:3px dashed #c6d5e4;padding-bottom:15px}dt{font-weight:900;color:var(--blue);text-transform:uppercase;font-size:12px}dd{margin:6px 0 0;font:700 20px var(--display)}.mission-card h3{font:700 clamp(34px,4vw,52px)/1 var(--display);margin:0 0 18px}.mission-card p{font-size:19px;line-height:1.7;font-weight:700}.skill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.skill-list span{background:var(--green);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:9px 13px;font-weight:900}.quest-star{position:absolute;right:-25px;bottom:-35px;font-size:140px;color:var(--yellow);text-shadow:5px 5px 0 var(--ink);transform:rotate(-15deg)}
.achievements{background:linear-gradient(180deg,#f7fbff,#dff7ff);width:100%;padding-left:max(24px,calc((100% - 1260px)/2));padding-right:max(24px,calc((100% - 1260px)/2))}.achievement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.summary-card{background:#fff;border:4px solid var(--ink);border-radius:16px;padding:23px;box-shadow:0 6px 0 var(--ink)}.summary-card>span{font-size:35px;color:var(--yellow);text-shadow:2px 2px 0 var(--ink)}.summary-card strong{display:block;font:700 48px var(--display)}.summary-card small{font-weight:900}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0 28px}.filter{border:4px solid var(--ink);border-radius:999px;background:#fff;padding:11px 16px;font-weight:900;cursor:pointer}.filter.active,.filter:hover{background:var(--yellow)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.achievement-card{min-height:310px;display:flex;flex-direction:column;background:#fff;border:5px solid var(--ink);border-radius:18px;padding:25px;box-shadow:0 8px 0 var(--ink);transition:.2s}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 13px 0 var(--ink)}.achievement-card.featured{grid-column:span 2;background:linear-gradient(145deg,#fff8d5,#fff)}.achievement-card.hide{display:none}.level-top,.level-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.level-top span{font:9px var(--pixel);color:var(--red)}.level-top b{font:700 23px var(--display)}.level-icon{font-size:58px;margin:25px 0 5px;color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}.achievement-card h3{font:700 clamp(25px,2.5vw,36px)/1.08 var(--display);margin:12px 0}.achievement-card p{font-size:16px;font-weight:800;color:#536079;line-height:1.5}.level-bottom{margin-top:auto;border-top:3px dashed #c9d8e5;padding-top:17px;font-size:11px;font-weight:900}.level-bottom strong{color:var(--blue)}.empty-world{text-align:center;padding:70px 30px}.empty-block{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 25px;background:var(--yellow);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink);font:40px var(--pixel)}.empty-world h3{font:700 42px var(--display);margin:15px}.empty-world p{font-size:18px;font-weight:800;margin-bottom:30px}
.timeline{position:relative;margin-left:22px;border-left:8px dotted var(--green)}.year-row{display:grid;grid-template-columns:60px minmax(150px,220px) 1fr;gap:25px;align-items:center;padding:0 0 52px 28px}.map-node{width:54px;height:54px;margin-left:-59px;display:grid;place-items:center;background:var(--yellow);border:4px solid var(--ink);border-radius:50%;font:10px var(--pixel);box-shadow:0 5px 0 var(--ink)}.year-row time{font:700 clamp(40px,5vw,62px)/1 var(--display);color:var(--red)}.year-row p{margin:0;font-size:20px;line-height:1.6;font-weight:700}.castle-card{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.castle-card small{font:9px var(--pixel);color:var(--blue)}.castle-card h3{font:700 40px var(--display);margin:8px 0 0}.castle-card p{font-size:18px;font-weight:800}.castle-card>span{font-size:75px}
.detail-page{min-height:100vh;padding-top:120px;background:linear-gradient(#65cbff,#effcff 420px,#fff 420px)}.detail-hero,.gallery-section{width:min(1200px,calc(100% - 40px));margin:auto}.detail-hero{padding:70px 0}.detail-title{font-size:clamp(48px,7vw,92px);text-shadow:4px 4px 0 #fff,7px 7px 0 var(--ink)}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.detail-meta span{background:#fff;border:4px solid var(--ink);border-radius:999px;padding:11px 15px;font-weight:900}.detail-description{font-size:20px;line-height:1.7;font-weight:700;max-width:900px}.gallery-section{padding:70px 0 120px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{margin:0;background:#fff;border:5px solid var(--ink);border-radius:17px;overflow:hidden;box-shadow:0 8px 0 var(--ink)}.gallery-item img{width:100%;height:330px;object-fit:cover;display:block}.gallery-item figcaption{padding:20px}.gallery-item strong,.gallery-item span,.gallery-item figcaption>a{display:block}.gallery-item span{margin:7px 0;color:var(--blue);font-weight:900}.gallery-item figcaption>a{color:var(--red);font-weight:900}.panel,.empty-gallery{background:#fff;border:5px solid var(--ink);border-radius:18px;padding:40px;box-shadow:0 8px 0 var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px clamp(24px,5vw,70px);background:var(--ink);color:#fff}footer a{color:var(--yellow)}
@media(max-width:980px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center}.hero-actions{justify-content:center}.scoreboard{margin-left:auto;margin-right:auto}.hero-visual{justify-self:center}.profile-layout{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.achievement-summary{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{height:76px;padding:0 16px}.brand{font-size:16px}.brand-box{width:42px;height:42px}.nav-cta{display:none}.hero{padding:110px 18px 105px}.brick-row{display:none}h1{font-size:clamp(48px,14vw,72px);text-shadow:3px 3px 0 #fff,5px 5px 0 var(--ink)}.hero-lead{font-size:18px}.hero-actions{flex-direction:column}.btn{width:100%}.scoreboard{grid-template-columns:repeat(3,1fr);gap:7px}.scoreboard div{padding:13px 7px}.scoreboard b{font-size:29px}.scoreboard span{font-size:10px}.scoreboard small{font-size:6px}.section{width:calc(100% - 30px);padding:85px 0}.achievements{width:100%;padding-left:15px;padding-right:15px}.section-heading{flex-direction:column}.section-heading h2{font-size:45px}dl{grid-template-columns:1fr}.game-card{padding:25px}.achievement-summary{grid-template-columns:1fr 1fr}.summary-card{padding:15px}.summary-card strong{font-size:38px}.achievement-grid,.gallery-grid{grid-template-columns:1fr}.achievement-card.featured{grid-column:auto}.year-row{grid-template-columns:45px 1fr;gap:12px;padding-left:17px}.map-node{margin-left:-46px;width:44px;height:44px}.year-row time{font-size:43px}.year-row p{grid-column:2;font-size:17px}.castle-card{grid-template-columns:1fr}.castle-card>span{display:none}footer{flex-direction:column;text-align:center}.detail-title{font-size:48px}.gallery-item img{height:260px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}