.match-table-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;transition:max-width .3s ease;width:100%}.match-table-container.card{max-width:900px}.match-table-container.spreadsheet{max-width:1200px}.match-view-controls{display:flex;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-sm);gap:.125rem;align-items:center}.view-toggle-btn{background:transparent;border:none;color:var(--text-muted);padding:.35rem .875rem;font-size:.75rem;font-weight:600;cursor:pointer;border-radius:calc(var(--radius-sm) - .125rem);transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.03em}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0003}.match-list{display:flex;flex-direction:column;gap:1rem}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:background .2s ease,border-color .2s ease,transform .15s ease}.match-card:hover{background:var(--bg-card-hover);border-color:#6c5ce726}.match-card.invalid-match{border-color:var(--warning);background:#ffff000d}.match-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.match-info{display:flex;flex-direction:column;gap:.125rem}.match-uuid{font-family:monospace;font-size:.65rem;color:var(--text-muted);opacity:.6;letter-spacing:0}.match-uuid:hover{opacity:1}.match-date{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.card-players{display:flex;flex-direction:column;gap:.375rem}.card-player-row{display:grid;grid-template-columns:2rem 1fr auto auto;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;transition:background .15s ease}.card-player-row:hover{background:#ffffff08}.card-player-row.rank-1{background:#ffd7000a}.card-player-row.double-yakuman-row{background:#ff00ff14!important}.card-player-rank{font-size:1rem;text-align:center;font-weight:700;color:var(--text-secondary)}.rank-1 .card-player-rank{color:gold}.rank-2 .card-player-rank{color:silver}.rank-3 .card-player-rank{color:#cd7f32}.card-player-name{font-weight:500}.card-player-score{color:var(--text-secondary)}.card-player-delta{font-weight:700;min-width:4.5rem;text-align:right;font-variant-numeric:tabular-nums}.card-player-delta.positive{color:var(--positive)}.card-player-delta.negative{color:var(--negative)}.card-max-hu{grid-column:2 / -1;font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:.15rem .5rem;border-radius:4px;margin-top:2px}.card-max-hu.yakuman{color:var(--yakuman);background:#49b6ff1a;font-weight:600}.card-max-hu.double-yakuman{color:var(--double-yakuman);background:#ff00ff1a;font-weight:800}.spreadsheet-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:100%}.match-spreadsheet{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.match-spreadsheet th{background:var(--bg-secondary);padding:.75rem 1rem;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.match-spreadsheet td{padding:.625rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.match-group-start td{border-top:2px solid var(--border)}.match-date-cell{background:#ffffff03;vertical-align:top;font-weight:500;color:var(--text-secondary)}.date-text{font-size:.75rem;white-space:nowrap;margin-bottom:.25rem}.match-spreadsheet .match-uuid{opacity:.4;font-size:.65rem;font-family:ui-monospace,monospace}.match-spreadsheet tr:hover .match-uuid{opacity:1}.match-spreadsheet tr:hover td{background:#ffffff05}.rank-text{font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.rank-1-text{color:gold}.rank-2-text{color:silver}.rank-3-text{color:#cd7f32}.score-text{color:var(--text-secondary);font-variant-numeric:tabular-nums}.delta-text{font-weight:700;font-variant-numeric:tabular-nums}.delta-text.positive,.positive{color:var(--positive)}.delta-text.negative,.match-spreadsheet td.positive,.positive{color:var(--positive)!important}.match-spreadsheet td.negative,.negative{color:var(--negative)!important}.hu-text{font-size:.7rem;color:var(--text-muted)}.match-spreadsheet td.yakuman,.yakuman{color:var(--yakuman)!important;font-weight:600;text-shadow:0 0 12px rgba(96,200,255,.5),0 0 24px rgba(96,200,255,.2)}.match-spreadsheet td.double-yakuman,.double-yakuman{color:var(--double-yakuman)!important;font-weight:800;text-shadow:0 0 12px rgba(255,0,255,.5),0 0 24px rgba(255,0,255,.2)}.match-spreadsheet tr.double-yakuman-row td{background:#ff00ff14!important}.text-right{text-align:right}.text-center{text-align:center}.match-spreadsheet td.text-muted,.text-muted{color:var(--text-muted)}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.font-medium{font-weight:500}.font-bold{font-weight:700}.player-name-cell{font-weight:500;color:var(--text-primary)}.stat-cell{color:var(--text-secondary);opacity:.8}.player-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.25rem;transition:transform .2s ease}.summary-card.clickable{cursor:pointer;overflow:hidden}.summary-card.clickable:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.summary-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value-container{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.summary-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.summary-recent{font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;opacity:.8}.summary-value.positive,.summary-recent.positive{color:var(--positive)}.summary-value.negative,.summary-recent.negative{color:var(--negative)}.summary-card.active{background:var(--bg-card-hover)}.invalid-badge{display:inline-block;color:var(--warning);background:#ffff001a;border:1px solid var(--warning);padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:800;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.invalid-match tr:hover td{background:#ffff0014!important}@media(max-width:768px){.match-spreadsheet th,.match-spreadsheet td{padding:.5rem;font-size:.8rem}.match-date{font-size:.7rem}}.player-details-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.details-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:baseline}.details-player-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.sparkline{filter:drop-shadow(0 0 4px var(--accent-glow))}.pie-container{display:flex;align-items:center;gap:1rem}.pie-chart{width:60px;height:60px}.pie-legend{display:flex;flex-direction:column;gap:.25rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.dot{width:8px;height:8px;border-radius:50%}.dot.gold{background:gold}.dot.silver{background:silver}.dot.bronze{background:#cd7f32}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.details-section{display:flex;flex-direction:column;gap:.75rem}.details-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.stats-column-layout{display:flex;flex-direction:column;gap:1.25rem}.flex-row{display:flex;gap:1rem}.flex-row>*{flex:1}.mini-stat,.day-highlight{display:flex;flex-direction:column;gap:.125rem;justify-content:flex-start}.mini-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.mini-value{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.2}.day-val{display:flex;justify-content:space-between;align-items:baseline;height:1.35rem}.day-date{font-size:.75rem;color:var(--text-secondary)}.day-delta{font-weight:700;font-size:.875rem;font-variant-numeric:tabular-nums}.mahjong-page{min-height:100vh}.mahjong-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(108,92,231,.08) 100%);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 2rem}.header-content{max-width:800px;margin:0 auto}.header-content h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.header-icon{font-size:1.5rem}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem;font-weight:400}.mahjong-main{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem}.player-summary-container,.details-expand-wrapper,.status-card,.history-controls{max-width:900px;width:100%;margin-left:auto;margin-right:auto}.player-summary-container{margin-bottom:.5rem}.details-expand-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),margin .5s cubic-bezier(.4,0,.2,1),padding .5s ease;margin-bottom:0;overflow:hidden}.details-expand-wrapper.expanded{grid-template-rows:1fr;margin-bottom:1.5rem}.details-expand-inner{min-height:0}.player-details-container{opacity:0;transform:translateY(-10px);transition:all .4s ease;visibility:hidden}.player-details-container.visible{opacity:1;transform:translateY(0);visibility:visible}.status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary);gap:.75rem;margin-bottom:2rem}.status-card.error{color:var(--negative)}.empty-icon{font-size:2.5rem}.hint{font-size:.8rem;color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.match-count{font-size:.85rem;color:var(--text-muted)}.count-number{color:var(--accent);font-weight:600}.summary-row-wrapper{position:relative;padding-bottom:12px}.selection-pill-indicator{position:absolute;top:100%;margin-top:-3px;height:3px;width:33.33%;padding:0 1.5rem;opacity:0;transform:translateY(-8px);pointer-events:none;z-index:5;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.selection-pill-indicator.sliding{transition:left .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.selection-pill-indicator:after{content:"";display:block;height:100%;width:100%;background:var(--accent);border-radius:2px;box-shadow:0 0 12px var(--accent-glow)}.selection-pill-indicator.visible{opacity:1;transform:translateY(0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-card: #272727;--bg-card-hover: #303030;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #606060;--accent: #1aA090;--accent-glow: rgba(26, 160, 144, .15);--positive: #34D399;--negative: #F87171;--yakuman: #60C8FF;--double-yakuman: #FF4DC4;--warning: #FBBF24;--border: rgba(255, 255, 255, .07);--border-accent: rgba(26, 160, 144, .3);--radius: 12px;--radius-sm: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh}