:root{--ink:#173e43;--green:#237c68;--mint:#e8f0e8;--yellow:#ffda63;--line:#dae4dd;--muted:#6b817e}*{box-sizing:border-box}body{margin:0;background:#f5f7f2;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #ef9e22;outline-offset:4px}button{touch-action:manipulation}header{height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfdf9}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:37px;height:37px;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(#f0bc4f 46%,var(--ink) 47% 55%,#fff 56%);position:relative}.brand-mark:after{content:'';position:absolute;inset:11px;border-radius:50%;background:white;border:3px solid var(--ink)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-bottom:3px}.brand strong{font-size:22px;letter-spacing:-1px}.nav{display:flex;gap:10px}.nav button{border:0;background:transparent;padding:12px 18px;color:var(--muted);font-size:13px;font-weight:bold}.nav .active{background:#e7eee6;border-radius:25px;color:var(--ink)}.profile{display:flex;gap:11px;align-items:center;font-size:12px}.avatar{width:38px;height:38px;background:#ffda63;border-radius:50%;display:grid;place-items:center;font-size:22px}.profile small{display:block;color:var(--muted);margin-top:4px}main{max-width:1600px;margin:auto;padding:30px 36px 18px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:bold;color:var(--green);margin-bottom:9px}h1{font-size:32px;letter-spacing:-1.4px;margin:0 0 8px}p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.weather{font-size:12px;display:flex;align-items:center;gap:9px;background:#fff;padding:12px 16px;border:1px solid var(--line);border-radius:22px}.live{width:7px;height:7px;border-radius:50%;background:#398a6f;display:inline-block;margin-right:6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.map-panel{position:relative;border-radius:20px;overflow:hidden;border:1px solid #ccdccd;background:#c6dfad;height:min(66vh,670px);min-height:470px}.map-panel canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.map-top{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;pointer-events:none}.chip{border-radius:12px;background:#fffffff2;padding:11px 14px;box-shadow:0 4px 14px #244d3410;font-size:11px}.chip strong{display:block;font-size:13px;margin-bottom:4px}.chip span{color:var(--muted)}.compass{width:40px;height:56px;background:#fffffff0;border-radius:23px;text-align:center;padding-top:6px;font-size:11px}.compass b{display:block;font-size:22px;color:#d17052}.map-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.map-tools{display:flex;gap:8px;pointer-events:auto}.tool{background:#fff;border:0;border-radius:12px;padding:12px 14px;box-shadow:0 3px 14px #29463216;font-size:12px;font-weight:bold}.tool.yellow{background:var(--yellow)}.dpad{pointer-events:auto;display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:34px 34px;gap:3px}.dpad button{border:0;background:#ffffffed;border-radius:9px;box-shadow:0 2px 5px #234a3314}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.map-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:14px 2px}.map-caption b{color:var(--ink)}aside{display:flex;flex-direction:column;gap:16px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px}.trainer{background:var(--ink);color:white;border-color:var(--ink)}.card h2{font-size:16px;margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#ffffff18;color:#ebd58b}.level-row{display:flex;align-items:center;gap:13px}.level{font-size:32px;font-weight:bold;line-height:1}.trainer p{color:#a7c4ba;font-size:11px}.progress{height:5px;background:#ffffff20;border-radius:6px;overflow:hidden;margin:15px 0 8px}.progress i{display:block;background:var(--yellow);height:100%;width:0;transition:width .5s}.xp{font-size:10px;color:#b7d0c7;display:flex;justify-content:space-between}.stats{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border-top:1px solid #ffffff20;padding-top:16px}.stats strong{font-size:23px;display:block}.stats small{font-size:10px;color:#b7d0c7}.subtle{font-size:10px;color:var(--muted)}.nearby{display:flex;align-items:center;padding:9px 0;gap:12px}.creature-icon{width:51px;height:51px;border-radius:12px;background:#f1f5eb;display:grid;place-items:center;flex-shrink:0}.creature-icon svg{width:48px;height:48px}.nearby strong{font-size:12px;display:block}.nearby small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.nearby button{border:1px solid var(--line);background:white;border-radius:50%;width:28px;height:28px;margin-left:auto}.tip{background:#edf1e6;border:0}.tip h2{margin-bottom:10px;font-size:13px}.tip p{font-size:11px}.footer{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#7a8b81}.pill{font-size:9px;background:#edf4ed;padding:5px 8px;border-radius:6px;color:#428366}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;padding:13px 22px;border-radius:25px;font-size:12px;transition:.2s;z-index:50;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:25px;max-width:calc(100% - 30px);padding:0;width:470px;color:var(--ink);box-shadow:0 20px 100px #102f3960}dialog::backdrop{background:#12353699;backdrop-filter:blur(5px)}.modal-head{padding:23px;display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:19px}.close{border:0;border-radius:50%;width:30px;height:30px;background:#eaf0e9}.encounter-scene{height:255px;position:relative;background:radial-gradient(ellipse at bottom,#b2ce83 0 25%,transparent 26%),linear-gradient(#c8e8e6,#eff5dc);overflow:hidden;display:grid;place-items:center}.encounter-scene:before,.encounter-scene:after{content:'';position:absolute;border-radius:50%;background:#8cbb78;width:210px;height:210px;bottom:-135px;left:-60px}.encounter-scene:after{left:auto;right:-80px;background:#6fa47c}.target-ring{width:155px;height:155px;border:3px solid #ffffffa0;border-radius:50%;position:absolute;animation:target 1.6s ease-in-out infinite}.encounter-scene svg{width:180px;height:180px;z-index:1;filter:drop-shadow(0 12px 4px #355d3325);transition:.3s}.encounter-scene.throwing svg{transform:scale(.1);opacity:0}.encounter-body{padding:23px;text-align:center}.encounter-body h2{margin:0 0 7px;font-size:26px}.type{font-size:10px;background:#eaf1e5;padding:5px 10px;border-radius:10px}.catch-help{margin:18px 0 12px;min-height:37px}.catch-button{border:0;background:var(--yellow);border-radius:14px;padding:14px 20px;font-weight:bold;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.catch-button:disabled{opacity:.65;cursor:wait}.ball{width:25px;height:25px;border-radius:50%;background:linear-gradient(#e26b55 44%,#23424b 45% 55%,white 56%);border:2px solid #23424b;display:inline-block}.collection-grid{padding:0 22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:65vh;overflow:auto}.collection-item{background:#f1f5ec;padding:16px;border-radius:14px;text-align:center}.collection-item svg{width:90px;height:90px}.collection-item strong{display:block;font-size:13px}.collection-item small{font-size:10px;color:var(--muted)}.empty{grid-column:1/-1;padding:30px;text-align:center;line-height:1.8;font-size:13px}.help-content{padding:0 25px 25px;line-height:1.8;font-size:13px}.help-content p{margin-bottom:12px}kbd{background:#edf1e8;border:1px solid #d4dfd4;border-radius:4px;padding:2px 6px}@keyframes target{0%,100%{transform:scale(1)}50%{transform:scale(.55)}}@media(max-width:1000px){main{padding:24px 20px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}header{padding:0 20px}.nav button{padding:10px}.card{padding:16px}.weather{display:none}}@media(max-width:750px){header{height:72px;padding:0 16px}.brand strong{font-size:19px}.profile{display:none}.nav button{font-size:11px;padding:9px}.nav button:last-child{display:none}main{padding:22px 14px}.intro{margin-bottom:18px}h1{font-size:27px}.intro p{font-size:11px}.layout{grid-template-columns:1fr}.map-panel{height:62vh;min-height:420px}.map-top{left:12px;right:12px;top:12px}.map-bottom{left:12px;right:12px;bottom:12px}.tool{padding:11px;font-size:10px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tip{grid-column:1/-1}.card{padding:15px}.nearby{gap:6px}.creature-icon{width:34px;height:38px}.creature-icon svg{width:36px;height:36px}.nearby strong{font-size:11px}.nearby small{font-size:9px}.nearby button{width:24px;height:24px}.map-caption{font-size:9px}.footer{font-size:8px;gap:15px}.stats{margin-top:16px}.card h2{font-size:14px}.card-head{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}