@charset "UTF-8";
:root{--bg:#fbfcfa;--ink:#202823;--muted:#68716b;--line:#e8ece7;--green:#285643;--soft:#eaf2e9;--radius:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;object-fit:contain}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #57937c;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}section[id]{scroll-margin-top:96px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:14px}.skip-link:focus{top:12px}
.site-header{height:88px;padding:0 max(40px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcfaed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand>span{font-size:24px;font-weight:750;letter-spacing:-1.2px}.brand-light{font-weight:400;color:#728075}.brand i{display:inline-block;width:5px;height:5px;border-radius:100%;background:#94b79a;margin-left:3px}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:550;color:#5e6860}.site-header nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;padding:16px 24px;border-radius:100px;font-size:13px;font-weight:650;line-height:1.3;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 17px;font-size:12px;gap:11px}.button-outline{background:#fff;border-color:#dce3dc}.button-outline:hover{background:#f0f5ef}.button-dark{background:var(--green);color:white;box-shadow:0 6px 14px #214e3c12}.button-dark:hover{background:#1d4334}.download-icon{font-size:19px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;white-space:nowrap}.text-link:hover{color:var(--green)}.subtle{font-size:12px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:35px;padding-top:66px;padding-bottom:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;color:#728075;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;display:inline-block;background:#82aa8a;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(38px,4.5vw,60px);font-weight:680;line-height:1.1;letter-spacing:-2.9px;margin-top:24px}.hero h1>span{color:#849d89}.hero-copy>p{margin-top:24px;font-size:15px;line-height:1.8;color:var(--muted);max-width:485px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:29px}.hero-stats{margin-top:43px;display:flex;gap:0}.hero-stats>div{padding-right:26px;margin-right:26px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.hero-stats>div:last-child{border:0;margin-right:0;padding-right:0}.hero-stats strong{font-size:24px;letter-spacing:-1px;font-weight:650}.hero-stats span{font-size:11px;color:var(--muted)}
.hero-playground{position:relative;height:382px;background:radial-gradient(ellipse at 50% 44%,#edf3e8 5%,#f2f6ee 49%,#f8faf5 73%);border-radius:45% 45% 42% 42%;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-mascot{width:285px;height:285px;display:flex;align-items:center;justify-content:center;z-index:2;margin-bottom:18px}.hero-mascot>img{object-fit:contain;filter:drop-shadow(0 14px 18px #47653112)}.orbit{position:absolute;width:330px;height:330px;border:1px solid #dce6d976;border-radius:50%;z-index:-1}.orbit-two{width:255px;height:255px}.spark{position:absolute;font-size:30px;color:#b2c38e}.spark-one{left:9%;top:25%;transform:rotate(15deg)}.spark-two{right:12%;bottom:24%;font-size:19px;color:#c7bea5}.floating-label{position:absolute;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;padding:12px 15px;background:#fffffff0;border:1px solid #ffffff;border-radius:15px;box-shadow:0 8px 28px #33552b08;z-index:4}.label-top{top:29px;right:10px;transform:rotate(5deg)}.label-bottom{bottom:70px;left:-4px;transform:rotate(-5deg)}.mini-icon{font-size:17px;color:#baa06b}.hero-caption{position:absolute;bottom:17px;display:flex;align-items:center;gap:12px;font-size:10px;color:#7d8a78;z-index:4}.icon-button{border:1px solid #d6e0d3;border-radius:50%;width:25px;height:25px;background:transparent;font-size:11px;padding:0;display:grid;place-items:center}.mascot-still{display:none}body.motion-paused .mascot-gif{display:none}body.motion-paused .mascot-still{display:block}body.motion-paused .hero-playground::before{animation:none}
.model-note{display:flex;gap:14px;align-items:center;background:#f2f4ef;border:1px solid #e9ede4;border-radius:13px;padding:17px 21px}.model-note p{font-size:11.5px;line-height:1.7;color:#6d7567;flex:1}.model-note strong{color:#505a49;font-weight:650}.info-icon{font-family:Georgia,serif;font-size:12px;font-weight:bold;border:1px solid #929b89;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;flex:none}.model-note>a{font-size:11px;font-weight:600;color:#647557;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.section-heading h2{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.2;margin-top:10px}.highlights{padding-top:58px;padding-bottom:59px}.spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.spotlight-card{position:relative;text-align:left;width:100%;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;padding:23px;transition:transform .2s,box-shadow .2s}.spotlight-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #20372208}.spotlight-card::before{content:"";position:absolute;top:-64px;right:-44px;width:230px;height:230px;background:var(--tint,#f3f4eb);border-radius:50%;z-index:0}.spotlight-top,.spotlight-bottom{display:flex;justify-content:space-between;align-items:center;position:relative}.rank-label{font-size:11px;font-weight:650;color:#69715c;background:#ffffffd9;border:1px solid #e8ebdd;padding:7px 10px;border-radius:100px}.round-arrow{border:1px solid #dce2d6;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#ffffffc7}.spotlight-art{display:flex;justify-content:center;align-items:center;height:145px;position:relative}.spotlight-art img{width:145px;height:145px;image-rendering:auto;filter:drop-shadow(0 12px 12px #34482a0c);transition:transform .3s}.spotlight-card:hover img{transform:scale(1.055) rotate(-2deg)}.spotlight-card h3{font-size:23px;letter-spacing:-.7px;font-weight:650}.en-name{font-size:11px;color:#899087;display:block;margin-top:4px}.spotlight-score{font-size:32px;letter-spacing:-1.3px;font-weight:620;text-align:right}.spotlight-score small{font-size:10px;font-weight:400;letter-spacing:0;color:#8a9187;display:block;margin-top:4px}.spotlight-desc{position:relative;margin-top:17px;font-size:11px;line-height:1.6;color:#727b70;padding-top:14px;border-top:1px solid #edf0e8;min-height:50px}.element-tag{display:inline-flex;align-items:center;gap:5px;border-radius:100px;padding:4px 8px;font-size:10px;background:var(--tag-bg,#f0f2ed);color:var(--tag-color,#637360);font-weight:550;white-space:nowrap}.element-tag::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.loading-card{padding:40px;color:var(--muted)}
.explorer{padding-bottom:76px}.explorer-panel{background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:0 4px 12px #23382702}.mode-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:23px 25px;border-bottom:1px solid #eff1ed}.segmented{padding:4px;background:#f3f5f1;border:1px solid #edf0e8;border-radius:12px;display:flex;gap:3px}.segmented button{border:0;background:transparent;padding:10px 15px;border-radius:8px;font-size:12px;white-space:nowrap;color:#768071;transition:background .2s,box-shadow .2s}.segmented button span{font-size:10px;font-weight:400;opacity:.65;margin-left:5px}.segmented button.active{background:#fff;color:#354e3f;font-weight:650;box-shadow:0 1px 5px #253c3212}.scenario-control{font-size:11px;color:#7a8375;display:flex;align-items:center;gap:12px}.scenario-control select{font-size:12px;border:0;background:#fff;color:#485343;padding:8px 24px 8px 8px;max-width:210px}.filter-row{display:flex;gap:12px;padding:22px 25px 15px;align-items:center}.search-field{height:44px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:0 13px;background:#fcfdfa;flex:1}.search-field svg{width:17px;height:17px;color:#82917f;flex:none}.search-field input{background:none;border:0;outline:none;width:100%;min-width:0;font-size:12px;color:var(--ink)}.search-field:focus-within{outline:2px solid #91ad93;outline-offset:1px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#9aA196}.search-field kbd{font-size:10px;font-family:inherit;border:1px solid #e7eae2;background:#fff;padding:2px 5px;border-radius:4px;color:#9aa192}.select-field{position:relative;height:44px}.select-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.select-field select{height:100%;width:100%;font-size:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#5c6756;padding:0 28px 0 12px}.reset-button{background:#fff;border:1px solid var(--line);border-radius:10px;height:43px;width:43px;flex:none;color:#7e8a78;font-size:23px;font-weight:300}.reset-button:hover{background:#f1f5ec}.result-meta{padding:4px 25px 18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9aa193}.result-meta p{font-weight:550;color:#7c8774}.ranking-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.ranking-table thead{background:#f8f9f6;color:#929a8d}.ranking-table th{height:41px;font-size:10px;font-weight:550;padding:0 15px;border-top:1px solid #f0f2eb;border-bottom:1px solid #edf0e9}.rank-col{width:75px;padding-left:27px!important}.score-col{width:168px}.rotation-col{width:270px}.confidence-col{width:125px}.arrow-col{width:48px}.ranking-table tbody tr{transition:background .15s}.ranking-table tbody tr:hover{background:#fafcf8}.ranking-table td{padding:14px 15px;border-bottom:1px solid #f0f2eb;vertical-align:middle;font-size:12px}.ranking-table td:first-child{padding-left:28px;color:#8f9989;font-size:13px;font-variant-numeric:tabular-nums}.ranking-table tbody tr:nth-child(-n+3) td:first-child{color:#497150;font-weight:650}.pet-cell{display:flex;gap:13px;align-items:center;min-width:0}.pet-image{background:var(--tint,#f3f5ef);border:1px solid #edf1e8;width:49px;height:49px;border-radius:15px;padding:4px;flex:none}.pet-name-button{border:0;background:none;text-align:left;padding:3px 0;color:#3f4d3c;font-weight:650;font-size:13px;max-width:100%;cursor:pointer}.pet-name-button:hover{text-decoration:underline;text-underline-offset:3px}.pet-name-en{font-weight:400;color:#9aA391;font-size:10px;margin-left:6px;display:inline-block}.pet-subline{margin-top:5px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.form-label{font-size:9px;color:#939e8a;max-width:140px}.index-value{font-size:15px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.index-track{height:4px;margin-top:9px;border-radius:3px;background:#edf1e8;width:104px;overflow:hidden}.index-fill{height:100%;background:#8eaa87;border-radius:3px;min-width:1px}.rotation{display:flex;gap:4px;flex-direction:column;color:#7a8670;font-size:10px;line-height:1.5}.rotation>span{max-width:100%;overflow-wrap:anywhere}.rotation>span+span{color:#8c9782}.confidence{font-size:9px;font-weight:550;border-radius:6px;padding:5px 7px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#748169;background:#f0f4ec}.confidence::before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.confidence.low{background:#fbf3e8;color:#a08761}.confidence.exploratory{background:#f2eef6;color:#8f7ba1}.detail-button{width:28px;height:28px;border:1px solid #e7eddf;color:#849277;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;transition:all .15s}.detail-button:hover{background:#285643;color:#fff;border-color:#285643}.help-dot{font-size:8px;border:1px solid #c8d0bf;border-radius:50%;width:12px;height:12px;display:inline-grid;place-items:center;margin-left:3px}.table-footer{padding:17px 25px;display:flex;justify-content:space-between;gap:15px;background:#fbfcf9;font-size:10px;color:#929e86}.table-footer p{display:flex;align-items:center;gap:7px}.fine-print{font-size:10px;line-height:1.7;color:#97a08f;padding-top:15px}.empty-state{padding:40px 20px 50px;text-align:center;color:var(--muted)}.empty-state h3{font-size:20px;color:var(--ink);margin-bottom:9px}.empty-state p{font-size:13px;line-height:1.6;max-width:460px;margin:0 auto 20px}.empty-state img{margin-bottom:16px}
.method-section{padding-top:62px;padding-bottom:67px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.method-intro h2{margin-top:17px;font-size:35px;letter-spacing:-1.4px;font-weight:620;line-height:1.15}.method-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin-top:20px;max-width:350px}.method-intro>a{margin-top:22px;font-size:12px;color:var(--green)}.method-mascot{display:block;margin:16px 0 -18px 6px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-grid article{background:#f5f7f1;border:1px solid #edf0e7;border-radius:18px;padding:24px}.method-number{font-size:11px;font-weight:600;color:#a5b399;font-variant-numeric:tabular-nums}.method-grid h3{font-size:14px;letter-spacing:-.2px;margin-top:21px;margin-bottom:12px;font-weight:650}.method-grid p{font-size:11.5px;color:#808c74;line-height:1.8}.source-section{padding:45px 0 62px}.source-links{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.source-links>a{display:flex;flex-direction:column;padding:22px;gap:13px;border-right:1px solid var(--line)}.source-links>a:last-child{border:0}.source-links>a:hover{background:#f6f9f2}.source-links>a>span{font-size:9px;color:#92a087;text-transform:uppercase;letter-spacing:.7px}.source-links strong{font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:space-between}.source-links strong>span{font-size:13px;color:#879c7a}.source-links small{font-size:10px;color:#8b9681;line-height:1.6}.archive{border-bottom:1px solid var(--line);margin-top:24px}.archive summary{padding:16px 0;font-size:12px;color:#75866a;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.archive summary::-webkit-details-marker{display:none}.archive[open] summary span{transform:rotate(45deg)}.archive-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 0 20px}.archive-item{background:#f3f6ee;padding:13px 16px;border-radius:10px;font-size:11px;color:#78896a;line-height:1.7}.archive-item strong{color:#526448;display:block}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding:32px 0 40px}.site-footer .brand>span{font-size:21px}.site-footer p{font-size:10px;line-height:1.8;color:#809173;flex:1}.site-footer p>span{font-size:9px;color:#a0ab97}.site-footer>.text-link{font-size:11px;color:#8a997d}
dialog{max-width:850px;width:calc(100% - 40px);max-height:90dvh;padding:0;border:1px solid #e9eee3;border-radius:27px;color:var(--ink);box-shadow:0 30px 100px #10261630;background:#fbfcfa;overscroll-behavior:contain}dialog::backdrop{background:#182b246b;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:18px;top:18px;background:#ffffffde;border:1px solid #dfe6d8;width:35px;height:35px;border-radius:50%;font-size:24px;display:grid;place-items:center;z-index:3}.detail-hero{padding:35px 40px;display:flex;gap:27px;align-items:center;background:linear-gradient(130deg,var(--tint,#edf4e7),#fafcf6);border-bottom:1px solid #e8efdf}.detail-portrait{height:135px;width:135px;flex:none;filter:drop-shadow(0 10px 15px #25451b12)}.detail-hero h2{font-size:34px;letter-spacing:-1.5px;font-weight:650;margin:8px 0}.detail-hero .english{font-size:13px;color:#8b9a7e}.detail-tags{margin-top:15px;display:flex;gap:6px}.detail-body{padding:28px 40px 34px}.detail-scenario{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.detail-scenario>p{font-size:11px;color:#8a977f}.detail-scenario select{padding:9px 12px;border:1px solid #e2e8da;background:#fff;border-radius:10px;max-width:220px;color:#586b49;font-size:11px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.metric{background:#fff;border:1px solid #e7eddf;border-radius:13px;padding:16px}.metric strong{font-size:24px;font-weight:620;letter-spacing:-1px;display:block;line-height:1.25}.metric span{font-size:9px;color:#8d9b80;display:block;margin-top:7px;line-height:1.5}.detail-section{margin:24px 0}.detail-section h3{font-size:14px;font-weight:650;margin-bottom:13px}.detail-section p{font-size:12px;line-height:1.8;color:#75866a}.passive-panel{border:1px solid #e4ecdc;background:#f1f6eb;padding:20px;border-radius:14px}.passive-panel h3{display:flex;align-items:center;gap:10px}.small-label{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#869b75}.skill-list{display:grid;gap:9px}.skill-item{border:1px solid #e6eddd;background:#fff;border-radius:12px;padding:15px 17px}.skill-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.skill-title strong{font-size:12px}.skill-title span{font-size:9px;color:#7c8f6e}.skill-item p{font-size:11px;margin-top:8px;color:#879b76;line-height:1.7}.skill-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px;font-size:10px;color:#768e64}.prereq-note{font-size:10px!important;margin-top:11px;color:#98a88b!important}.damage-row{display:grid;grid-template-columns:1fr 110px 44px;gap:15px;align-items:center;margin:11px 0;font-size:10px;color:#728867}.damage-track{height:6px;border-radius:4px;background:#e9efdf;overflow:hidden}.damage-track>div{height:100%;border-radius:4px;background:#9fbb8b}.damage-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.detail-warning{border:1px solid #eadfcc;background:#fff8ec;padding:18px 20px;border-radius:13px;color:#9b855f}.detail-warning strong{display:block;font-size:12px;margin-bottom:8px}.detail-warning p{font-size:11px;line-height:1.8;color:#998b72}.detail-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px}.detail-links a{font-size:10px;color:#6f8b5c;text-decoration:underline;text-underline-offset:4px}.detail-footnote{font-size:9px!important;margin-top:20px;color:#97a58a!important}.noscript-notice{position:fixed;bottom:0;left:0;right:0;background:#fff1d9;padding:20px;text-align:center;font-size:14px;z-index:50}
@media(min-width:1500px){.hero{padding-top:83px;padding-bottom:79px}.hero-playground{height:404px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.site-header{padding:0 24px}.hero{gap:18px}.hero h1{font-size:47px}.hero-playground{height:345px}.hero-mascot{width:240px;height:240px}.label-top{right:0;font-size:9px}.hero-actions{gap:18px}.rotation-col{width:218px}.score-col{width:142px}.confidence-col{width:100px}.method-section{gap:45px}.pet-name-en{display:block;margin-left:0;margin-top:3px}.ranking-table td{padding-inline:12px}.rank-col{width:65px}.source-links>a{padding:17px}.source-links strong{font-size:13px}}
@media(max-width:800px){.site-header{height:74px}.site-header nav{gap:18px;font-size:11px}.hero{padding-top:38px;padding-bottom:42px;gap:10px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px}.hero-actions .button{padding:13px 17px;font-size:11px}.hero-actions .text-link{font-size:11px}.hero-stats>div{margin-right:17px;padding-right:17px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:9px}.hero-playground{height:300px}.hero-mascot{width:205px;height:205px}.orbit-one{width:260px;height:260px}.orbit-two{width:210px;height:210px}.floating-label{font-size:8px;padding:9px 10px}.label-top{right:-5px;top:13px}.label-bottom{left:-5px;bottom:63px}.hero-caption{font-size:8px;gap:6px}.spark-one{left:3%}.model-note>a{display:none}.spotlight-grid{gap:12px}.spotlight-card{padding:17px}.spotlight-art{height:120px}.spotlight-art img{height:120px;width:120px}.spotlight-card h3{font-size:19px}.spotlight-score{font-size:27px}.section-heading h2{font-size:26px}.spotlight-desc{font-size:10px;min-height:63px}.confidence-filter{display:none}.mode-row{padding:18px}.scenario-control{flex-direction:column;gap:1px;align-items:flex-end;font-size:9px}.scenario-control select{max-width:190px;font-size:10px;padding-right:15px}.filter-row{padding:18px 18px 12px}.result-meta{padding-inline:18px}.rotation-col,.ranking-table td.rotation-cell{display:none}.confidence-col{width:105px}.rank-col{width:58px}.score-col{width:135px}.rank-col,.ranking-table td:first-child{padding-left:20px!important}.method-section{grid-template-columns:1fr;gap:30px}.method-intro{position:relative}.method-intro h2 br{display:none}.method-intro>p:not(.eyebrow){max-width:75%}.method-mascot{position:absolute;right:0;bottom:-12px;width:110px;height:110px}.source-links{grid-template-columns:repeat(2,1fr)}.source-links>a:nth-child(2){border-right:0}.source-links>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-footer{gap:20px}.site-footer p{font-size:9px}.site-footer .text-link{display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{padding:0 18px;height:68px}.site-header .brand>span{font-size:21px}.site-header .brand img{width:29px;height:29px}.site-header nav{display:none}.button-small{padding:9px 13px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-top:32px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:43px;line-height:1.1;margin-top:18px;letter-spacing:-2px}.hero-copy>p{font-size:13px;max-width:340px;margin-top:20px}.hero-actions{gap:21px;margin-top:22px}.hero-actions .button{padding:14px 19px;font-size:11px}.hero-stats{margin-top:29px}.hero-stats>div{margin-right:22px;padding-right:22px}.hero-stats strong{font-size:23px}.hero-stats span{font-size:9px}.hero-playground{height:272px;width:100%;max-width:360px;align-self:center;margin-top:8px}.hero-mascot{width:222px;height:222px;margin-bottom:22px}.label-top{right:2px;top:4px;font-size:9px}.label-bottom{left:0;bottom:51px;font-size:9px}.hero-caption{bottom:10px;font-size:8px}.model-note{padding:14px 15px;gap:11px;align-items:flex-start}.model-note p{font-size:10px}.model-note .info-icon{margin-top:3px}.highlights{padding-top:37px;padding-bottom:38px}.section-heading{gap:14px;align-items:start;flex-wrap:wrap;margin-bottom:22px}.section-heading .subtle{font-size:10px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.section-heading h2{font-size:26px;letter-spacing:-.8px}.spotlight-grid{grid-template-columns:1fr;gap:12px}.spotlight-card{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto auto;gap:0 18px;padding:19px 20px}.spotlight-card::before{width:180px;height:180px;top:-43px;right:-40px}.spotlight-top{grid-column:2;grid-row:1}.spotlight-art{grid-column:1;grid-row:1/4;height:110px;align-self:center}.spotlight-art img{height:106px;width:106px;max-width:none}.spotlight-bottom{grid-column:2;grid-row:2;margin-top:9px}.spotlight-card h3{font-size:23px}.spotlight-score{font-size:26px}.spotlight-score small{font-size:8px}.spotlight-desc{grid-column:2;grid-row:3;min-height:0;padding-top:9px;margin-top:9px;font-size:9px;line-height:1.5}.rank-label{font-size:8px;padding:5px 8px}.round-arrow{width:23px;height:23px;font-size:11px}.en-name{font-size:9px}.export-link{font-size:11px}.explorer-panel{border-radius:17px}.mode-row{padding:14px 12px;gap:13px;align-items:stretch;flex-direction:column}.segmented{width:100%;justify-content:space-between}.segmented button{flex:1;padding:9px 7px;font-size:11px}.segmented button span{font-size:8px;margin-left:3px}.scenario-control{flex-direction:row;justify-content:space-between;align-items:center;font-size:10px}.scenario-control select{font-size:11px;max-width:235px;width:75%;text-align:right}.filter-row{padding:14px 12px 10px;gap:7px;flex-wrap:wrap}.search-field{height:41px;flex:1;min-width:150px;padding:0 10px;gap:7px}.search-field input{font-size:10px}.search-field kbd{display:none}.select-field{height:41px;flex:0 0 128px}.select-field select{font-size:9px;padding-left:8px;padding-right:18px}.reset-button{display:none}.result-meta{padding:4px 13px 13px;font-size:9px;gap:10px}.result-meta>span{max-width:150px;text-align:right;line-height:1.5;font-size:8px}.ranking-table th{font-size:8px;padding:0 7px;height:36px}.rank-col{width:35px}.rank-col,.ranking-table td:first-child{padding-left:11px!important}.score-col{width:74px}.confidence-col{display:none}.ranking-table td.confidence-cell{display:none}.arrow-col{width:34px}.ranking-table td{padding:12px 7px}.ranking-table td:first-child{font-size:11px}.pet-cell{gap:8px}.pet-image{width:38px;height:38px;border-radius:11px;padding:3px}.pet-name-button{font-size:11px}.pet-name-en{font-size:8px;margin-top:2px;line-height:1.3}.pet-subline{margin-top:3px;gap:3px}.element-tag{font-size:7px;padding:3px 5px;gap:3px}.form-label{font-size:7px;max-width:95px}.index-value{font-size:13px}.index-track{width:52px;height:3px;margin-top:7px}.detail-button{width:24px;height:24px;font-size:11px}.help-dot{display:none}.mobile-confidence{display:block!important;font-size:7px;color:#ac925f;margin-top:4px}.table-footer{padding:13px 12px;font-size:8px}.table-footer>span{display:none}.fine-print{font-size:9px;line-height:1.8}.explorer{padding-bottom:42px}.method-section{padding-top:37px;padding-bottom:24px;gap:25px}.method-intro h2{font-size:30px;letter-spacing:-1px}.method-intro>p:not(.eyebrow){max-width:100%;font-size:12px}.method-intro>a{font-size:11px;white-space:normal;max-width:260px}.method-mascot{display:none}.method-grid{gap:10px}.method-grid article{padding:18px 16px;border-radius:15px}.method-grid h3{font-size:13px;margin-top:17px;line-height:1.4}.method-grid p{font-size:10px;line-height:1.8}.source-section{padding:36px 0}.source-links>a{padding:16px 14px;gap:11px}.source-links>a>span{font-size:8px;letter-spacing:0}.source-links strong{font-size:12px}.source-links small{font-size:9px}.archive summary{font-size:10px}.archive-list{grid-template-columns:1fr}.site-footer{padding:24px 0;flex-direction:column;align-items:flex-start;gap:15px}.site-footer p{font-size:9px}.site-footer p>span{font-size:8px}dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:21px}.detail-hero{padding:30px 22px;gap:18px}.detail-portrait{width:95px;height:95px}.detail-hero h2{font-size:29px}.detail-hero .eyebrow{font-size:8px;letter-spacing:1px}.detail-hero .english{font-size:11px}.detail-body{padding:22px 19px 26px}.detail-scenario{flex-wrap:wrap;gap:10px}.detail-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:22px}.detail-warning{padding:15px}.damage-row{grid-template-columns:1fr 70px 34px;gap:8px;font-size:9px}.skill-title{align-items:flex-start;gap:8px}.skill-title strong{font-size:11px}.skill-title span{font-size:8px;max-width:85px;text-align:right}.detail-links{gap:17px}.dialog-close{top:12px;right:12px;width:29px;height:29px;font-size:20px}}
.mobile-confidence{display:none}
/* Keep the pale surfaces, but give small data labels enough visual weight. */
.pet-name-en,.form-label,.en-name,.rotation,.rotation>span+span{color:#64705f}
.ranking-table thead,.result-meta,.result-meta p,.fine-print,.table-footer{color:#65705f}
.confidence{color:#526248}.confidence.low{color:#816335}.confidence.exploratory{color:#775b8a}
.detail-section p,.skill-item p,.skill-meta,.skill-title span,.detail-scenario>p{color:#5d7152}
.prereq-note,.detail-footnote{color:#6c795f!important}.metric span,.detail-hero .english{color:#637356}
.detail-warning p{color:#7b694c}.method-grid p,.source-links small{color:#68745f}
@media(max-width:560px){.hero h1{font-size:clamp(30px,9.25vw,40px)}.mobile-confidence{color:#806232}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mascot-gif{display:none}.mascot-still{display:block}}