@import url('/assets/base.css');
:root{--bg:#10101d;--panel:#191929;--panel-light:#222235;--ink:#f4f1ff;--muted:#a5a2b9;--dim:#79758e;--line:#ffffff12;--purple:#a78bfa;--pink:#f8a6d6;--green:#7ae0b4;--red:#fb8999;--yellow:#ffe29a;--radius:22px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.hidden{display:none!important}.ambient{position:fixed;width:600px;height:600px;pointer-events:none;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.14}.ambient-one{background:#7e45e3;top:-320px;left:22%}.ambient-two{background:#c66199;bottom:-420px;right:-220px}.site-header{max-width:1320px;margin:auto;height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:12px;align-items:center;min-width:220px}.brand strong{font-size:17px;letter-spacing:2.7px;font-weight:850;display:block;line-height:1.1}.brand small{font-size:10px;letter-spacing:1.6px;display:block;margin-top:5px;font-weight:700;color:#d5cfe9}.brand small b{color:var(--dim);font-weight:500}.pokeball{display:inline-block;width:36px;height:36px;border-radius:50%;background:linear-gradient(var(--pink) 0 44%,#14131f 44% 56%,#f0e7fb 56% 100%);position:relative;transform:rotate(-18deg);flex-shrink:0;box-shadow:0 0 25px #f79ccb13}.pokeball:after{content:"";width:12px;height:12px;border:4px solid #171522;border-radius:50%;background:#f7efff;position:absolute;top:8px;left:8px}.nav{display:flex;align-items:center;gap:9px}.nav-link{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;white-space:nowrap;transition:.2s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);background:#ffffff0a}.account-area{min-width:220px;display:flex;justify-content:flex-end;position:relative}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:11px;font-size:14px;font-weight:650;padding:13px 23px;transition:transform .16s,background .16s,box-shadow .16s}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.6;transform:none}.button-primary{background:var(--purple);color:#171123;box-shadow:0 6px 22px #9f7ee322}.button-primary:hover{background:#b8a0ff;box-shadow:0 10px 25px #9f7ee333}.button-quiet{background:#ffffff04;border-color:#ffffff14}.button-quiet:hover{background:#ffffff09}.button-large{font-size:16px;padding:17px 25px;min-width:190px}.button-small{font-size:12px;padding:10px 15px;gap:14px}.button-full{width:100%;margin-top:16px}.button-danger{background:#fb899918;border-color:#fb899940;color:#ffc2cd}.text-link{border:0;background:none;color:var(--purple);font-size:13px;font-weight:600;padding:5px 0}.text-link:hover{color:#c5b1ff}.profile-chip{display:flex;gap:9px;align-items:center;background:none;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:12px}.avatar{height:25px;width:25px;border-radius:8px;display:inline-grid;place-items:center;background:#b496ed23;color:var(--purple);font-weight:800}.profile-menu{position:absolute;right:0;top:49px;background:#232234;border:1px solid #ffffff14;padding:8px;border-radius:13px;z-index:20;width:220px;box-shadow:0 20px 60px #0006}.profile-menu button,.profile-menu a{display:block;width:100%;text-align:left;border:0;background:none;padding:10px;border-radius:6px;font-size:13px}.profile-menu button:hover,.profile-menu a:hover{background:#ffffff0a}.profile-menu small{display:block;color:var(--muted);padding:6px 10px}
main{max-width:1224px;margin:auto;padding:0 48px;min-height:calc(100vh - 210px)}.home-view{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;position:relative;padding-top:84px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--muted);display:flex;gap:9px;align-items:center}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #7ae0b455}.hero-copy{z-index:2}.hero-copy h1{font-size:clamp(48px,5.4vw,72px);letter-spacing:-3.6px;line-height:1.045;font-weight:850;margin-top:22px;white-space:nowrap}.gradient-text{background:linear-gradient(110deg,#b49afb 0%,#f1acdb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:23px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:27px}.hero-note{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:7px}.tiny-ball{width:12px;height:12px;display:inline-block;border:1.6px solid currentColor;border-radius:50%;position:relative;vertical-align:middle;opacity:.8}.tiny-ball:before{content:"";position:absolute;top:4px;left:0;right:0;border-top:1.4px solid currentColor}.tiny-ball:after{content:"";position:absolute;top:2px;left:2px;width:4px;height:4px;border-radius:50%;border:1.4px solid currentColor;background:var(--bg)}.resume-note{color:var(--muted);font-size:12px;height:25px;margin-top:10px}.hero-art{height:430px;position:relative;margin-top:-8px}.preview-card{position:absolute;width:235px;height:295px;border-radius:21px;background:linear-gradient(145deg,#242033,#171626);text-align:center;border:1px solid #ffffff12;padding:22px 15px;box-shadow:0 20px 55px #0004;overflow:hidden}.preview-card:before{content:"";position:absolute;left:30px;right:30px;top:45px;height:175px;background:#c6a8ed14;border-radius:50%;filter:blur(25px)}.preview-left{left:0;top:48px;transform:rotate(-9deg);z-index:1;background:linear-gradient(145deg,#292331,#1a1725)}.preview-right{right:-15px;top:100px;transform:rotate(9deg);z-index:2;background:linear-gradient(145deg,#2c2242,#1e192f)}.preview-kicker{font-size:7px;font-weight:650;letter-spacing:1.4px;color:#8d84a5}.preview-card img{position:relative;display:block;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 15px 9px #0004);margin:-1px auto -7px}.preview-card h2{font-size:21px;font-weight:750;letter-spacing:-.7px;margin-bottom:6px}.types{display:flex;gap:6px;justify-content:center}.type{display:inline-block;padding:3px 10px;border-radius:5px;background:#ffffff0c;color:#cac5d8;font-size:9px;font-weight:650;text-transform:capitalize}.type-electric{color:#f4d886;background:#edb93316}.type-ghost{color:#c5a4ff;background:#a080f025}.type-poison{color:#e9a4f2;background:#b366bd20}.type-water{color:#91c8f3;background:#487dbb22}.type-fire{color:#f3b398;background:#b9624524}.type-grass{color:#a7d6ac;background:#5eac6422}.type-psychic{color:#f3aed6;background:#b8578522}.type-dragon{color:#b6afff;background:#756bd825}.type-ice{color:#a9e0e5;background:#61b8bf22}.type-dark{color:#c7c3d3;background:#a69dbb20}.type-fairy{color:#f2bde1;background:#bd7da425}.type-fighting{color:#f1b6aa;background:#b1726022}.type-steel{color:#bdcbd7;background:#8698a323}.type-ground{color:#d7c297;background:#ab854c24}.type-rock{color:#dbd0aa;background:#a9946022}.type-bug{color:#cfdf9d;background:#869e5422}.type-flying{color:#c6ccf7;background:#98a3ec22}.preview-vs{position:absolute;top:218px;left:46%;z-index:4;background:#282033;border:1px solid #6d526a55;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:11px;letter-spacing:1px;font-style:italic;font-weight:900;box-shadow:0 10px 25px #0005}.floating-question{display:flex;align-items:center;gap:12px;position:absolute;bottom:-13px;left:29px;z-index:5;background:#242030;border:1px solid #ffffff13;border-radius:13px;padding:15px 22px;box-shadow:0 15px 40px #0005;transform:rotate(-3deg);white-space:nowrap}.floating-question small{display:block;font-size:7px;letter-spacing:1.3px;color:var(--muted);margin-bottom:3px}.floating-question strong{font-size:11px}.question-icon{background:#b598fb20;color:var(--purple);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:18px}.orbit{position:absolute;width:395px;height:395px;border:1px dashed #a192bf15;border-radius:50%;left:25px;top:15px}.orbit-two{width:330px;height:330px;left:60px;top:45px;border-style:solid}.spark{position:absolute;color:#e5bcf4;font-size:26px;font-weight:200}.spark-one{top:15px;right:55px;transform:rotate(15deg)}.spark-two{bottom:20px;left:-4px;font-size:16px;opacity:.7}.numbers-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;background:linear-gradient(100deg,#ffffff05,#ffffff02);border:1px solid #ffffff0c;border-radius:16px;margin-top:67px;padding:23px 27px;align-items:center}.numbers-strip>div{border-right:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:3px}.numbers-strip>div:first-child{padding-left:7px}.numbers-strip>div:last-child{border:0}.numbers-strip strong{font-size:23px;letter-spacing:-.6px}.numbers-strip span{font-size:11px;color:var(--dim)}.numbers-strip .numbers-message{flex-direction:row;align-items:center;justify-content:center;gap:15px}.numbers-message .little-star{font-size:32px;color:var(--purple)}.numbers-message p{font-size:12px;color:var(--muted);line-height:1.6}.numbers-message p strong{font-size:12px;color:#ded4f1;letter-spacing:0}.home-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin:26px 3px 50px;gap:20px}.home-bottom>span{font-size:8px;letter-spacing:1.3px;color:var(--dim)}.notice{grid-column:1/-1;border:1px solid #edc57a40;background:#edc57a10;border-radius:12px;padding:15px;margin-bottom:20px;font-size:13px;color:#e6c595}.site-footer{max-width:1224px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;color:#736d88;font-size:10px;gap:20px;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:8px}.site-footer>span:last-child{display:flex;gap:12px;align-items:center}.site-footer .text-link{font-size:10px;color:var(--dim)}
.game-view{padding:26px 0 45px;max-width:1030px;margin:auto}.game-toolbar{display:flex;justify-content:space-between;align-items:center}.back-link{border:0;background:none;color:var(--muted);font-size:12px;padding:5px 0}.back-link:hover{color:var(--ink)}.scoreboard{display:flex;gap:20px;align-items:center;background:#ffffff03;border:1px solid var(--line);padding:11px 23px;border-radius:13px}.scoreboard>div{display:flex;flex-direction:column;align-items:center;gap:1px}.scoreboard small{font-size:8px;letter-spacing:1.3px;color:var(--dim)}.scoreboard strong{font-size:22px;line-height:1.15;font-weight:750}.score-flame{color:var(--pink);margin-right:8px;font-size:18px}.scoreboard .best-score{font-size:17px;color:#b0a5c9;margin-top:4px}.score-divider{height:30px;width:1px;background:var(--line)}.question-section{text-align:center;margin:27px 0 28px}.round-meta{display:flex;gap:10px;align-items:center;justify-content:center;font-size:9px;letter-spacing:1.4px;color:var(--dim);margin-bottom:14px}.tier{background:#ffffff07;padding:3px 9px;border-radius:5px;text-transform:uppercase;letter-spacing:1px;color:#c0b3dc;font-size:8px}.meta-dot{opacity:.4}.direction-pill{display:inline-block;background:#bb91fb15;border:1px solid #bb91fb20;color:var(--purple);border-radius:7px;padding:4px 10px;font-weight:750;font-size:9px;letter-spacing:1.3px}.direction-pill.lower{color:#f4b5da;background:#ed93ca15;border-color:#ed93ca20}.question-section h1{font-size:clamp(21px,2.7vw,32px);letter-spacing:-1px;margin-top:12px;line-height:1.25}.question-section p{margin:10px auto 0;font-size:11px;color:var(--dim);max-width:610px;min-height:17px}.matchup{display:grid;grid-template-columns:1fr 1fr;gap:26px;position:relative;max-width:840px;margin:auto}.pokemon-card{position:relative;padding:23px 25px 0;overflow:hidden;border-radius:20px;background:linear-gradient(150deg,#232036,#1a1928);border:1px solid #ffffff14;min-height:360px;width:100%;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.pokemon-card:before{content:"";position:absolute;left:20%;right:20%;top:55px;height:200px;border-radius:50%;background:#aa8de51d;filter:blur(40px);pointer-events:none}.right-card{background:linear-gradient(150deg,#272034,#1c1826)}.right-card:before{background:#e990c918}.pokemon-card:not(:disabled):hover{transform:translateY(-5px);border-color:#b392f770;box-shadow:0 15px 45px #0003}.pokemon-card:disabled{opacity:1}.pokemon-card img{width:225px;height:225px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 18px 10px #0005);position:relative;transition:transform .2s}.pokemon-card:not(:disabled):hover img{transform:scale(1.04)}.pokemon-card .card-label{display:flex;align-items:center;justify-content:space-between;position:relative;color:var(--dim);font-size:8px;letter-spacing:1.3px;min-height:17px;white-space:nowrap}.key-badge{border:1px solid #ffffff1a;border-radius:4px;padding:1px 5px;letter-spacing:0;font-size:9px}.pokemon-card h2{font-size:24px;letter-spacing:-.75px;position:relative;margin:-4px 0 6px}.form-name{font-size:10px;color:var(--dim);display:block;margin-top:-1px;margin-bottom:6px;min-height:15px}.card-answer{position:relative;padding:16px 8px;margin:19px -25px 0;background:#ffffff03;border-top:1px solid var(--line);min-height:57px;color:#b7a6d8;font-size:11px;font-weight:600}.card-answer strong{font-size:24px;font-weight:750;display:block;line-height:1.2;margin:3px 0;color:var(--ink)}.card-answer small{font-size:9px;color:var(--muted);font-weight:400;display:block}.card-answer .answer-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--dim)}.pokemon-card.correct-card{border-color:#7ae0b47a;box-shadow:0 0 30px #7ae0b40c}.pokemon-card.correct-card .card-answer{background:#7ae0b40a}.pokemon-card.correct-card .card-answer strong{color:var(--green)}.pokemon-card.wrong-choice{border-color:#fb899988}.pokemon-card.wrong-choice .card-answer strong{color:var(--red)}.card-judgment{font-size:9px;letter-spacing:.4px;color:var(--green);font-weight:700}.wrong-choice .card-judgment{color:var(--red)}.versus{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#191622;border:1px solid #52475f;display:grid;place-items:center;font-size:10px;font-style:italic;font-weight:800;letter-spacing:1px;z-index:3;box-shadow:0 6px 18px #0005}.round-feedback{max-width:840px;margin:21px auto 0;min-height:49px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:var(--muted);text-align:center}.round-feedback strong{color:var(--green);font-weight:650}.round-feedback .incorrect{color:var(--red)}.round-feedback .button{padding:10px 20px;font-size:12px}.game-bottom{display:flex;justify-content:space-between;align-items:center;max-width:840px;margin:19px auto 0}.keyboard-hint{font-size:10px;color:var(--dim)}kbd{font:10px inherit;border:1px solid #ffffff17;border-bottom-width:2px;padding:2px 5px;border-radius:4px;display:inline-block;margin:0 2px;min-width:20px;text-align:center;color:var(--muted)}.switch-label{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center;cursor:pointer}.switch-label input{position:absolute;opacity:0}.switch{width:28px;height:16px;border-radius:12px;background:#3a344b;position:relative}.switch:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#8e849f;top:3px;left:3px;transition:.2s}.switch-label input:checked+.switch{background:#a889ed44}.switch-label input:checked+.switch:after{left:15px;background:var(--purple)}.switch-label input:focus-visible+.switch{outline:2px solid var(--purple);outline-offset:3px}.image-fallback{position:relative;display:grid;place-items:center;width:100%;height:225px;font-size:80px;font-weight:800;line-height:1;color:#8a759f33}.image-fallback small{font-size:9px;color:var(--dim);font-weight:400;position:absolute;bottom:20px;left:0;right:0}.preview-card .image-fallback{height:190px}
.leaderboard-view{max-width:870px;margin:auto;padding:55px 0}.leaderboard-heading{text-align:center;margin-bottom:35px}.leaderboard-heading .eyebrow{justify-content:center}.leaderboard-heading h1{font-size:44px;line-height:1.14;letter-spacing:-2px;margin:17px 0}.leaderboard-heading p{font-size:13px;color:var(--muted)}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff04;border:1px solid var(--line);border-radius:16px;overflow:hidden}.leaderboard-table th{text-align:left;font-size:9px;letter-spacing:1.2px;font-weight:600;color:var(--dim);background:#ffffff04;padding:17px 22px}.leaderboard-table td{padding:16px 22px;border-top:1px solid var(--line);font-size:13px}.leaderboard-table th:nth-last-child(-n+2),.leaderboard-table td:nth-last-child(-n+2){text-align:right}.leaderboard-table .is-you{background:#ac8fec0b}.trainer-cell{display:flex;align-items:center;gap:12px;font-weight:600}.trainer-cell .avatar{font-size:11px;width:29px;height:29px}.you-tag{font-size:8px;background:#ad8ae922;color:var(--purple);padding:2px 5px;border-radius:4px;letter-spacing:1px}.rank-medal{color:var(--yellow);font-weight:800}.streak-number{font-size:17px;font-weight:750;color:var(--purple)}.your-rank{display:flex;justify-content:space-between;gap:15px;background:linear-gradient(100deg,#b59df014,#e899c909);border:1px solid #ba97f129;border-radius:13px;padding:17px 23px;margin:0 0 23px;font-size:12px;color:var(--muted)}.your-rank strong{color:#e0d1fa}.empty-state{padding:60px 24px;border:1px solid var(--line);border-radius:18px;background:#ffffff02;text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:21px;margin-bottom:8px}.empty-state p{font-size:13px}.empty-state .empty-star{font-size:40px;color:var(--purple);margin-bottom:12px;display:block}.empty-state button{margin-top:20px}.leaderboard-footnote{text-align:center;font-size:10px;color:var(--dim);margin-top:20px}.center{text-align:center;margin-top:20px}
.dialog{border:1px solid #ffffff1c;border-radius:23px;padding:37px;background:linear-gradient(140deg,#242034,#1b1929);color:var(--ink);max-width:455px;width:calc(100% - 36px);box-shadow:0 30px 100px #0009;max-height:calc(100dvh - 40px);overflow-y:auto}.dialog::backdrop{background:#080710bb;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:24px;font-weight:300;color:var(--dim);background:transparent;border:0;width:30px;height:30px}.dialog-close:hover{color:var(--ink)}.dialog-symbol{width:60px;height:60px;background:#bd9df015;border:1px solid #bd9df022;display:grid;place-items:center;border-radius:17px;margin:0 auto 24px}.auth-dialog{text-align:center}.auth-dialog .eyebrow{font-size:8px;justify-content:center;letter-spacing:1.4px}.dialog h2{font-size:31px;letter-spacing:-1.2px;line-height:1.15;margin:12px 0}.dialog>p{font-size:12px;color:var(--muted);line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff09;background:#10101c66;padding:4px;border-radius:10px;margin:25px 0 21px}.auth-tabs button{border:0;background:none;border-radius:7px;padding:9px;font-size:12px;color:var(--dim)}.auth-tabs button.active{color:var(--ink);background:#332b45}.auth-dialog form{text-align:left}.field-label{font-size:11px;font-weight:600;display:block;margin:0 0 8px;color:#d2c8e7}input:not([type=checkbox]){width:100%;border-radius:9px;background:#100e1b55;border:1px solid #ffffff18;padding:13px 14px;outline:none;color:var(--ink);font-size:13px}input:not([type=checkbox]):focus{border-color:#b699f8aa;box-shadow:0 0 0 3px #b699f80a}input::placeholder{color:#6f647f}input[type=checkbox]{accent-color:var(--purple)}.field-help{font-size:10px;color:var(--dim);margin:7px 0 0;display:block;line-height:1.65}.save-toggle{display:flex;gap:10px;align-items:flex-start;margin:21px 0;padding:13px 11px;background:#c3a2f607;border:1px solid #c3a2f612;border-radius:10px;cursor:pointer}.save-toggle input{margin-top:4px;flex-shrink:0}.save-toggle strong{font-size:11px;font-weight:600;display:block}.save-toggle small{font-size:10px;color:var(--dim);display:block;margin-top:3px}.form-error{color:var(--red);font-size:11px;line-height:1.5;margin-top:12px;min-height:10px}.auth-dialog .button-full{margin-top:6px;justify-content:space-between;font-size:13px}.auth-footnote{font-size:10px!important;margin-top:18px!important;color:var(--dim)!important}.result-dialog{text-align:center;max-width:450px}.result-dialog .eyebrow{justify-content:center;font-size:9px;color:var(--purple)}.result-dialog h2{font-size:27px}.result-score{font-size:100px;line-height:1.1;font-weight:850;letter-spacing:-6px;background:linear-gradient(#d0b7fe,#e8a8d2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:22px}.result-score-label{font-size:9px!important;letter-spacing:2px;color:var(--dim)!important;margin-bottom:23px!important}.result-rank{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:0 0 14px;display:flex;justify-content:center;gap:30px}.result-rank div{display:flex;flex-direction:column}.result-rank strong{color:#d8c8f6;font-size:20px}.result-rank small{font-size:9px;color:var(--dim)}.result-dialog .result-leaderboard{margin-top:20px;font-size:12px}.result-dialog .button-quiet{font-size:12px;margin-top:9px;padding-left:10px;padding-right:10px}.help-dialog{max-width:545px}.help-dialog h2{margin-bottom:25px}.help-dialog h3{font-size:14px;margin:19px 0 7px}.help-dialog .eyebrow{font-size:8px}.rule{display:flex;gap:17px;margin:23px 0}.rule>span{font-size:12px;color:var(--purple);background:#b597ed12;border:1px solid #b597ed1a;height:33px;width:33px;flex-shrink:0;border-radius:10px;display:grid;place-items:center}.rule h3{margin:0 0 5px;font-size:13px}.rule p{font-size:12px;color:var(--muted);line-height:1.8}.info-box{background:#bfa0ed08;border:1px solid #bfa0ed16;padding:17px;border-radius:10px;margin-top:26px}.info-box strong{font-size:12px}.info-box p{font-size:11px;margin-top:7px;color:var(--muted);line-height:1.8}.help-dialog>.field-help{font-size:10px;margin-top:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 35px);background:#372d44;border:1px solid #e19ccd4d;border-radius:12px;padding:14px 24px;box-shadow:0 15px 50px #0005;font-size:12px;z-index:100;color:#f9d8ed}.pop-in{animation:pop-in .3s ease-out}@keyframes pop-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Private admin pages reuse the same visual system, not its authorization. */
.admin-main{max-width:1200px;padding:40px 40px 70px;margin:auto}.admin-main h1{font-size:30px;letter-spacing:-1px}.admin-sub{color:var(--muted);font-size:12px;margin-top:6px}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.admin-nav button{border:1px solid var(--line);border-radius:8px;padding:9px 18px;background:#ffffff05;font-size:12px}.admin-nav button.active{background:#a78bfa20;border-color:#a78bfa66;color:#c7b4f9}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.admin-stat{background:#ffffff04;border:1px solid var(--line);border-radius:14px;padding:20px}.admin-stat span{display:block;font-size:10px;color:var(--muted)}.admin-stat strong{font-size:30px}.admin-panel{background:#ffffff02;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:20px}.admin-panel h2{font-size:18px;margin-bottom:16px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:600px;font-size:12px}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.admin-table th{font-size:10px;color:var(--muted)}.admin-search{display:flex;gap:10px;margin-bottom:18px}.admin-search input{max-width:400px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-toggle{padding:12px;background:#ffffff03;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px}.metric-toggle small{margin-left:auto;color:var(--dim);font-size:9px}.admin-meta{font-size:12px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.admin-meta code{font-size:10px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.edit-grid input{font-size:12px}.edit-grid label{font-size:10px;color:var(--muted)}.admin-notice{font-size:11px;background:#f5cf8010;border:1px solid #f5cf8030;color:#e6c98e;border-radius:10px;padding:16px;margin:18px 0}.small-tag{display:inline-block;padding:3px 7px;border-radius:5px;background:#a78bfa15;color:#c8b9ee;font-size:9px}.muted{color:var(--muted)}
@media(min-width:1350px){.home-view{padding-top:94px}.hero-art{margin-top:0}.hero-copy h1{font-size:75px}.numbers-strip{margin-top:84px}}
@media(max-width:1100px){.site-header{padding:0 30px}.brand,.account-area{min-width:170px}.brand strong{font-size:15px}.brand small{font-size:8px}.nav-link{padding:9px 11px}main{padding:0 30px}.home-view{padding-top:60px}.hero-copy h1{font-size:60px}.preview-card{width:197px;height:265px;padding:20px 8px}.preview-card img{width:165px;height:165px}.preview-left{left:7px;top:70px}.preview-right{right:-7px;top:116px}.floating-question{left:8px;padding:13px 17px;bottom:3px}.floating-question strong{font-size:10px}.orbit{width:335px;height:335px;left:10px;top:55px}.orbit-two{width:280px;height:280px;left:38px;top:83px}.hero-note{font-size:10px}.hero-actions{gap:14px}.hero-art{margin-left:10px}.site-footer{padding-left:30px;padding-right:30px}}
@media(max-width:850px){.site-header{height:85px;padding:0 24px;gap:15px}.account-area{min-width:0}.brand{min-width:0}.nav{gap:2px}.nav-link{font-size:11px;padding:8px 9px}.account-area .button{font-size:10px;padding:9px 11px}.brand strong{font-size:12px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1px}.brand{gap:9px}.pokeball{width:30px;height:30px}.pokeball:after{width:10px;height:10px;top:6px;left:6px}.hero-copy h1{font-size:48px;letter-spacing:-2.4px}.hero-art{margin-left:0}.preview-card{width:167px;height:231px}.preview-card img{width:145px;height:145px}.preview-card h2{font-size:18px}.preview-kicker{font-size:6px}.preview-left{left:5px;top:70px}.preview-right{right:-6px;top:117px}.preview-vs{top:208px;width:36px;height:36px;font-size:9px}.floating-question{bottom:27px;left:0;padding:11px;gap:8px}.floating-question small{font-size:6px;letter-spacing:.9px}.floating-question strong{font-size:9px}.orbit{width:270px;height:270px;left:10px;top:83px}.orbit-two{width:230px;height:230px;left:30px;top:103px}.hero-art{height:410px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:11px}.hero-actions .button{font-size:13px;min-width:160px;padding:14px 20px}.numbers-strip{margin-top:35px;padding:22px 16px}.numbers-strip>div{padding-left:20px}.numbers-strip strong{font-size:21px}.numbers-strip span{font-size:9px}.numbers-message p,.numbers-message p strong{font-size:10px}.numbers-strip .numbers-message{gap:8px}.home-bottom>span{font-size:7px}.home-bottom .text-link{font-size:11px}.pokemon-card img{width:205px;height:205px}.pokemon-card{min-height:345px}.pokemon-card h2{font-size:22px}.question-section h1{font-size:27px}.site-footer{font-size:8px}.site-footer .text-link{font-size:8px}.site-footer>span:last-child{gap:8px}}
@media(max-width:650px){.site-header{height:auto;min-height:84px;padding:19px 20px 11px;flex-wrap:wrap;gap:12px}.brand{order:0}.account-area{order:1}.nav{order:2;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:9px}.nav-link{font-size:12px;flex:1}.brand strong{font-size:13px}.brand small{font-size:8px}.account-area .button{font-size:10px}.profile-chip{font-size:10px;padding:5px 9px}.avatar{width:22px;height:22px}.home-view{display:block;padding-top:38px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:7px;letter-spacing:1.2px}.hero-copy h1{font-size:49px;letter-spacing:-2.8px;line-height:1.02}.hero-copy h1 br:first-of-type{display:none}.hero-copy h1 br:first-of-type:after{content:" "}.hero-description{font-size:12px;margin-top:19px}.hero-actions{justify-content:center;margin-top:23px;gap:17px}.hero-note{font-size:9px}.hero-art{max-width:365px;margin:15px auto 0;height:322px}.preview-card{width:183px;height:236px}.preview-left{top:10px;left:13px}.preview-right{top:50px;right:8px}.preview-card img{width:149px;height:149px}.preview-vs{top:153px;left:49%}.floating-question{bottom:6px;left:27px;padding:12px 17px}.orbit{top:5px;left:45px}.orbit-two{top:25px;left:65px}.spark-one{right:29px;top:-18px;font-size:20px}.spark-two{bottom:49px;left:2px}.hero-copy h1{white-space:normal}.resume-note{height:auto;min-height:5px}.numbers-strip{margin-top:28px;grid-template-columns:1fr 1fr 1fr;padding:19px 6px;border-radius:12px;text-align:center}.numbers-strip>div,.numbers-strip>div:first-child{padding:0 4px}.numbers-strip>div:nth-child(3){border:0}.numbers-strip strong{font-size:21px}.numbers-strip span{font-size:8px}.numbers-strip .numbers-message{display:none}.home-bottom{margin:17px 0 26px;display:block;text-align:center}.home-bottom>span{font-size:7px;display:block;letter-spacing:.8px}.home-bottom .text-link{font-size:11px;margin-top:9px}.site-footer{font-size:8px;display:flex;flex-direction:column;gap:10px;padding:22px 17px}.site-footer>span:last-child{font-size:7px;flex-wrap:wrap;justify-content:center}.site-footer .text-link{font-size:8px}main{padding:0 18px;min-height:calc(100vh - 225px)}.desktop-only{display:none}.game-view{padding-top:17px}.game-toolbar{align-items:center}.scoreboard{gap:13px;padding:8px 14px}.scoreboard small{font-size:6px;letter-spacing:.7px}.scoreboard strong{font-size:19px}.scoreboard .best-score{font-size:15px}.score-flame{font-size:14px;margin-right:5px}.back-link{font-size:10px}.question-section{margin:26px 0 22px}.question-section h1{font-size:23px;letter-spacing:-.65px;max-width:370px;margin:12px auto 0}.question-section p{font-size:9px;margin-top:9px;line-height:1.6}.round-meta{font-size:8px;margin-bottom:10px}.matchup{gap:12px;align-items:stretch}.pokemon-card{padding:14px 9px 0;border-radius:15px;min-height:280px}.pokemon-card .card-label{font-size:6px;letter-spacing:.7px;white-space:normal;text-align:left}.key-badge{display:none}.pokemon-card img{width:100%;height:155px}.pokemon-card h2{font-size:18px;letter-spacing:-.7px;margin-top:0;overflow-wrap:anywhere}.pokemon-card .types{gap:4px;flex-wrap:wrap}.pokemon-card .type{font-size:7px;padding:3px 6px}.form-name{font-size:8px;min-height:12px;margin-bottom:4px}.card-answer{margin:15px -9px 0;padding:14px 6px;font-size:9px;min-height:49px}.card-answer strong{font-size:21px;margin-top:6px}.card-answer .answer-label{font-size:7px;letter-spacing:.3px}.card-answer small{font-size:8px}.card-judgment{font-size:7px}.versus{width:29px;height:29px;font-size:7px;top:40%;border-color:#77628255}.round-feedback{font-size:11px;margin-top:18px;gap:11px;flex-wrap:wrap;min-height:52px}.round-feedback .button{font-size:10px;padding:9px 14px}.game-bottom{margin-top:16px}.keyboard-hint{display:none}.game-bottom{justify-content:center}.image-fallback{height:155px;font-size:58px}.image-fallback small{font-size:7px;bottom:11px}.preview-card .image-fallback{height:149px}.leaderboard-view{padding:34px 0}.leaderboard-heading h1{font-size:34px;letter-spacing:-1.6px}.leaderboard-heading p{font-size:11px}.leaderboard-heading .eyebrow{font-size:8px}.leaderboard-table th,.leaderboard-table td{padding:14px 10px;font-size:11px}.leaderboard-table th{font-size:7px;letter-spacing:.5px}.leaderboard-table th:last-child,.leaderboard-table td:last-child{display:none}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){text-align:right}.trainer-cell{gap:8px}.trainer-cell .avatar{height:24px;width:24px;font-size:9px}.you-tag{font-size:6px}.streak-number{font-size:16px}.your-rank{font-size:10px;padding:14px}.dialog{padding:29px 24px;border-radius:19px}.dialog h2{font-size:27px}.dialog-symbol{width:51px;height:51px;margin-bottom:21px}.dialog>p{font-size:11px}.result-dialog h2{font-size:24px}.result-score{font-size:90px}.auth-dialog .eyebrow{font-size:7px;letter-spacing:.9px}.auth-tabs{margin-top:20px}.save-toggle strong{font-size:10px}.save-toggle small{font-size:9px}.help-dialog h2{font-size:27px}.rule{gap:13px}.rule h3{font-size:12px}.rule p{font-size:11px}.help-dialog .eyebrow{font-size:7px}.info-box{padding:13px}.info-box strong{font-size:11px}.info-box p{font-size:10px}.admin-main{padding:28px 18px}.admin-summary{grid-template-columns:1fr 1fr;gap:10px}.admin-stat{padding:14px}.admin-panel{padding:17px}.metric-grid{grid-template-columns:1fr}.admin-nav button{font-size:10px;padding:8px 10px}.admin-meta{font-size:10px}.metric-toggle{font-size:10px}.admin-main h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient{filter:none;opacity:.025}}

/* Keep decorative landing-page elements inside even a 320px viewport. */
@media(max-width:650px){.hero-art .orbit{left:50%;transform:translateX(-50%);max-width:calc(100% - 20px)}.floating-question{left:50%;width:max-content;transform:translateX(-50%) rotate(-3deg);max-width:calc(100% - 12px);white-space:normal}.question-icon{flex-shrink:0}.hero-copy h1{font-size:clamp(40px,12vw,49px)}}