:root{color-scheme:dark;--bg:#10151c;--panel:#171f29;--line:#2b3847;--text:#e3e9ef;--muted:#9fadb9;--accent:#78baf5;font:14px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}header span{color:var(--accent)}header small{color:var(--muted)}main{max-width:1160px;margin:24px auto;padding:0 20px}h1{font-size:24px;margin:0 0 15px}h2{font-size:16px}p{color:var(--muted)}button,input,select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);padding:7px 12px;border-radius:3px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}form{margin:12px 0}a{color:var(--accent)}.notice{border-left:3px solid var(--accent);padding:10px 14px;background:var(--panel)}.shell{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 54px)}aside{padding:18px;border-right:1px solid var(--line)}aside label{display:block;margin:9px 0}aside p{font-size:12px}aside nav a{display:block;padding:7px 0}.shell main{margin:20px 0;width:100%;min-width:0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input{flex:1;min-width:150px}.stats{display:flex;gap:24px;border-block:1px solid var(--line);padding:12px 0;margin:16px 0}.stats strong{font-size:23px;display:block}.stats span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px}td:first-child{white-space:normal;min-width:170px}.tag{font-size:11px;color:var(--accent);border:1px solid var(--line);padding:2px 5px}.cards table,.cards tbody{display:block}.cards thead{display:none}.cards tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.cards tr{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:8px}.cards td{border:0;padding:4px 8px;white-space:normal;min-width:0}.cards td:not(:first-child):before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.02em}.cards td:first-child a{font-weight:650}progress{max-width:90px;height:7px;accent-color:var(--accent)}.chart{display:flex;align-items:center;gap:20px}.donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(#78baf5 0 35%,#72c69d 35% 60%,#3a4655 60%);position:relative}.donut:after{content:'';position:absolute;inset:17px;border-radius:50%;background:var(--bg)}[hidden]{display:none!important}@media(max-width:720px){.shell{display:block}aside{border-right:0;border-bottom:1px solid var(--line)}aside nav{display:flex;gap:14px;flex-wrap:wrap}aside label{display:inline-block;margin-right:12px}header{padding:0 14px}main,.shell main{padding:0 14px}.stats{gap:18px}.toolbar{align-items:stretch}.chart{margin:15px 0}th,td{padding:8px 6px}}

.achievement-progress{display:block;width:min(100%,420px);max-width:none;height:12px}.achievement{padding:9px 0;border-bottom:1px solid var(--line)}.achievement summary{cursor:pointer}.achievement time{font-variant-numeric:tabular-nums}

.steam-store-frame{display:block;width:100%;max-width:646px;height:190px;border:0;margin-top:12px}
/* Library cards: every field has an explicit label, even when Steam has no data. */
.cards td[data-label]{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;white-space:normal;overflow-wrap:anywhere}
.cards td[data-label]::before{content:attr(data-label);display:block;width:100%;font-size:11px;color:var(--muted);font-weight:600}
.cards td[data-label="ゲーム"]{font-size:16px;font-weight:650}
.cards td[data-label="公開設定"] form{margin:3px 0}