.page-analytics{--cmp-ink:#000;--cmp-panel:#0a0a0a;--cmp-panel-up:#111;--cmp-line:#ffffff1f;--cmp-line-soft:#ffffff0f;--cmp-coral:#ff4655;--cmp-coral-dim:#ff46551f;--cmp-teal:#0ac8b9;--cmp-teal-dim:#0ac8b91f;--cmp-gold:#d4a853;--cmp-text:#f5f5f7;--cmp-muted:#86868b;--cmp-mono:ui-monospace, "SF Mono", Menlo, monospace;--cmp-display:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--cmp-body:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--cmp-ease:cubic-bezier(.25, .1, .25, 1);--cmp-radius:12px;--cmp-radius-sm:8px}.page-analytics *,.page-analytics :before,.page-analytics :after{box-sizing:border-box}.page-analytics{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}.page-analytics,.page-analytics{min-height:100%;margin:0}.page-analytics [hidden]{display:none!important}.page-analytics{font-family:var(--cmp-body);background:var(--cmp-ink);color:var(--cmp-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-analytics .cmp-shell a,.page-analytics .cmp-shell a:link,.page-analytics .cmp-shell a:visited,.page-analytics .cmp-shell a:hover,.page-analytics .cmp-shell a:active{color:inherit;text-decoration:none}.page-analytics .cmp-shell button,.page-analytics .cmp-shell input{font:inherit}.page-analytics .cmp-shell button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.page-analytics .cmp-shell input{appearance:none}.page-analytics .cmp-shell{min-height:100vh;padding:96px 24px 72px;position:relative}.page-analytics .cmp-main,.page-analytics .cmp-hero{width:min(980px,100%);margin:0 auto}.page-analytics .cmp-main{gap:32px;display:grid}.page-analytics .cmp-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.page-analytics .cmp-title{font-family:var(--cmp-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.1}.page-analytics .cmp-lead{max-width:480px;color:var(--cmp-muted);margin:10px 0 0;font-size:1.0625rem;font-weight:400;line-height:1.5}.page-analytics .cmp-back-btn{border:1px solid var(--cmp-line);border-radius:var(--cmp-radius-sm);transition:background .2s var(--cmp-ease), border-color .2s var(--cmp-ease);background:0 0;flex-shrink:0;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:.9375rem;font-weight:400;display:inline-flex}.page-analytics .cmp-back-btn:hover{background:var(--cmp-panel);border-color:#fff3}.page-analytics .cmp-back-btn:focus-visible{outline:2px solid var(--cmp-teal);outline-offset:2px}.page-analytics .cmp-hud-panel{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);padding:24px}.page-analytics .cmp-hud-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.page-analytics .cmp-hud-head h2{font-family:var(--cmp-display);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.page-analytics .cmp-autofill-hint{max-width:280px;color:var(--cmp-muted);text-align:right;margin:0;font-size:.875rem;line-height:1.5}.page-analytics .cmp-form{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.page-analytics .cmp-field{gap:6px;display:grid}.page-analytics .cmp-field-label{color:var(--cmp-muted);font-size:.8125rem;font-weight:500}.page-analytics .cmp-field--p1 .cmp-field-label{color:var(--cmp-coral)}.page-analytics .cmp-field--p2 .cmp-field-label{color:var(--cmp-teal)}.page-analytics .cmp-field input{background:var(--cmp-ink);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius-sm);width:100%;min-height:44px;color:var(--cmp-text);transition:border-color .2s var(--cmp-ease);outline:none;padding:0 14px;font-size:1rem}.page-analytics .cmp-field--p1 input:focus{border-color:var(--cmp-coral)}.page-analytics .cmp-field--p2 input:focus{border-color:var(--cmp-teal)}.page-analytics .cmp-field input::placeholder{color:var(--cmp-muted)}.page-analytics .cmp-vs-mark{color:var(--cmp-muted);align-self:center;padding-top:22px;font-size:.875rem;font-weight:500}.page-analytics .cmp-submit{background:var(--cmp-coral);border-radius:var(--cmp-radius-sm);color:#fff;min-height:44px;transition:opacity .2s var(--cmp-ease);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.9375rem;font-weight:500;display:inline-flex}.page-analytics .cmp-submit:hover{opacity:.88}.page-analytics .cmp-submit:disabled{opacity:.4;cursor:wait}.page-analytics .cmp-submit:focus-visible{outline:2px solid var(--cmp-teal);outline-offset:2px}.page-analytics .cmp-status{min-height:1.4rem;color:var(--cmp-muted);margin:14px 0 0;font-size:.875rem}.page-analytics .cmp-status.is-error{color:#ff7b84}.page-analytics .cmp-status.is-success{color:var(--cmp-teal)}.page-analytics .cmp-empty{text-align:center;border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius);background:var(--cmp-panel);justify-items:center;gap:12px;padding:56px 24px;display:grid}.page-analytics .cmp-empty h2{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.page-analytics .cmp-empty p{max-width:400px;color:var(--cmp-muted);margin:0;font-size:.9375rem;line-height:1.5}.page-analytics .cmp-empty-duel{align-items:center;gap:0;width:min(280px,100%);margin-bottom:8px;display:flex}.page-analytics .cmp-empty-silhouette{background:var(--cmp-panel-up);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);flex:1;height:56px}.page-analytics .cmp-empty-silhouette--left{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.page-analytics .cmp-empty-silhouette--right{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.page-analytics .cmp-empty-vs{background:var(--cmp-ink);border:1px solid var(--cmp-line);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.page-analytics .cmp-empty-vs span{color:var(--cmp-muted);font-size:.75rem;font-weight:600}.page-analytics .cmp-results{gap:24px;display:grid}.page-analytics .cmp-results.is-loading{pointer-events:none;opacity:.6}.page-analytics .cmp-duel-arena{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:240px;display:grid;position:relative;overflow:hidden}.page-analytics .cmp-duel-side{flex-direction:column;justify-content:flex-end;min-height:240px;padding:20px;display:flex;position:relative;overflow:hidden}.page-analytics .cmp-duel-side--left{border-right:1px solid var(--cmp-line-soft);align-items:flex-start}.page-analytics .cmp-duel-side--right{text-align:right;border-left:1px solid var(--cmp-line-soft);align-items:flex-end}.page-analytics .cmp-duel-card-art{object-fit:cover;opacity:.25;width:55%;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(#000000b3 0%,#0000 80%);mask-image:linear-gradient(#000000b3 0%,#0000 80%)}.page-analytics .cmp-duel-side--left .cmp-duel-card-art{left:0}.page-analytics .cmp-duel-side--right .cmp-duel-card-art{right:0}.page-analytics .cmp-duel-side--left:after,.page-analytics .cmp-duel-side--right:after{content:"";pointer-events:none;position:absolute;inset:0}.page-analytics .cmp-duel-side--left:after{background:linear-gradient(90deg, var(--cmp-coral-dim) 0%, transparent 60%)}.page-analytics .cmp-duel-side--right:after{background:linear-gradient(270deg, var(--cmp-teal-dim) 0%, transparent 60%)}.page-analytics .cmp-duel-side.is-leading{box-shadow:inset 0 0 0 1px #d4a85333}.page-analytics .cmp-duel-rank{z-index:1;border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);background:#00000080;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:inline-flex;position:relative}.page-analytics .cmp-duel-side--right .cmp-duel-rank{flex-direction:row-reverse}.page-analytics .cmp-duel-rank img{object-fit:contain;width:36px;height:36px}.page-analytics .cmp-duel-rank strong{font-size:.8125rem;font-weight:500}.page-analytics .cmp-duel-name{z-index:1;letter-spacing:-.02em;word-break:break-word;margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.2;position:relative}.page-analytics .cmp-duel-side--left .cmp-duel-name,.page-analytics .cmp-duel-side--right .cmp-duel-name{color:var(--cmp-text)}.page-analytics .cmp-duel-tag{z-index:1;color:var(--cmp-muted);margin:4px 0 0;font-size:.8125rem;position:relative}.page-analytics .cmp-duel-record{z-index:1;color:var(--cmp-muted);margin:8px 0 0;font-size:.8125rem;position:relative}.page-analytics .cmp-duel-badge{z-index:1;border:1px solid;border-radius:6px;margin-top:10px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex;position:relative}.page-analytics .cmp-duel-badge.is-leading{color:var(--cmp-gold);background:#d4a85314;border-color:#d4a85359}.page-analytics .cmp-duel-badge.is-even{color:var(--cmp-muted);border-color:var(--cmp-line);background:0 0}.page-analytics .cmp-duel-streak{z-index:1;flex-wrap:wrap;gap:4px;margin-top:10px;display:flex;position:relative}.page-analytics .cmp-duel-side--right .cmp-duel-streak{justify-content:flex-end}.page-analytics .cmp-duel-core{z-index:2;background:var(--cmp-ink);border-left:1px solid var(--cmp-line-soft);border-right:1px solid var(--cmp-line-soft);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:110px;padding:20px 16px;display:flex;position:relative}.page-analytics .cmp-duel-emblem{border:1px solid var(--cmp-line);background:var(--cmp-panel);border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.page-analytics .cmp-duel-emblem span{color:var(--cmp-muted);font-size:.875rem;font-weight:600}.page-analytics .cmp-duel-scoreline{text-align:center;gap:8px;display:grid}.page-analytics .cmp-duel-scoreline dt{color:var(--cmp-muted);font-size:.6875rem;font-weight:500}.page-analytics .cmp-duel-scoreline dd{margin:0;font-size:.9375rem;font-weight:500}.page-analytics .cmp-duel-scoreline .is-p1{color:var(--cmp-coral)}.page-analytics .cmp-duel-scoreline .is-p2{color:var(--cmp-teal)}.page-analytics .cmp-insight-strip{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);gap:16px;padding:20px;display:grid}.page-analytics .cmp-insight-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-analytics .cmp-insight-title{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600}.page-analytics .cmp-insight-score{color:var(--cmp-gold);background:#d4a85314;border:1px solid #d4a85340;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:.8125rem;display:inline-flex}.page-analytics .cmp-insight-headline{letter-spacing:-.01em;color:var(--cmp-text);margin:0;font-size:1.125rem;font-weight:600}.page-analytics .cmp-insight-narrative{color:var(--cmp-muted);margin:0;font-size:.9375rem;line-height:1.6}.page-analytics .cmp-insight-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.page-analytics .cmp-insight-card{background:var(--cmp-ink);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);padding:16px}.page-analytics .cmp-insight-card--p1{border-top:2px solid var(--cmp-coral)}.page-analytics .cmp-insight-card--p2{border-top:2px solid var(--cmp-teal)}.page-analytics .cmp-insight-card-label{color:var(--cmp-muted);margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.page-analytics .cmp-insight-card--p1 .cmp-insight-card-label{color:var(--cmp-coral)}.page-analytics .cmp-insight-card--p2 .cmp-insight-card-label{color:var(--cmp-teal)}.page-analytics .cmp-insight-archetype{background:var(--cmp-panel-up);border-radius:6px;margin:0 0 8px;padding:4px 8px;font-size:.9375rem;font-weight:600;display:inline-block}.page-analytics .cmp-insight-description{color:var(--cmp-text);margin:0;font-size:.875rem;line-height:1.55}.page-analytics .cmp-insight-loading{gap:10px;display:grid}.page-analytics .cmp-insight-skeleton{background:var(--cmp-panel-up);border-radius:6px;height:12px;animation:1.4s infinite cmp-insight-shimmer}.page-analytics .cmp-insight-skeleton--wide{width:72%}.page-analytics .cmp-insight-skeleton--medium{width:48%}@keyframes cmp-insight-shimmer{0%,to{opacity:.5}50%{opacity:1}}.page-analytics .cmp-insight-error{color:var(--cmp-muted);margin:0;font-size:.875rem}.page-analytics .cmp-summary-strip{gap:12px;display:grid}.page-analytics .cmp-summary-title{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600}.page-analytics .cmp-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.page-analytics .cmp-summary-chip{background:var(--cmp-panel);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);padding:14px 16px}.page-analytics .cmp-summary-chip-label{color:var(--cmp-muted);margin-bottom:4px;font-size:.75rem;font-weight:500;display:block}.page-analytics .cmp-summary-chip-value{font-size:.875rem;font-weight:500;line-height:1.5;display:block}.page-analytics .cmp-summary-chip-value strong{color:var(--cmp-gold);font-weight:600}.page-analytics .cmp-summary-chip-value .cmp-mono{font-family:var(--cmp-mono);color:var(--cmp-muted);font-size:.8125rem;font-weight:400}.page-analytics .cmp-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.page-analytics .cmp-chart-panel{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);padding:20px}.page-analytics .cmp-chart-panel--wide{grid-column:1/-1}.page-analytics .cmp-panel-head{border-bottom:1px solid var(--cmp-line-soft);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.page-analytics .cmp-panel-head h3{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.page-analytics .cmp-panel-meta{color:var(--cmp-muted);font-size:.6875rem;font-weight:500}.page-analytics .cmp-chart-wrap{width:100%;position:relative}.page-analytics .cmp-chart-wrap--radar{height:300px}.page-analytics .cmp-chart-wrap--bars{height:280px}.page-analytics .cmp-chart-wrap--agents{height:260px}.page-analytics .cmp-share{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);align-items:center;gap:14px;padding:16px 20px;display:none}.page-analytics .cmp-share.is-visible{display:flex}.page-analytics .cmp-share-btn{border:1px solid var(--cmp-line);border-radius:var(--cmp-radius-sm);color:var(--cmp-text);transition:background .2s var(--cmp-ease);background:0 0;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.page-analytics .cmp-share-btn:hover{background:var(--cmp-panel-up)}.page-analytics .cmp-share-btn:disabled{opacity:.4;cursor:not-allowed}.page-analytics .cmp-share-btn:focus-visible{outline:2px solid var(--cmp-teal);outline-offset:2px}.page-analytics .cmp-share-status{color:var(--cmp-muted);font-size:.875rem}.page-analytics .cmp-share-status.is-success{color:var(--cmp-teal)}.page-analytics .cmp-share-status.is-error{color:var(--cmp-coral)}.page-analytics .cmp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.page-analytics .cmp-player-panel{background:var(--cmp-panel);border:1px solid var(--cmp-line);border-radius:var(--cmp-radius);overflow:hidden}.page-analytics .cmp-player-panel.is-leading{border-color:#d4a8534d}.page-analytics .cmp-player-panel--p1{border-top:2px solid var(--cmp-coral)}.page-analytics .cmp-player-panel--p2{border-top:2px solid var(--cmp-teal)}.page-analytics .cmp-player-head{border-bottom:1px solid var(--cmp-line-soft);align-items:center;gap:14px;padding:18px 20px 14px;display:flex}.page-analytics .cmp-player-thumb{object-fit:cover;border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);flex-shrink:0;width:48px;height:48px}.page-analytics .cmp-player-head h3{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.page-analytics .cmp-player-sub,.page-analytics .cmp-player-record{color:var(--cmp-muted);margin:3px 0 0;font-size:.8125rem}.page-analytics .cmp-player-body{gap:16px;padding:16px 20px 20px;display:grid}.page-analytics .cmp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-analytics .cmp-metric{background:var(--cmp-ink);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);padding:10px 12px}.page-analytics .cmp-metric-label{color:var(--cmp-muted);margin-bottom:2px;font-size:.6875rem;font-weight:500;display:block}.page-analytics .cmp-metric-value{font-family:var(--cmp-mono);font-size:.9375rem;font-weight:500;display:block}.page-analytics .cmp-rank-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-analytics .cmp-rank-tile{background:var(--cmp-ink);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);padding:12px}.page-analytics .cmp-rank-label{color:var(--cmp-muted);margin-bottom:8px;font-size:.6875rem;font-weight:500;display:block}.page-analytics .cmp-rank-body{align-items:center;gap:8px;display:flex}.page-analytics .cmp-rank-body img{object-fit:contain;width:36px;height:36px}.page-analytics .cmp-rank-body strong{font-size:.8125rem;font-weight:500}.page-analytics .cmp-highlight-list{gap:6px;display:grid}.page-analytics .cmp-highlight-item{background:var(--cmp-ink);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);justify-content:space-between;gap:10px;padding:10px 12px;font-size:.8125rem;display:flex}.page-analytics .cmp-highlight-item span{color:var(--cmp-muted);font-size:.75rem}.page-analytics .cmp-highlight-item strong{text-align:right;font-size:.8125rem;font-weight:500}.page-analytics .cmp-detail-block{background:var(--cmp-ink);border:1px solid var(--cmp-line-soft);border-radius:var(--cmp-radius-sm);padding:14px}.page-analytics .cmp-detail-block-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.page-analytics .cmp-detail-block-head h4{margin:0;font-size:.875rem;font-weight:600}.page-analytics .cmp-detail-block-head span{color:var(--cmp-muted);font-size:.75rem}.page-analytics .cmp-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-analytics .cmp-result-streak{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.page-analytics .cmp-result-pill{border-radius:4px;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 6px;font-size:.6875rem;font-weight:600;display:inline-flex}.page-analytics .cmp-result-pill.is-win{color:var(--cmp-teal);background:var(--cmp-teal-dim);border:1px solid #0ac8b933}.page-analytics .cmp-result-pill.is-loss{color:var(--cmp-coral);background:var(--cmp-coral-dim);border:1px solid #ff465533}.page-analytics .cmp-breakdown-table{overflow-x:auto}.page-analytics .cmp-breakdown-table table{border-collapse:collapse;width:100%;min-width:360px}.page-analytics .cmp-breakdown-table th{color:var(--cmp-muted);text-align:left;border-bottom:1px solid var(--cmp-line);padding:8px 10px;font-size:.6875rem;font-weight:500}.page-analytics .cmp-breakdown-table td{border-bottom:1px solid var(--cmp-line-soft);padding:8px 10px;font-size:.8125rem}.page-analytics .cmp-breakdown-table tr:hover td{background:var(--cmp-panel-up)}.page-analytics .cmp-empty-copy{color:var(--cmp-muted);margin:0;font-size:.8125rem}.page-analytics .fade-in-up{animation:fadeInUp .5s var(--cmp-ease) both}@media (prefers-reduced-motion:reduce){.page-analytics .fade-in-up,.page-analytics .cmp-duel-emblem,.page-analytics .cmp-insight-skeleton{animation:none!important}}@media (max-width:960px){.page-analytics .cmp-form{grid-template-columns:1fr}.page-analytics .cmp-vs-mark{justify-self:center;padding-top:0}.page-analytics .cmp-submit{width:100%}.page-analytics .cmp-hero{flex-direction:column}.page-analytics .cmp-autofill-hint{text-align:left;max-width:none}.page-analytics .cmp-charts-grid{grid-template-columns:1fr}}@media (max-width:820px){.page-analytics .cmp-duel-arena{grid-template-rows:auto auto auto;grid-template-columns:1fr;min-height:0}.page-analytics .cmp-duel-side{min-height:180px;border:none!important}.page-analytics .cmp-duel-side--left{border-bottom:1px solid var(--cmp-line-soft)!important}.page-analytics .cmp-duel-side--right{border-top:1px solid var(--cmp-line-soft)!important}.page-analytics .cmp-duel-core{border-left:none;border-right:none;border-top:1px solid var(--cmp-line-soft);border-bottom:1px solid var(--cmp-line-soft);flex-direction:row;justify-content:space-around}.page-analytics .cmp-detail-grid,.page-analytics .cmp-insight-cards{grid-template-columns:1fr}}@media (max-width:640px){.page-analytics .cmp-shell{padding:88px 16px 56px}.page-analytics .cmp-hud-panel{padding:18px 16px}.page-analytics .cmp-metric-grid,.page-analytics .cmp-rank-strip,.page-analytics .cmp-mini-grid,.page-analytics .cmp-summary-grid{grid-template-columns:1fr}.page-analytics .cmp-chart-wrap--radar,.page-analytics .cmp-chart-wrap--bars,.page-analytics .cmp-chart-wrap--agents{height:240px}}