:root{
  --ink:#173b45;--ink2:#214d59;--paper:#f8efca;--cream:#fff9df;--sky:#80d8e8;
  --grid:#55b968;--grid2:#2f7b61;--earth:#7d5940;--spark:#8ed66f;--violet:#654ab6;
  --gold:#f6d75d;--coral:#ff916a;--blue:#5fc5cf;--shadow:0 18px 38px rgba(20,50,67,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dff1d5;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:999;background:white;padding:.8rem 1rem;border-radius:10px;font-weight:900}.skip-link:focus{top:1rem}

.site-header{position:fixed;z-index:100;top:1rem;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 2rem));display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;background:rgba(255,249,223,.88);border:2px solid rgba(23,59,69,.18);border-radius:18px;backdrop-filter:blur(12px);box-shadow:0 10px 25px rgba(23,59,69,.10)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:950;letter-spacing:-.02em}.brand-rune{display:grid;place-items:center;width:35px;aspect-ratio:1;border-radius:11px;background:var(--ink);color:#fff;font:900 1rem/1 ui-monospace,monospace;transform:rotate(-4deg);box-shadow:inset -4px -4px rgba(255,255,255,.12)}.site-header nav{display:flex;gap:.25rem}.site-header nav a{padding:.55rem .75rem;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:850}.site-header nav a:hover{background:rgba(23,59,69,.08)}

.hero{position:relative;isolation:isolate;height:100svh;min-height:720px;max-height:980px;overflow:hidden;background:#95dce8}.hero-world{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-vignette{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(18,55,68,.03),transparent 30%,transparent 72%,rgba(17,46,55,.15)),radial-gradient(circle at 50% 43%,rgba(255,255,255,.12) 0 18%,transparent 48%)}.hero-copy{position:absolute;z-index:5;left:50%;top:44%;transform:translate(-50%,-50%);width:min(760px,90%);text-align:center}.eyebrow,.kicker{margin:0 0 .7rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:950}.eyebrow{display:inline-block;padding:.5rem .7rem;background:rgba(255,249,223,.92);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink)}.hero h1{margin:.9rem 0 .7rem;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(5.2rem,12.4vw,10.7rem);line-height:.70;letter-spacing:-.045em;color:var(--cream);-webkit-text-stroke:clamp(2px,.22vw,4px) var(--ink);text-shadow:7px 8px 0 var(--ink),13px 14px 0 rgba(23,59,69,.15);transform:rotate(-1deg)}.hero h1 span{color:var(--gold)}.hero-subtitle{display:inline-block;margin:1.5rem auto 1.4rem;padding:.55rem .8rem;background:rgba(255,249,223,.86);border-radius:12px;font-size:clamp(1rem,2vw,1.25rem);font-weight:850}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.quest-button{display:inline-flex;align-items:center;gap:.8rem;min-height:50px;padding:.8rem 1rem;border:2px solid var(--ink);border-radius:13px;text-decoration:none;font-weight:950;box-shadow:5px 5px 0 var(--ink);transition:.15s}.quest-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.quest-button.primary{background:var(--gold)}.quest-button.secondary{background:var(--cream)}
.biome-name{position:absolute;z-index:4;bottom:15%;display:flex;flex-direction:column;padding:.65rem .8rem;background:rgba(255,249,223,.88);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.biome-name small{font-size:.58rem;letter-spacing:.16em;font-weight:850}.biome-name strong{font:900 1.25rem/1.1 ui-monospace,monospace}.biome-name span{margin-top:.2rem;font-size:.68rem;font-weight:750}.biome-name-left{left:4%;transform:rotate(-3deg);border-radius:9px 14px 8px 12px}.biome-name-right{right:4%;transform:rotate(4deg);border-radius:15px 8px 12px 9px}.merge-sign{position:absolute;z-index:4;bottom:8%;left:50%;transform:translateX(-50%);display:grid;place-items:center}.merge-sign span{padding:.35rem .55rem;background:var(--ink);color:var(--cream);font:800 .62rem/1 ui-monospace,monospace;letter-spacing:.12em;border-radius:5px}.merge-sign i{width:2px;height:45px;background:var(--ink);display:block}.down-marker{position:absolute;z-index:10;bottom:1.2rem;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cream);border:2px solid var(--ink);text-decoration:none;font-weight:950;box-shadow:3px 3px 0 var(--ink);animation:bob 2.2s ease-in-out infinite}

.journey{position:relative;padding:clamp(5rem,9vw,9rem) max(1.2rem,calc((100vw - 1180px)/2));overflow:hidden}.section-intro{position:relative;z-index:3;max-width:760px}.section-intro h2,.lab-panel h2,.profile-card h2{margin:.15rem 0 .8rem;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.92;letter-spacing:-.055em}.section-intro>p:last-child{max-width:630px;font-size:1.05rem;line-height:1.6;font-weight:650}.section-intro.light{color:var(--cream)}.landscape-label{position:absolute;right:max(1.2rem,calc((100vw - 1180px)/2));top:4rem;z-index:2;display:flex;gap:.5rem;align-items:center;font:900 .75rem/1 ui-monospace,monospace;letter-spacing:.12em}.landscape-label span{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--ink);border-radius:8px;background:var(--gold)}

.journey-arcade{min-height:850px;background:linear-gradient(#dff1d5 0 58%,#78c66f 58%)}.journey-arcade::before{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:45%;background:#5a9f64;clip-path:polygon(0 38%,8% 26%,20% 30%,29% 15%,39% 23%,49% 8%,58% 25%,69% 13%,78% 24%,88% 9%,100% 28%,100% 100%,0 100%)}.journey-arcade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:33%;background:#3d7856;clip-path:polygon(0 43%,14% 22%,27% 39%,41% 13%,55% 35%,68% 18%,82% 42%,100% 20%,100% 100%,0 100%)}.portal-ring{position:absolute;right:7%;top:15%;width:260px;aspect-ratio:1;border:24px solid rgba(101,74,182,.88);border-radius:50%;box-shadow:inset 0 0 0 14px #f4e6ad,0 20px 30px rgba(23,59,69,.14);transform:rotate(8deg);opacity:.65}.portal-ring::after{content:"";position:absolute;inset:25%;border-radius:50%;background:#4cc1c2}.portal-ring span{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--gold)}.portal-ring span:nth-child(1){left:-22px;top:40%}.portal-ring span:nth-child(2){right:5%;top:-20px}.portal-ring span:nth-child(3){right:-18px;bottom:18%}.game-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;margin-top:3.5rem}.game-card{grid-column:span 4;min-height:440px;display:flex;flex-direction:column;overflow:hidden;background:var(--cream);border:3px solid var(--ink);border-radius:24px 24px 18px 18px;box-shadow:8px 9px 0 var(--ink);transform:rotate(var(--tilt,0deg));transition:.2s}.game-card:nth-child(2n){--tilt:1deg}.game-card:nth-child(3n){--tilt:-1deg}.game-card:hover{transform:translateY(-6px) rotate(0);box-shadow:10px 14px 0 var(--ink)}.game-card-featured{grid-column:span 6}.game-art{height:220px;background:linear-gradient(135deg,#6bd2c5,#9ee16f);border-bottom:3px solid var(--ink);overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover}.placeholder-art{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#5f4eb7,#6ccbc3 52%,#f4d95c)}.placeholder-bolt{font-size:5rem;color:var(--cream);text-shadow:5px 5px 0 var(--ink);z-index:2}.placeholder-block{position:absolute;width:80px;height:54px;right:12%;bottom:18%;background:#71c96e;border:6px solid var(--ink);transform:skew(-12deg)}.game-info{padding:1.25rem;display:flex;flex:1;flex-direction:column}.game-label{margin:0 0 .35rem;font:900 .67rem/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.game-info h3{margin:.1rem 0 .5rem;font-size:1.6rem;letter-spacing:-.03em}.game-info>p:not(.game-label){margin:0 0 1rem;line-height:1.5}.game-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.game-tag{padding:.28rem .45rem;border-radius:999px;background:#e6e3b9;font-size:.68rem;font-weight:850}.play-link{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;min-height:44px;padding:.7rem .8rem;background:var(--gold);border:2px solid var(--ink);border-radius:10px;text-decoration:none;font-weight:950;box-shadow:3px 3px 0 var(--ink)}.notice{position:relative;z-index:3}

.journey-map{min-height:1100px;background:#173b45;color:var(--cream)}.journey-map::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(119,212,183,.16),transparent 25%),radial-gradient(circle at 80% 78%,rgba(246,215,93,.12),transparent 24%)}.world-map{position:relative;z-index:2;width:min(1120px,100%);height:720px;margin:4rem auto 0;border:3px solid #0e2932;border-radius:42px;background:linear-gradient(145deg,#75bd79,#9ad778);box-shadow:inset 0 0 0 9px rgba(255,249,223,.16),0 24px 50px rgba(0,0,0,.22);overflow:hidden}.world-map::before{content:"";position:absolute;left:-5%;top:8%;width:56%;height:55%;background:#4c9868;clip-path:polygon(0 10%,22% 0,35% 18%,48% 6%,63% 21%,78% 8%,100% 30%,91% 50%,72% 44%,65% 68%,43% 55%,32% 78%,18% 65%,0 72%)}.world-map::after{content:"";position:absolute;right:-4%;bottom:-3%;width:48%;height:48%;background:#b3de7b;border-radius:56% 44% 0 0/62% 46% 0 0;transform:rotate(-5deg)}.map-river{position:absolute;z-index:1;left:41%;top:-10%;width:20%;height:125%;background:#5cc8d0;transform:rotate(12deg);clip-path:polygon(35% 0,75% 0,64% 15%,82% 28%,56% 43%,73% 58%,46% 73%,62% 88%,35% 100%,6% 100%,22% 83%,8% 67%,30% 50%,12% 36%,30% 18%)}.map-path{position:absolute;z-index:1;inset:10% 9%;border:14px dashed rgba(255,242,178,.82);border-left-color:transparent;border-radius:48% 41% 52% 37%;transform:rotate(-7deg)}.place{position:absolute;z-index:5;width:210px;min-height:135px;padding:1rem 1rem 1rem 4.4rem;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:20px;text-decoration:none;box-shadow:7px 8px 0 var(--ink);transition:.18s}.place:hover{transform:translateY(-5px) rotate(0)!important}.place strong,.place small{display:block}.place strong{font-size:1.05rem;line-height:1.05}.place small{margin-top:.4rem;line-height:1.35;font-weight:650}.place-icon{position:absolute;left:.8rem;top:1rem;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--gold);border:2px solid var(--ink);font:900 1.55rem/1 Georgia,serif}.place-pin{position:absolute;right:.7rem;top:.55rem;font:900 .62rem/1 ui-monospace,monospace}.place-math{left:7%;top:15%;transform:rotate(-3deg)}.place-books{right:8%;top:12%;transform:rotate(3deg)}.place-chess{left:14%;bottom:14%;transform:rotate(2deg)}.place-language{right:10%;bottom:18%;transform:rotate(-2deg)}.place-build{left:50%;top:48%;transform:translate(-50%,-50%) rotate(1deg);width:235px}.map-creature{position:absolute;z-index:3;width:80px;height:68px;border:5px solid var(--ink);background:var(--violet);border-radius:48% 52% 42% 58%;box-shadow:5px 6px 0 rgba(23,59,69,.25)}.map-creature i{position:absolute;top:24px;width:8px;height:8px;border-radius:50%;background:white}.map-creature i:first-child{left:23px}.map-creature i:last-child{right:23px}.map-creature-a{left:38%;bottom:16%;transform:rotate(-7deg)}.map-creature-b{right:25%;top:34%;background:var(--coral);transform:scale(.7) rotate(12deg)}.map-glyph{position:absolute;z-index:3;display:grid;place-items:center;width:54px;height:54px;border:3px solid var(--ink);background:var(--blue);color:var(--ink);font:900 1.1rem/1 ui-monospace,monospace}.glyph-a{left:28%;top:44%;transform:rotate(8deg)}.glyph-b{right:28%;bottom:8%;background:var(--gold);border-radius:50%}

.journey-lab{min-height:720px;background:#f3e7b5}.journey-lab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:#5da765;clip-path:polygon(0 35%,10% 24%,22% 30%,32% 14%,45% 26%,56% 8%,68% 27%,82% 13%,100% 31%,100% 100%,0 100%)}.lab-panel{position:relative;z-index:4;width:min(680px,100%);padding:clamp(1.5rem,4vw,3rem);background:rgba(255,249,223,.95);border:3px solid var(--ink);border-radius:30px;box-shadow:10px 11px 0 var(--ink)}.lab-panel p{font-size:1.02rem;line-height:1.6;font-weight:650}.mission-lines{display:grid;gap:.55rem;margin-top:1.5rem}.mission-lines div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:2px solid var(--ink);border-radius:10px;background:#e4efc5;font-family:ui-monospace,monospace}.mission-lines span{font-size:.66rem;font-weight:900;letter-spacing:.1em}.mission-lines strong{font-size:.78rem}.lab-hut{position:absolute;z-index:2;right:8%;bottom:16%;width:300px;height:260px;background:#6b4a3b;border:7px solid var(--ink);border-radius:12px}.lab-hut .roof{position:absolute;left:-45px;top:-105px;width:380px;height:130px;background:#5542a7;border:7px solid var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}.lab-hut .door{position:absolute;left:105px;bottom:0;width:90px;height:140px;background:#e3bd63;border:6px solid var(--ink);border-bottom:0;border-radius:45px 45px 0 0}.lab-hut .window{position:absolute;right:30px;top:55px;width:55px;height:55px;background:#76d7db;border:6px solid var(--ink);transform:rotate(4deg)}

.journey-language{background:#92d77a;text-align:center}.journey-language .section-intro{margin-inline:auto}.language-stones{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.language-stones button{width:150px;min-height:105px;border:3px solid var(--ink);border-radius:48% 52% 42% 58%;background:var(--cream);color:var(--ink);font:950 1.55rem/1 ui-monospace,monospace;box-shadow:6px 7px 0 var(--ink);cursor:pointer;transform:rotate(var(--r,0deg));transition:.16s}.language-stones button:nth-child(1){--r:-4deg}.language-stones button:nth-child(2){--r:3deg}.language-stones button:nth-child(3){--r:-2deg}.language-stones button:nth-child(4){--r:4deg}.language-stones button:hover{transform:translateY(-5px) rotate(0)}.language-stones span{display:block;margin-top:.45rem;font:750 .72rem/1.2 Inter,sans-serif}.greeting{margin:2rem auto 0;width:max-content;max-width:100%;padding:.65rem 1rem;background:var(--ink);color:var(--cream);border-radius:999px;font-size:1.15rem;font-weight:900}

.journey-about{background:#d9efe6}.profile-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:var(--cream);border:3px solid var(--ink);border-radius:32px;box-shadow:10px 11px 0 var(--ink)}.profile-rune{display:grid;place-items:center;width:130px;aspect-ratio:1;border-radius:35% 65% 43% 57%;background:linear-gradient(145deg,var(--violet),#52c9c1);color:white;border:5px solid var(--ink);font:900 4rem/1 ui-monospace,monospace;transform:rotate(-5deg)}.profile-card h2{font-size:clamp(2.8rem,5vw,5rem)}.profile-card p:last-child{max-width:540px;font-size:1.05rem;line-height:1.55;font-weight:650}.stats{display:grid;gap:.6rem}.stats span{padding:.6rem .75rem;background:#e5e8bd;border:2px solid var(--ink);border-radius:11px;font-size:.8rem;font-weight:800}.stats strong{font-size:1.3rem;margin-right:.3rem}

footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem max(1.2rem,calc((100vw - 1180px)/2));background:var(--ink);color:var(--cream)}footer a{text-decoration:none;font-weight:850}footer p{margin:0;font-size:.85rem;opacity:.8}

@keyframes bob{50%{transform:translateX(-50%) translateY(-8px)}}
@media(max-width:900px){.hero{min-height:700px}.biome-name{bottom:13%}.game-card,.game-card-featured{grid-column:span 6}.world-map{height:850px}.place{width:190px}.place-math{left:5%;top:12%}.place-books{right:5%;top:14%}.place-chess{left:6%;bottom:16%}.place-language{right:5%;bottom:14%}.place-build{top:50%}.lab-hut{opacity:.38;right:-4%}.profile-card{grid-template-columns:auto 1fr}.stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:660px){.site-header nav a:nth-child(2){display:none}.site-header{top:.65rem}.hero{min-height:760px}.hero-world{object-position:50% bottom}.hero-copy{top:43%}.hero h1{font-size:clamp(4.5rem,22vw,7.2rem)}.hero-subtitle{font-size:.95rem}.biome-name{bottom:11%;padding:.5rem .55rem;max-width:140px}.biome-name strong{font-size:.95rem}.biome-name span{display:none}.merge-sign{display:none}.journey{padding-inline:1rem}.landscape-label{display:none}.portal-ring{right:-90px;top:11%;opacity:.4}.game-grid{grid-template-columns:1fr}.game-card,.game-card-featured{grid-column:1;min-height:0}.world-map{height:1040px;border-radius:28px}.place{width:170px;min-height:128px;padding:.85rem .75rem .85rem 3.7rem}.place-icon{width:42px;height:42px;left:.65rem}.place-math{left:4%;top:8%}.place-books{right:4%;top:26%}.place-chess{left:5%;bottom:38%}.place-language{right:4%;bottom:17%}.place-build{left:50%;top:49%;width:180px}.map-creature-a{left:12%;bottom:8%}.map-creature-b{right:12%;top:42%}.glyph-a{left:10%;top:30%}.glyph-b{right:12%;bottom:5%}.lab-hut{width:230px;height:200px;right:-20%;bottom:8%}.lab-hut .roof{width:300px;left:-35px}.lab-panel{padding:1.25rem}.mission-lines div{flex-direction:column;gap:.25rem}.profile-card{grid-template-columns:1fr;text-align:center}.profile-rune{margin:auto;width:105px}.stats{grid-template-columns:1fr}.site-header nav a{padding:.5rem .55rem;font-size:.78rem}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.down-marker{animation:none}.game-card,.place,.language-stones button{transition:none}}