:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface-sub:#f5f6f8;--border:#d0d5dd;--text:#1f2430;--muted:#5c6472;--accent:#c2410c;--accent-weak:#fdf1ea;--warn:#9a6b00;--max:1120px;--measure:700px;--font-display:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--cta:#c2410c;--cta-dark:#c2410c;--cta-text:#fff;--marker:#fff1a8;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0;font-family:Noto Sans JP,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;line-height:1.7}a{color:var(--accent)}img{max-width:100%;height:auto}.wrap{max-width:var(--max);padding:0 var(--sp-4);margin:0 auto}.prose{max-width:var(--measure)}header.site{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;backdrop-filter:blur(8px);background:color-mix(in srgb, var(--surface) 88%, transparent);position:sticky;top:0}header.site .wrap{padding-top:var(--sp-3);padding-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logo{min-height:44px;color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo-jp{font-family:var(--font-display);letter-spacing:-.005em;font-size:1.32rem;font-weight:700;line-height:1}.logo-jp b{color:var(--accent);font-weight:700}.logo-divider{background:var(--border);flex:none;width:1px;height:16px}.logo-en{font-family:var(--font-display);letter-spacing:.14em;color:var(--muted);font-size:.875rem;font-weight:400;line-height:1.35}header.site nav{gap:6px;font-size:1rem;font-weight:700;display:flex}header.site nav a{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;min-height:44px;padding:4px 14px;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}header.site nav a:hover,header.site nav a:focus-visible{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-weak)}main{padding:var(--sp-6) 0 var(--sp-8)}body:has(.mobilecta){padding-bottom:calc(78px + env(safe-area-inset-bottom))}main:has(>.wrap>.hero){padding-top:var(--sp-2)}h1,h2,h3{text-wrap:balance;word-break:auto-phrase}a,button,label,summary{touch-action:manipulation}.skip{z-index:100;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;text-decoration:none;position:absolute;top:-48px;left:8px}.skip:focus-visible{top:8px}h1{font-family:var(--font-display);margin:0 0 var(--sp-3);letter-spacing:.01em;font-size:clamp(1.6rem,1.15rem + 2vw,2.4rem);font-weight:700;line-height:1.25}h2{font-family:var(--font-display);margin:var(--sp-8) 0 var(--sp-4);font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);font-weight:700;line-height:1.3}h3{margin:var(--sp-6) 0 var(--sp-2);font-size:1.1rem;font-weight:700}main>.wrap>h2:first-child,main>.wrap>.hero+h2{margin-top:var(--sp-5)}.lead{color:var(--muted);font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.btnrow{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.btn{border:2px solid var(--accent);background:var(--surface);min-height:48px;color:var(--accent);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:8px 24px;font-size:1rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-weak);text-underline-offset:3px;text-decoration:underline}.btn.primary{background:var(--cta-dark);color:var(--cta-text);border-color:var(--cta-dark)}.btn.primary:hover{background:#a8380a;border-color:#a8380a}.chiplink{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;align-items:center;padding:8px 16px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.chiplink:hover{border-color:var(--accent);color:var(--accent);text-underline-offset:3px;text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #000;box-shadow:0 0 0 6px #fd3}.rank{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rank li{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.rank .n{color:var(--accent);margin-right:6px;font-weight:700}.rank .body>div.namebox{flex-direction:column;justify-content:center;min-height:48px;display:flex}.namebox .gname{text-wrap:balance;word-break:auto-phrase;padding:0;line-height:20px;display:block;position:relative}.namebox .gname:after{content:"";position:absolute;inset:-11px 0}.namebox .gcamp{flex-wrap:wrap;align-items:center;gap:0 6px;min-height:22px;margin-top:6px;line-height:22px;display:flex}.namebox .gcamp .badge,.namebox .gcamp .tag{margin-left:0;padding-top:1px;padding-bottom:1px;line-height:18px}.namebox .gcamp-none{color:var(--muted);font-size:.875rem;font-weight:400}.rank .why{color:var(--muted);margin-top:4px;font-size:1rem}.rank .body{flex:1;min-width:0}@media (width<=640px){.rank li:not(.rank-insert){grid-template-columns:48px minmax(0,1fr);align-items:start;gap:0 8px;display:grid}.rank li:not(.rank-insert)>.body{display:contents}.rank li:not(.rank-insert)>.medal{grid-row:1;align-self:center}.rank li:not(.rank-insert)>.body>div.namebox{grid-column:2}.rank li:not(.rank-insert)>.body>.scorewrap,.rank li:not(.rank-insert)>.body>.why,.rank li:not(.rank-insert)>.body>.scoresns{grid-column:1/-1}.rank li:not(.rank-insert) .scorebar{max-width:none}.rank li:not(.rank-insert) .namebox .gname{font-size:clamp(.875rem,3.9vw,.9375rem)}}.medal{color:#fff;width:48px;height:48px;font-size:1rem;font-weight:700;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.medal.r1{background:#b7791f}.medal.r2{background:#6b7280}.medal.r3{background:#9a5b2e}.medal.rn{background:var(--border);color:var(--text);box-shadow:none;font-weight:700}.scorewrap{align-items:center;gap:8px;margin:6px 0 2px;display:flex}.scorebar{background:var(--border);border-radius:99px;flex:1;max-width:220px;height:7px;overflow:hidden}.scorebar>i{background:var(--accent);border-radius:99px;height:100%;display:block}.scorenum{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem;font-family:var(--font-display)}.scoresns{gap:0;margin-top:2px;margin-left:-10px;display:flex}.scoresns a{width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.scoresns a:hover,.scoresns a:focus-visible{color:var(--accent)}.trustbar a{padding:10px 0;display:inline-block}.scorebar>i{transition:width .8s cubic-bezier(.2,.8,.2,1)}@supports (transition-property:width) and (display:block){@starting-style{.scorebar>i{width:0%!important}}}.icon{vertical-align:-3px;flex:none}.icon.y{color:var(--accent)}.icon.n{color:#c2534a}.starrating{color:#e0a72b;vertical-align:-2px;margin-right:2px}.chip{align-items:center;gap:4px;display:inline-flex}@media (prefers-reduced-motion:no-preference){@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rank li{animation:.5s both riseIn}.rank li:first-child{animation-delay:20ms}.rank li:nth-child(2){animation-delay:80ms}.rank li:nth-child(3){animation-delay:.14s}.rank li:nth-child(4){animation-delay:.2s}.rank li:nth-child(5){animation-delay:.26s}.rank li:nth-child(n+6){animation-delay:.3s}}html.js-reveal [data-reveal]{opacity:0;transition:opacity .55s,transform .55s;transition-delay:var(--reveal-delay,0s);transform:translateY(14px)}html.js-reveal [data-reveal].is-visible{opacity:1;transform:none}html.js-reveal [data-reveal-bar] .scorebar>i{transition:width .9s cubic-bezier(.2,.8,.2,1)}html.js-reveal [data-reveal-bar]:not(.is-visible) .scorebar>i{width:0%!important}.hero{z-index:0;margin:0 -10px 10px;padding:10px 10px 14px;position:relative;overflow:hidden}.hero .eyebrow{letter-spacing:.08em;color:var(--accent);align-items:center;gap:9px;margin:0 0 8px;font-size:.875rem;font-weight:700;display:inline-flex}.hero .eyebrow:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.hero h1{letter-spacing:-.01em;line-break:strict;overflow-wrap:break-word;margin:0 0 12px;font-size:clamp(1.9rem,1.3rem + 2.7vw,3.05rem);font-weight:700;line-height:1.16}.hero h1 .accent{color:var(--accent);white-space:nowrap}.hero h1{word-break:auto-phrase}.hero .lead{margin:0}h2.banner{color:var(--text);border-bottom:2px solid var(--text);margin:40px 0 16px;padding:0 0 8px}.trustbar{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:6px 14px;margin:10px 0 20px;padding:8px 14px;font-size:.875rem;display:flex}.trustbar b{color:var(--text)}details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:14px 0;padding:4px 16px}details[open]{padding-bottom:14px}details summary{cursor:pointer;padding:12px 0;font-weight:700;list-style:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"▸";color:var(--accent);margin-right:6px;display:inline-block}details summary h2{font:inherit;margin:0;display:inline}.guidebody h4:first-child{margin-top:6px}@media (prefers-reduced-motion:no-preference){details summary:before{transition:transform .2s}details[open] summary:before{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){details[open] summary:before{content:"▾"}}.yn{font-weight:700}.yn.y{color:var(--accent)}.yn.n{color:#c2534a}.altbox{background:var(--accent-weak);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:1rem}.marker{background:linear-gradient(transparent 62%, var(--marker) 62%);padding:0 1px;font-weight:700}.callout{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;gap:12px;margin:14px 0;padding:14px 16px;display:flex}.callout .icon{color:var(--accent);margin-top:2px}.callout h3,.callout h4{margin:0 0 4px;font-size:1rem}.callout p{text-wrap:pretty;margin:0}.callout.warn{border-left-color:var(--cta)}.callout.warn .icon{color:var(--cta)}.speech{background:var(--accent-weak);border-radius:4px 16px 16px;align-items:flex-start;gap:12px;margin:14px 0;padding:14px 16px;display:flex}.speech .avatar{background:var(--accent);color:#fff;width:34px;height:34px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.speech p{margin:0}table.cmp{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.scroll{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--bg) 30%, transparent), linear-gradient(to left, var(--bg) 30%, transparent) 100% 0, linear-gradient(to right, color-mix(in srgb, var(--text) 25%, transparent), transparent), linear-gradient(to left, color-mix(in srgb, var(--text) 25%, transparent), transparent) 100% 0;background-repeat:no-repeat;background-color:var(--bg);background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}table.cmp th,table.cmp td{border:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:6px 8px}table.cmp th{background:var(--surface)}table.cmp tr>th:first-child{z-index:1;position:sticky;left:0;box-shadow:3px 0 6px -2px #00000059}table.cmp tbody tr>th:first-child{text-overflow:ellipsis;max-width:108px;overflow:hidden}table.cmp tbody tr>th:first-child a{text-overflow:ellipsis;display:block;overflow:hidden}.muted{color:var(--muted)}.tag{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:1px 6px;font-size:.875rem;display:inline-block}.badge{background:var(--accent);color:#fff;letter-spacing:.02em;vertical-align:middle;border-radius:8px;margin-left:8px;padding:2px 7px;font-size:.875rem;font-weight:700;display:inline-block}.badge.big{padding:4px 10px;font-size:1rem}.badge.info{border:1px solid var(--border);color:var(--muted);background:0 0;font-weight:700}footer.site{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.875rem}footer.site a{padding:11px 0;display:inline-block}footer.site .wrap{flex-wrap:wrap;gap:8px 18px;padding:20px 16px;display:flex}footer.site .footnav{border-bottom:1px solid var(--border);padding-bottom:0}footer.site .footnav>span{color:var(--text);padding:11px 0;font-weight:700}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}