:root{--bg:#0a1420;--panel:#122638;--edge:#2b485e;--muted:#92afc4;--blue:#a8d6f5}
body{background:linear-gradient(140deg,#102338 0,#0a1420 520px)}
header{background:#0d1d2bd9}.bar,main{max-width:1460px}.panel,.tile{background:linear-gradient(125deg,#142b3d,#102231);box-shadow:0 8px 28px #0000000d}
.tile.paired{display:flex;align-items:center;justify-content:space-between;gap:12px}.tile-secondary{text-align:right}.tile .tile-secondary b{font-size:20px;color:#abc9de}.tile .tile-secondary span{font-size:10px}
.activity-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:12px 0}.activity-summary b{font-size:17px;color:var(--text);margin-right:4px}.activity-summary small{margin-left:auto}
.activity-canvas{position:relative;isolation:isolate;z-index:2}.activity-canvas svg{width:100%;height:auto;min-height:0;display:block;touch-action:pan-y;overflow:visible}
.activity-tip{position:absolute;z-index:3;top:12px;width:min(340px,calc(100% - 16px));max-height:240px;overflow:auto;border:1px solid #51718a;border-radius:8px;background:#102333f5;box-shadow:0 12px 36px #0008;padding:10px;overscroll-behavior:contain;scrollbar-width:thin}
.activity-tip[hidden]{display:none}.activity-tip.pinned{border-color:#c9ab6c}.activity-tip-head{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:11px;margin-bottom:7px;color:var(--muted)}.activity-tip-head>b{font-size:15px;color:#e4c98a}.activity-dismiss{grid-column:2;grid-row:1/3;padding:0 7px;align-self:start;border:0;background:transparent}
.activity-row{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:4px;background:transparent;padding:6px 3px;text-align:left;font-size:11px}.activity-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row>small{min-width:28px;color:var(--muted);text-align:right}.activity-row img{width:30px;height:22px;object-fit:cover;border-radius:3px}.activity-row i,.activity-key i{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;box-shadow:0 0 7px currentColor}
.activity-hint{text-align:right;color:var(--muted);font-size:10px;margin:5px 0 12px}.activity-legend{display:flex;gap:7px 12px;flex-wrap:wrap;border-top:1px solid var(--edge);padding-top:12px}.activity-key{display:flex;align-items:center;gap:7px;background:transparent;border-color:transparent;font-size:11px;padding:4px 6px;max-width:235px}.activity-key span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-key b{color:var(--muted);font-size:10px}.activity-key.active{border-color:#be9d5a;background:#302c21}.activity-more{font-size:11px;padding:4px 8px;color:#b5d9f2}
.card{background:#193347}.card .count{display:flex;align-items:baseline;gap:4px}.card .copy{padding:12px 14px}.card .total{text-align:right}.card:hover{background:#203e54;border-color:#6794b4}
@media(max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:12px}.activity-summary{gap:8px 16px}.activity-summary small{width:100%;margin:0}}
@media(max-width:600px){main{padding:12px 10px 40px}.bar{padding:14px 12px}.panel{padding:10px}.tile.paired{gap:5px}.tile b{font-size:23px}.tile .tile-secondary b{font-size:17px}.tile span{font-size:10px}.activity-canvas svg{height:auto}.activity-canvas svg text{font-size:11px}.activity-tip{top:6px;max-height:185px;width:min(285px,calc(100% - 16px))}.activity-key{max-width:46%;font-size:10px}.activity-legend{gap:4px}.activity-summary b{font-size:15px}.activity-hint{text-align:left}.table-scroll{overflow:visible}#ranking-head{display:block}#ranking-head tr{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}#ranking-head th{padding:0;border:0}#ranking-head th:first-child{display:none}#ranking-head th button{padding:5px 7px;background:#19374c!important;border-radius:4px}#ranking-body{display:block}#ranking-body tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--edge);border-radius:7px;margin:9px 0;padding:10px;position:relative;gap:7px}#ranking-body td{min-width:0;border:0;padding:2px;text-align:left;font-size:12px}#ranking-body td:first-child{position:absolute;right:9px;top:12px;color:var(--muted)}#ranking-body td:nth-child(2){grid-column:1/-1;padding-right:25px}#ranking-body td:nth-child(n+3):before{content:attr(data-label);display:block;font-size:9px;color:var(--muted)}.game-link{gap:8px;max-width:100%}.game-link span{white-space:normal;overflow-wrap:anywhere}.game-link small{font-size:9px}.detail .table-scroll{overflow:auto}}
.activity-legend{max-height:220px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.activity-tip-head>b{font-size:13px;overflow-wrap:anywhere}@media(max-width:600px){.activity-summary small{font-size:10px}.activity-legend{max-height:180px}}