:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e6edf5;background:#0c121c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.rail{position:fixed;inset:0 auto 0 0;width:225px;background:#101a27;border-right:1px solid #253245;padding:30px 20px}.brand{display:flex;gap:12px;font-size:36px;color:#72e1ba;align-items:center;margin-bottom:55px}.brand span{font-size:17px;line-height:1.3;color:white}.brand b{letter-spacing:5px;font-size:12px;color:#82a2b7}small{font-size:10px;letter-spacing:1.7px;color:#8a9caf}.rail small{font-size:9px}nav{display:grid;gap:9px;margin-top:20px}button,.button,select,input{font:inherit;border:1px solid #2b3a4d;background:#172333;color:#e6edf5;border-radius:9px;padding:11px 15px}button,.button{cursor:pointer}button:hover,.button:hover{background:#26394c;border-color:#70d7b4}button:disabled{opacity:.5;cursor:default}button.active{background:#193b37;border-color:#387262;color:#8aefcd}nav button{text-align:left;border:0;background:transparent}.rail-bottom{position:absolute;bottom:30px;line-height:2;font-size:12px;color:#9cb1c2}.dot{display:inline-block;width:7px;height:7px;background:#71dfb7;border-radius:50%;margin-right:6px}main{margin-left:225px;padding:36px 40px;max-width:2000px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:32px;letter-spacing:-1px;margin:6px 0}h2{font-size:19px;margin:0 0 15px}h3{margin:6px 0}.actions{display:flex;gap:10px}.button{text-decoration:none;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{padding:20px;background:#131f2e;border:1px solid #263549;border-radius:12px}.stat strong{display:block;font-size:29px;line-height:1.6}.stat span{font-size:12px;color:#90a4b8}.stat:first-child strong{color:#82e6c3}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:180px}.muted,p{color:#9eb0c3;font-size:13px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.poke{padding:15px 5px;background:#131e2c;border:1px solid #293749;border-radius:12px;display:flex;align-items:center;flex-direction:column;position:relative;min-height:146px}.poke small{align-self:flex-start;margin-left:10px;font-size:10px}.poke strong{font-size:12px;margin-top:8px}.poke.caught{border-color:#3d7765;background:#152b2b}.check{position:absolute;right:10px;top:10px;color:#7ce4bc}.sprite{width:64px;height:64px;background-image:url('/sprites.png');flex-shrink:0}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:18px;margin:20px 0 30px}.screen{border:1px solid #2d3c50;border-radius:12px;overflow:hidden;background:#080c12}.screen video,.screen img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.screen footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#b6c7d7;font-size:12px}.empty{border:1px dashed #3b4e63;border-radius:12px;padding:35px;text-align:center;background:#111c29}.history-list{display:grid;gap:10px}.event{border:1px solid #28374a;background:#131f2e;border-radius:11px;padding:18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.event select{max-width:190px}.event .event-info{flex:1}.event h3{font-size:14px}.event small{letter-spacing:.5px}.event .controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{position:fixed;inset:0 0 0 auto;width:530px;max-width:100%;z-index:3;background:#121e2c;border-left:1px solid #425268;box-shadow:-20px 0 70px #0008;padding:30px;overflow:auto}.panel .close{float:right}.panel .hero{display:flex;gap:18px;align-items:center;margin:25px 0}.panel .hero .sprite{transform:scale(1.5);margin:16px}.location{padding:13px 0;border-top:1px solid #2c3a4d;font-size:13px}.location b{color:#8be5c4}.location p{margin:5px 0}.badge{display:inline-block;background:#28352e;color:#a8e5bc;padding:4px 8px;border-radius:5px;font-size:11px}.primary{background:#79dfba;color:#0c2721;border-color:#79dfba;font-weight:600}#notice:not(:empty){background:#24394b;border-radius:9px;padding:12px;margin-bottom:18px}a{color:#83dcbc}.paging{display:flex;justify-content:center;gap:20px;padding:25px}.progress{height:4px;background:#263c43;border-radius:4px;margin-top:12px}.progress i{display:block;height:100%;background:#7ce1bc;border-radius:4px}.archive{margin-top:30px}label{font-size:12px;color:#9bb0c3}.panel input{width:100%;margin:8px 0}.warning{padding:13px;border-radius:8px;background:#332e22;color:#dacba5;font-size:12px;line-height:1.7}@media(max-width:900px){.rail{width:175px;padding:24px 12px}main{margin-left:175px;padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:16px;flex-direction:column}.event{align-items:flex-start;flex-wrap:wrap}}@media(max-width:550px){.rail{position:static;width:auto;padding:16px}.brand{margin-bottom:15px}.rail>small,.rail-bottom{display:none}nav{grid-template-columns:repeat(2,1fr);margin:0}main{margin:0;padding:20px 14px}.stats{gap:10px}.stat{padding:14px}.grid{grid-template-columns:repeat(3,1fr)}.actions{flex-wrap:wrap}.panel{padding:20px}}

.poke,.caught-tile{position:relative}.acquisition-badges{position:absolute;right:6px;top:6px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.acquisition-badges img{width:23px!important;height:23px!important;object-fit:contain!important;flex:none}.poke:has(.acquisition-badges) .check{right:35px;left:auto}

/* Compact controls and touch layouts. Images always retain their proportions. */
main{max-width:none;min-width:0}.compact-controls{width:100%;border:1px solid #334155;border-radius:12px;padding:12px 16px;margin-bottom:14px;background:color-mix(in srgb,currentColor 3%,transparent)}summary{cursor:pointer;font-weight:600;padding:4px 0}.compact-controls[open]>summary{margin-bottom:16px}.compact-controls .toolbar{margin-bottom:0}.dex-route-links{display:block}.mobile-page-picker{display:none}img{object-fit:contain}.community-card,.stat,.poke,.caught-tile{animation:arrive .18s ease-out}button,a,summary{transition:background-color .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent,#82e6c3);outline-offset:3px}@keyframes arrive{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.rail{display:none}main{margin:0;padding:18px 12px}header{margin-bottom:14px;width:100%}.top-controls,.trainer-lookup{width:100%;min-width:0}.trainer-lookup input{min-width:0;width:100%}.mobile-page-picker{display:flex;align-items:center;gap:10px;margin-bottom:18px}.mobile-page-picker select{flex:1;min-width:0}.toolbar{gap:8px}.toolbar>select,.toolbar>input{min-width:0;max-width:100%;flex:1 1 140px}.toolbar button{white-space:normal}.compact-controls{padding:10px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px}.community-grid,.community-layout,.trainer-cards{grid-template-columns:1fr}.stats,.community-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{width:100%;padding:18px}dialog{max-width:calc(100vw - 20px);max-height:90dvh}input,select,textarea,button{font-size:16px}section,article,.community-card{min-width:0}.page-action-bar{flex-wrap:wrap;gap:8px}.collection-actions{flex-wrap:wrap}.paging{gap:10px;padding:18px 0}.game-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.screen{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}