:root{--bg: #0a0d12;--bg-raised: #121722;--bg-chip: #171e2b;--line: #222c3d;--line-soft: #1a2230;--text: #e9eef6;--text-dim: #93a0b4;--text-faint: #5c6a7f;--accent: #3ce0c3;--accent-dim: #2aa593;--tier-splus: #ff3b5c;--tier-s: #ff7a45;--tier-aplus: #ffb02e;--tier-a: #ffd83d;--tier-bplus: #b8e04a;--tier-b: #62d472;--tier-c: #45b8dc;--tier-d: #8a93a6;--font-body: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-logo: "DotGothic16", monospace;--font-num: "Oxanium", "SF Mono", monospace;--max-w: 1080px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15.5px;line-height:1.7;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 90% 32% at 50% -4%,rgba(60,224,195,.07),transparent),linear-gradient(rgba(140,170,220,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(140,170,220,.028) 1px,transparent 1px),var(--bg);background-size:auto,28px 28px,28px 28px,auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 14px}.site-header{border-bottom:1px solid var(--line);background:#0a0d12e0;backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.site-header .wrap{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.logo{font-family:var(--font-logo);font-size:1.5rem;letter-spacing:.04em;color:var(--text);text-decoration:none;display:flex;align-items:baseline;gap:9px}.logo:hover{text-decoration:none}.logo .logo-mark{color:var(--accent)}.logo .logo-sub{font-family:var(--font-body);font-size:.68rem;color:var(--text-dim);letter-spacing:.14em;font-weight:500}.site-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}.site-nav a{color:var(--text-dim);font-size:.82rem;font-weight:500;padding:5px 10px;border-radius:6px}.site-nav a:hover{color:var(--text);background:var(--bg-chip);text-decoration:none}.site-nav a[aria-current=page]{color:var(--accent)}.meta-strip{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--font-num);font-size:.74rem;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px dashed var(--line-soft);padding:8px 0}.meta-strip b{color:var(--accent-dim);font-weight:600}h1{font-size:1.5rem;line-height:1.4;margin:1.4em 0 .4em;letter-spacing:.01em}h2{font-size:1.14rem;margin:2em 0 .6em;padding-left:10px;border-left:3px solid var(--accent)}h3{font-size:.98rem;margin:1.6em 0 .5em;color:var(--text)}.lead{color:var(--text-dim);font-size:.9rem;margin:0 0 1em}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px}.tab-btn{font:inherit;font-size:.84rem;font-weight:700;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:7px 14px;cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--text);border-color:var(--text-faint)}.tab-btn[aria-selected=true]{color:#04110d;background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #3ce0c359}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:10px 0 2px;font-size:.78rem}.filters .f-label{color:var(--text-faint);letter-spacing:.08em;margin-right:2px}.f-chip{font:inherit;font-size:.76rem;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:3px 11px;cursor:pointer;transition:all .12s}.f-chip:hover{color:var(--text)}.f-chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent-dim);background:#3ce0c314}.tier-table{margin:16px 0 8px}.tier-row{display:grid;grid-template-columns:56px 1fr;gap:0;border:1px solid var(--line);border-top:none;background:var(--bg-raised);animation:rise .45s cubic-bezier(.2,.7,.3,1) both}.tier-row:first-child{border-top:1px solid var(--line);border-radius:10px 10px 0 0}.tier-row:last-child{border-radius:0 0 10px 10px}.tier-row:nth-child(1){animation-delay:.02s}.tier-row:nth-child(2){animation-delay:.06s}.tier-row:nth-child(3){animation-delay:.1s}.tier-row:nth-child(4){animation-delay:.14s}.tier-row:nth-child(5){animation-delay:.18s}.tier-row:nth-child(6){animation-delay:.22s}.tier-row:nth-child(7){animation-delay:.26s}.tier-row:nth-child(8){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tier-row{animation:none}}.tier-label{display:flex;align-items:center;justify-content:center;font-family:var(--font-num);font-weight:700;font-size:1.3rem;letter-spacing:.02em;color:var(--tc);text-shadow:0 0 16px color-mix(in srgb,var(--tc) 55%,transparent);border-right:1px solid var(--line-soft);background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 10%,transparent),transparent 82%);position:relative}.tier-label:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc)}.tier-devices{display:flex;flex-wrap:wrap;gap:8px;padding:10px;min-height:54px;align-items:center}.tier-empty{color:var(--text-faint);font-size:.76rem;padding-left:4px;letter-spacing:.2em}.dev-chip{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:var(--bg-chip);border:1px solid var(--line);border-left:3px solid var(--tc);border-radius:8px;padding:7px 11px;color:var(--text);text-decoration:none;min-width:168px;transition:transform .14s,border-color .14s,box-shadow .14s}.dev-chip:hover{text-decoration:none;transform:translateY(-2px);border-color:color-mix(in srgb,var(--tc) 60%,var(--line));box-shadow:0 4px 18px #00000073}.dev-chip .d-name{font-weight:700;font-size:.86rem;grid-column:1}.dev-chip .d-score{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--font-num);font-weight:700;font-size:1.05rem;color:var(--tc)}.dev-chip .d-meta{grid-column:1;font-size:.7rem;color:var(--text-dim)}.dev-chip.filtered-out{display:none}.gauges{display:grid;gap:9px;margin:12px 0}.gauge{display:grid;grid-template-columns:9.5em 1fr 3.2em;gap:10px;align-items:center}.gauge .g-label{font-size:.8rem;color:var(--text-dim)}.gauge .g-track{height:7px;border-radius:4px;background:var(--bg-chip);border:1px solid var(--line-soft);position:relative;overflow:hidden}.gauge .g-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:linear-gradient(90deg,var(--accent-dim),var(--accent))}.gauge .g-val{font-family:var(--font-num);font-weight:600;font-size:.86rem;text-align:right;color:var(--text)}.gauge .g-na{color:var(--text-faint)}table.spec{width:100%;border-collapse:collapse;font-size:.85rem;margin:10px 0}table.spec th,table.spec td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.spec th{color:var(--text-dim);font-weight:500;white-space:nowrap;width:9em}table.spec td{color:var(--text)}table.matrix{width:100%;border-collapse:collapse;font-size:.78rem;margin:10px 0}table.matrix th,table.matrix td{padding:5px 7px;border:1px solid var(--line-soft);text-align:center}table.matrix th{color:var(--text-dim);font-weight:600;background:var(--bg-raised)}table.matrix td{font-family:var(--font-num)}table.matrix td.axis-name,table.matrix th.axis-name{text-align:left;font-family:var(--font-body)}.kind-badge{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.06em;border-radius:4px;padding:1px 6px;vertical-align:1px;margin-left:6px}.kind-estimated{color:#ffb02e;background:#ffb02e1f;border:1px solid rgba(255,176,46,.35)}.kind-official{color:#62d472;background:#62d4721a;border:1px solid rgba(98,212,114,.3)}.kind-measured{color:#45b8dc;background:#45b8dc1a;border:1px solid rgba(69,184,220,.3)}.kind-aggregate{color:#93a0b4;background:#93a0b41a;border:1px solid rgba(147,160,180,.3)}.kind-editorial{color:#d78cff;background:#d78cff1a;border:1px solid rgba(215,140,255,.3)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-num);font-weight:700;min-width:2.2em;padding:2px 8px;border-radius:6px;color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent);text-shadow:0 0 10px color-mix(in srgb,var(--tc) 45%,transparent)}.tier-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0}.ts-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--text-dim)}.note{font-size:.78rem;color:var(--text-dim)}.note-box{font-size:.8rem;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--line);border-left:3px solid var(--accent-dim);border-radius:8px;padding:10px 14px;margin:14px 0}.src-link{font-size:.74rem;color:var(--text-faint);word-break:break-all}.breadcrumb{font-size:.76rem;color:var(--text-faint);margin-top:14px}.breadcrumb a{color:var(--text-dim)}.updated-line{font-family:var(--font-num);font-size:.72rem;color:var(--text-faint);letter-spacing:.06em}.update-item{border-bottom:1px solid var(--line-soft);padding:12px 2px}.update-item .u-date{font-family:var(--font-num);color:var(--accent-dim);font-size:.8rem}.update-item .u-summary{font-weight:700;margin:2px 0}.update-item .u-details{font-size:.82rem;color:var(--text-dim)}.site-footer{margin-top:60px;border-top:1px solid var(--line);padding:22px 0 34px;font-size:.74rem;color:var(--text-faint)}.site-footer .wrap{display:grid;gap:8px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer a{color:var(--text-dim)}@media(max-width:560px){html{font-size:14.5px}.tier-row{grid-template-columns:44px 1fr}.tier-label{font-size:1.05rem}.dev-chip{min-width:calc(50% - 4px);flex:1}.gauge{grid-template-columns:7.5em 1fr 3em}.site-nav{margin-left:0;width:100%}}
