:root{--ink:#121a27;--ink2:#1c2934;--gold:#d8ae6c;--gold-light:#ffdf9e;--muted:#b2bec4;--mint:#9ce6ce;--red:#df785d;--ui:'Marcellus',Georgia,serif;--display:'Cinzel',Georgia,serif;--pixel:'Courier New',monospace}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;background:#101721;color:#f2e9d7}
body{font-family:var(--ui);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible{outline:2px solid #b8ead2;outline-offset:4px}
button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.5}
button :is(svg,img.art-icon){pointer-events:none}
:is(svg,img.art-icon){width:20px;height:20px;display:block}
.defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.game-shell{position:relative;width:100%;height:100vh;height:100dvh;min-height:690px;overflow:hidden;background:#152336;isolation:isolate}
.scene{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.scene canvas{position:absolute;left:50%;top:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);image-rendering:pixelated;image-rendering:crisp-edges}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,25,.93) 0%,rgba(11,19,31,.76) 25%,rgba(11,17,26,.40) 47%,rgba(10,14,25,.03) 71%,rgba(9,16,25,.29) 100%),linear-gradient(0deg,rgba(8,13,18,.85),transparent 27%,transparent 70%,rgba(8,13,21,.62));}
.scene-grain{display:none}
.scene-rays{position:absolute;right:8%;top:10%;width:43%;height:83%;background:conic-gradient(from 145deg at 49% 21%,transparent 0deg,rgba(105,242,213,.05) 7deg,transparent 13deg,transparent 23deg,rgba(121,255,220,.065) 30deg,transparent 41deg,transparent 54deg,rgba(236,193,128,.038) 61deg,transparent 75deg);filter:blur(14px);animation:rays 12s ease-in-out infinite alternate}
@keyframes rays{from{opacity:.4;transform:rotate(-4deg)}to{opacity:.95;transform:rotate(5deg)}}
.corner-lines{position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(203,171,114,.13);mask-image:linear-gradient(0deg,#000,transparent 65%);}
.corner-lines:after{content:'';position:absolute;inset:6px;border:1px solid rgba(203,171,114,.08)}
.topbar{position:relative;z-index:3;width:100%;height:96px;padding:0 clamp(26px,5.1vw,104px);display:flex;align-items:center;gap:40px;background:linear-gradient(180deg,rgba(7,12,22,.70),rgba(11,15,25,.03));border-bottom:1px solid rgba(236,201,134,.14)}
.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:4px 0;text-align:left;flex-shrink:0}
.brand-crest{display:grid;place-items:center;width:46px;height:52px;color:#e7c48c;filter:drop-shadow(0 1px 8px #bba06766)}
.brand-crest :is(svg,img.art-icon){width:44px;height:44px}
.brand-text{display:flex;flex-direction:column;gap:4px}.brand-text strong{font:900 22px/1 var(--display);letter-spacing:.095em;color:#e5c791;text-shadow:0 2px 2px #000}.brand-text small{font:700 8px/1.4 var(--pixel);letter-spacing:.22em;color:#9da6ad}
.topnav{display:flex;justify-content:center;gap:clamp(14px,2.7vw,46px);flex:1}
.topnav button{position:relative;background:none;border:0;padding:20px 2px;font:700 10px/1.5 var(--pixel);letter-spacing:.17em;color:#c2c4c9;transition:color .2s}
.topnav button:hover{color:#ffdea0}.topnav button:after{content:'';position:absolute;left:50%;bottom:11px;width:0;height:1px;background:#e9c28b;transition:.25s;transform:translateX(-50%)}.topnav button:hover:after{width:100%}
.top-actions{display:flex;align-items:center;gap:14px}.build-indicator{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-right:5px;color:#bcc3c1;font:700 10px var(--pixel);letter-spacing:.1em}.build-light{height:5px;width:5px;background:#b2d9a4;box-shadow:0 0 10px #9ce5ba;border-radius:50%}.build-number{color:#a9a3a2}
.icon-button{width:37px;height:37px;background:rgba(21,30,40,.53);border:1px solid rgba(198,166,115,.27);color:#d8c4a2;display:grid;place-items:center;transition:.2s}.icon-button:hover{border-color:#d8b682;background:rgba(188,142,73,.17);transform:translateY(-2px)}.icon-button :is(svg,img.art-icon){width:17px;height:17px}
.hero{position:absolute;z-index:1;left:clamp(28px,7.1vw,144px);top:50%;transform:translateY(-45%);width:min(720px,63vw);pointer-events:none}
.hero-content{pointer-events:auto}
.eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:23px;color:#d6bd92;font:700 11px var(--pixel);letter-spacing:.22em;text-shadow:0 2px 6px #000}.eyebrow-line{display:block;width:33px;height:2px;background:#bc9165;box-shadow:0 0 10px #d3b07b88}.tiny-star{color:#f3dca5;font-size:12px}
.hero-title-wrap{max-width:740px}
.pokemon-label{font:700 clamp(20px,2.6vw,39px)/1.2 var(--display);letter-spacing:.23em;color:#e5d6af;text-shadow:0 3px 1px #3e322c,0 6px 14px #090d18;margin-bottom:0}
h1{margin:-6px 0 5px;font:900 clamp(57px,7.1vw,112px)/1.14 var(--display);letter-spacing:-.08em;white-space:nowrap}
.title-main{display:inline-block;padding-right:.08em;background:linear-gradient(180deg,#fff9d9 0%,#e9c58d 25%,#cf9855 48%,#fff1c0 60%,#a96843 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #422e30) drop-shadow(0 6px 0 #1a1d25) drop-shadow(0 10px 10px #050912)}
.under-title{display:flex;align-items:center;gap:12px;width:min(580px,90%);color:#b9c9cc;margin-top:3px}.under-title span{height:1px;background:linear-gradient(90deg,transparent,#b49664);flex:1}.under-title span:last-child{background:linear-gradient(90deg,#b49664,transparent)}.under-title strong{font:700 clamp(7px,.68vw,10px) var(--pixel);white-space:nowrap;letter-spacing:.13em}
.hero-copy{width:min(520px,85%);font:18px/1.82 var(--ui);color:#d6d3cb;letter-spacing:.01em;margin:39px 0 35px;text-shadow:0 2px 10px #090c14}.hero-copy strong{color:#f6e1b9;font-weight:normal}
.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.primary-button{min-height:67px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 0 20px;border:0;clip-path: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));background:linear-gradient(180deg,#f4d9a1,#cb9c5a 48%,#ad7547 90%);color:#281d24;font:900 clamp(11px,1vw,14px) var(--pixel);letter-spacing:.045em;white-space:nowrap;text-shadow:0 1px 0 #fff1c199;filter:drop-shadow(0 10px 14px #04070988);transition:transform .2s,filter .2s}
.primary-button:before{content:'';position:absolute;inset:4px;border:1px solid rgba(255,243,184,.77);pointer-events:none;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}
.primary-button:hover{transform:translateY(-4px) scale(1.015);filter:brightness(1.15) drop-shadow(0 10px 20px #d89c6377)}.primary-button:active{transform:translateY(1px)}.primary-button :is(svg,img.art-icon){flex-shrink:0}.button-sigil{width:29px;height:29px;color:#51362f}.button-arrow{width:15px;height:15px;transition:.25s}.primary-button:hover .button-arrow{transform:translateX(5px)}
.button-glint{position:absolute;top:0;bottom:0;width:45px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sweep 6s ease-in-out infinite}@keyframes sweep{0%,40%{left:-80px}62%,100%{left:calc(100% + 80px)}}
.secondary-button{height:55px;display:flex;align-items:center;gap:10px;padding:0 9px;border:0;background:none;color:#e2c994;font:700 11px var(--pixel);letter-spacing:.07em;transition:.2s}.secondary-button:hover{color:#fff1c4;transform:translateX(5px)}.secondary-button :is(svg,img.art-icon){width:19px;height:19px}
.hero-meta{margin-top:50px;color:#8999a0;font:700 10px var(--pixel);letter-spacing:.10em;display:flex;align-items:center;gap:12px}.meta-cross{font-size:19px;color:#bea176}.meta-dot{width:3px;height:3px;background:#8c9699;transform:rotate(45deg)}
.scene-story{position:absolute;right:5.1%;bottom:17%;width:38%;height:200px;z-index:2;pointer-events:none;text-align:center}
.world-name{position:absolute;top:-52px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font:800 11px var(--pixel);letter-spacing:.24em;color:#d8cfb8;white-space:nowrap;text-shadow:0 2px 6px #000}.world-name-line{width:19px;height:1px;background:#dfc89488}
.companion-row{position:absolute;width:100%;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:1%;padding-top:0}
.companion{position:relative;width:clamp(88px,9vw,138px);height:146px;background:none;border:0;pointer-events:auto;transition:transform .2s;transform-origin:50% 80%;filter:drop-shadow(0 7px 0 #0005) drop-shadow(0 10px 18px #000a)}
.companion:after{content:'';position:absolute;bottom:10px;left:15%;width:70%;height:16px;z-index:-1;background:#09161a88;border-radius:50%;filter:blur(6px)}
.companion img{display:block;width:100%;height:auto;image-rendering:pixelated;animation:bob 3.5s ease-in-out infinite}
.companion:nth-child(2){margin-bottom:20px}.companion:nth-child(2) img{animation-delay:-1.2s}.companion:nth-child(3) img{animation-delay:-2.1s}
.companion:hover{transform:translateY(-12px) scale(1.16);filter:drop-shadow(0 5px 15px #eac68f99)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.world-caption{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;width:280px;color:#f4d8a5;font:800 10px var(--pixel);letter-spacing:.13em;text-shadow:0 2px 9px #000;white-space:nowrap}.caption-gem{width:6px;height:6px;background:#a1ffdf;transform:rotate(45deg);box-shadow:0 0 9px #a1ffdf}.world-caption-sub{display:block;position:absolute;top:22px;font:14px var(--ui);letter-spacing:.02em;color:#c1cac1}
.footer-bar{height:64px;position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:1px solid rgba(205,174,122,.19);background:linear-gradient(0deg,rgba(7,13,21,.92),rgba(10,17,29,.45));padding:0 clamp(27px,5.1vw,104px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#9dabb1;font:700 9px var(--pixel);letter-spacing:.09em}.footer-mark{color:#d9b780}.footer-mark :is(svg,img.art-icon){width:16px;height:16px}.footer-center{opacity:.7}.footer-line{height:1px;width:23px;background:#a99a7a}.footer-right{color:#8eaa9f}.runtime-dot{height:5px;width:5px;border-radius:50%;background:#b7ceab}
.overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;transition:visibility .2s,opacity .25s;pointer-events:none}
.overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.overlay-backdrop{position:absolute;inset:0;background:rgba(8,12,22,.8);backdrop-filter:blur(10px) saturate(.8)}
.panel-container{position:relative;width:min(1000px,calc(100vw - 32px));max-height:min(92vh,920px);overflow-y:auto;overflow-x:hidden;scrollbar-color:#a88d69 #1a2635;padding:0 32px 32px;background:linear-gradient(150deg,rgba(37,49,60,.98),rgba(18,27,40,.98) 48%,rgba(15,26,37,.99));border:1px solid #a68865;box-shadow:inset 0 0 0 5px #16212d,inset 0 0 0 6px #7d715e80,0 22px 90px #000c,0 0 56px #8e977a24;animation:panel-rise .28s ease-out}
.panel-container:before,.panel-container:after{content:'';position:absolute;top:9px;width:32px;height:32px;border-top:3px solid #ceaa77;pointer-events:none}.panel-container:before{left:9px;border-left:3px solid #ceaa77}.panel-container:after{right:9px;border-right:3px solid #ceaa77}
@keyframes panel-rise{from{transform:translateY(24px) scale(.97);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}
.panel-topbar{height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0b47b31}
.panel-marker{display:flex;align-items:center;gap:10px;color:#bfa279;font:700 10px var(--pixel);letter-spacing:.18em}.panel-marker :is(svg,img.art-icon){width:21px;height:21px}
.close-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c6a57355;background:#1d2835;color:#d6bb8c;transition:.2s}.close-button:hover{color:white;border-color:#f1d19d;transform:rotate(90deg)}.close-button :is(svg,img.art-icon){width:17px;height:17px}
.panel-heading{text-align:center;padding:24px 0 14px}.panel-eyebrow{color:#8ed8c5;font:700 10px var(--pixel);letter-spacing:.23em;text-transform:uppercase}
.panel-heading h2{margin:12px 0 7px;font:800 clamp(25px,3vw,39px)/1.2 var(--display);letter-spacing:.025em;color:#e8ca93;text-shadow:0 3px 1px #362831}
.panel-heading p{margin:0;color:#aebabf;font:17px/1.65 var(--ui)}
.heading-ornament{display:flex;align-items:center;gap:10px;justify-content:center;margin:15px auto 4px;color:#a98e66}.heading-ornament span{display:block;height:1px;width:65px;background:linear-gradient(90deg,transparent,#a98e66)}.heading-ornament span:last-child{transform:rotate(180deg)}.heading-ornament :is(svg,img.art-icon){width:17px;height:17px}
.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.starter-card{position:relative;min-width:0;overflow:hidden;text-align:center;border:1px solid #7b746f;background:linear-gradient(180deg,#263c43 0%,#202e38 52%,#1b2633 100%);padding:17px 14px 14px;color:#e9dec8;transition:.22s;cursor:pointer}
.starter-card:before{content:'';position:absolute;inset:5px;border:1px solid #8f86764f;pointer-events:none}
.starter-card:hover{border-color:#d5b780;transform:translateY(-5px);box-shadow:0 10px 25px #0005}.starter-card.is-selected{border-color:#f6d7a1;background:linear-gradient(180deg,#354e53,#25323d 62%,#232b36);box-shadow:inset 0 0 0 2px #d5af70,0 0 25px #afc59931}
.starter-card.is-selected .selected-stamp{background:#eacb93;color:#2f2930;border-color:#f5e4b9}
.starter-index{display:flex;align-items:center;justify-content:space-between;color:#a8aaa6;font:700 10px var(--pixel);letter-spacing:.13em}.starter-index :is(svg,img.art-icon){width:17px;height:17px}
.type-grass .starter-index :is(svg,img.art-icon),.type-grass .type-pill{color:#9bd3a3}.type-fire .starter-index :is(svg,img.art-icon),.type-fire .type-pill{color:#ecaa86}.type-water .starter-index :is(svg,img.art-icon),.type-water .type-pill{color:#96cee6}
.sprite-stage{height:176px;display:grid;place-items:center;position:relative;isolation:isolate}
.sprite-stage:before{content:'';position:absolute;z-index:-1;width:175px;height:145px;top:23px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#8ddbc252,transparent 68%)}
.type-fire .sprite-stage:before{background:radial-gradient(ellipse,#d888604f,transparent 68%)}.type-water .sprite-stage:before{background:radial-gradient(ellipse,#75bddb52,transparent 68%)}
.sprite-stage:after{content:'';position:absolute;z-index:-1;width:120px;height:12px;bottom:15px;background:#030e1780;border-radius:50%;filter:blur(6px)}
.sprite-stage img{image-rendering:pixelated;display:block;width:164px;height:164px;object-fit:contain;filter:drop-shadow(0 9px 1px #0b172862);transition:transform .25s}
.starter-card:hover img{transform:translateY(-7px) scale(1.05)}
.starter-name{font:700 21px var(--display);margin:0 0 9px;color:#f0dfbc}.type-pill{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:6px 11px;border:1px solid currentColor;font:700 10px var(--pixel);letter-spacing:.12em;text-transform:uppercase;background:#141d2988}.type-pill :is(svg,img.art-icon){width:13px;height:13px}
.starter-flavor{height:43px;margin:14px 0 10px;color:#b0bcc0;font:14px/1.5 var(--ui)}
.stat-row{display:flex;align-items:center;gap:8px;text-align:left;margin:8px 0;color:#b8bbc0;font:700 10px var(--pixel)}.stat-row span{width:31px}.stat-row b{width:20px;text-align:right;color:#d9d4c9}.stat-track{height:5px;flex:1;background:#0c1924;box-shadow:inset 0 1px 2px #000}.stat-track i{display:block;height:100%;background:#8fcab3;transition:width .4s}.type-fire .stat-track i{background:#dba07b}.type-water .stat-track i{background:#81b9d8}
.selected-stamp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;height:31px;border:1px solid #746852;color:#b3aea3;font:700 10px var(--pixel);letter-spacing:.10em}.selected-stamp :is(svg,img.art-icon){width:14px;height:14px}
.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;padding-top:20px;border-top:1px solid #bc9f6f33}
.hint{display:flex;align-items:center;gap:8px;color:#9caeb3;font:10px/1.5 var(--pixel);letter-spacing:.04em}.kbd{display:inline-grid;place-items:center;min-width:23px;height:22px;padding:0 5px;color:#dcc9a5;border:1px solid #827c70;background:#1a2632;font:700 10px var(--pixel)}
.panel-action{min-height:47px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 21px;background:linear-gradient(180deg,#f0d29b,#c59b62);border:1px solid #f5dca5;box-shadow:inset 0 0 0 3px #816544;color:#232632;font:800 11px var(--pixel);letter-spacing:.07em;transition:.2s}.panel-action:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.14)}.panel-action :is(svg,img.art-icon){width:16px;height:16px}
.panel-action.secondary{background:#1a2936;color:#d9c8a8;border-color:#8f7e67;box-shadow:none}
.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin:23px 14px}
.content-visual{position:relative;min-height:230px;display:grid;place-items:center;border:1px solid #8a8e8666;background:radial-gradient(circle at center,#365f64,#1c323d 50%,#162637 77%)}.content-visual :is(svg,img.art-icon){width:165px;height:165px;color:#9ddbcc;filter:drop-shadow(0 0 30px #9ce6bd66)}
.content-copy h3{margin:3px 0 14px;font:700 24px var(--display);color:#f1d49b}.content-copy p,.content-copy li{font:16px/1.77 var(--ui);color:#c9c6bb}.content-copy ul{list-style-type:square;padding-left:20px}.content-copy li{margin-bottom:4px}
.lore-quote{margin:16px 0;padding:14px 18px;border-left:2px solid #ad8d61;color:#dfcba9;font:italic 19px/1.5 Georgia,serif;background:#ffffff06}
.setting-list{max-width:690px;margin:25px auto 10px;display:flex;flex-direction:column;gap:14px}
.setting-item{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;padding:13px 21px;border:1px solid #8d85624d;background:#0d192656}
.setting-label{font:700 14px var(--display);color:#e4c99d}.setting-sub{font:14px/1.55 var(--ui);margin-top:5px;color:#aebbbd}.setting-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}
.toggle{height:31px;min-width:78px;background:#28313a;border:1px solid #7d7568;color:#b4b1a9;font:800 10px var(--pixel);letter-spacing:.08em}.toggle.active{background:#416758;border-color:#a6dbc5;color:#d9ffe5}
.range{accent-color:#ddb67c;width:123px}.select-quality{background:#1b2b39;color:#f2dbb4;border:1px solid #967958;padding:9px 9px;font:11px var(--pixel)}
.credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;max-width:720px;margin:26px auto}.credit-cell{min-height:100px;border:1px solid #8d85624b;padding:17px 19px;background:#0c1b278a}.credit-cell small{display:block;font:700 10px var(--pixel);letter-spacing:.14em;color:#94c9be;margin-bottom:9px}.credit-cell strong{font:19px var(--ui);color:#f3e1c4}.project-legal{max-width:760px;margin:8px auto 15px;font:14px/1.7 var(--ui);color:#aeb4b9;text-align:center}
.final-companion{display:block;width:185px;height:185px;object-fit:contain;image-rendering:pixelated;margin:2px auto 0;filter:drop-shadow(0 0 23px #c5a87866);animation:bob 3s ease-in-out infinite}.result-copy{text-align:center;max-width:630px;margin:0 auto;color:#c8cfc8;font:17px/1.7 var(--ui)}
.toast{position:absolute;z-index:50;bottom:84px;left:50%;transform:translate(-50%,20px);padding:13px 24px;border:1px solid #d5b27f;background:#1b2b35;color:#e9dfcd;font:12px var(--pixel);box-shadow:0 8px 30px #000a;opacity:0;visibility:hidden;transition:.25s;pointer-events:none;white-space:nowrap}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:1140px){.topbar{gap:20px}.topnav{gap:10px}.build-indicator{display:none}.hero{left:5%;width:65vw}.hero-copy{font-size:16px}.scene-story{right:1%;width:40%}.footer-center{display:none}.title-main{letter-spacing:-.09em}}
@media(max-width:790px){.game-shell{min-height:780px}.topbar{height:74px;padding:0 21px}.brand-text strong{font-size:16px}.brand-text small{font-size:7px}.brand-crest{width:36px}.brand-crest :is(svg,img.art-icon){width:35px}.topnav{display:none}.top-actions{margin-left:auto}.hero{left:6%;top:40%;transform:translateY(-42%);width:88vw}.pokemon-label{font-size:clamp(20px,4vw,28px)}h1{font-size:clamp(49px,10vw,78px)}.eyebrow{font-size:9px;gap:9px}.hero-copy{margin:26px 0 22px;max-width:420px}.hero-meta{margin-top:28px;font-size:8px}.scene-vignette{background:linear-gradient(180deg,rgba(10,16,27,.6),rgba(11,16,25,.75) 15%,rgba(10,17,29,.7) 48%,rgba(7,13,21,.10) 75%,rgba(8,13,19,.72))}.scene-story{right:0;bottom:14%;width:100%;height:160px}.companion{height:110px;width:100px}.companion:nth-child(2){margin-bottom:5px}.world-name{top:-12px}.world-caption{bottom:-22px}.footer-bar{padding:0 18px;height:49px}.footer-left{font-size:8px}.footer-right{font-size:8px}.panel-container{max-height:94vh;padding:0 18px 20px}.starter-grid{gap:9px}.sprite-stage{height:136px}.sprite-stage img{width:124px;height:124px}.starter-card{padding:11px 8px}.starter-name{font-size:15px}.starter-flavor{font-size:12px;height:52px}.stat-row{font-size:9px}.selected-stamp{font-size:8px;letter-spacing:0}.panel-bottom{flex-direction:column}.content-layout{grid-template-columns:1fr}.content-visual{min-height:160px}.content-visual :is(svg,img.art-icon){height:100px}}
@media(max-width:540px){.game-shell{min-height:820px}.hero{top:35%;width:94%;left:6%}.pokemon-label{font-size:21px}h1{font-size:clamp(44px,11.3vw,62px)}.under-title strong{font-size:6px}.hero-copy{width:94%;font-size:16px;line-height:1.6;margin:28px 0}.hero-buttons{align-items:flex-start;flex-direction:column;gap:8px}.primary-button{height:58px;min-height:58px;padding:0 15px;gap:10px;font-size:10px}.secondary-button{height:34px;font-size:10px}.hero-meta{margin-top:24px;font-size:7px;gap:7px}.scene-story{bottom:10.7%;height:153px}.world-name{top:-15px}.companion{width:95px;height:104px}.world-caption{bottom:-3px}.footer-left{display:none}.footer-bar{justify-content:center}.starter-grid{grid-template-columns:1fr;max-width:340px;margin:16px auto}.starter-card{display:grid;grid-template-columns:120px 1fr;grid-template-rows:repeat(4,auto);text-align:left;align-items:center;padding:7px 12px;column-gap:9px}.starter-index{grid-column:2;grid-row:1}.sprite-stage{grid-column:1;grid-row:1/7;height:138px}.sprite-stage img{width:120px;height:120px}.starter-name{grid-column:2;grid-row:2;margin:0}.type-pill{grid-column:2;grid-row:3;justify-self:start;padding:4px 6px}.starter-flavor{display:none}.stat-row{display:none}.selected-stamp{grid-column:2;grid-row:5;margin-top:6px}.panel-heading h2{font-size:26px}.panel-heading p{font-size:14px}.panel-marker{font-size:8px}.setting-item{align-items:flex-start;flex-direction:column;gap:9px}.credit-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}