/* Physical collector binder: CSS artwork, no external image or animation library. */
.new-game-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px auto 0;padding-top:23px;border-top:1px solid #ffffff20;max-width:660px}
.new-game-tools #new-game{border-color:#cb7b8055;background:#34252f;color:#f1bfc3;padding:11px 20px;font-size:13px}
.new-game-tools #new-game:hover{background:#58313b;border-color:#cf8b91}
.new-game-tools>span{font-size:12px;color:#9faec6}
#new-game-feedback{max-width:660px;margin:16px auto 0;font-size:13px;line-height:1.65;color:#ead18e}
#new-game-feedback:empty{display:none}
#retry-new-game{margin-top:10px}
.binder-experience{background:radial-gradient(ellipse at 15% 15%,#542b373d,transparent 50%),linear-gradient(140deg,#20212b,#0d121c 75%)}
.binder-experience .shell{max-width:1390px;padding:16px 28px 10px}
.binder-experience .site-header{padding:10px 17px;border:1px solid #8190a23d;border-radius:10px;background:#0c131de0;margin-bottom:25px}
.binder-experience .brand{padding:0;text-align:left}
.binder-experience .logo-main{font-family:inherit;font-size:20px;line-height:1.15;letter-spacing:-.5px;color:#fff;-webkit-text-stroke:0;text-shadow:none;transform:none}
.binder-experience .logo-main br{display:none}.binder-experience .logo-main span{font-size:inherit;color:inherit}.binder-experience .logo-main span:before{content:' '}.binder-experience .logo-tagline{display:none}
.binder-experience .record{font-size:11px;color:#b0bbca;background:none;border:0}
.binder-experience #wallet{background:#232b37;border:1px solid #62728666;border-radius:6px;color:#ead9a4;font-size:15px}
.binder-experience #home-btn{padding:8px 12px;font-size:12px;border-radius:6px;background:#2c3544;border-color:#62728666}
.binder-experience footer{color:#7e899b;font-size:11px}
.binder-heading{max-width:1240px;margin:0 auto 25px;align-items:center;flex-direction:row}
.binder-heading .eyebrow{color:#ec999e;letter-spacing:2.5px;font-size:10px}
.binder-heading h2{font-size:38px;letter-spacing:-1px;margin:8px 0 10px}
.binder-heading p{color:#a9b8cb;font-size:12px;line-height:1.7;margin:0}
.binder-heading>div.binder-tabs{display:flex;flex-direction:row;gap:5px;padding:5px;align-items:center;border:1px solid #6b758b55;border-radius:9px;background:#111822}
.binder-tabs button{border:1px solid transparent;border-radius:5px;background:none;color:#aebdce;min-width:100px;padding:11px 19px;font-size:13px}
.binder-tabs .binder-active{color:white;background:linear-gradient(#cf414b,#a92536);border-color:#e4777e;box-shadow:0 3px 8px #0003}
.binder-tabs #binder-shiny.binder-active{color:#fff1b0;background:linear-gradient(#685631,#4e4027);border-color:#b49a5d}
.binder-book{position:relative;isolation:isolate;perspective:1800px;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:185px minmax(0,1fr);padding:18px 20px 20px 0;gap:22px;overflow:hidden;border:3px solid #6a2833;border-left:9px solid #b42d3c;border-radius:17px 22px 22px 17px;background:linear-gradient(90deg,#1d1d21,#15161a 15%,#313237 18%,#121318 19%,#27292e);box-shadow:inset 0 0 0 2px #16161a,inset 0 0 20px #0009,0 24px 45px #0007,5px 7px 0 #732a35,8px 11px 0 #140e17;transform-origin:center}
.binder-inside-cover{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;padding:35px 15px 28px 20px;color:#d4d7dc;text-align:center;border-right:1px solid #58575a77;background:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 4px);border-radius:10px 0 0 10px}
.binder-cover-emblem{position:relative;width:107px;height:139px;border-radius:7px;background:linear-gradient(#dc313b 0 43%,#08090b 43% 51%,#f3eee7 51%);border:3px solid #08090b;box-shadow:0 5px 15px #0008,inset 0 0 0 1px #fff5;margin:5px 0 24px;transform:rotate(-5deg)}
.binder-cover-emblem:before{content:'';position:absolute;left:50%;top:47%;width:40px;height:40px;transform:translate(-50%,-50%);border:9px solid #090a0c;border-radius:50%;background:#f5f3ee;box-shadow:0 0 0 1px #fff2}
.binder-cover-emblem:after{content:'KANTO';position:absolute;bottom:15px;left:0;right:0;font-size:10px;font-weight:900;letter-spacing:2px;color:#282c33}
.binder-cover-label{font-size:8px;letter-spacing:1px;color:#b6b8be;font-weight:800}.binder-inside-cover>strong{font-size:24px;letter-spacing:4px;line-height:1.7;font-weight:900;color:#ece5dd}
.binder-cover-subtitle{font-size:7px;letter-spacing:1.6px;color:#96969b}
.binder-collection-stamp{margin-top:30px;padding:22px 0 20px;width:100%;border-top:1px solid #79798044;border-bottom:1px solid #79798044;display:flex;flex-direction:column;gap:6px}
.binder-collection-stamp b{font-size:39px;font-weight:800;line-height:1.2;color:#e9c47a}.binder-collection-stamp span{font-size:10px;color:#c5c5cc}.binder-collection-stamp small{font-size:9px;color:#9096a1;margin-top:4px}
.binder-index-label{font-size:8px;letter-spacing:1px;color:#8f959f;line-height:2.5;margin-top:25px}.binder-index-label b{font-size:12px;color:#c5c4c6;letter-spacing:1px}
.binder-cover-note{margin-top:auto;padding-top:45px;font-size:10px;font-style:italic;color:#81858e;line-height:1.8}
.binder-rings{position:absolute;top:0;bottom:0;left:179px;width:37px;z-index:4;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}
.binder-rings i{height:19px;width:37px;background:linear-gradient(#080a0e,#9a9da5 20%,#f3f3ef 42%,#9396a0 62%,#22252b 80%,#040509);border:1px solid #15161a;border-radius:5px;box-shadow:0 4px 5px #000a,0 0 0 2px #05060966;transform:rotate(-4deg)}
.binder-page-wrap{position:relative;min-width:0;padding:17px 16px 15px;background:repeating-linear-gradient(90deg,#1e2127 0 2px,#23262d 2px 4px);border:1px solid #5e626b;border-radius:5px 13px 13px 5px;box-shadow:inset 9px 0 14px #0007,2px 3px 0 #87888a44,4px 5px 0 #111216,6px 7px 0 #7f818333,8px 9px 0 #111216;transform-origin:left center}
.binder-page-heading,.binder-page-foot{display:flex;justify-content:space-between;gap:8px;color:#828b9b;font-size:8px;letter-spacing:1.7px;font-weight:800;padding:0 3px 14px}
.binder-page-heading>span:last-child{color:#b9b9bd;font-size:10px;letter-spacing:1px}.binder-page-foot{padding:17px 3px 0;font-size:7px;letter-spacing:1px;color:#6c7687}
.binder-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px;transform-origin:left center;min-width:0}
.binder-pocket{position:relative;padding:9px 8px 13px;min-width:0;border:1px solid #97a6bd5c;border-top:2px solid #d9e2ed77;border-radius:6px 6px 10px 10px;background:linear-gradient(120deg,#c4dff01c,#ffffff05 30%,#c4dff010 65%,#e9f4ff21);box-shadow:inset 0 0 0 2px #8b9aaf12,inset 0 -6px 8px #0005,0 3px 6px #0004}
.binder-pocket:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(117deg,transparent 10%,#e2f6ff0d 27%,transparent 30% 64%,#e2f6ff0c 65%,transparent 78%);border-bottom:2px solid #c0d8ea44}
.binder-pocket .poke-card{cursor:pointer;padding:8px;gap:7px;border:3px solid #d6d1c3;border-radius:7px;box-shadow:0 5px 9px #0005,inset 0 0 0 1px var(--type);transition:filter .15s}
.binder-pocket .poke-card:hover{filter:brightness(1.06)}
.binder-pocket .poke-card:focus-visible{outline:3px solid #ffd66b;outline-offset:3px}
.binder-pocket .card-head{flex-wrap:wrap;gap:4px}.binder-pocket .card-name{font-size:14px}.binder-pocket .type-tag{font-size:9px;padding:3px 6px}
.binder-pocket .type-tags{align-self:center;max-width:100%}
.binder-pocket .portrait{height:140px;border-width:2px;outline-width:1px}.binder-pocket .moves{min-height:116px;gap:5px}.binder-pocket .move{min-height:58px;padding:6px 5px}.binder-pocket .move-name{font-size:10px}.binder-pocket .move-details,.binder-pocket .move-details small{font-size:9px}.binder-pocket .move-pp{font-size:10px}
.binder-pocket .card-hp{font-size:12px}.binder-pocket .hp-track{height:8px}.binder-pocket .stats{gap:2px;padding-top:7px}.binder-pocket .stats small{font-size:8px}.binder-pocket .stats strong{font-size:12px}
.binder-pocket .binder-count{top:-5px;right:5px;border:1px solid #8f9aab;background:#10151e;color:#f1d88c;border-radius:5px;padding:3px 7px;font-size:10px;z-index:5;box-shadow:0 2px 3px #0005}
.binder-empty{height:100%;min-height:350px;border:1px solid #8fa0b52e;border-radius:5px;background:radial-gradient(ellipse,#c5d9ee0b,transparent 70%);gap:10px;color:#8c98ab;display:flex;align-items:center;justify-content:center;flex-direction:column}
.binder-empty span{position:relative;width:61px;height:61px;border:3px solid #8f9eaf33;border-radius:50%;font-size:0;opacity:1;background:linear-gradient(transparent 44%,#8f9eaf33 44% 55%,transparent 55%)}
.binder-empty span:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:23px;height:23px;border:3px solid #8492a548;border-radius:50%;background:#272c36}
.binder-empty strong{font-size:13px;letter-spacing:1.8px;color:#8996a9}.binder-empty small{font-size:10px;color:#747e8e}
.binder-book[data-variant='s'] .binder-page-heading{color:#d1b870}.binder-book[data-variant='s'] .binder-empty span{border-color:#b9a36e33}
.binder-navigation{max-width:1240px;margin:30px auto 0;display:flex;justify-content:center;align-items:center;gap:28px;padding:20px 0;border-bottom:1px solid #ffffff12;flex-wrap:nowrap}
.binder-navigation .secondary{background:#262e3c;border:1px solid #6f7b9055;color:#d2dbe9;padding:11px 19px;min-width:120px;font-size:12px;border-radius:6px}
.binder-navigation>span{font-size:12px;color:#a3b0c2;white-space:nowrap}
.binder-tools{max-width:1240px;margin:18px auto 5px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.binder-tools>span{font-size:11px;color:#8b9bb1}.binder-tools button{font-size:11px;background:#262b37;border-color:#59677977;padding:11px 16px;border-radius:6px}
.binder-front-cover{position:absolute;z-index:6;inset:5px 8px 8px 207px;pointer-events:none;visibility:hidden;opacity:0;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;overflow:hidden;border:3px solid #130d14;border-radius:5px 15px 15px 5px;background:linear-gradient(173deg,#f02c3e 0 43%,#08090c 43.2% 49%,#f9f6f0 49.2% 100%);box-shadow:inset 13px 0 17px #0006,inset -3px 0 4px #fff5,0 10px 25px #0007}
.binder-front-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#fff0 10%,#fff2 25%,#fff0 45%);border-left:8px solid #9f1f2d}
.binder-front-mark{position:absolute;left:56%;top:45%;transform:translate(-50%,-50%);width:clamp(120px,18vw,230px);aspect-ratio:1;border:clamp(22px,3vw,39px) solid #08090c;border-radius:50%;background:#faf8f3;box-shadow:inset 0 0 12px #a3a5b466}
.binder-front-brand{position:absolute;left:10%;top:10%;font-size:clamp(19px,2.8vw,38px);line-height:1;letter-spacing:-1px;font-weight:950;color:#ffdb4f;-webkit-text-stroke:1px #23447b;transform:rotate(-7deg);text-shadow:2px 3px 0 #173657}.binder-front-brand b{font-size:.8em}
.binder-front-edition{position:absolute;bottom:10%;left:12%;right:12%;border-top:1px solid #27304844;padding-top:18px;font-size:10px;letter-spacing:2px;color:#394655;font-weight:850}.binder-front-edition span{float:right;font-size:18px;line-height:1;color:#bb2534}
.binder-cover-hardware{position:absolute;left:4%;width:25px;height:14px;border:2px solid #44434a;border-radius:3px;background:repeating-linear-gradient(90deg,#131219 0 2px,#393640 2px 3px);box-shadow:0 2px 3px #0005}.binder-cover-hardware.top{top:2%}.binder-cover-hardware.bottom{bottom:2%}
.binder-opening .binder-front-cover{visibility:visible;animation:binder-cover-open 1.15s cubic-bezier(.35,.05,.2,1) both}
.binder-opening .binder-page-wrap{animation:binder-pages-settle 1.15s ease-out both}
.binder-turn-forward .binder-sheet{animation:binder-page-forward .48s ease-out both}.binder-turn-back .binder-sheet{animation:binder-page-back .48s ease-out both}
@keyframes binder-cover-open{0%,12%{opacity:1;transform:rotateY(0deg)}55%{opacity:1}100%{opacity:0;transform:rotateY(-125deg)}}
@keyframes binder-pages-settle{0%,18%{opacity:.2;transform:rotateY(9deg)}100%{opacity:1;transform:rotateY(0)}}
@keyframes binder-page-forward{0%{opacity:.4;transform:perspective(1200px) rotateY(-13deg) translateX(8px)}100%{opacity:1;transform:none}}
@keyframes binder-page-back{0%{opacity:.4;transform:perspective(1200px) rotateY(13deg) translateX(-8px)}100%{opacity:1;transform:none}}
@media(max-width:1050px){.binder-experience .shell{padding:14px 18px}.binder-book{grid-template-columns:130px minmax(0,1fr);gap:18px;padding-right:15px}.binder-inside-cover{padding:28px 10px}.binder-cover-emblem{width:85px;height:113px}.binder-inside-cover>strong{font-size:21px}.binder-cover-subtitle{font-size:6px}.binder-cover-label{font-size:7px}.binder-rings{left:124px;width:31px}.binder-rings i{width:31px}.binder-front-cover{left:148px}.binder-page-wrap{padding:15px 10px}.binder-sheet{gap:12px 9px}.binder-pocket{padding:7px 5px 10px}.binder-pocket .portrait{height:115px}.binder-pocket .card-name{font-size:12px}.binder-pocket .type-tag{font-size:8px}.binder-pocket .stats small{font-size:7px}.binder-empty{min-height:330px}}
@media(max-width:760px){.binder-book{grid-template-columns:1fr;padding:15px 13px 17px 23px;gap:0;border-left-width:7px}.binder-inside-cover{display:none}.binder-rings{left:3px;width:29px;z-index:4}.binder-rings i{width:29px;height:15px}.binder-front-cover{left:15px}.binder-heading{gap:15px;flex-wrap:wrap}.binder-heading h2{font-size:33px}.binder-heading .binder-tabs{flex-direction:row;align-items:center}.binder-sheet{gap:12px 9px}.binder-page-heading{font-size:7px;letter-spacing:1px}.binder-page-foot{font-size:6px}.binder-experience .record{display:none}.binder-experience .site-header{margin-bottom:21px}.binder-front-mark{width:190px;border-width:32px}}
@media(max-width:600px){
 .binder-experience .shell{padding:9px 10px}.binder-experience .site-header{padding:10px;justify-content:space-between;flex-wrap:wrap;gap:8px}.binder-experience .logo-main{font-size:16px}.binder-experience .header-right{gap:6px}.binder-experience #wallet{padding:7px 10px;font-size:13px}.binder-experience #home-btn{font-size:11px;padding:7px 9px}
 .binder-heading{margin-bottom:19px}.binder-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.binder-heading h2{font-size:30px;margin:6px 0 8px}.binder-heading p{font-size:11px}
 .binder-heading .binder-tabs{width:100%;padding:4px;gap:4px}.binder-tabs button{flex:1;min-width:0;font-size:12px;padding:10px}
 .binder-book{padding:12px 8px 15px 18px;border-radius:11px 14px 14px 11px;box-shadow:inset 0 0 0 2px #16161a,0 14px 28px #0006,3px 5px 0 #732a35}
 .binder-page-wrap{padding:12px 8px 12px 10px;border-radius:3px 8px 8px 3px}.binder-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.binder-page-heading{font-size:6px;padding-bottom:13px}.binder-page-foot{font-size:5px;letter-spacing:.5px;gap:5px}
 .binder-pocket{padding:6px 4px 10px;border-width:1px;border-radius:5px}.binder-pocket .poke-card{padding:6px;gap:6px;border-width:2px;border-radius:5px}.binder-pocket .card-name{font-size:12px}.binder-pocket .type-tag{font-size:8px;padding:3px 5px}.binder-pocket .portrait{height:105px}.binder-pocket .card-hp{font-size:11px}.binder-pocket .hp-total{font-size:9px}.binder-pocket .hp-percent{font-size:9px}
 .binder-pocket .moves{grid-template-columns:1fr;gap:4px;min-height:0}.binder-pocket .move{padding:5px;min-height:55px}.binder-pocket .move-name{font-size:10px}.binder-pocket .move-details,.binder-pocket .move-details small{font-size:9px}.binder-pocket .move-pp{font-size:10px}
 .binder-pocket .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 3px}.binder-pocket .stats small{font-size:7px}.binder-pocket .stats strong{font-size:11px}.binder-pocket .binder-count{font-size:9px;padding:3px 5px;top:-6px;right:1px}.binder-pocket .shiny-label{font-size:7px;margin-left:3px}
 .binder-empty{min-height:250px}.binder-empty span{width:47px;height:47px}.binder-empty span:after{width:19px;height:19px}.binder-empty strong{font-size:12px}.binder-empty small{font-size:9px}
 .binder-rings{left:0;width:23px}.binder-rings i{width:23px;height:13px}.binder-front-cover{left:10px}.binder-front-mark{width:135px;border-width:25px}.binder-front-brand{font-size:27px}.binder-front-edition{font-size:7px;letter-spacing:1px}.binder-front-edition span{font-size:14px}
 .binder-navigation{gap:10px;margin-top:22px;padding:17px 0}.binder-navigation .secondary{font-size:11px;min-width:0;padding:10px 12px;flex:1}.binder-navigation>span{font-size:10px}
 .binder-tools{justify-content:center;text-align:center;gap:12px;margin:16px 0}.binder-tools>span{font-size:10px}.binder-tools button{width:100%;font-size:11px}.new-game-tools{margin-top:22px;gap:9px}.new-game-tools>span{font-size:11px}
}
@media(max-width:360px){.binder-experience .site-header{justify-content:center}.binder-experience .header-right{justify-content:center}.binder-sheet{grid-template-columns:1fr}.binder-pocket .moves{grid-template-columns:1fr 1fr}.binder-pocket .stats{grid-template-columns:repeat(5,minmax(0,1fr))}.binder-pocket .portrait{height:175px}.binder-pocket .card-name{font-size:15px}.binder-empty{min-height:245px}.binder-front-mark{width:125px;border-width:23px}}
@media(prefers-reduced-motion:reduce){.binder-opening .binder-front-cover{display:none}.binder-opening .binder-page-wrap,.binder-turn-forward .binder-sheet,.binder-turn-back .binder-sheet{animation:none!important}.binder-pocket .poke-card{transition:none}}