
:root{color-scheme:dark;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--bg:#0b0a0f;--bg2:#121118;--card:#16151d;--card-glass:rgba(22,21,29,.85);--line:#2a2733;--fg:#ece5da;--dim:#9a93a1;--soft:#211f29;--p:#d9b65c;--p-hi:#f1d489;--p-soft:rgba(217,182,92,.13);--s:#cfc18a;--s-soft:rgba(207,193,138,.14);--w:#e0a458;--w-soft:rgba(224,164,88,.15);--ext:#5fb8c9;--ext-hi:#8fd6e3;--ext-soft:rgba(95,184,201,.15);--serif:Georgia,"Times New Roman","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--shadow:0 1px 2px rgba(0,0,0,.45),0 14px 34px -16px rgba(0,0,0,.75)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--fg);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:radial-gradient(1000px 540px at 85% -8%,rgba(217,182,92,.13),transparent 60%),radial-gradient(900px 480px at 0% 110%,rgba(190,110,150,.06),transparent 55%),var(--bg);min-height:100vh}a{color:var(--p-hi);text-decoration:none}a:hover{color:var(--p-hi);text-decoration:underline}a.ext{color:var(--ext)}a.ext:hover{color:var(--ext-hi);text-decoration:underline}::selection{background:var(--p-soft)}header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;position:sticky;top:0;z-index:30;padding:10px 16px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(217,182,92,.07) inset}header a{margin-right:12px;font-size:13px;font-weight:700;color:var(--fg);letter-spacing:.06em;transition:color .15s;white-space:nowrap}header a:hover{color:var(--p-hi);text-decoration:none}.brand{margin-left:auto;white-space:nowrap}.brand img{display:block;height:30px;width:auto;filter:drop-shadow(0 0 8px rgba(217,182,92,.35))}.previewsw{display:flex;flex-wrap:wrap;gap:2px 4px;margin:0 6px}.previewsw .pill{font-size:11px;padding:2px 8px;min-height:auto}
.wrap{max-width:780px;margin:auto;padding:18px 16px 110px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}h1{font-size:30px;line-height:1.4;margin:.35em 0 .15em;letter-spacing:.01em;font-weight:700;font-family:var(--serif)}h1::after{content:"";display:block;width:60px;height:3px;margin-top:10px;background:linear-gradient(90deg,var(--p),transparent);border-radius:2px;box-shadow:0 0 12px rgba(217,182,92,.4)}h2{font-size:13px;margin:2.4em 0 .7em;color:var(--p);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-family:var(--mono)}h2.areahead{font-size:18px;color:var(--fg);margin:1.8em 0 .5em;padding-top:.5em;border-top:1px solid var(--line);letter-spacing:.06em;text-transform:none;font-family:var(--serif)}.card,.shopcard{display:block;color:inherit;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 55%),var(--card-glass);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0;box-shadow:var(--shadow);backdrop-filter:blur(7px) saturate(1.15);-webkit-backdrop-filter:blur(7px) saturate(1.15)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card,.shopcard{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 55%),var(--card)}}.shopcard{position:relative;overflow:hidden;transition:border-color .18s,transform .18s}.shopcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p),transparent);opacity:0;transition:opacity .18s}.shopcard:hover{border-color:color-mix(in srgb,var(--p) 45%,var(--line));background:var(--bg2);transform:translateY(-1px);text-decoration:none}.shopcard:hover::before{opacity:1}.nm{font-size:24px;font-weight:700;color:var(--fg);font-family:var(--serif)}.row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dim{color:var(--dim);font-size:13px}.chip,.pill{display:inline-block;border-radius:999px;font-size:12.5px;margin:4px 6px 0 0}.chip{background:var(--soft);color:var(--dim);padding:4px 12px;letter-spacing:.02em;line-height:1.6}.chip.a{background:var(--p-soft);color:var(--p-hi)}.chip.b{background:var(--s-soft);color:var(--s)}.chip.t0{background:linear-gradient(180deg,#f2d78c,var(--p));color:#161309}.chip.t1{background:linear-gradient(180deg,#efc98a,var(--w));color:#221509}.chip.t2{background:var(--soft);color:var(--dim)}.chip.sp{background:transparent;border:1px dashed var(--line);color:var(--dim);font-size:11.5px;padding:3px 9px;letter-spacing:.05em}.overview{line-height:2.15}.pill{border:1px solid var(--line);background:var(--card);color:var(--dim);padding:8px 15px;line-height:1.5;transition:border-color .15s,color .15s,background .15s}.pill:hover{border-color:var(--p);color:var(--p-hi);text-decoration:none}.pill.on{color:#171309;background:linear-gradient(180deg,#f2d78c,var(--p));border-color:transparent;font-weight:800}
.filter{position:sticky;top:46px;z-index:20;margin:10px 0 12px;padding:10px 12px;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:saturate(1.3) blur(10px);transition:max-height .3s ease,opacity .2s ease;overflow:hidden}.filter.collapsed{max-height:42px;opacity:.7}.filter.collapsed .filter-row:not(:first-child){display:none}.filter-toggle{display:none;cursor:pointer;font-size:12px;color:var(--p);margin-bottom:4px;user-select:none}.filter-row{display:flex;align-items:center;gap:8px;margin-top:4px}.filter-row>.label{flex:0 0 5.2em;font-size:11.5px;color:var(--dim)}.options{display:flex;overflow-x:auto;white-space:nowrap;gap:4px}.options .pill{flex:none;margin:0}.filterform{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center}.flab{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--dim);white-space:nowrap}.flab select{font:inherit;font-size:12px;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px 8px;max-width:180px}.crown{vertical-align:-2px;margin-right:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.crown-gold{filter:drop-shadow(0 0 4px rgba(230,180,34,.6)) drop-shadow(0 1px 1px rgba(0,0,0,.4))}.crown-shimmer{mix-blend-mode:screen}.bodybasis{font-size:11px;color:var(--dim)}
.rankgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.rankcard{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 55%),var(--card);border:1px solid var(--line);border-radius:12px;padding:11px;box-shadow:var(--shadow);min-width:0}.rankcard h3{font-size:13.5px;margin:0 0 6px;color:var(--p-hi);font-family:var(--serif)}.rankrow{display:flex;gap:5px;align-items:center;padding:4px 0;min-width:0}.rk{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--dim);font-size:11px;font-weight:800;line-height:1;border:1px solid var(--line)}.rk .crown{width:13px;height:13px;margin-bottom:1px}.rk1{background:linear-gradient(180deg,#f7df9a,#d9b65c);color:#241c05;border-color:transparent;box-shadow:0 0 12px rgba(217,182,92,.6),inset 0 1px 0 rgba(255,255,255,.45)}.rk2{background:linear-gradient(180deg,#f1ede2,#c9c1a9);color:#221e14;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.rk3{background:linear-gradient(180deg,#e3a76e,#b56c30);color:#241507;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.rankrow a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-size:12.5px}.rankrow .val{margin-left:auto;color:var(--p-hi);font-weight:800;font-size:12px}details{border-top:1px solid var(--line)}summary{cursor:pointer;color:var(--dim);font-size:13px;padding:8px 0}summary:hover{color:var(--p-hi)}
.matrixwrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative}
.matrixwrap::after{content:'';position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,var(--card));pointer-events:none;opacity:0;transition:opacity .2s}
.matrixwrap.show-fade::after{opacity:1}
table{width:100%;border-collapse:collapse}th{background:var(--soft);font-size:12px;white-space:nowrap;color:var(--dim);letter-spacing:.08em}th,td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}#cast-matrix{min-width:700px}#cast-matrix thead{position:sticky;top:0;z-index:2}.sortbtn{display:block;width:100%;text-align:inherit;border:0;background:transparent;color:var(--fg);font:inherit;font-weight:700;cursor:pointer}.sortbtn:after{content:' ↕';color:var(--dim)}.sortbtn.on:after{color:var(--p)}td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--p-hi)}th.num{text-align:right}th,td{text-align:left}td.num{text-align:right}.schedtag{display:inline-block;font-size:13px;font-weight:700;color:var(--s);white-space:nowrap;margin-right:6px;padding:2px 8px;border-radius:999px;background:var(--s-soft)}.schedtag.t0{color:var(--p-hi);background:var(--p-soft)}.schedtag.t1{color:var(--w);background:var(--w-soft)}.att-off{display:inline-block;font-size:12px;font-weight:600;color:var(--dim);padding:2px 8px;border-radius:999px;background:var(--soft);opacity:.7}.acc{background:var(--soft);border-radius:8px;padding:0 10px;margin:8px 0}.acc>summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--fg);padding:8px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;list-style:none}.acc>summary::-webkit-details-marker{display:none}.acc>summary::before{content:'▸';color:var(--p);transition:transform .2s ease}.acc[open]>summary::before{transform:rotate(90deg)}.acc::details-content{transition:opacity .25s ease,content-visibility .25s allow-discrete;opacity:0;content-visibility:hidden}.acc[open]::details-content{opacity:1;content-visibility:visible}.acc table{margin:6px 0 10px}.acc-title{display:block;font-weight:700;color:var(--fg);letter-spacing:.02em}.acc-preview{display:block;margin-top:3px;font-size:12px;line-height:1.6;color:var(--dim);max-height:3.2em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}details[open] .acc-preview{display:none}.bigscore{display:block;color:var(--p-hi);font-size:20px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;font-family:var(--serif);text-shadow:0 0 18px rgba(217,182,92,.3)}.tiny{display:block;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:11px}.lv{display:inline-block;color:var(--p);font-size:11px;letter-spacing:1px;line-height:1;vertical-align:1px}.lv-o{color:var(--soft);opacity:.65}.att-on{font-weight:800;color:var(--p-hi);background:linear-gradient(180deg,color-mix(in srgb,var(--p) 30%,transparent),transparent);border:1px solid color-mix(in srgb,var(--p) 40%,var(--line));border-radius:999px;padding:2px 10px;display:inline-block}.att-off{font-weight:700;color:var(--dim);font-size:12.5px}.bodydir{font-size:11.5px;font-weight:700;color:var(--s);margin-top:2px}.mobile-sort{display:none}
.scoregrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.scoreline{display:grid;grid-template-columns:5.5em 1fr 2.2em;align-items:center;gap:1px 6px}.score-note{grid-column:1/-1;color:var(--dim);font-size:12px;line-height:1.5}.tiny{font-size:11px;color:var(--dim);display:block;margin-top:2px}.overall-line{display:flex;align-items:baseline;gap:6px;font-size:13.5px;margin-bottom:8px}.overall-line b{color:var(--p-hi);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--serif)}.positive-score{display:flex;align-items:baseline;gap:4px;margin:2px 0 6px}.positive-score b{font-size:34px;font-weight:700;color:var(--p-hi);font-family:var(--serif);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(217,182,92,.3)}.pos-tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin:2px 0 4px}.pos-card h3{display:flex;align-items:center;gap:8px}.ico{vertical-align:-2px;margin-right:3px;flex:none}.bar{height:7px;border-radius:9px;background:var(--soft);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--s),var(--p));border-radius:9px}.tbar{display:inline-block;vertical-align:middle;width:34px;height:6px;border-radius:9px;background:var(--soft);overflow:hidden;margin-left:5px}.tbar i{display:block;height:100%;background:linear-gradient(90deg,var(--s),var(--p));border-radius:9px}.radarwrap{display:grid;grid-template-columns:1fr 200px;gap:14px;align-items:center}.radar{width:200px;height:200px;justify-self:end}.gatedwrap{position:relative}.gatedblur{filter:blur(5px);opacity:.72;pointer-events:none;user-select:none;overflow-wrap:anywhere}.gatedwrap .upgrade{margin-top:-46px;position:relative;z-index:2}.warn,.provisional{border:1px solid var(--w);background:var(--w-soft);padding:10px 12px;border-radius:8px}.sum h3{font-size:15px;margin:1.2em 0 .25em;color:var(--p-hi);font-family:var(--serif);letter-spacing:.02em}.sum h3:first-child{margin-top:0}.summarytable td:first-child{width:6em;color:var(--dim);font-size:12.5px}.post{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:14px 0;white-space:pre-wrap;word-break:break-word}.post:hover{border-color:color-mix(in srgb,var(--p) 45%,var(--line));background:var(--bg2)}.disp{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:.6em 0}.disp .c{color:var(--p-hi)}.disp .r{color:var(--s)}.llm-summary{font-weight:600}details .inner{padding:0 2px 12px}.detailtopic{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:14px 0}input[type=search],input[type=password]{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);font-size:16px}button:not(.sortbtn){font:inherit;font-weight:700;border:1px solid transparent;border-radius:8px;padding:9px 18px;color:#171309;background:linear-gradient(180deg,#f2d78c,var(--p));cursor:pointer;transition:filter .15s}button:not(.sortbtn):hover{filter:brightness(1.07)}.hview{display:grid;gap:14px;margin:6px 0 2px}.hbar{min-width:0}.hbar-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13.5px;font-weight:700;margin-bottom:5px}.hbar-val{color:var(--p-hi);font-size:12.5px}.hbar-note{font-size:13px;color:var(--dim);margin-top:6px;line-height:1.7}.hbar-head span{display:inline-flex;align-items:center;gap:4px}.llm-group{margin:11px 0 4px}.llm-group h4{font-size:12.5px;margin:0 0 4px;letter-spacing:.03em;display:flex;align-items:center;gap:4px}.llm-group table{margin:0}.llm-group td:first-child{width:9em}.llm-list{margin-top:6px}.llm-list summary{display:flex;align-items:center;gap:5px}.hbar-scale{display:flex;justify-content:space-between;color:var(--dim);font-size:11.5px;margin-top:3px}.rankbox{border:1px solid color-mix(in srgb,var(--p) 50%,var(--line));background:var(--p-soft);padding:10px 12px;border-radius:8px;margin:10px 0}.sk{display:block;color:var(--p-hi);font-size:11.5px;font-weight:800;letter-spacing:.12em;margin-bottom:2px}.detailtopic h3{color:var(--p-hi);font-family:var(--serif)}.src-eyebrow{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 6px}.src-eyebrow.observed{color:var(--p-hi)}.src-eyebrow.official{color:var(--s)}.src-eyebrow.collected{color:var(--p-hi)}.src-eyebrow.ai{color:var(--w)}.src-eyebrow.raw{color:var(--dim)}.hero-eval{display:grid;grid-template-columns:auto 1fr;gap:18px 24px;align-items:center;margin:10px 0 4px}.eval-overall{min-width:110px}.eval-score{display:block;color:var(--p-hi);font-size:46px;font-weight:700;line-height:1;font-family:var(--serif);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(217,182,92,.35)}.eval-score .dim{font-size:12px}.hero-shop a{font-weight:700}.col-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--p-hi);cursor:pointer;margin:6px 0 2px}.col-toggle input{accent-color:var(--p);width:15px;height:15px}.sum-head{display:inline-flex;align-items:baseline;gap:6px;flex:1 1 auto;min-width:0}.sum-label{font-weight:700;color:var(--fg);flex:none}.sum-point{color:var(--p-hi);font-weight:600;flex:1 1 100%;line-height:1.5}.sum-meta{margin-left:auto;white-space:nowrap;color:var(--dim);font-size:11px;flex:none}@media(max-width:700px){.hero-eval{grid-template-columns:1fr;gap:10px}.eval-score{font-size:38px}}
@media(max-width:700px){.wrap{padding:14px 12px 118px;padding-bottom:calc(118px + env(safe-area-inset-bottom))}.rankgrid{grid-template-columns:1fr}.matrixwrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative}#cast-matrix{min-width:auto;border-collapse:collapse}#cast-matrix thead{display:none}#cast-matrix tbody{display:block}#cast-matrix tr{display:block;border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:10px 12px;background:var(--bg2)}#cast-matrix td{display:flex;justify-content:space-between;align-items:center;border:0;padding:4px 0;font-size:13px;white-space:normal;min-width:0}#cast-matrix td:before{content:attr(data-label);flex:0 0 5.5em;font-size:12px;color:var(--dim);font-weight:400}#cast-matrix td:first-child{font-size:14px;font-weight:700;font-family:var(--serif);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:4px}#cast-matrix td:first-child:before{display:none}#cast-matrix td:nth-child(n+4){display:flex}.card th,.card td.num{white-space:nowrap}.mobile-sort{display:flex;overflow-x:auto;gap:4px;padding-bottom:7px}.mobile-sort .sortbtn{flex:none;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:9px 14px;font-size:13.5px;min-height:42px}.pill{padding:10px 16px;font-size:13.5px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.filter-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.filter-row>.label{flex:0 0 auto}.options{flex:1;min-width:0}.nm{font-size:20px}.radarwrap{grid-template-columns:1fr}.radar{margin:auto}.hero{padding:20px 16px 18px}.hero h1{font-size:30px}.st-board{padding:16px 14px 14px}.st-board h1{font-size:30px}header{padding:8px 12px;gap:3px 0}header a{margin-right:8px;font-size:12px}.brand img{height:24px}.filter{position:static;max-height:none}.filter.collapsed{max-height:42px}.filter-toggle{display:block;text-align:center;padding:4px 0;font-size:12px;color:var(--p);cursor:pointer}}@media(max-width:420px){.scoregrid{grid-template-columns:1fr}}
label{display:block;margin:.85em 0 .3em;font-size:13px;color:var(--dim);letter-spacing:.04em}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:12px 14px;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--fg);font:inherit;-webkit-appearance:none}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--p)}
textarea{resize:vertical;min-height:64px}
form button{margin-top:1em;padding:11px 22px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--p-hi),var(--p));color:#161309;font-weight:800;cursor:pointer}
.pricing th{white-space:normal}.pricing td{text-align:center;padding:10px 8px}.pricing td:first-child{text-align:left;color:var(--fg)}.pricing tr:hover td{background:var(--soft)}
/* トップ再設計（2026-08-24）: エリアカードが主役・路線図ビジュアライズ。既存トークン（漆黒×金）を流用 */
.areagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:14px 0}
.shopgrid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}
@media(max-width:480px){.shopgrid{grid-template-columns:repeat(2,1fr)}}
.areacard{display:block;position:relative;overflow:hidden;color:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%),var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 16px 13px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.areacard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p),transparent);opacity:.65;transition:opacity .18s}
.areacard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--p) 50%,var(--line));box-shadow:0 2px 3px rgba(0,0,0,.5),0 22px 42px -18px rgba(0,0,0,.85);text-decoration:none}
.areacard:hover::before,.areacard.on::before{opacity:1}
.areacard.on{border-color:color-mix(in srgb,var(--p) 65%,var(--line));box-shadow:0 0 0 1px rgba(217,182,92,.16),0 0 18px rgba(217,182,92,.18)}.eyebrow{display:block;font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--p);letter-spacing:.24em;text-transform:uppercase;margin:2.2em 0 6px}.crumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:.6em 0 0;font-size:13px;color:var(--dim)}.crumb .sep{color:var(--line);font-size:11px}.crumb a{color:var(--p-hi);font-weight:700}.arealab{display:block;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--p);letter-spacing:.22em;margin-bottom:4px}.hero{position:relative;overflow:hidden;padding:26px 20px 22px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(520px 210px at 92% -24%,rgba(217,182,92,.15),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 55%),var(--card);box-shadow:var(--shadow);margin:0 0 16px}.hero::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p),transparent 80%);opacity:.85}.hero h1{font-size:34px;margin:.08em 0 .12em}.hero .stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero .stat{display:inline-flex;align-items:baseline;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--dim)}.hero .stat b{color:var(--p-hi);font-size:19px;font-family:var(--serif);font-variant-numeric:tabular-nums}.st-board{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--p) 48%,var(--line));border-radius:16px;background:radial-gradient(480px 180px at 100% -32%,rgba(217,182,92,.17),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 55%),var(--card);box-shadow:0 0 0 1px rgba(217,182,92,.14),0 0 26px rgba(217,182,92,.13),var(--shadow);margin:14px 0 4px;padding:20px 20px 16px}.st-board::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p),color-mix(in srgb,var(--p) 45%,transparent));opacity:.9}.st-line{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--p);letter-spacing:.22em;text-transform:uppercase}.st-line::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--p);box-shadow:0 0 9px rgba(217,182,92,.85);flex:none}.st-board h1{font-size:38px;margin:.14em 0 .1em}.st-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.areacard .anm{display:block;font-size:20px;font-weight:700;color:var(--fg);font-family:var(--serif)}
.areacard .ameta{margin-top:7px}
.routemap{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%),var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 10px 6px;margin:14px 0;box-shadow:0 0 22px rgba(217,182,92,.08),var(--shadow)}
.routemap svg{display:block;width:100%;height:auto}
.routemap .rail{fill:none;stroke:color-mix(in srgb,var(--p) 42%,transparent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(217,182,92,.22))}
.routemap .rail.branch{stroke-width:4}
.routemap .rail.futureseg{stroke:color-mix(in srgb,var(--dim) 45%,transparent);stroke-dasharray:3 7}
.routemap .st-hit{fill:transparent}
.routemap a{cursor:pointer}
.routemap a:hover .st-ring{stroke:var(--p-hi)}
.routemap a:hover .st-label{fill:var(--p-hi)}
.st-label{font-size:12.5px;font-weight:700;fill:var(--fg);letter-spacing:.04em}
.st-label.soon{fill:var(--dim);font-weight:600}
.st-soon{font-size:10px;fill:var(--dim);letter-spacing:.14em}.st-here{font-size:10.5px;fill:var(--p);font-weight:800;letter-spacing:.14em}.st-pulse{animation:stp 1.8s ease-in-out infinite}@keyframes stp{0%,100%{opacity:.15}50%{opacity:.7}}
.rm-legend{padding:4px 6px 8px;color:var(--dim);font-size:12px;line-height:1.7}
.favrow form{display:inline-block;margin:0}
.favrow form button{margin:0 0 0 6px;padding:7px 14px;font-size:12px}
@media(max-width:700px){.areagrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.areacard{padding:12px 13px 11px}.areacard .anm{font-size:17.5px}}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);z-index:100;padding:4px 0 env(safe-area-inset-bottom);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);box-shadow:0 -1px 8px rgba(0,0,0,.4)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;color:var(--dim);font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:color .15s}.bottom-nav a.on{color:var(--p)}.bottom-nav a:hover{color:var(--p-hi);text-decoration:none}.bottom-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.clip-star{position:absolute;top:8px;right:44px;z-index:5;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--dim);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.clip-star.on{color:var(--p);background:var(--p-soft);border-color:var(--p)}.clip-star:hover{border-color:var(--p)}.shopcard{position:relative}.clip-tray{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:8px;padding:8px 16px;background:color-mix(in srgb,var(--card) 95%,transparent);border:1px solid var(--p);border-radius:999px;box-shadow:0 2px 12px rgba(0,0,0,.5);backdrop-filter:saturate(1.3) blur(8px);font-size:13px;font-weight:700;color:var(--p-hi);text-decoration:none;transition:opacity .2s}.clip-tray:hover{color:var(--p-hi);text-decoration:none}.clip-tray .badge{background:var(--p);color:#161309;border-radius:50%;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.shop-choice{position:relative}.shop-choice .shopcard .row{padding-right:32px}.compare-button{min-width:44px;min-height:44px;padding:8px 14px;font-size:13px;border-radius:8px;line-height:1.2;border:1px solid var(--line);background:var(--card);color:var(--fg)}
.compare-button[aria-pressed="true"]{background:var(--p-soft);border-color:var(--p);color:var(--p-hi)}
.compare-button[disabled]{opacity:.4;cursor:default;pointer-events:none}
/* 比較クリップ（2026-09-20）: カード右上の紙クリップアイコン。カード下の「比較に追加」ボタンを廃止 */
.compare-clip{position:absolute;top:8px;right:8px;z-index:6;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.compare-clip svg{width:15px;height:15px;stroke:currentColor;fill:none}.compare-clip:hover{border-color:var(--p);color:var(--p-hi)}.compare-clip[aria-pressed="true"]{color:var(--p);background:var(--p-soft);border-color:var(--p)}.compare-clip[disabled]{opacity:.4;cursor:default;pointer-events:none}
/* 比較トレイ（2026-09-20）: 固定フッター。クリップした名前を横並びで出し「比較する」へ導く */
.compare-tray{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);z-index:120;display:none;align-items:center;gap:8px;max-width:760px;width:calc(100% - 24px);padding:8px 10px;border:1px solid color-mix(in srgb,var(--p) 60%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 2px 14px rgba(0,0,0,.55);backdrop-filter:saturate(1.3) blur(10px);-webkit-backdrop-filter:saturate(1.3) blur(10px);color:var(--fg);font-size:13px}
.compare-tray:not([hidden]){display:flex}
.compare-tray-link{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 14px;border-radius:8px;background:linear-gradient(180deg,var(--p-hi),var(--p));color:#171309;font-weight:800;text-decoration:none;min-height:40px}
.compare-tray-link:hover{filter:brightness(1.07);text-decoration:none}
.compare-tray .badge{background:#171309;color:var(--p-hi);border-radius:50%;min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.compare-tray-names{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;min-width:0;scrollbar-width:none}
.compare-tray-names::-webkit-scrollbar{display:none}
.compare-tray-chip{flex:none;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--p-soft);color:var(--p-hi);font-size:12px;font-weight:700}
@media(max-width:700px){.compare-tray{width:calc(100% - 16px)}}
/* ビジュアル強化（2026-09-18）: スパークライン/ゲージ/出勤カレンダー/ポディウム/リード文 */
.spark{display:block;height:34px}
.spark-sec{margin:12px 0 2px}.spark-sec .src-eyebrow{margin-bottom:4px}
.gauge{display:block}
.gauge-wrap{display:inline-flex;align-items:center;gap:6px}
.eval-overall.gauge-layout{display:flex;align-items:center;gap:14px}
.eval-overall-meta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
.cal-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,10px);grid-auto-columns:10px;gap:3px;margin:10px 0 4px}
.cal-cell{width:10px;height:10px;border-radius:2.5px;background:var(--soft);border:1px solid var(--line)}
.cal-cell[data-on="1"]{background:linear-gradient(180deg,var(--p-hi),var(--p));border-color:transparent;box-shadow:0 0 4px rgba(217,182,92,.3)}
.cal-cell[data-future="1"]{background:transparent;border-color:transparent}
.cal-legend{font-size:11px;color:var(--dim);line-height:1.7;margin-top:4px}
.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:9px;align-items:end;margin:16px 0 4px}
.podium .pod{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%),var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center;min-width:0}
.podium .pod.gold{border-color:color-mix(in srgb,var(--p) 62%,var(--line));box-shadow:0 0 16px rgba(217,182,92,.16)}
.podium .pod-name{font-family:var(--serif);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.podium .pod-score{color:var(--p-hi);font-weight:800;font-variant-numeric:tabular-nums;font-size:15px}
.podium .pod-step{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--p),transparent);margin:10px auto 0}
.podium .pod-rank{font-size:11px;color:var(--dim);letter-spacing:.14em;margin-top:6px;font-family:var(--mono)}
.lead{font-family:var(--serif);font-size:18px;line-height:1.8;font-weight:600}
.lead::first-letter{font-size:2.7em;font-weight:700;color:var(--p);float:left;line-height:.9;margin:2px 7px 0 0}
@media(max-width:700px){.lead{font-size:16.5px}.podium{gap:6px}.podium .pod{padding:10px 6px}}
/* 背景デコレーション（2026-09-20）: 2層構成。
   下層 .bg-deco = 横長背景画像の cover（ページ種別で差し替え: top=bg-05/shop=bg-03/person=bg-07/today=bg-06/cross=bg-01/search=bg-04/他=bg-02）。
   上層 .bg-deco-person = 透過人物画像（ページ種別でペアを差し替え）を両サイドにフレーム配置。人物は不透明（透けさせない）。
   人物が背景より上のレイヤーで、その下に背景画像が見える。コンテンツカードは不透明なので可読性は保たれる。 */
