/* Pokémon field equipment, layered over the valley's existing game layout. */
:root{--poke-red:#dc514f;--poke-dark:#193d3e;--paper:#fff9e9;--partner-color:#80b67d;--partner-soft:#e2efce}
body:not(.playing){display:flow-root}body.playing{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}html:has(body.playing){overflow:hidden}#labels{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.pk-icon{width:24px;height:24px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pokeball-icon{stroke:#243e40;stroke-width:1.6}.pokeball-icon .ball-red{fill:var(--poke-red)}.pokeball-icon .ball-white{fill:#fffbee}.pokeball-icon .ball-center{fill:#fffbee}
.brand{left:5vw;top:25px;gap:12px}.brand-ball{display:grid;place-items:center;filter:drop-shadow(0 4px 0 #142f334a)}.brand-ball .pk-icon{width:48px;height:48px;transform:rotate(-15deg)}.brand small{color:#f6d86d;font-size:15px;letter-spacing:3px;font-weight:700}.brand strong{font:700 24px/1.2 'DM Sans',sans-serif;letter-spacing:6px;color:#fffbed}.intro-region{position:absolute;z-index:5;right:5vw;top:30px;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2px;color:#e3e9d5}.intro-region>.pk-icon{width:27px;height:27px;color:#f0d983}.intro-region strong{font-size:12px;display:block;letter-spacing:1px;color:#fffbe7;margin-top:5px}.playing .intro-region,.playing .intro-footer{display:none}
.vignette{background:linear-gradient(90deg,#103a3feb 0%,#173c3eb8 40%,#183f3855 78%),linear-gradient(0deg,#102f34cc,transparent 60%)}
#intro{left:6vw;right:6vw;top:112px;bottom:55px;width:auto;max-width:none;transform:none;display:grid;grid-template-columns:minmax(330px,410px) minmax(320px,1fr);gap:6vw;align-items:center}.intro-copy{max-width:410px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2.5px;color:#e6d19b}.eyebrow:before{content:'';width:19px;height:2px;background:var(--poke-red)}#intro h1{font:700 clamp(34px,3.9vw,54px)/1.08 'DM Sans',sans-serif;letter-spacing:-2px;margin:12px 0;color:#fffbee}#intro h1 em{font-style:normal;color:#f2d77e}.intro-copy>p{max-width:360px;font-size:13px;line-height:1.65;color:#c9ddd4;margin:0 0 19px}
.start-form{max-width:none;background:#fff9e9;border:1px solid #fff3cf;border-radius:13px;box-shadow:0 12px 35px #092e3c40;padding:16px 20px 17px;color:#26494a;position:relative}.registration-head{display:flex;gap:8px;align-items:center;font-size:8px;font-weight:700;letter-spacing:1.9px;color:#9a5650;border-bottom:1px solid #dfdac7;padding-bottom:11px;margin-bottom:13px}.registration-head>.pk-icon{width:19px;height:19px}.device-lights{margin-left:auto;display:flex;gap:4px}.device-lights i{width:5px;height:5px;background:#e1c468;border-radius:50%}.device-lights i:first-child{background:#da6c63}.device-lights i:last-child{background:#83b2a0}.start-form label,.partner-label{color:#7a8f84;font-size:8px;letter-spacing:1.4px}.start-form input{background:#ebeede;border:1px solid #d3dbcc;border-radius:6px;color:#274b45;margin-top:6px;padding:9px 11px;font-size:13px;backdrop-filter:none;height:37px}.start-form input::placeholder{color:#92a197}.start-form input:focus-visible{outline-color:#bf594f;outline-width:2px;outline-offset:2px}.partner-label{margin:12px 0 7px;display:flex;justify-content:space-between}.partner-label small{font:inherit;letter-spacing:0;color:#a4aa94}.starter-options{gap:8px}.starter-options button{position:relative;background:#f3f2df;border:1px solid #dddfcb;border-radius:7px;padding:4px 3px 7px;color:#41604e;backdrop-filter:none;transition:background .18s,border-color .18s,transform .18s;overflow:visible}.starter-options button:hover{transform:translateY(-2px);background:#fffdf2}.starter-options button[aria-pressed=true]{background:var(--partner-soft);border-color:var(--partner-color);box-shadow:0 0 0 1px var(--partner-color)}.starter-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:5px;width:14px;height:14px;display:grid;place-items:center;background:#38624e;color:#fff;font-size:9px;border-radius:50%}.starter-options img{height:56px;width:70px;filter:drop-shadow(0 3px 2px #25413c17)}.starter-options span{font-size:10px;font-weight:700}.starter-options small{display:inline-flex;gap:3px;align-items:center;font-size:7px;letter-spacing:.6px;margin-top:4px;color:#758775}.starter-options small .pk-icon{width:10px;height:10px}.starter-options [data-starter=charmander] small{color:#b86d42}.starter-options [data-starter=squirtle] small{color:#548eac}#start{margin-top:12px;background:#d9514e;border:1px solid #be4541;border-radius:6px;box-shadow:0 3px 0 #a73c3a;color:#fff9e8;min-height:42px;padding:10px 14px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:9px}#start:before{content:'';width:13px;height:13px;border:2px solid #fff2dc;border-radius:50%;background:linear-gradient(transparent 43%,#fff2dc 43%,#fff2dc 56%,transparent 56%)}#start:hover:not(:disabled){background:#e46157}#start:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #a73c3a}.local-note{font-size:9px;color:#95a38d;margin-top:10px}#name-error{color:#aa4942;font-size:11px;line-height:1.4}#name-error:empty{display:none}
.starter-showcase{position:relative;justify-self:center;align-self:center;width:min(100%,420px);text-align:center;padding-top:12px}.showcase-top{display:flex;gap:8px;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:2px;color:#d6e4cb}.showcase-top .pk-icon{width:16px;height:16px;color:#f0dc9d}.starter-stage{height:300px;position:relative;display:grid;place-items:center;margin:2px auto 2px}.starter-orbit{position:absolute;width:262px;height:262px;border:1px solid #dcefc331;border-radius:50%;background:radial-gradient(circle,#b9d5a62b,transparent 70%)}.starter-orbit:before{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed #e3e6bd38}.starter-orbit:after{content:'';position:absolute;inset:71px;border:1px solid #dcefc322;border-radius:50%;box-shadow:0 0 0 100px #c2d89904}.starter-number{position:absolute;right:2px;top:8px;font:bold 83px/1 'DM Sans',sans-serif;letter-spacing:-5px;color:#f6f3cc0e;-webkit-text-stroke:1px #eef0c128}.starter-stage>img{position:relative;width:285px;height:285px;object-fit:contain;filter:drop-shadow(0 18px 14px #092d354b);animation:partner-hover 5s ease-in-out infinite}.starter-shadow{position:absolute;bottom:20px;width:135px;height:17px;border-radius:50%;background:#10373780;filter:blur(9px)}.starter-type-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--partner-color);border-radius:30px;padding:5px 10px;background:#183f3ba8;color:var(--partner-soft);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.starter-type-chip .pk-icon{width:12px;height:12px}.starter-showcase h2{font:700 37px/1.1 'DM Sans',sans-serif;letter-spacing:-1px;color:#fffbe9;margin:12px 0 8px}.starter-showcase>p{font:400 16px 'Fraunces',serif;margin:0;color:#f3e6bd}.starter-showcase>small{display:block;font-size:10px;color:#b9d0bd;margin-top:10px}.starter-tags{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:20px;font-size:8px;color:#d4dec0;letter-spacing:1.3px}.starter-tags span{display:flex;gap:5px;align-items:center}.starter-tags .pk-icon{width:15px;height:15px;color:#d9bd78}.intro-footer{position:absolute;z-index:6;bottom:20px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b4cdbd;letter-spacing:1px}.intro-footer>span{display:flex;align-items:center;gap:7px}.intro-footer .pk-icon{width:13px;height:13px;color:#efc790}.intro-footer b{color:#f1e3b4;font-weight:500}@keyframes partner-hover{50%{transform:translateY(-8px) rotate(1deg)}}
.profile{left:23px;top:22px;width:252px;gap:10px;padding:9px 12px 9px 8px;border:1px solid #fff6dcab;border-top:4px solid var(--poke-red);border-radius:12px;background:#fff9e9f2;color:#274b47;box-shadow:0 5px 16px #183d3724}.profile-portrait{width:53px;height:53px;position:relative;border-radius:50%;background:linear-gradient(#e5a39a 48%,#859d8f 48%,#859d8f 52%,#eef0dc 52%);border:2px solid #fffcf1;flex:none}.profile img{width:53px;height:59px;position:absolute;left:-2px;bottom:-1px;filter:drop-shadow(0 2px 2px #21473f20)}.trainer-caption{font-size:7px;letter-spacing:1.7px;font-weight:700;color:#b87667;margin-bottom:4px}.profile strong{font-size:15px;max-width:162px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{font-size:7px;letter-spacing:.8px;color:#7c9278;margin-top:4px}.field-stats{position:absolute;z-index:10;left:23px;top:104px;display:flex;width:252px;gap:5px}.field-stats>div{flex:1;display:flex;align-items:center;gap:6px;padding:7px 8px;background:#203f3dcf;border:1px solid #f2e5bf35;border-radius:6px;backdrop-filter:blur(9px)}.field-stats .pk-icon{width:17px;height:17px;color:#e6cc94}.field-stats span{font-size:7px;letter-spacing:.6px;color:#bad1c2}.field-stats b{font-size:11px;font-variant-numeric:tabular-nums;color:#fff2d0;display:block;margin-top:2px}.quest{left:23px;top:157px;border-radius:10px;border:1px solid #faf2d3c7;width:252px;background:#fff8e7ed}.quest-top{padding:10px 12px}.quest-top>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#ad655b;letter-spacing:1px}.quest-top .pk-icon{width:15px;height:15px}.quest-top b{margin-left:auto;margin-right:12px;font-size:8px;color:#9eab8f;font-weight:500}#quest-title{font:700 17px/1.25 'DM Sans',sans-serif}#quest-desc{font-size:11px}#quest-progress span.done{background:#d17561}#quest-guide{color:#9c6254}.tools{top:23px;right:23px;gap:7px}.tools button{width:45px;height:44px;border-radius:9px;border:1px solid #f5e8c17d;background:#fff9e9ed;color:#41685c;box-shadow:0 3px 0 #244a4340;display:grid;place-items:center}.tools button>.pk-icon{width:23px;height:23px}.tools #dex-button{background:#d9514e;color:#fff5de;border-color:#ed8e78}.tools button:hover{transform:translateY(-2px)}.tools small{font-size:7px;color:inherit;bottom:2px;right:4px}.valley-status{top:78px;right:23px;border-radius:6px}.location small{font-size:7px;letter-spacing:2px}.location strong{font:700 17px 'DM Sans',sans-serif}.location>span{display:inline-grid;place-items:center;border:1px solid #ecd99a7d;border-radius:50%;width:23px;height:23px;background:#274e46a1;font-size:9px;margin-bottom:6px}#minimap-button{border:4px solid #fff1d1;box-shadow:0 0 0 3px #be6356,0 6px 20px #183c394d;width:137px;height:137px;bottom:29px;left:29px}#minimap-button span{bottom:10px;font-size:6px;background:#ffffe973;padding:5px 0}.pocket-dex{position:absolute;z-index:10;right:24px;bottom:25px;width:218px;height:69px;display:flex;align-items:center;gap:9px;background:#d95650;border:1px solid #f29c81;border-radius:11px 11px 21px 11px;box-shadow:0 4px 0 #963e3d,0 8px 20px #173e3a33;color:#fff4dc;text-align:left;padding:10px 12px}.pocket-dex>.pk-icon{width:29px;height:31px}.pocket-dex span{display:block}.pocket-dex small{font-size:7px;letter-spacing:1.2px;color:#ffdfb8}.pocket-dex strong{display:block;font-size:14px;margin-top:3px}.dex-screen{margin-left:auto;border:2px solid #793e39;border-radius:5px;background:#d9e8c1;padding:6px 7px;display:flex!important;align-items:baseline;color:#3e6552;box-shadow:inset 0 1px 4px #45694625}.dex-screen b{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.dex-screen small{font-size:8px;letter-spacing:0;color:#738e68}.pocket-dex:hover{background:#e26459}.control-hint{font-size:9px;bottom:24px;gap:12px}.panel-header{border-top:5px solid var(--poke-red);background:#efe9d4}.panel-header small{color:#ab6658}.panel-header:before{content:'';width:15px;height:15px;border:3px solid #fff6da;background:#77b4bf;border-radius:50%;box-shadow:0 0 0 1px #c9c9af;margin-right:10px}#panel-label{margin-right:auto}.dex-card{background:#f4f2df;border-color:#d6dac4}.dex-card h3{font-family:'DM Sans',sans-serif;font-size:19px;font-weight:700}.dex-track{background:#fff8e6}.capture-title{left:50%;top:35px;transform:translateX(-50%);width:320px;padding:16px 20px;background:#fff8e8ed;border:1px solid #fff0cf;border-top:4px solid var(--poke-red);border-radius:10px;box-shadow:0 6px 20px #173c3930}.capture-title small{color:#b76f5c;font-size:8px;letter-spacing:2px}.capture-title h2{color:#294f49;font:700 29px 'DM Sans',sans-serif;margin:8px 0 0}.capture-controls>.gold{background:#d9554e;color:#fff6df;border-color:#ef9a7f;box-shadow:0 3px 0 #8e3c38;border-radius:8px}.world-label .quest-dot{border-radius:50%;background:#fff0cf;border-color:#d06d5b;color:#884940;width:23px;height:23px}.world-label strong{font-size:11px}.valley-dialog{border-top:5px solid #d65b51}
@media(min-width:1500px){#intro{grid-template-columns:minmax(400px,465px) 1fr;gap:10vw;left:9vw;right:9vw}.intro-copy{max-width:465px}.starter-stage{height:350px}.starter-stage>img{width:330px;height:330px}.starter-orbit{width:300px;height:300px}.starter-showcase{width:460px}.intro-copy>p{font-size:15px}#intro h1{font-size:61px}.start-form{padding:20px 24px}.starter-options img{height:66px}}
@media(max-height:750px) and (min-width:801px){#intro{top:102px;bottom:45px}.brand{top:18px}.intro-region{top:23px}#intro h1{font-size:42px;margin:10px 0}.intro-copy>p{font-size:12px;margin-bottom:13px}.start-form{padding:12px 17px 13px}.registration-head{padding-bottom:8px;margin-bottom:9px}.starter-options img{height:44px}.starter-options small{margin-top:2px}.partner-label{margin-top:9px}#start{min-height:38px;padding:8px;margin-top:9px}.local-note{margin-top:8px}.starter-stage{height:270px}.starter-stage>img{width:260px;height:260px}.starter-showcase h2{font-size:32px}.starter-tags{margin-top:16px}.intro-footer{bottom:17px}}
@media(max-width:1000px) and (min-width:801px){#intro{left:4vw;right:4vw;grid-template-columns:360px minmax(250px,1fr);gap:4vw}.starter-showcase{max-width:330px}.starter-stage>img{width:245px;height:245px}.starter-stage{height:270px}.starter-orbit{width:230px;height:230px}.starter-number{font-size:65px}.starter-showcase>p{font-size:14px}.starter-showcase>small{font-size:9px}.starter-tags{gap:8px;font-size:7px}.intro-footer{left:4vw;right:4vw}.control-hint{bottom:20px;font-size:8px;gap:8px}.control-hint span:last-child{display:none}.pocket-dex{width:196px}}
@media(max-width:800px){body:not(.playing){overflow-y:auto;min-height:100dvh}.brand{left:22px;top:20px}.brand-ball .pk-icon{width:36px;height:36px}.brand small{font-size:12px}.brand strong{font-size:19px;letter-spacing:5px}.intro-region{top:24px;right:22px;font-size:7px;letter-spacing:1px}.intro-region>.pk-icon{display:none}.intro-region strong{font-size:9px}.vignette{background:linear-gradient(90deg,#10383ce8,#173b3cb8),linear-gradient(0deg,#153536,transparent)}#intro{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:470px;margin:107px auto 65px;padding:0 22px;display:block;transform:none}.intro-copy{max-width:none}#intro h1{font-size:40px;letter-spacing:-1.8px;margin:12px 0}.intro-copy>p{font-size:12px;max-width:300px;margin-bottom:17px}.eyebrow{font-size:7px;letter-spacing:1.7px}.start-form{padding:15px 17px;max-width:none}.starter-options img{height:59px}.starter-options span{font-size:11px}.starter-options small{font-size:8px}.partner-label{font-size:8px}.starter-showcase{display:none}.intro-footer{position:relative;bottom:auto;left:auto;right:auto;margin:-37px 22px 24px;justify-content:center;font-size:8px;letter-spacing:.5px}.intro-footer>span:last-child{display:none}.playing{overflow:hidden}.profile{top:13px;left:12px;width:196px;padding:6px 8px 7px 6px;gap:7px}.profile-portrait{width:40px;height:40px}.profile img{width:42px;height:46px}.profile strong{font-size:12px;max-width:130px}.trainer-caption{font-size:6px;letter-spacing:1px}.profile small{font-size:6px;letter-spacing:.25px}.tools{top:15px;right:12px;gap:4px}.tools button{width:33px;height:34px;border-radius:7px}.tools button>.pk-icon{width:18px;height:18px}.tools small{display:none}.field-stats{left:12px;top:85px;width:196px;gap:4px}.field-stats>div{padding:5px;gap:4px}.field-stats .pk-icon{width:13px;height:13px}.field-stats span{font-size:6px}.field-stats b{font-size:10px;margin-top:1px}.valley-status{top:58px;right:12px;font-size:8px;padding:6px 7px}.location{top:96px;right:14px;left:auto;transform:none;text-align:right;max-width:150px}.location>span,.location small{display:none}.location strong{font-size:12px}.quest{top:137px;left:12px;width:196px}.quest-top{padding:8px 10px}.quest-top>span{font-size:7px;gap:5px}.quest-top .pk-icon{width:12px;height:12px}.quest-top b{font-size:7px;margin-right:8px}#quest-body{padding:10px}#quest-title{font-size:15px}#quest-desc{font-size:10px}.pocket-dex{right:17px;bottom:203px;width:99px;height:38px;border-radius:7px;padding:5px 6px;gap:5px;box-shadow:0 2px 0 #963e3d}.pocket-dex>.pk-icon{width:19px;height:19px}.pocket-dex>.pocket-label{display:none}.dex-screen{padding:2px 5px;margin-left:auto;border-width:1px}.dex-screen b{font-size:16px}.dex-screen small{font-size:7px}#minimap-button{left:auto;right:20px;bottom:103px;width:94px;height:94px;border-width:3px}#interaction{bottom:122px}.capture-title{top:22px;width:260px;padding:12px 16px}.capture-title h2{font-size:25px}.control-hint{display:none}}
@media(max-width:370px){.intro-region{display:none}#intro h1{font-size:36px}.profile{width:176px}.profile strong{max-width:110px}.profile small{font-size:5.5px}.field-stats{width:176px}.quest{width:176px}.tools{gap:3px;right:9px}.tools button{width:29px}.tools button>.pk-icon{width:16px}.registration-head{font-size:7px}.starter-options img{width:60px;height:52px}}
@media(max-height:600px) and (min-width:801px){body:not(.playing){overflow-y:auto}#intro{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:1100px;margin:105px auto 60px;padding:0 40px}.intro-footer{position:relative;left:auto;right:auto;bottom:auto;margin:-30px 40px 20px}.starter-stage{height:235px}.starter-stage>img{height:225px;width:225px}.playing .quest{top:151px}#minimap-button{width:105px;height:105px;bottom:23px}.pocket-dex{height:57px}.playing .control-hint{display:none}}
@media(prefers-reduced-motion:reduce){.starter-stage>img{animation:none}.starter-options button,.tools button{transition:none}}
.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.starter-options [data-starter=pikachu] small{color:#a18125}.starter-options [data-starter=eevee] small{color:#917651}.starter-options [data-starter=vulpix] small{color:#b86d42}
@media(min-width:801px){body:not(.playing){overflow-y:auto}#intro{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:88%;max-width:1200px;min-height:calc(100dvh - 210px);margin:92px auto 20px;padding:0}.intro-footer{position:relative;left:auto;right:auto;bottom:auto;margin:0 6vw 20px}}