:root{--bg: #262252;--bg-2: #2D295B;--panel: #332F69;--panel-2: #3D3877;--line: #423E80;--line-2: #4F4894;--fg: #F1F5F9;--fg-dim: #A9A6C9;--fg-mute: #6E6A9A;--accent: #1D4ED8;--accent-fg: #fff;--accent-text: #60A5FA;--accent-tint: rgba(29,78,216,.16);--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;color-scheme:dark}:root.light{--bg: #ffffff;--bg-2: #F4F3FB;--panel: #EEEDF8;--panel-2: #E6E4F4;--line: #E0DDF0;--line-2: #D2CEE8;--fg: #1E1B4B;--fg-dim: #5B5685;--fg-mute: #9D99BE;--accent-text: #1D4ED8;--accent-tint: rgba(29,78,216,.1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--tg-theme-bg-color, var(--bg));color:var(--tg-theme-text-color, var(--fg));font-family:var(--font);font-size:var(--fs-base);line-height:1.35;-webkit-text-size-adjust:100%}.app{max-width:720px;margin:0 auto;padding:10px 12px calc(16px + env(safe-area-inset-bottom))}.head .row{display:flex;align-items:center;justify-content:space-between;gap:10px}h1{font-size:var(--fs-lg);margin:4px 0;font-weight:700}h2{font-size:var(--fs-base);margin:0 0 8px;font-weight:600}h3{font-size:var(--fs-base);margin:0 0 4px;font-weight:600}.meta{font-size:var(--fs-xs);color:var(--fg-dim);margin:2px 0 8px}.stale{color:var(--accent-text)}.langs{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden}.langs .lang{background:transparent;color:var(--fg-dim);border:0;padding:4px 10px;font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer}.langs .lang.on{background:var(--accent);color:var(--accent-fg)}.tabs{display:flex;gap:4px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;background:var(--panel);color:var(--fg-dim);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}.tabs button.on{background:var(--accent-tint);color:var(--accent-text);border-color:var(--accent-text)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.hint{font-size:var(--fs-xs);color:var(--fg-dim);margin:8px 2px 0}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.stats{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:var(--fs-sm)}table.stats th,table.stats td{padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}table.stats th{font-weight:600;color:var(--fg-dim);text-align:right;font-size:var(--fs-xs)}table.stats th.name,table.stats td.name{text-align:left;position:sticky;left:0;background:var(--panel);z-index:1}table.stats th.rank,table.stats td.rank{color:var(--fg-mute);text-align:right;width:1.5em}table.stats td.num{text-align:right;font-variant-numeric:tabular-nums}table.stats td.hands{color:var(--fg-dim)}table.stats td.dim,table.stats td.empty{color:var(--fg-mute)}.room{width:16px;height:16px;vertical-align:-3px;margin-right:6px;border-radius:3px}.nick{font-weight:600}table.stats th.hint{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}table.stats th.hint.on{color:var(--accent-text)}.colhint{font-size:var(--fs-sm);color:var(--fg);margin:8px 2px 0;padding:6px 8px;background:var(--panel-2);border-radius:8px}.glosslist{display:grid;grid-template-columns:max-content 1fr;gap:6px 10px;font-size:var(--fs-sm)}.glosslist .gloss{display:contents}.glosslist .gloss b{white-space:nowrap}.glosslist .gloss span{color:var(--fg-dim)}dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:var(--fs-sm)}dt{color:var(--fg-dim)}dd{margin:0}.cta{margin-top:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.btn{display:inline-block;text-decoration:none;border-radius:10px;padding:8px 14px;font-weight:600;font-size:var(--fs-sm);border:1px solid var(--line-2);color:var(--fg);background:transparent}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.outline{padding:4px 10px}