.bg-deco{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url(/bg/bg-02.webp);background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.4;filter:brightness(1.08) saturate(1.05)}
.bg-deco.top{background-image:url(/bg/bg-05.webp);opacity:.55;filter:brightness(1.08) saturate(1.05)}
.bg-deco.shop{background-image:url(/bg/bg-03.webp)}
.bg-deco.person{background-image:url(/bg/bg-07.webp)}
.bg-deco.today{background-image:url(/bg/bg-06.webp)}
.bg-deco.cross{background-image:url(/bg/bg-01.webp)}
.bg-deco.search{background-image:url(/bg/bg-04.webp)}
.bg-deco-person{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url(/bg/bg-p14.webp),url(/bg/bg-p13.webp);background-repeat:no-repeat,no-repeat;background-size:auto 84vh,auto 80vh;background-position:left 6vw center,right 5vw center;opacity:.92}
.bg-deco-person.top{background-image:url(/bg/bg-t2.webp),url(/bg/bg-t1.webp)}
.bg-deco-person.shop{background-image:url(/bg/bg-p04.webp),url(/bg/bg-p03.webp)}
.bg-deco-person.person{background-image:url(/bg/bg-p06.webp),url(/bg/bg-p05.webp)}
.bg-deco-person.today{background-image:url(/bg/bg-p08.webp),url(/bg/bg-p07.webp)}
.bg-deco-person.cross{background-image:url(/bg/bg-p10.webp),url(/bg/bg-p09.webp)}
.bg-deco-person.search{background-image:url(/bg/bg-p12.webp),url(/bg/bg-p11.webp)}
.wrap{position:relative;z-index:1}
.banner{margin:4px 0 2px}.banner img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 22px rgba(0,0,0,.45))}
.announce{text-align:center;font-weight:700;color:var(--p-hi);background:linear-gradient(180deg,rgba(217,182,92,.10),transparent 60%),var(--card);border-color:color-mix(in srgb,var(--p) 40%,var(--line))}
.site-foot{max-width:780px;margin:28px auto 12px;padding:18px 16px 0;border-top:1px solid var(--line);text-align:center}
.site-foot .dim{margin:.35em 0;font-size:11.5px;line-height:1.7}
.site-foot a{color:var(--dim);text-decoration:underline}
.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0 6px;font-size:12px}
.foot-nav a{color:var(--p)}
.foot-copy{letter-spacing:.2em}
.badge{background:var(--p);color:#161309;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;margin-left:4px;vertical-align:1px}
.cast-photo{max-width:180px;max-height:240px;border-radius:10px;border:1px solid var(--line);display:block;margin:6px 0}
.toast{position:fixed;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(8px);background:color-mix(in srgb,var(--p-soft) 70%,var(--card));color:var(--p-hi);border:1px solid var(--p);border-radius:999px;padding:10px 18px;font-size:13px;line-height:1.5;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center;box-shadow:var(--shadow)}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){.bg-deco{opacity:.2}.bg-deco.top{opacity:.16}.bg-deco-person{background-size:auto 46vh,auto 46vh;background-position:center top 6vh,center top 58vh;opacity:.32}}
/* アイコンボタンの上書き（グローバル button:not(.sortbtn) の特異性対策・2026-09-24） */
button.compare-clip{width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--dim);padding:0;min-width:0;min-height:0}
button.compare-clip:hover{border-color:var(--p);color:var(--p-hi);background:var(--card)}
button.compare-clip[aria-pressed="true"]{background:var(--p-soft);border-color:var(--p);color:var(--p)}
button.clip-star{width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--dim);padding:0;min-width:0;min-height:0}
button.clip-star:hover{border-color:var(--p)}
button.clip-star.on{background:var(--p-soft);border-color:var(--p);color:var(--p)}
/* /cross のフィルターは縦に長いため sticky を解除し、ページと一緒にスクロールさせる（2026-09-24 指摘）。 */
.cross-filter{position:static;max-height:none;backdrop-filter:none}
/* ギャラリー（画像タイル・地雷タグのオーバーレイ・2026-09-24） */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.gtile{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--card);color:inherit}
.gtile:hover{text-decoration:none;border-color:var(--p)}
.gtile img{width:100%;height:100%;object-fit:cover;display:block}
.gfallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:32px;font-weight:800;color:var(--p);background:linear-gradient(180deg,var(--bg2),var(--card))}
.gname{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent)}
.gcnt{position:absolute;top:6px;left:8px;font-size:11px;color:var(--p-hi)}
.lm-tags{position:absolute;top:6px;right:6px;display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end;max-width:80%}
.lm{background:color-mix(in srgb,var(--w) 85%,#000);color:#1a1206;font-size:10.5px;font-weight:800;border-radius:6px;padding:1px 6px}
