@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";@font-face{font-family:Pokemon;src:url(/assets/fonts/PokemonClassic.ttf)}:root{--bg: #E6F4E6;--surface: #eee9d9;--ink: #111111;--muted: #666666;--primary: #B82020;--secondary: #2055B8;--accent: #F2C94C;--outline: #2c3132;--outline-light: #cabcba;--radius: 14px;--gap: 20px;--shadow-pixel: 0 3px 0 var(--outline);--shadow-inset: inset 0 1px 0 #fff, inset 0 -2px 0 #ddd}.layout{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:330px 1fr;gap:2rem}.main{grid-area:main}.pokemon-title{font-family:VT323,monospace;font-weight:500;font-size:1.3rem;font-style:normal;letter-spacing:1px}.header-title{font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal}body{padding:0;margin:0;box-sizing:border-box;background:#e6f4e6;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 4px}body{background-color:#f4f5ed;background-image:radial-gradient(circle at 10% 20%,rgba(255,203,5,.15) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(122,199,76,.12) 0%,transparent 70%),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px,24px 24px;background-position:0 0,0 0,0 0,0 0}@media (max-width: 975px){.layout{grid-template-areas:"header header" "main main";grid-template-columns:100vw}}.card{background:var(--surface);border:4px solid var(--outline);border-radius:var(--radius);box-shadow:0 2px #111,inset 0 1px #fff,0 8px 10px #0000000d;padding:16px 10px 12px;display:grid;place-items:center;gap:2px;cursor:pointer}.card{position:relative}.card:after{content:"";position:absolute;inset:6px;border:2px solid var(--outline-light);border-radius:calc(var(--radius) - 6px);pointer-events:none;opacity:.9}.card img{height:96px;width:96px;margin-top:25px}@media (max-width: 975px){.card img{height:68px;width:68px;margin:0}.card{padding:1rem;max-width:60px;max-height:100px}.card p{display:none}}.card-grid{display:grid;width:60vw;grid-template-columns:repeat(4,1fr);gap:2rem;margin:0 auto}.card-grid-hard{display:grid;grid-template-columns:repeat(6,1fr);width:70vw;gap:2rem;margin:0 auto}@media (max-width: 975px){.card-grid{width:100vw;grid-template-columns:repeat(3,1fr);margin:0;margin-left:.5rem;gap:1rem}.card-grid-hard{display:grid;grid-template-columns:repeat(3,1fr);width:100vw;gap:1rem;margin:0;margin-left:.5rem}}header{display:flex;justify-content:space-around;align-items:center;grid-area:header;margin-bottom:1rem;margin-top:1rem}h1{color:#e3350d;text-shadow:2px 2px 0 #0712279d}.score-board{background:#2c639d;border:4px solid #172635;border-radius:14px;box-shadow:0 3px #111,inset 0 2px #417ec4;padding:1rem;color:#f1f3f0}.score-board p{margin:.5rem}@media (max-width: 975px){header{flex-direction:column;align-items:center;margin:0;margin-right:1.3rem}.score-board p{font-size:.5rem!important}.header-title{font-size:1.5rem}}select{appearance:none;padding:12px 35px 12px 15px;font-family:"Press Start 2P",monospace;font-size:.8rem;color:var(--ink);background:var(--surface);border:4px solid var(--outline);border-radius:14px;cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg fill="%232c3132" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M0 3 L5 8 L10 3 Z"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:12px}.aside-title{font-family:"Press Start 2P",monospace;font-weight:400;font-style:normal;font-size:1rem}aside{grid-area:sidebar;position:sticky;margin-left:1rem;top:16px;background:#f8f5e8;border:4px solid #333;border-radius:14px;box-shadow:0 3px #111,inset 0 2px #fff;padding:16px;max-width:100%;display:flex;flex-direction:column;gap:8rem}.chevron{display:none}@media (max-width: 975px){aside{display:none;position:fixed;top:0;left:0;width:250px;height:80svh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}aside.open{margin-top:1rem;display:flex;flex-direction:column;gap:3rem;transform:translate(15%)}.chevron{display:block;position:fixed;top:10px;left:10px;background:var(--surface);border:2px solid var(--outline);padding:5px;cursor:pointer;z-index:1001}}.toggle-button{background:var(--surface);border:3px solid var(--outline);border-radius:20px;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;transition:all .2s}.toggle-button:hover{border-color:var(--primary)}.toggle-button.active{background:var(--primary);color:var(--surface)}.lucide{cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2c639d;border:4px solid #172635;border-radius:14px;box-shadow:0 3px #111,inset 0 2px #417ec4;padding:1rem;color:#f1f3f0;text-align:center}.modal-content h2{color:var(--accent)}.modal-content button{background:var(--primary);border:none;border-radius:14px;padding:10px 20px;margin-top:10px;cursor:pointer;font-family:"Press Start 2P",monospace;color:#f1f3f0}.rules-title{font-family:VT323,monospace;margin:6px 0 10px;letter-spacing:.8px;color:#ffcb05;text-align:center}.rules-text{font-family:VT323,monospace;font-weight:500;font-size:1.6rem;font-style:normal;letter-spacing:1px;text-align:left;list-style:none}.rules-text li{position:relative;padding-left:26px;margin:8px 0}.rules-text li:before{content:"";position:absolute;left:0;top:.42rem;width:16px;height:16px;border:2px solid #111;border-radius:50%;background:radial-gradient(circle at 50% 50%,#111 2px,transparent 3px),linear-gradient(#fff 50%,#e3350d 50%);box-shadow:0 1px #111}.modal-content-welcome{width:min(720px,92vw);background:#1b53ba;color:#fff;border:4px solid #222;border-radius:16px;box-shadow:0 4px #111,inset 0 2px #fff2;padding:22px 24px;font-family:system-ui,"Press Start 2P",sans-serif}.header-title-welcome{margin:0 0 8px;text-align:center;font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal}.start-button{display:block;margin:6px auto 2px;background:#e3350d;color:#fff;border:3px solid var(--outline);border-radius:12px;box-shadow:0 3px #111,inset 0 1px #fff;padding:10px 16px;font-weight:700;transition:transform .06s steps(3,end);cursor:pointer}.start-button:active{transform:translateY(2px);box-shadow:0 0 #111,inset 0 1px #ddd}@media (max-width: 975px){.modal-content{padding:.5rem;max-width:300px;margin:0}.modal-content-welcome{max-width:300px;max-height:90svh;margin:1rem 2rem 4rem 1.5rem}.rules-text{font-family:VT323,monospace;font-weight:500;font-size:1rem;font-style:normal;letter-spacing:1px;text-align:left;list-style:none;margin:0 auto}}