*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;height:100svh;display:grid;grid-template-rows:60px minmax(0,1fr) 38px;background:radial-gradient(ellipse at 50% 30%,#22344075,transparent 65%),#090f16;color:#f2f5fb;font-family:'Trebuchet MS','Segoe UI',sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4vw;border-bottom:1px solid #334252;background:#0a1119}.home-brand{display:flex;align-items:center;gap:5px;letter-spacing:1px;font-weight:900;font-size:18px}.home-brand>span:first-child{display:grid;place-items:center;background:#f1d36f;color:#101820;width:33px;height:33px;border-radius:10px;margin-right:6px;letter-spacing:-2px}.word-lab{color:#f1d36f}nav{display:flex;gap:26px;font-size:13px;font-weight:bold}nav a:hover{color:#f1d36f}.play-link{font-size:12px;border:1px solid #566476;border-radius:24px;padding:8px 13px}main{width:min(1050px,94vw);margin:auto;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,.85fr);height:100%;padding:16px 0;gap:18px;min-height:0}.welcome-hero{display:flex;align-items:center;justify-content:center;position:relative;min-height:0;text-align:center}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;color:#a9c0d2;letter-spacing:2px}h1{font-size:clamp(32px,4.8vw,65px);line-height:1.02;letter-spacing:-2px;margin:12px 0}h1 em{font-style:normal;color:#f2d56d}.hero-copy p{color:#bdcddd;font-size:14px;line-height:1.5;margin:12px 0 18px}.start-button{display:inline-flex;gap:24px;align-items:center;border-radius:30px;padding:12px 22px;background:#f2d56d;color:#132035;font-weight:900;font-size:13px;box-shadow:0 4px 24px #edc95520}.hero-mon{width:clamp(110px,16vw,205px);height:80%;max-height:260px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 28px #f8c74c30)}.hero-mon.left{transform:rotate(-10deg)}.hero-mon.right{transform:rotate(9deg)}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:0}.destination{position:relative;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border:1px solid #4b5361;border-radius:18px;background:linear-gradient(125deg,#253341,#101821 78%);min-height:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.destination:nth-child(2n){background:linear-gradient(125deg,#313426,#101821 78%)}.destination:hover{transform:translateY(-4px);border-color:#f2d56d;box-shadow:0 8px 25px #0006}.destination h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.6px;font-weight:400;font-size:clamp(18px,2vw,26px);margin:0 0 6px}.destination p{font-size:11px;color:#aebed0;margin:0;line-height:1.4}.card-art{position:relative;flex:0 0 32%;height:100%;display:grid;place-items:center}.card-art img{width:100%;height:100%;max-height:110px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1}.art-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #edcf7350;transform:rotate(30deg);border-radius:22%;background:#efd06a0a}.card-art i{position:absolute;left:0;top:12%;z-index:2;background:#ff425b;color:#190e16;border:2px solid #ff8a99;padding:5px 8px;font-weight:900;font-style:normal;transform:rotate(-15deg)}.card-art i:last-child{left:auto;right:0;top:auto;bottom:8%;background:#ffa32d;border-color:#ffd080;transform:rotate(12deg)}.card-arrow{position:absolute;right:10px;top:8px;color:#e7cc77;font-size:14px}footer{display:flex;align-items:center;justify-content:center;gap:25px;font-size:10px;color:#91a4b8}footer a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #81e5ba;outline-offset:3px}@media(min-height:950px){main{max-height:850px}}@media(max-width:650px){body{grid-template-rows:52px minmax(0,1fr) 38px}header{padding:0 3vw}.home-brand{font-size:14px}nav{gap:12px;font-size:11px}nav a:last-child,.play-link{display:none}main{padding:10px 0;gap:12px;grid-template-rows:minmax(0,.8fr) minmax(0,1fr)}.hero-mon{position:absolute;width:92px;height:110px;opacity:.65;bottom:5%}.hero-mon.left{left:-5px}.hero-mon.right{right:-5px}.hero-copy{max-width:90%}h1{font-size:clamp(30px,8vw,44px);margin:8px 0;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-copy p{font-size:12px;margin:8px 0 12px}.start-button{padding:10px 16px;font-size:12px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.destination{padding:6px;gap:5px;border-radius:12px}.destination h2{font-size:17px;letter-spacing:.2px}.destination p{font-size:9px}.card-art{flex-basis:32%}.card-art i{font-size:9px;padding:2px 4px}footer{font-size:8px;gap:10px;padding:0 10px}}@media(max-height:620px){.hero-copy p{display:none}.hero-mon{max-height:140px}h1{font-size:32px;margin:6px 0}.eyebrow{font-size:8px}.start-button{padding:8px 14px;margin-top:6px}.destination p{display:none}main{gap:8px;padding:8px 0}.destination h2{font-size:18px}.destination-grid{gap:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.destination:hover{transform:none}}
/* A playful gateway into the same Kanto Academy region. */
body{background:linear-gradient(180deg,#07132266,#071322aa),url('kantolab-region-background.png') center/cover no-repeat fixed;grid-template-rows:76px minmax(0,1fr) 38px}
header{background:#0c1b2bdf;border-bottom:1px solid #efd37b70;backdrop-filter:blur(10px)}
.welcome-logo{width:126px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 5px #0007)}
nav{padding:10px 18px;background:#071422a6;border:1px solid #a7c4d632;border-radius:30px}nav a{transition:color .2s,transform .2s}nav a:hover{transform:translateY(-2px)}
.play-link{background:#f5d66e;color:#162b40;border-color:#fff0b7;font-weight:900;box-shadow:0 3px 0 #9f773f}
.hero-copy{text-shadow:0 3px 8px #061529}.eyebrow{display:inline-block;background:#122b3fe8;border:1px solid #a6d6ce70;color:#b6f2d0;padding:7px 15px;border-radius:30px;font-weight:900;letter-spacing:1.6px}
h1{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:1000;letter-spacing:-2px;text-shadow:0 4px 0 #17365a,0 6px 20px #00162d}h1 em{color:#ffde64;-webkit-text-stroke:1px #9a722233}.hero-copy p{color:#f0f6ff;text-shadow:0 2px 5px #000;background:#0b1d2c80;border-radius:14px;padding:5px 12px}
.start-button{border:2px solid #fff1b5;box-shadow:0 4px 0 #9b7538,0 7px 20px #0004;text-shadow:none;transition:transform .18s,box-shadow .18s}.start-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #9b7538,0 10px 25px #0005}.start-button:active{transform:translateY(2px);box-shadow:0 2px 0 #9b7538}
.hero-mon{filter:drop-shadow(0 12px 7px #061b2977) drop-shadow(0 0 22px #fff0a44d);animation:trainer-float 5s ease-in-out infinite}.hero-mon.right{animation-delay:-2.5s}
.destination{--card:#92dfb1;border:2px solid color-mix(in srgb,var(--card) 65%,#253e52);background:linear-gradient(120deg,color-mix(in srgb,var(--card) 24%,#142a3b),#102337f2)!important;box-shadow:0 4px 0 #051522b3,inset 0 1px 0 #ffffff25;border-radius:20px}.destination.rank{--card:#ff8295}.destination.build{--card:#ffce71}.destination.stats{--card:#81caff}.destination.lab{--card:#a0edb5}.destination.maker{--card:#d0a4ff}.destination.overlay{--card:#91e3df}.destination h2{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:900;font-size:clamp(17px,1.65vw,22px);letter-spacing:-.4px;color:#f5f9ff}.destination p{color:#d3e3ee}.destination:hover{border-color:var(--card);box-shadow:0 7px 0 #05152299,0 0 24px color-mix(in srgb,var(--card) 22%,transparent)}.destination:hover .card-art img{transform:translateY(-5px) rotate(-6deg)}.card-art img{transition:transform .25s}.art-orbit{border-radius:50%;transform:rotate(-20deg);border:3px solid #ffffff25;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 55%,transparent) 46%,#eaf7ff35 47%,#eaf7ff35 53%,#edf6fc19 54%)}.card-arrow{background:var(--card);color:#102337;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-weight:bold}footer{background:#081727c9;color:#d2e1ed;text-shadow:0 1px 2px #000}
@keyframes trainer-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:650px){body{grid-template-rows:64px minmax(0,1fr) 38px;background-attachment:scroll}.welcome-logo{width:100px;height:60px}nav{padding:8px 10px;gap:12px}.eyebrow{font-size:8px;padding:5px 10px;letter-spacing:1px}.destination h2{font-size:15px}.destination{border-radius:14px}.hero-copy p{background:#0b1d2cb0}.hero-mon{opacity:.8}.card-arrow{width:16px;height:16px;font-size:10px;top:5px;right:5px}}
@media(max-height:620px){body{grid-template-rows:56px minmax(0,1fr) 30px}.welcome-logo{height:52px;width:96px}.eyebrow{padding:3px 10px}h1{font-size:30px}.destination h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-mon{animation:none}.destination:hover .card-art img{transform:none}}