/* ===== polish2 (2026-10-10) ===== */
.p2x{font-feature-settings:"palt" 1}
.p2x .sc b,.p2x .stat .sv b,.p2x .g2 b,.p2x .s2t b{font-variant-numeric:tabular-nums}
/* score hero */
.p2x .sc{align-items:center;column-gap:12px}
.p2x.d .ph .sc b{font-size:64px;letter-spacing:-.01em}
.p2x .pb2{font:800 11.5px/1 var(--font-ja);padding:5px 9px;border-radius:999px;color:var(--hl);border:1.5px dashed color-mix(in srgb,var(--hl) 60%,transparent)}
.p2x.m .pb2{display:none}
.p2x .ph .hl{font-size:16px;margin-top:2px}
.p2x .ph{gap:8px}
/* gauge */
.g2{display:flex;align-items:center;gap:8px;margin-top:2px}
.g2 .gr{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font:900 13px/1 var(--font-latin);background:var(--tile);border:1.5px solid var(--tile-line);color:var(--ink-2)}
.g2 .gr:first-child{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
.g2 .gr.to{color:var(--hl);border-color:var(--hl)}
.g2 .gt{position:relative;flex:1;height:10px;border-radius:999px;background:rgba(127,140,170,.22);overflow:visible}
.g2 .gt i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--pri),var(--hl))}
[data-skin=c] .g2 .gt i{box-shadow:0 0 10px rgba(63,224,232,.6)}
.g2 .gt em{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;border:3px solid var(--hl)}
.g2 .gl{flex:none;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.g2 .gl b{font:900 14px/1 var(--font-latin);color:var(--hl);margin-left:2px}
.g2.sm{gap:6px}.g2.sm .gr{width:20px;height:20px;font-size:11px;border-radius:6px}.g2.sm .gt{height:8px}.g2.sm .gt em{width:13px;height:13px;margin:-6.5px 0 0 -6.5px}
.g2.sm .gl{font-size:10.5px}.g2.sm .gl b{font-size:12px}
.p2x.m .ph .g2{padding-right:0}
.p2x.m .sc{padding-right:96px}
.p2x.m .ph{gap:6px}
/* stars */
.stars2{display:flex;gap:4px;justify-content:center;margin-top:8px}
.stars2 span{width:26px;height:26px;color:rgba(255,255,255,.22)}
.stars2 span.on{color:#FFC857;filter:drop-shadow(0 0 6px rgba(255,200,87,.8))}
.stars2 svg{width:100%;height:100%}
.p2x.m .rk .stars2{margin-top:-6px;gap:2px}.p2x.m .rk .stars2 span{width:18px;height:18px}
.rkcol .stars2 span{width:22px;height:22px}
/* phrase strip */
.strip2{display:flex;align-items:center;gap:0;padding:8px 12px;border-radius:12px;background:var(--tile);border:1.5px solid var(--tile-line)}
.s2{display:flex;align-items:center;gap:4px}
.s2 i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:900 13px/1 var(--font-latin);font-style:normal;color:#fff}
.s2 i svg{width:12px;height:12px}
.s2.ok i{background:var(--ok)}.s2.mi i{background:var(--ng);box-shadow:0 0 0 3px var(--ng-soft)}
.s2 b{font:900 12px/1 var(--font-latin);color:var(--ink-3)}
.s2l{flex:1;height:2px;margin:0 6px;background:var(--tile-line);border-radius:2px}
.s2t{margin-left:14px;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.s2t b{font:900 18px/1 var(--font-latin);color:var(--panel-ink);margin-left:4px}.s2t small{font:800 12px/1 var(--font-latin);color:var(--ink-3)}
.p2x.m .strip2{padding:6px 10px}.p2x.m .s2 i{width:18px;height:18px;font-size:11px}.p2x.m .s2 b{display:none}.p2x.m .s2l{margin:0 4px}.p2x.m .s2t{font-size:10.5px;margin-left:10px}.p2x.m .s2t b{font-size:14px}
/* panel rhythm */
.p2x.d .pg{gap:16px;padding:24px 28px 22px}
.p2x.d .rv{flex:1;justify-content:flex-start}
.p2x .miss{padding:12px 14px}
.p2x.d .mjp{font-size:26px}
.p2x .mbtn{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
.p2x .mbtn svg{color:var(--pri-ink)}
/* actions */
.ah2{display:flex;align-items:center;gap:10px;font:900 11px/1 var(--font-ja);letter-spacing:.2em;color:var(--ink-3)}
.ah2::before,.ah2::after{content:"";flex:1;height:1px;background:var(--tile-line)}
.p2x.m .ah2{display:none}
.btn.pri2{flex-direction:row!important;justify-content:flex-start!important;gap:14px!important;padding-left:10px;height:72px!important}
.btn.pri2>small{position:absolute;left:96px;top:15px}
.btn.pri2>b{margin-top:16px;font-size:22px}
.nth{position:relative;flex:none;width:72px;height:52px;border-radius:10px;overflow:hidden;border:2px solid color-mix(in srgb,var(--pri-ink) 50%,transparent)}
.nth img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}
.nth b{position:absolute;left:4px;bottom:3px;font:900 12px/1 var(--font-latin);color:#fff;background:rgba(0,0,0,.55);padding:2px 5px;border-radius:5px}
.p2x.m .btn.pri2{height:58px!important;gap:10px!important;padding-left:6px}
.p2x.m .nth{width:56px;height:44px}
.p2x.m .btn.pri2>small{left:72px;top:11px;font-size:9.5px}
.p2x.m .btn.pri2>b{font-size:17px;margin-top:14px}
.btn.retry2{flex-direction:column;gap:2px!important;border-color:var(--hl)!important}
.btn.retry2 .rt{font:800 10.5px/1 var(--font-ja);color:var(--hl)}
.btn.retry2 .key{position:absolute;right:8px;top:8px}
.p2x.d .acts .row .btn{height:54px}
.p2x.m .btn.retry2 .rt{font-size:9px}
.p2x.m .rpanel{top:368px}
/* log */
.view-log .strip2{margin-bottom:-2px}
.btn.retry2{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px!important;row-gap:3px!important;align-content:center;justify-content:center}
.btn.retry2>svg{grid-row:1 / span 2;align-self:center}
.btn.retry2>b{grid-column:2}.btn.retry2 .rt{grid-column:2;text-align:left}
.reveal .stars2{padding:5px 12px;border-radius:999px;background:rgba(6,14,36,.78);border:1.5px solid rgba(255,200,87,.5);margin-top:10px}
.reveal .stars2 span{width:24px;height:24px;color:rgba(255,255,255,.28)}
.p2x.m .rv{flex:1}
.reveal .stars2 span.on{color:#FFC857}
.p2x.d .miss.cmp{padding:8px 12px}
.p2x.d .miss.cmp .mjp{font-size:20px}
.p2x.d .more{justify-content:flex-start;padding-left:4px}
.rkcol .g2{width:190px}
.view-share .share-foot .stats{min-width:0}
.d.view-share .share-foot{gap:10px}
.d.view-share .share-foot .stat{padding:8px 6px}
.view-log .rsub-mini .sc b{font-size:22px}
.rkcol .g2{flex-wrap:wrap;justify-content:center;row-gap:6px}
.rkcol .g2 .gt{flex:1 1 120px}
.rkcol .g2 .gl{flex-basis:100%;text-align:center}
.m.view-share .rkcol{flex-wrap:wrap;row-gap:6px}
.m.view-share .rkcol .g2{width:80%;order:5}
.m.view-share .rkcol .stars2{order:4;flex-basis:auto;margin-top:0}
/* share mobile 再構成: 縦に ランク→見出し→スコア→星→ゲージ */
.p2x.m.view-share .cbody{justify-content:flex-start;gap:14px}
.p2x.m.view-share .rkcol{flex-direction:column!important;flex-wrap:nowrap;gap:4px;justify-content:center}
.p2x.m.view-share .rkcol .rank{width:110px}
.p2x.m.view-share .rkcol .bt{font-size:20px;white-space:nowrap}
.p2x.m.view-share .rkcol .sc b{font-size:34px}
.p2x.m.view-share .rkcol .g2{width:86%}
.p2x.m.view-share .rkcol .stars2{margin-top:2px}
.p2x.m.view-share .share-foot .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.p2x.m.view-share .share-foot .stat{padding:7px 6px!important}
.p2x.m.view-share .share-foot .stat .sv b{font-size:15px!important}
.p2x.m.view-share .share-foot .stat .sl{font-size:10px!important}
.p2x.m.view-share .cbody{flex:1}
.p2x.m.view-share .rkcol .sc{align-items:center!important;padding-right:0!important}.p2x.m.view-share .rkcol .sc small{text-align:center;width:100%}