:root{--bg:#10131a;--panel:#181d27;--panel2:#1d2330;--line:#2b3241;--muted:#8992a4;--text:#f4f2ec;--lime:#c3f36b;--orange:#ff805c;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 50% -30%,#222c3b 0,transparent 55%)}.topbar{height:70px;border-bottom:1px solid #222834;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),28px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;letter-spacing:.12em;text-decoration:none;font-size:13px}.brand-mark{width:27px;height:27px;border:1px solid var(--lime);color:var(--lime);display:grid;place-items:center;font:500 15px var(--mono);transform:rotate(-5deg)}.brand-light{font-weight:500;color:#a7afbd}.top-note,.subtle,.library-footer,.library-info small,.eyebrow,.step,.steam-badge,.privacy-note,.game-title span,.game-owners,.match-total span,.empty-icon{font:10px var(--mono);letter-spacing:.08em}.top-note{color:#a4adba;display:flex;align-items:center;gap:9px}.top-note i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c3f36b88}.shell{width:min(950px,calc(100% - 48px));margin:0 auto}.intro{padding:63px 0 38px}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:22px;background:var(--lime)}h1{font-size:clamp(48px,7vw,76px);letter-spacing:-.065em;line-height:.98;margin:20px 0 16px;font-weight:700}h1 em,.match-head h2 em{font-style:normal;color:var(--lime)}.intro-copy{font-size:15px;color:#a8b0bd;max-width:430px;line-height:1.6;margin:0}.stat-row{display:flex;align-items:center;gap:20px;margin-top:30px}.stat-row>div:not(.stat-sep){display:flex;align-items:baseline;gap:9px}.stat-row strong{font:500 24px var(--mono);color:var(--text)}.stat-row span{font:10px var(--mono);letter-spacing:.07em;color:var(--muted)}.stat-sep{width:1px;height:22px;background:#39404d}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px}.add-panel{padding:25px 28px 20px}.panel-heading{display:flex;align-items:flex-start;gap:14px}.step{color:var(--lime);padding-top:4px}.panel-heading h2,.section-title h2{margin:0;font-size:19px;letter-spacing:-.03em}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.steam-badge{margin-left:auto;border:1px solid #354154;border-radius:3px;color:#aab8c6;padding:6px 9px}.steam-badge b{color:#73a8d2;margin-left:4px}.add-form{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;margin:23px 0 14px}.add-form label{display:flex;flex-direction:column;gap:7px}.add-form label>span{font:9px var(--mono);letter-spacing:.1em;color:#a5adba}.add-form input{height:42px;border:1px solid #353e4d;border-radius:3px;background:#121720;color:var(--text);padding:0 12px;font:12px var(--sans);outline:none;min-width:0}.add-form input:focus{border-color:var(--lime)}.add-form input::placeholder{color:#646e7f}.button{height:42px;border:0;border-radius:3px;padding:0 17px;font:600 12px var(--sans);cursor:pointer;align-self:end}.primary{background:var(--lime);color:#161b20}.primary span{font-size:17px;margin-left:8px}.primary:hover{background:#d3ff86}.privacy-note{color:#778193;letter-spacing:0;font-size:10px;margin:0}.privacy-note>span{color:var(--lime);margin-right:5px}.privacy-note a{color:#bac2ce;margin-left:8px;text-decoration:none}.privacy-note a:hover{text-decoration:underline}.flash{padding:10px 12px;margin-top:17px;border-radius:3px;font-size:12px}.success{background:#283625;color:#d4f2b7}.error{background:#382623;color:#ffc4b4}.library-section{margin-top:43px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-title>div{display:flex;align-items:center;gap:14px}.section-title h2{font-size:21px}.muted-count{font:11px var(--mono);color:#778193;vertical-align:middle;margin-left:4px}.subtle{color:#7d8797;padding-bottom:3px}.empty-state{border:1px dashed #39404d;border-radius:5px;text-align:center;padding:42px 15px;color:#9ba4b2}.empty-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #49515e;border-radius:50%;margin:auto;color:var(--lime);font-size:16px}.empty-state h3{color:#e9e9e3;font-size:15px;margin:14px 0 6px}.empty-state p{margin:0;font-size:12px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.library-card{height:72px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#171c25;border:1px solid #2a313e;border-radius:4px;cursor:pointer;position:relative}.library-card:hover{border-color:#606a7a}.library-card.selected{background:#1b2229;border-color:#647648}.library-pick input{position:absolute;opacity:0;pointer-events:none}.checkmark{position:absolute;right:12px;top:10px;color:var(--lime);font-size:12px;opacity:0}.selected .checkmark{opacity:1}.avatar{width:36px;height:36px;border-radius:3px;background:#293441;color:var(--lime);display:grid;place-items:center;font:500 15px var(--mono)}.library-info{display:flex;flex-direction:column;gap:6px;min-width:0}.library-info strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.library-info small{color:#8490a1;font-size:9px}.library-info small span{color:var(--lime);padding:0 3px}.card-arrow{margin-left:auto;color:#7a8493;font-size:14px}.matches{margin-top:22px;padding:25px 26px 0}.match-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px}.match-head h2{font-size:22px;letter-spacing:-.04em;margin:10px 0 0}.match-total{display:flex;flex-direction:column;text-align:right;gap:2px}.match-total strong{font:500 25px var(--mono);color:var(--lime)}.match-total span{font-size:8px;color:#8992a0}.game-list{border-top:1px solid #2a313d}.game-row{height:66px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #2a313d}.game-row img{width:92px;height:35px;object-fit:cover;border-radius:2px;background:#272e3a}.game-title{display:flex;flex-direction:column;gap:5px;min-width:0}.game-title strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-title span{font-size:8px;color:#758092}.game-owners{display:flex;align-items:center;gap:7px;margin-left:auto;color:#949eac;font-size:8px;white-space:nowrap}.owner-dots{display:flex;gap:3px}.owner-dots i{width:6px;height:6px;background:var(--lime);border-radius:50%}.play-mark{width:19px;height:19px;border-radius:50%;background:#2d3b25;color:var(--lime);display:grid;place-items:center;font-size:11px;margin-left:8px}.no-match{display:flex;align-items:center;gap:13px;border-top:1px solid #2a313d;padding:22px 4px 25px;color:#a9b1bc}.no-match>span{color:#738050;font-size:23px}.no-match strong{font-size:12px;color:#e4e5df}.no-match p{font-size:11px;color:#929baa;margin:4px 0 0}.partial{border-top:1px solid #2a313d;margin:0 -26px;padding:0 26px}.partial summary{height:47px;display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:11px;color:#dfe1dc}.partial summary::-webkit-details-marker{display:none}.partial summary span{color:#8791a0;font-size:10px}.partial summary b{margin-left:auto;color:var(--lime);font:16px var(--sans)}.partial[open] summary b{transform:rotate(45deg)}.partial-list{padding-bottom:12px}.partial-list>div{display:flex;align-items:center;border-top:1px solid #272e39;padding:10px 0;gap:12px;font-size:11px}.partial-list small{color:#8b95a2;margin-left:auto}.partial-list b{color:#c4cead;font:10px var(--mono)}.hint-box{padding:14px 16px;background:#171c25;border:1px solid #2a313e;border-radius:4px;color:#aab2bf;font-size:12px}.library-footer{display:flex;justify-content:space-between;margin:24px 0 38px;color:#727d8e;font-size:8px}.library-footer a{color:#acb5c1;text-decoration:none}.library-footer a:hover{text-decoration:underline}
@media(max-width:700px){.topbar{padding:0 20px}.top-note{font-size:8px}.shell{width:calc(100% - 36px)}.intro{padding:48px 0 30px}.add-panel{padding:20px 17px 17px}.add-form{grid-template-columns:1fr 1fr}.add-form .api-field{grid-column:1/2}.add-form .button{grid-column:2/3}.library-grid{grid-template-columns:1fr}.library-section{margin-top:35px}.matches{padding:20px 16px 0}.partial{margin:0 -16px;padding:0 16px}.game-row{gap:9px}.game-row img{width:70px;height:31px}.game-owners{font-size:7px;gap:4px}.match-head h2{font-size:19px}.match-total strong{font-size:21px}.library-footer{font-size:7px;gap:20px}}@media(max-width:430px){.add-form{grid-template-columns:1fr}.add-form .api-field,.add-form .button{grid-column:auto}.add-form .button{width:100%}.steam-badge{display:none}.game-row img{width:56px}.game-owners{display:none}.library-footer{flex-direction:column;gap:7px}}
.steam-connect,.steam-account{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 0;padding:13px 14px;border:1px solid #303947;background:#141922;border-radius:4px}.steam-connect>div,.steam-account>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.steam-connect strong,.steam-account strong{font-size:12px;color:#e8e9e3}.steam-connect>div>span,.steam-account small{font-size:10px;color:#8e99a7}.steam-button{height:37px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:3px;background:#29384a;color:#edf3f8;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap}.steam-button:hover{background:#354b63}.steam-icon{width:19px;height:19px;border:1px solid #98b4cc;border-radius:50%;display:grid;place-items:center;font-size:11px}.steam-account{justify-content:flex-start}.steam-symbol{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#26394c;color:#b9d8ef;font:600 12px var(--mono)}.steam-account form{margin-left:auto}.steam-account button{border:1px solid #3a4350;border-radius:3px;background:transparent;color:#a9b2bf;padding:7px 10px;font-size:10px;cursor:pointer}.steam-account button:hover{border-color:#758293;color:#fff}.signed-note{color:#99a3b1;margin-left:9px}@media(max-width:430px){.steam-connect{align-items:flex-start;flex-direction:column}.steam-account{gap:9px}.signed-note{display:block;margin:7px 0 0}}
.library-card{padding:0 9px 0 14px;cursor:default}.library-pick-form{display:flex;flex:1;min-width:0;height:100%}.library-pick{height:100%;display:flex;align-items:center;gap:12px;flex:1;min-width:0;position:relative;cursor:pointer}.admin-manage{position:relative;flex:none}.admin-manage summary{list-style:none;cursor:pointer;border:1px solid #3a4350;border-radius:3px;color:#aeb8c5;padding:6px 8px;font:9px var(--mono)}.admin-manage summary::-webkit-details-marker{display:none}.admin-manage summary:hover{border-color:#73804f;color:var(--lime)}.admin-popover{position:absolute;z-index:5;right:0;top:calc(100% + 6px);width:190px;padding:9px;background:#202733;border:1px solid #414b5b;border-radius:4px;box-shadow:0 10px 30px #0008;display:grid;gap:8px}.admin-popover form{display:flex;gap:5px}.admin-popover input{min-width:0;width:100%;height:30px;padding:0 7px;border:1px solid #3c4655;background:#151a22;color:var(--text);border-radius:3px;font:10px var(--sans)}.admin-popover button{white-space:nowrap;border:1px solid #46515e;border-radius:3px;background:#2b3541;color:#e5e8e1;padding:0 7px;font-size:9px;cursor:pointer}.admin-popover button:hover{border-color:var(--lime);color:var(--lime)}.admin-popover .remove-library{width:100%;height:28px;background:#392927;border-color:#563c38;color:#ffb4a0}.admin-popover .remove-library:hover{border-color:#ff805c;color:#ffb4a0}.admin-popover form:has(.remove-library){display:block}
.game-filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:0 0 18px}.game-filters label{display:flex;flex-direction:column;gap:5px}.game-filters label span{font:9px var(--mono);letter-spacing:.08em;color:#9aa4b1}.game-filters select{height:35px;min-width:150px;padding:0 28px 0 10px;border:1px solid #394352;border-radius:3px;background:#141922;color:#e6e8e2;font:11px var(--sans)}.filter-button,.filter-load{height:35px;padding:0 12px;border:1px solid #46515e;border-radius:3px;background:#28313d;color:#dce1d9;font:10px var(--sans);cursor:pointer}.filter-button:hover,.filter-load:hover{border-color:var(--lime);color:var(--lime)}.filter-load{border-color:#576b3f;background:#273222;color:var(--lime)}.filter-load:disabled{opacity:.65;cursor:wait}.filter-status{align-self:center;color:#8993a1;font:9px var(--mono);letter-spacing:.015em}.game-filters+.game-list{border-top:1px solid #2a313d}@media(max-width:600px){.game-filters{align-items:stretch}.game-filters label{flex:1;min-width:130px}.game-filters select{width:100%}.filter-button,.filter-load{flex:1}.filter-status{flex-basis:100%;line-height:1.5}}
.add-form:has(> .button:only-child){display:flex}.add-form:has(> .button:only-child) .button{min-width:180px}
/* Larger layout and controls */
body{font-size:16px}.topbar{height:78px;padding-left:max(calc((100vw - 1200px)/2),32px);padding-right:max(calc((100vw - 1200px)/2),32px)}.shell{width:min(1100px,calc(100% - 64px))}.intro{padding:76px 0 46px}.intro-copy{font-size:17px;max-width:500px}.stat-row{margin-top:36px;gap:24px}.stat-row strong{font-size:28px}.add-panel{padding:31px 34px 25px}.panel-heading h2{font-size:22px}.panel-heading p{font-size:14px}.add-form{gap:13px;margin:27px 0 17px}.add-form label{gap:9px}.add-form label>span{font-size:10px}.add-form input{height:50px;padding:0 14px;font-size:14px}.button{height:50px;padding:0 20px;font-size:14px}.privacy-note{font-size:11px}.library-section{margin-top:52px}.section-title h2{font-size:24px}.library-grid{gap:12px}.library-card{height:84px;padding-right:12px}.avatar{width:43px;height:43px;font-size:17px}.library-pick{gap:14px}.library-info{gap:7px}.library-info strong{font-size:15px}.library-info small{font-size:10px}.admin-manage summary{font-size:10px;padding:7px 9px}.matches{margin-top:27px;padding:30px 32px 0}.match-head{padding-bottom:24px}.match-head h2{font-size:26px}.match-total strong{font-size:30px}.game-row{height:78px;gap:16px}.game-row img{width:110px;height:42px}.game-title strong{font-size:14px}.game-title span{font-size:9px}.game-owners{font-size:9px}.play-mark{width:22px;height:22px;font-size:12px}.partial{margin:0 -32px;padding:0 32px}.partial summary{height:54px;font-size:13px}.partial summary span{font-size:11px}.partial-list>div{font-size:13px;padding:12px 0}.game-filters{gap:12px;padding-bottom:22px}.game-filters label{gap:7px}.game-filters label span{font-size:10px}.game-filters select,.filter-button,.filter-load{height:42px;font-size:12px}.game-filters select{min-width:175px;padding-left:12px}.filter-status{font-size:10px}.empty-state{padding:52px 18px}.empty-state h3{font-size:17px}.empty-state p{font-size:14px}.hint-box{padding:17px 19px;font-size:14px}.library-footer{margin-top:30px;font-size:9px}
@media(max-width:700px){.topbar{height:68px;padding:0 20px}.shell{width:calc(100% - 36px)}.intro{padding:52px 0 32px}.intro-copy{font-size:15px}.add-panel{padding:22px 18px 19px}.panel-heading h2{font-size:20px}.panel-heading p{font-size:12px}.add-form{gap:10px;margin:20px 0 13px}.add-form input{height:44px;font-size:12px}.button{height:44px;font-size:12px}.library-section{margin-top:38px}.section-title h2{font-size:21px}.library-card{height:76px}.avatar{width:39px;height:39px}.library-info strong{font-size:14px}.library-info small{font-size:9px}.matches{padding:22px 17px 0}.match-head h2{font-size:21px}.match-total strong{font-size:23px}.partial{margin:0 -17px;padding:0 17px}.game-row{height:70px;gap:10px}.game-row img{width:72px;height:33px}.game-title strong{font-size:12px}.game-owners{font-size:7px}.library-footer{font-size:7px}}
@media(max-width:430px){.shell{width:calc(100% - 28px)}.topbar{padding:0 15px}.intro{padding-top:42px}.add-panel{padding:19px 15px 17px}.library-card{padding-left:10px}.library-info strong{font-size:13px}.matches{padding-left:14px;padding-right:14px}.partial{margin:0 -14px;padding:0 14px}.match-head h2{font-size:19px}.game-row img{width:56px;height:30px}.game-filters{gap:8px}.game-filters label{min-width:112px}.filter-button,.filter-load{padding:0 8px;font-size:10px}}
.manage-library-button{margin-top:25px;display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #3c4655;border-radius:4px;background:#1b222d;color:#e8e9e3;font:600 13px var(--sans);cursor:pointer}.manage-library-button:hover{border-color:var(--lime);color:var(--lime)}.manage-library-button span{min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border-radius:12px;background:#2a3440;color:var(--lime);font:11px var(--mono)}.library-modal{width:min(900px,calc(100vw - 32px));max-width:none;max-height:min(88vh,950px);overflow:auto;padding:27px;border:1px solid #414b5a;border-radius:8px;background:#11161f;color:var(--text);box-shadow:0 24px 90px #000b}.library-modal::backdrop{background:#070a0fbb;backdrop-filter:blur(5px)}.modal-heading{position:sticky;z-index:10;top:-27px;display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;margin:0 0 18px;background:#11161f;border-bottom:1px solid #2e3744}.modal-heading h2{margin:7px 0 0;font-size:24px;letter-spacing:-.04em}.modal-close{width:38px;height:38px;border:1px solid #3b4654;border-radius:4px;background:#1a202b;color:#bdc5cf;font-size:25px;line-height:1;cursor:pointer}.modal-close:hover{border-color:var(--lime);color:var(--lime)}.library-modal .add-panel{margin:0}.library-modal .library-section{margin:32px 0 4px}.library-modal .library-card{background:#171c25}.library-modal .empty-state{margin-bottom:8px}.library-modal .library-grid{padding-bottom:4px}
@media(max-width:700px){.library-modal{width:calc(100vw - 22px);max-height:92vh;padding:18px 14px}.modal-heading{top:-18px;padding-bottom:14px}.modal-heading h2{font-size:21px}.manage-library-button{margin-top:20px}.library-modal .add-panel{padding:20px 15px}.library-modal .library-section{margin-top:27px}}
.players-dropdown{position:relative;min-width:210px;align-self:end}.players-dropdown summary{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 11px;border:1px solid #394352;border-radius:3px;background:#141922;list-style:none;cursor:pointer}.players-dropdown summary::-webkit-details-marker{display:none}.players-dropdown summary span{font:9px var(--mono);letter-spacing:.08em;color:#9aa4b1}.players-dropdown summary b{font:11px var(--sans);font-weight:500;color:#e6e8e2}.players-options{position:absolute;z-index:20;top:calc(100% + 5px);left:0;width:max(240px,100%);max-height:300px;overflow:auto;padding:6px;background:#202733;border:1px solid #414b5b;border-radius:4px;box-shadow:0 10px 30px #0008}.players-options label{display:flex;flex-direction:row;align-items:center;gap:9px;min-height:38px;padding:4px 7px;border-radius:3px;cursor:pointer;color:#e8e9e3;font-size:12px}.players-options label:hover{background:#2b3441}.players-options input{width:15px;height:15px;margin:0;accent-color:var(--lime)}.player-option-avatar{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#293744;color:var(--lime);font:10px var(--mono)}@media(max-width:700px){.players-dropdown{width:100%}.players-dropdown summary{height:40px}}
.players-options label span:last-child{font:12px var(--sans);letter-spacing:0;color:#e8e9e3}.players-options label .player-option-avatar{font:10px var(--mono);letter-spacing:0}
.owner-dots i{background:#45505e}.owner-dots i.owned{background:var(--lime)}

/* Larger type scale for easier reading across the library and filters. */
body{font-size:18px}
.brand{font-size:15px}
.top-note,.subtle,.library-footer,.eyebrow,.step,.steam-badge{font-size:12px}
.intro-copy{font-size:19px}
.stat-row strong{font-size:31px}
.stat-row span{font-size:12px}
.panel-heading h2{font-size:25px}
.panel-heading p{font-size:16px}
.add-form label>span,.game-filters label span{font-size:12px}
.add-form input,.button{font-size:16px}
.privacy-note{font-size:13px}
.flash{font-size:15px}
.section-title h2{font-size:27px}
.muted-count{font-size:13px}
.empty-state h3{font-size:20px}
.empty-state p,.hint-box{font-size:16px}
.library-info strong{font-size:17px}
.library-info small{font-size:12px}
.matches{font-size:16px}
.match-head h2{font-size:29px}
.match-total strong{font-size:33px}
.match-total span{font-size:10px}
.game-title strong{font-size:17px}
.game-title span{font-size:11px}
.game-owners{font-size:11px}
.partial summary{font-size:15px}
.partial summary span{font-size:13px}
.partial-list>div{font-size:15px}
.partial-list b,.partial-list small{font-size:12px}
.manage-library-button{font-size:16px}
.modal-heading h2{font-size:28px}
.game-filters select,.filter-button,.filter-load{font-size:14px}
.filter-status{font-size:12px}
.players-dropdown summary span{font-size:11px}
.players-dropdown summary b,.players-options label span:last-child{font-size:14px}
.players-options label{font-size:14px}
@media(max-width:700px){
  body{font-size:16px}
  .intro-copy{font-size:17px}
  .panel-heading h2{font-size:23px}
  .panel-heading p{font-size:14px}
  .section-title h2{font-size:24px}
  .library-info strong{font-size:16px}
  .library-info small{font-size:11px}
  .match-head h2{font-size:24px}
  .game-title strong{font-size:15px}
  .game-title span{font-size:10px}
  .game-owners{font-size:10px}
  .add-form input,.button{font-size:14px}
  .players-dropdown summary b,.players-options label span:last-child{font-size:13px}
}
@media(max-width:430px){
  .intro-copy{font-size:16px}
  .panel-heading h2{font-size:21px}
  .section-title h2{font-size:22px}
  .library-info strong{font-size:15px}
  .match-head h2{font-size:21px}
  .game-title strong{font-size:14px}
  .game-title span{font-size:9px}
  .game-owners{font-size:9px}
  .game-filters select,.filter-button,.filter-load{font-size:12px}
}

.game-owners{position:relative;display:block;white-space:nowrap;cursor:pointer}
.game-owners>summary{display:flex;align-items:center;gap:7px;list-style:none}
.game-owners>summary::-webkit-details-marker{display:none}
.game-owners>summary::marker{content:''}
.game-owners[open]{z-index:30}
.owners-popout{position:absolute;z-index:40;right:0;top:calc(100% + 9px);display:flex;flex-direction:column;gap:8px;width:min(340px,78vw);min-width:240px;max-width:calc(100vw - 32px);padding:16px 19px;background:#202733;border:1px solid #414b5b;border-radius:5px;box-shadow:0 12px 32px #000a;color:#e8e9e3;font:14px var(--sans);letter-spacing:0;white-space:normal}
.owners-popout strong{padding-bottom:6px;border-bottom:1px solid #3a4351;color:var(--lime);font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.owner-entry{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px}
.owner-entry>i{font-style:normal;color:var(--lime);text-align:center}
.owner-entry.missing-game>i,.owner-entry small{color:#9aa4b2}
.owner-entry small{font-size:11px;white-space:nowrap}
.owner-group{display:flex;flex-direction:column;gap:7px}
.owner-group.missing-group{padding-top:11px;border-top:1px solid #3a4351;color:#ffaaa0}
.owner-group.missing-group strong{color:#ff8d80;border-color:#69413f}
.owner-entry.missing-game{color:#e8e9e3}
.owner-entry.missing-game>i,.owner-empty{color:#ffaaa0}
.owner-empty{color:#9aa4b2;font-size:12px;font-style:italic}
.game-title-main{display:flex;align-items:center;gap:12px;min-width:0}
.game-title-main>strong{min-width:0}
.players-filter{display:flex;flex:1;flex-direction:column;gap:7px;min-width:210px}
.players-filter>span{font:12px var(--mono);letter-spacing:.08em;color:#9aa4b1}
.players-filter .players-dropdown{width:100%;min-width:0}
.players-dropdown summary::after{content:"";width:7px;height:7px;margin: -4px 3px 0 10px;border-right:1.5px solid #d5dbe2;border-bottom:1.5px solid #d5dbe2;transform:rotate(45deg);flex:none}
.players-options .select-all-player{padding-bottom:9px;margin-bottom:3px;border-bottom:1px solid #3a4351}
.steam-link{flex:none;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid #3b4655;border-radius:4px;color:#dce2e8;text-decoration:none;font:600 9px var(--sans);letter-spacing:.02em}
.steam-link:hover,.steam-link:focus-visible{border-color:var(--lime);color:var(--lime);outline:none}
.steam-link span{font-size:11px}
@media(max-width:430px){.game-owners{display:block}.game-owners>summary{font-size:9px}}
@media(max-width:700px){.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-row>div:not(.stat-sep){display:flex;flex-direction:column;gap:4px}.stat-row .stat-sep{display:none}.stat-row strong{font-size:25px}.stat-row span{font-size:10px;line-height:1.35}.players-filter{flex:1;min-width:130px}}
.intro{padding:34px 0 8px}
.stat-row{justify-content:center;margin:0 auto}
.topbar .manage-library-button{margin:0;padding:10px 14px}
@media(max-width:700px){.intro{padding:28px 0 6px}.stat-row>div:not(.stat-sep){align-items:center;text-align:center}}
html{min-height:100%;background:var(--bg)}
body{min-height:100vh;background-repeat:no-repeat;background-attachment:fixed}
.avatar,.player-option-avatar,.steam-symbol{position:relative;overflow:hidden}
.avatar img,.player-option-avatar img,.steam-symbol img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar-initial{position:relative;z-index:0}
@media(max-width:700px){
  .topbar .manage-library-button{height:38px;margin:0;padding:0 10px;font-size:12px;gap:7px}
  .topbar .manage-library-button span{min-width:19px;height:19px;font-size:9px}
  .game-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding-bottom:18px}
  .game-filters label,.players-filter{min-width:0;width:100%;flex:none}
  .game-filters select{width:100%;min-width:0}
  .filter-button,.filter-load{width:100%;min-width:0;flex:none;height:42px;padding:0 8px;font-size:12px}
  .filter-status,.filter-load{grid-column:1/-1}
  .play-mark{width:18px;height:18px;flex:none;margin-left:0;font-size:10px}
}
@media(max-width:430px){.topbar .manage-library-button{height:35px;padding:0 8px;font-size:11px}.topbar .manage-library-button span{min-width:17px;height:17px;font-size:8px}.game-filters{gap:10px 8px}.filter-button,.filter-load{height:40px}.play-mark{width:16px;height:16px;font-size:9px}}