:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--page: #f5f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--ink: #172033;--ink-soft: #3b4658;--muted: #667085;--line: #dfe6ef;--line-strong: #cbd6e3;--nav: #172331;--nav-hover: #253547;--blue: #2359a6;--teal: #0f766e;--green: #087443;--amber: #a15c00;--rose: #b4235a;--coral: #cf4a32;--yellow: #f2c94c;--shadow-soft: 0 18px 45px rgba(28, 42, 58, .12);--shadow-tight: 0 10px 24px rgba(28, 42, 58, .08)}*{box-sizing:border-box}html{min-width:320px;background:var(--page)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:var(--page)}#root{min-height:100vh}button,input,select,textarea{font:inherit}button,a{min-width:0}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,strong,span,p,small,label,button,a{overflow-wrap:anywhere}h1{color:var(--ink);font-size:30px;line-height:1.14;letter-spacing:0}h2{color:var(--ink);font-size:19px;line-height:1.24;letter-spacing:0}input,select,textarea{min-width:0}.eyebrow{margin:0 0 7px;color:#61738b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand,.brand-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;min-width:0;padding:0;color:inherit;background:transparent;border:0;text-align:left}.brand>span:not(.brand-mark),.brand-link>span:not(.brand-mark){display:grid;min-width:0;gap:1px}.brand strong,.brand-link strong,.account strong,.row-item strong,.game-card strong,.device-card strong,.queue-item strong,.setting-row strong,.feature-card strong{display:block;min-width:0;font-weight:800;letter-spacing:0}.brand small,.brand-link small,.brand span,.brand-link span,.account span,.row-item span,.game-card span,.device-card span,.queue-item span,.setting-row span,.muted{min-width:0;color:var(--muted);font-size:13px;line-height:1.5}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;color:#13251f;background:#98dfc1;border:1px solid rgba(19,37,31,.08);border-radius:8px}.solid-button,.ghost-button,.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;border-radius:8px;border:1px solid var(--line);font-weight:800;line-height:1.2;letter-spacing:0;text-align:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.solid-button,.ghost-button,.primary-button,.secondary-button{padding:0 15px;white-space:normal}.solid-button,.primary-button{color:#fff;background:#2359a6;border-color:#2359a6;box-shadow:0 8px 18px #2359a633}.solid-button:hover,.primary-button:hover{background:#1c4d92;border-color:#1c4d92}.ghost-button,.secondary-button{color:#213047;background:#ffffffd6;border-color:var(--line)}.ghost-button:hover,.secondary-button:hover,.icon-button:hover{background:#eef4fb;border-color:#c9d8e8}.solid-button:active,.ghost-button:active,.primary-button:active,.secondary-button:active,.icon-button:active{transform:translateY(1px)}.primary-button{width:100%}.secondary-button{color:#263548;background:var(--surface)}.icon-button{width:40px;height:40px;flex:0 0 40px;padding:0;color:#263548;background:var(--surface)}.primary-button:disabled,.icon-button:disabled{opacity:.55;box-shadow:none}.icon-button.danger{color:#8f1f3e;background:#fff1f4;border-color:#ffd3df}.icon-button.danger:hover:not(:disabled){background:#ffe5ec;border-color:#ffbdd0}.badge,.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:24px;padding:0 8px;color:#475467;background:#eef2f6;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap}.status-pill.good{color:#067647;background:#dcfce7;border-color:#a7f3c7}.status-pill.neutral{color:#785900;background:#fff6cf;border-color:#efd78b}.public-page{min-height:100vh;color:var(--ink);background:linear-gradient(90deg,rgba(35,89,166,.05) 1px,transparent 1px),linear-gradient(180deg,#f8fafc,#eef3f8 68%,#f7f5ee);background-size:56px 56px,auto}.home-nav,.auth-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:18px 0}.home-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.home-actions a{display:inline-flex;align-items:center;min-height:38px;padding:0 9px;color:#35455b;font-size:14px;font-weight:800;white-space:nowrap}.home-actions a:hover{color:var(--blue)}.home-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(1160px,calc(100% - 40px));min-height:min(650px,calc(100vh - 104px));margin:0 auto;padding:34px 0 56px}.hero-content{display:grid;min-width:0;gap:20px}.hero-content h1{max-width:780px;font-size:clamp(38px,6vw,66px);line-height:.98}.hero-lede{max-width:690px;color:#475467;font-size:17px;line-height:1.72}.hero-actions,.band-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-primary,.hero-secondary{min-height:46px;padding-inline:18px}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}.hero-meta span{display:grid;grid-template-columns:22px 1fr;gap:2px 9px;min-height:68px;min-width:0;align-content:center;padding:11px;color:#536072;background:#ffffffb8;border:1px solid rgba(203,214,227,.8);border-radius:8px;box-shadow:var(--shadow-tight)}.hero-meta svg{grid-row:span 2;color:var(--teal)}.hero-meta strong{color:var(--ink)}.hero-visual{min-width:0}.client-window{overflow:hidden;width:100%;min-height:430px;color:#dce9f6;background:#172331;border:1px solid #2f4054;border-radius:8px;box-shadow:0 28px 70px #17233147}.window-chrome{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;background:#101924;border-bottom:1px solid #2f4054}.window-chrome span{width:10px;height:10px;border-radius:50%}.window-chrome span:nth-child(1){background:#f16b5b}.window-chrome span:nth-child(2){background:#f2c94c}.window-chrome span:nth-child(3){background:#42c58a}.client-layout{display:grid;grid-template-columns:62px minmax(0,1fr);min-height:388px}.client-rail{display:grid;align-content:start;justify-items:center;gap:14px;padding:18px 0;color:#96a7b9;background:#111c29;border-right:1px solid #2f4054}.client-rail svg:first-child{color:#98dfc1}.client-main{display:grid;align-content:start;gap:18px;min-width:0;padding:18px}.client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-toolbar strong{color:#f7fbff}.client-toolbar span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;color:#042016;background:#98dfc1;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.client-cover-grid{display:grid;grid-template-columns:1.15fr .9fr .75fr;gap:12px}.cover-block{min-height:214px;border-radius:8px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 -44px #0000002e}.cover-a{background:linear-gradient(145deg,rgba(255,255,255,.2) 0 20%,transparent 20% 100%),#cf4a32}.cover-b{background:linear-gradient(145deg,rgba(255,255,255,.18) 0 28%,transparent 28% 100%),#0f766e}.cover-c{background:linear-gradient(145deg,rgba(255,255,255,.2) 0 24%,transparent 24% 100%),#2359a6}.sync-panel{display:grid;gap:12px;padding:14px;background:#213047;border:1px solid #334960;border-radius:8px}.sync-panel span{display:inline-flex;align-items:center;gap:8px;color:#e7eff7;font-size:14px;font-weight:800}.progress-line{overflow:hidden;height:9px;background:#334960;border-radius:999px}.progress-line i{display:block;width:72%;height:100%;background:#98dfc1;border-radius:inherit}.home-band{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(20px,4vw,50px);width:min(1160px,calc(100% - 40px));margin:0 auto 28px;padding:clamp(26px,4vw,46px) 0;border-top:1px solid rgba(203,214,227,.86)}.popular-section{display:grid;gap:14px;width:min(1160px,calc(100% - 40px));margin:0 auto 28px;padding:18px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.popular-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}.popular-head>div{min-width:0}.popular-head h2{font-size:26px}.popular-head span{display:block;margin-top:4px;color:var(--muted);font-size:14px}.popular-search{display:flex;align-items:center;gap:8px;width:min(420px,44vw);min-width:220px;height:42px;padding:0 12px;color:#697789;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.popular-search:focus-within{border-color:#8bb6e8;box-shadow:0 0 0 3px #2359a61f}.popular-search input{width:100%;min-width:0;border:0;outline:0;background:transparent}.popular-table{display:grid;min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px}.game-search-section{margin-top:-8px}.search-results-list{display:grid;min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px}.search-result-row{display:grid;grid-template-columns:74px minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:58px;min-width:0;padding:8px 12px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #e8edf4;text-align:left;cursor:pointer}.search-result-row:nth-child(2n){background:#f8fafc}.search-result-row:last-child{border-bottom:0}.search-result-row:hover{background:#edf7f5}.search-result-title{display:grid;gap:3px;min-width:0}.search-result-title strong,.search-result-title small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-title small{color:var(--muted);font-size:12px}.popular-row{display:grid;grid-template-columns:44px minmax(260px,1fr) 132px 118px 112px 34px;align-items:center;gap:12px;min-width:0;min-height:54px;padding:0 12px;border:0;border-bottom:1px solid #e8edf4;background:#fff;color:var(--ink);text-align:left}.popular-row:nth-child(2n+3){background:#f8fafc}.popular-row:last-child{border-bottom:0}.popular-row-head{min-height:38px;color:#5f6e82;background:#eef4f8;font-size:12px;font-weight:900;text-transform:uppercase}.popular-row-button{width:100%;cursor:pointer}.popular-row-button:hover{background:#edf7f5}.rank-cell{color:#7a8797;font-weight:900;text-align:center}.popular-game-cell{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.popular-cover,.compact-game-cover,.detail-cover{display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.2) 0 28%,transparent 28% 100%),#2359a6;border:1px solid rgba(255,255,255,.22);border-radius:7px;font-weight:900}.game-cover-image{color:transparent;background:#dce5ef;border-color:#d3dde8}.game-cover-image img{display:block;width:100%;height:100%;object-fit:cover}.popular-cover{width:74px;height:42px;font-size:14px}.popular-game-cell strong{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ink);line-height:1.25}.popular-game-cell strong svg{color:#8cc900}.popular-game-cell small{display:block;min-width:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.stat-cell{justify-self:end;color:#263548;font-weight:800;white-space:nowrap}.stat-cell.hot{color:#5c9b00}.row-arrow{display:grid;place-items:center;color:#8190a3}.popular-loading,.popular-empty{min-height:54px;padding:16px;color:var(--muted);background:#fff;border-bottom:1px solid #e8edf4}.popular-loading{background:linear-gradient(90deg,#eef2f6,#f7f9fb 48%,#eef2f6);background-size:200% 100%;animation:loading-pan 1.4s ease-in-out infinite}.band-copy{display:grid;min-width:0;align-content:center;gap:14px}.band-copy p:not(.eyebrow){color:#526172;font-size:16px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{display:grid;min-width:0;align-content:start;gap:10px;min-height:210px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.feature-card svg{color:var(--teal)}.feature-card span{color:#667085;font-size:14px;line-height:1.62}.sync-band{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;padding-bottom:70px}.sync-showcase{display:grid;gap:12px}.sync-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.sync-row.active{border-color:#0f766e5c;background:#f0fbf8}.sync-row svg{display:grid;width:34px;height:34px;padding:8px;color:var(--teal);background:#dcf7ee;border-radius:8px}.sync-row span{color:#536072;font-size:14px}.sync-row strong{color:var(--ink);white-space:nowrap}.auth-page{min-height:100vh;color:var(--ink);background:linear-gradient(90deg,rgba(207,74,50,.04) 1px,transparent 1px),#f7f8fb;background-size:58px 58px,auto}.auth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,440px);align-items:center;gap:clamp(24px,7vw,86px);width:min(1060px,calc(100% - 40px));min-height:calc(100vh - 86px);margin:0 auto;padding:30px 0 64px}.auth-product{display:grid;gap:18px;min-width:0}.auth-product h1{max-width:640px;font-size:clamp(34px,5vw,58px);line-height:1}.auth-product p{max-width:620px;color:#4f5e73;font-size:16px;line-height:1.76}.auth-product-list{display:grid;gap:10px;margin-top:4px}.auth-product-list span{display:flex;align-items:center;gap:10px;min-width:0;color:#35455b;font-weight:800}.auth-product-list svg{color:var(--teal)}.auth-card,.status-card{min-width:0;padding:22px;background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.auth-card{display:grid;gap:18px}.auth-card-header{display:flex;align-items:flex-start;gap:12px;min-width:0}.auth-card-header>div{min-width:0}.auth-card-header p{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.55}.auth-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;color:#0b3a32;background:#dff7ee;border:1px solid #bcebd9;border-radius:8px}.auth-form{display:grid;width:100%;gap:12px}.auth-form label{display:grid;gap:7px;min-width:0;color:#35455b;font-size:13px;font-weight:800}.auth-form input,.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent}.auth-form input{height:42px;padding:0 12px;color:var(--ink);background:#f8fafc;border:1px solid var(--line);border-radius:8px}.auth-form input:focus,.search-box:focus-within{border-color:#8bb6e8;box-shadow:0 0 0 3px #2359a61f}.form-error{color:#b42318;font-size:13px;line-height:1.4}.form-success{color:#087443;font-size:13px;font-weight:800;line-height:1.4}.auth-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:14px}.auth-switch button{padding:0;color:var(--blue);background:transparent;border:0;font-weight:900}.oauth-layout{align-items:center}.oauth-card{align-content:start}.oauth-summary{display:grid;gap:2px;min-width:0;padding:4px 0}.oauth-summary .info-row>strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oauth-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0}.oauth-actions .primary-button{width:auto}.status-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--page)}.status-card{display:grid;width:min(430px,100%);justify-items:start;gap:14px}.status-card p{color:var(--muted);line-height:1.65}.game-detail-shell{display:grid;gap:18px;width:min(1040px,calc(100% - 40px));margin:0 auto;padding:26px 0 70px}.detail-hero{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:end;min-width:0;padding:22px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.detail-cover{width:170px;aspect-ratio:2 / 3;font-size:34px}.detail-title{display:grid;gap:11px;min-width:0}.detail-title h1{font-size:clamp(34px,5vw,54px);line-height:1}.detail-title p:not(.eyebrow){color:var(--muted);font-size:16px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.detail-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{display:grid;gap:14px;min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.detail-main p{color:#475467;line-height:1.76}.description-switcher{display:flex;flex-wrap:wrap;gap:8px}.description-switcher button{min-height:30px;padding:0 10px;color:#344256;background:#f7f9fc;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:800;cursor:pointer}.description-switcher button.active{color:#0b5a66;background:#e7f7f7;border-color:#9bd6d2}.detail-meta-list{display:flex;flex-wrap:wrap;gap:10px}.detail-meta-list span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;color:#35455b;background:#eef4f8;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:800}.game-artwork-panel{display:grid;gap:14px;min-width:0;padding:4px 0}.game-artwork-target{min-width:240px}.game-artwork-submit{margin-bottom:0}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;overflow:hidden;height:40px;background:#fff;border:1px solid var(--line);border-radius:8px}.segmented-control button{min-width:0;padding:0 10px;color:#405168;background:transparent;border:0;border-right:1px solid var(--line);font-weight:900}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#063f46;background:#dff7f4}.game-artwork-note{color:var(--muted);font-size:13px;line-height:1.5}.game-artwork-columns{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(320px,1.18fr);gap:16px;align-items:start;min-width:0}.game-artwork-slot{display:grid;gap:10px;min-width:0}.game-artwork-slot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.game-artwork-slot-head h3{color:var(--ink);font-size:17px;line-height:1.25}.game-artwork-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;min-width:0}.game-artwork-slot-banner .game-artwork-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.game-artwork-list .empty-state,.game-artwork-list .loading-row{grid-column:1 / -1}.game-artwork-card{display:grid;gap:10px;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-tight)}.game-artwork-preview{position:relative;display:grid;width:100%;min-width:0;overflow:hidden;place-items:center;padding:0;color:#6a7a8e;background:#eef3f8;border:1px solid #d7e1ec;border-radius:7px}.game-artwork-card-cover .game-artwork-preview{aspect-ratio:2 / 3}.game-artwork-card-banner .game-artwork-preview{aspect-ratio:16 / 9}.game-artwork-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#152232}.game-artwork-preview-cue{position:absolute;top:8px;right:8px;display:grid;width:30px;height:30px;place-items:center;color:#172033;background:#ffffffe6;border:1px solid rgba(203,214,227,.9);border-radius:999px}.game-artwork-card-body{display:grid;gap:9px;min-width:0}.game-artwork-card-meta,.artwork-lightbox-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.game-artwork-card-meta>span,.artwork-lightbox-meta>span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;color:#35455b;background:#f3f6fa;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.artwork-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px}.artwork-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;background:#080f1cc2;border:0}.artwork-lightbox-body{position:relative;z-index:1;display:grid;gap:12px;width:min(1100px,100%);max-height:calc(100vh - 48px);padding:14px;background:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;box-shadow:0 30px 90px #00000057}.artwork-lightbox-body img{display:block;width:100%;max-height:calc(100vh - 150px);object-fit:contain;background:#111c29;border-radius:7px}.artwork-lightbox-close{position:absolute;top:22px;right:22px}.detail-side{align-content:start}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 0;border-bottom:1px solid #edf1f5}.info-row:last-child{border-bottom:0}.info-row>span{color:var(--muted);font-size:13px}.info-row>strong{min-width:0;text-align:right}.compact-list{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}.compact-list>span{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;color:#263548;background:#f3f6fa;border:1px solid var(--line);border-radius:999px;font-weight:800}.compact-list small{color:var(--muted);font-weight:700}.staff-group{display:grid;gap:8px}.staff-group h3{color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase}.library-detail-hero{align-items:center}.library-detail-cover.image{color:transparent;background:#dce5ef}.library-detail-cover img{display:block;width:100%;height:100%;object-fit:cover}.public-match-card{align-content:start}.public-match-status{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;min-width:0;padding:12px;border:1px solid #d9e7f1;border-radius:8px;background:#f7fbff}.public-match-status.matched{border-color:#b8dccf;background:#f1faf6}.public-match-status.unmatched{border-color:#ecd6a4;background:#fffaf0}.public-match-status svg{margin-top:2px}.public-match-status.matched svg{color:#16845b}.public-match-status.unmatched svg{color:#9b6a10}.public-match-status>div,.public-match-game>span,.public-match-evidence{display:grid;gap:4px;min-width:0}.public-match-status span,.public-match-game small,.public-match-evidence>span{color:var(--muted);font-size:13px;line-height:1.45}.public-match-game{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-width:0;padding:10px;color:inherit;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px;text-align:left;cursor:pointer}.public-match-game:hover{background:#edf7f5;border-color:#c9d8e8}.public-match-game svg{color:var(--blue)}.public-match-game strong,.public-match-game small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-match-tools{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.match-search-box{display:flex;flex:1 1 260px;align-items:center;gap:8px;min-width:0;height:40px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.match-search-box svg{flex:0 0 auto;color:var(--muted)}.match-search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-weight:800}.public-match-results{display:grid;gap:8px;min-width:0}.public-match-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;color:inherit;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px;text-align:left}.public-match-result:not(:disabled){cursor:pointer}.public-match-result:not(:disabled):hover{background:#edf7f5;border-color:#c9d8e8}.public-match-result>span{display:grid;gap:2px;min-width:0}.public-match-result strong,.public-match-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-match-result small{color:var(--muted);font-size:12px}.inline-code{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;color:#405168}.mini-list{display:grid;gap:9px;min-width:0}.mini-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;min-width:0;padding:10px;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px}.mini-row-button{width:100%;color:inherit;text-align:left;cursor:pointer}.mini-row-button:hover{background:#edf7f5;border-color:#c9d8e8}.mini-row svg{margin-top:2px;color:var(--blue)}.mini-row>div{display:grid;gap:2px;min-width:0}.mini-row strong,.mini-row span,.mini-row code,.mini-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.mini-row span,.mini-row small{color:var(--muted);font-size:12px;line-height:1.45}.mini-row code{display:block;color:#405168;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;white-space:nowrap}.path-row code{margin-top:2px}.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.insights-grid .detail-card:first-child{grid-row:span 2}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--page)}.sidebar{display:flex;flex-direction:column;gap:24px;min-width:0;padding:22px;color:#f8fafc;background:var(--nav)}.dashboard-brand{width:100%}.sidebar .brand span,.sidebar .brand small,.sidebar .brand-link span,.sidebar .brand-link small{color:#bac7d6}.nav-list{display:grid;gap:8px;min-width:0}.nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;min-width:0;padding:0 12px;color:#cbd5e1;background:transparent;border:1px solid transparent;border-radius:8px;font-weight:800;text-align:left}.nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover,.nav-item.active{color:#f8fafc;background:var(--nav-hover);border-color:#334960}.sidebar-footer{display:grid;gap:10px;margin-top:auto}.api-base{color:#a7b5c6;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;margin-bottom:20px}.topbar>div:first-child{min-width:0}.topbar-actions{display:flex;align-items:flex-start;gap:12px;min-width:0}.account{display:flex;align-items:center;gap:10px;min-width:0}.account-authenticated{width:min(360px,45vw);min-height:56px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#fff;font-size:13px;font-weight:900;background:var(--blue);border-radius:8px}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;min-height:82px;min-width:0;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.metric-icon{display:grid;grid-row:span 2;width:40px;height:40px;place-items:center;border-radius:8px}.metric span{min-width:0;align-self:end;color:#697789;font-size:13px;line-height:1.35}.metric strong{min-width:0;align-self:start;color:var(--ink);font-size:25px;line-height:1.1}.metric-blue .metric-icon{color:var(--blue);background:#e7effc}.metric-green .metric-icon{color:var(--green);background:#dcf7e9}.metric-amber .metric-icon{color:var(--amber);background:#fff0cf}.metric-rose .metric-icon{color:var(--rose);background:#fde5ef}.content-section{min-width:0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;min-width:0;margin-bottom:14px}.section-header>div{display:flex;align-items:center;gap:10px;min-width:0}.section-header h2{min-width:0}.table-list,.queue-list,.settings-grid{display:grid;gap:10px;min-width:0}.sync-settings-form{display:grid;gap:12px;min-width:0;padding:12px;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px}.compact-section-header{margin-bottom:0}.row-item,.device-card,.queue-item,.setting-row{display:grid;align-items:center;gap:12px;min-height:68px;min-width:0;padding:12px;background:#fbfcfe;border:1px solid #e7edf4;border-radius:8px}.row-item{grid-template-columns:minmax(160px,2fr) minmax(120px,1fr) minmax(92px,auto) 52px}.library-item{display:grid;gap:12px;min-width:0;padding:12px;background:#fbfcfe;border:1px solid #e7edf4;border-radius:8px}.library-row-summary{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(140px,.9fr) minmax(98px,auto) 56px 88px;align-items:center;gap:12px;min-width:0}.library-title-button{display:grid;gap:3px;min-width:0;padding:0;color:inherit;background:transparent;border:0;text-align:left}.library-title-button strong,.library-title-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-title-button span{color:var(--muted);font-size:13px;line-height:1.5}.library-row-actions{display:flex;justify-content:flex-end;gap:6px;min-width:0}.library-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;min-width:0}.library-cover-grid .empty-state,.library-cover-grid .loading-row{grid-column:1 / -1}.library-cover-card{position:relative;display:grid;align-content:start;gap:10px;min-width:0}.library-cover-button{position:relative;width:100%;min-width:0;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.library-cover-art{display:grid;width:100%;aspect-ratio:2 / 3;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.2) 0 28%,transparent 28% 100%),#2359a6;border:1px solid #d7e0eb;border-radius:8px;box-shadow:var(--shadow-tight);font-size:24px;font-weight:900}.library-cover-art.image{background:#e0e8f1}.library-cover-art img{display:block;width:100%;height:100%;object-fit:cover}.library-bind-badge{position:absolute;right:8px;bottom:8px;display:grid;width:30px;height:30px;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.66);border-radius:999px;box-shadow:0 8px 18px #141f2e38}.library-bind-badge.matched{background:#16845b}.library-bind-badge.unmatched{background:#9b6a10}.library-cover-body{display:grid;gap:7px;min-width:0}.library-card-title{min-width:0;padding:0;overflow:hidden;color:var(--ink);background:transparent;border:0;font-weight:900;line-height:1.25;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.library-card-subtitle{min-width:0;min-height:18px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.library-card-meta,.library-card-tags{gap:5px}.library-card-meta{display:flex;flex-wrap:wrap;min-width:0}.library-cover-card .library-row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,36px));justify-content:flex-start;align-items:center;gap:6px;width:100%}.library-cover-card .icon-button{width:36px;height:36px;min-height:36px;flex-basis:36px}.library-error{margin:0 0 12px}.row-item>div,.device-card>div,.queue-item>div,.setting-row>div{min-width:0}.row-item strong,.row-item span,.device-card strong,.device-card span,.queue-item strong,.queue-item span,.setting-row strong,.setting-row span{overflow:hidden;text-overflow:ellipsis}.tag-line{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.score{text-align:right}.user-game-edit-form{display:grid;gap:12px;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.compact-edit-form{background:#fff}.form-grid{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(120px,.45fr) minmax(220px,1fr);gap:10px;min-width:0}.field{display:grid;gap:6px;min-width:0;color:#35455b;font-size:13px;font-weight:800}.field-wide{grid-column:span 3}.field input,.field select,.field textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:0}.field input,.field select{height:40px;padding:0 10px}.field textarea{resize:vertical;padding:10px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8bb6e8;box-shadow:0 0 0 3px #2359a61f}.edit-form-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.check-control{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;color:#35455b;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:900;white-space:nowrap}.check-control input{width:16px;height:16px;margin:0;accent-color:var(--teal)}.search-box{display:flex;align-items:center;gap:8px;width:min(360px,46vw);height:40px;min-width:180px;padding:0 11px;color:#697789;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.select-control{display:inline-flex;align-items:center;gap:8px;min-height:40px;min-width:220px;max-width:min(420px,100%);padding:0 10px;color:#697789;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.select-control select{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compact-game-table{display:grid;overflow:hidden;border:1px solid #e7edf4;border-radius:8px}.compact-game-row{display:grid;grid-template-columns:52px minmax(180px,1fr) minmax(140px,.7fr) 100px 100px;align-items:center;gap:12px;min-width:0;min-height:58px;padding:8px 12px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #e7edf4;text-align:left}.compact-game-row:nth-child(2n){background:#fbfcfe}.compact-game-row:last-child{border-bottom:0}.compact-game-row:hover{background:#edf7f5}.compact-game-cover{width:52px;height:38px;font-size:13px}.compact-game-title{display:grid;min-width:0;gap:2px}.compact-game-title strong,.compact-game-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-game-title span{color:var(--muted);font-size:12px}.compact-game-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.compact-game-stat{justify-self:end;color:#405168;font-size:13px;font-weight:900;white-space:nowrap}.game-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:112px;min-width:0;padding:12px;background:#fbfcfe;border:1px solid #e7edf4;border-radius:8px}.cover-swatch{display:grid;width:72px;height:88px;place-items:center;color:#17345d;background:linear-gradient(145deg,rgba(255,255,255,.42) 0 32%,transparent 32% 100%),#d8e6f7;border:1px solid #bfd2ec;border-radius:8px}.game-card-body{display:grid;align-content:start;gap:6px;min-width:0}.game-card-body strong,.game-card-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sync-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin-bottom:12px}.sync-overview>div{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-height:62px;min-width:0;padding:11px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.sync-overview svg{grid-row:span 2;color:var(--teal)}.sync-overview span{color:var(--muted);font-size:12px;font-weight:800}.sync-overview strong{min-width:0;overflow:hidden;color:var(--ink);font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.device-card{grid-template-columns:32px minmax(0,1fr) auto auto 40px}.device-card>svg,.setting-row>svg,.queue-item>svg{color:var(--blue)}.artwork-grid{display:grid;grid-template-columns:1.2fr 1.8fr 1.2fr;gap:12px}.artwork-grid .empty-state,.artwork-grid .loading-row{grid-column:1 / -1}.artwork-submit-form{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(260px,1fr) auto;align-items:end;gap:10px;min-width:0;margin-bottom:12px;padding:12px;background:#f8fafc;border:1px solid #e7edf4;border-radius:8px}.artwork-submit-form .field-wide{grid-column:span 1}.artwork-choice-target{margin-bottom:12px}.artwork-tile{display:flex;min-height:180px;min-width:0;flex-direction:column;justify-content:space-between;padding:14px;color:#fff;border-radius:8px}.real-artwork-tile{position:relative;overflow:hidden;min-height:240px;background:#172331}.real-artwork-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.real-artwork-tile:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#0a121c38,#0a121cb8)}.real-artwork-tile>*:not(img){position:relative;z-index:1}.artwork-tile-head{display:grid;gap:8px;justify-items:start}.artwork-tile .badge{color:#ffffffeb;background:#ffffff24;border-color:#ffffff42}.artwork-tile strong{display:block;margin-top:8px;font-size:22px}.artwork-1{background:var(--blue)}.artwork-2{background:var(--teal)}.artwork-3{background:var(--rose)}.artwork-meta{display:flex;flex-wrap:wrap;gap:10px}.artwork-meta span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-weight:800;white-space:nowrap}.artwork-actions{display:flex;flex-wrap:wrap;gap:8px}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.split-section>div{min-width:0}.queue-item{grid-template-columns:28px minmax(0,1fr) 40px}.admin-panel{display:grid;gap:14px;min-width:0}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-summary-grid article{display:grid;gap:4px;min-height:76px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px}.admin-summary-grid span,.admin-user-stat{color:var(--muted);font-size:12px;font-weight:800}.admin-summary-grid strong{color:var(--ink);font-size:24px;line-height:1}.admin-error{padding:10px 12px;color:#8f1f3e;background:#fff1f4;border:1px solid #ffd3df;border-radius:8px;font-size:13px;font-weight:800}.admin-create-form{display:grid;grid-template-columns:22px minmax(180px,1.2fr) minmax(140px,.9fr) minmax(140px,.8fr) 112px auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.admin-create-form input,.admin-create-form select,.admin-user-row select{width:100%;min-width:0;height:38px;padding:0 10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px}.admin-user-table{display:grid;gap:8px;min-width:0}.admin-user-row{display:grid;grid-template-columns:minmax(220px,1.4fr) 90px 104px 88px 104px minmax(190px,auto);align-items:center;gap:10px;min-width:0;min-height:64px;padding:10px 12px;background:#fff;border:1px solid #e7edf4;border-radius:8px}.admin-user-row>div:first-child{display:grid;gap:2px;min-width:0}.admin-user-row strong,.admin-user-row span,.admin-queue-item strong,.admin-queue-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-actions{display:flex;justify-content:flex-end;gap:7px;min-width:0}.admin-queue-item{grid-template-columns:28px minmax(0,1fr) minmax(160px,auto)}.compact{min-height:34px;padding:0 10px;font-size:12px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;color:#8f1f3e;background:#fff1f4;border:1px solid #ffd3df;border-radius:8px;font-size:13px;font-weight:900}.danger-button:hover:not(:disabled){background:#ffe5ec}.square{width:36px;padding:0}.setting-row{grid-template-columns:32px minmax(0,1fr) auto}.privacy-setting-row{align-items:center}.switch-control{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 10px;color:#35455b;background:#f8fafc;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap}.switch-control input{width:34px;height:20px;margin:0;accent-color:var(--teal)}.empty-state{display:grid;min-height:112px;place-items:center;padding:16px;color:var(--muted);background:#fbfcfe;border:1px dashed var(--line-strong);border-radius:8px;text-align:center}.loading-row{height:68px;background:linear-gradient(90deg,#eef2f6,#f7f9fb 48%,#eef2f6);background-size:200% 100%;border-radius:8px;animation:loading-pan 1.4s ease-in-out infinite}@keyframes loading-pan{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 1180px){.home-hero,.home-band,.popular-section,.home-nav,.auth-nav,.auth-layout{width:min(100% - 32px,1040px)}.home-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:24px}.hero-content h1{max-width:860px}.hero-visual{max-width:760px}.home-band,.sync-band{grid-template-columns:1fr}.popular-row{grid-template-columns:38px minmax(220px,1fr) 112px 96px 96px 30px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;flex-direction:row;align-items:center;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar{scrollbar-width:none}.dashboard-brand{width:auto;flex:0 0 auto}.nav-list{grid-auto-flow:column;grid-auto-columns:max-content}.nav-item{width:auto}.sidebar-footer{display:none}.metric-grid,.game-grid,.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){h1{font-size:27px}h2{font-size:18px}.home-nav,.auth-nav{align-items:flex-start}.home-actions{flex-wrap:wrap}.hero-meta,.feature-grid,.auth-layout{grid-template-columns:1fr}.hero-content h1,.auth-product h1{font-size:clamp(34px,9vw,46px)}.auth-layout{align-items:start;min-height:0;padding-top:22px}.metric-grid,.game-grid,.device-grid,.artwork-grid,.game-artwork-columns,.admin-summary-grid,.split-section,.sync-overview,.insights-grid{grid-template-columns:1fr}.insights-grid .detail-card:first-child{grid-row:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-submit-form{grid-template-columns:1fr}.game-artwork-target{width:100%}.field-wide{grid-column:span 2}.admin-create-form,.admin-user-row,.admin-queue-item{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start;flex-wrap:wrap}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.account-authenticated,.search-box{width:100%}.section-header{align-items:flex-start;flex-direction:column}}@media (max-width: 640px){.home-nav,.auth-nav,.home-hero,.home-band,.popular-section,.game-detail-shell,.auth-layout{width:calc(100% - 28px)}.home-nav,.auth-nav{flex-direction:column;gap:14px}.home-actions,.home-actions .solid-button,.home-actions .ghost-button,.hero-actions,.hero-actions .solid-button,.hero-actions .ghost-button,.band-actions,.band-actions .solid-button,.band-actions .ghost-button,.auth-nav .ghost-button{width:100%}.home-actions a{flex:1 1 auto;justify-content:center;min-width:88px;padding-inline:8px}.popular-head{flex-direction:column}.popular-search{width:100%;min-width:0}.popular-table,.search-results-list{overflow-x:auto}.popular-row{grid-template-columns:36px minmax(210px,1fr) 104px 94px 94px 28px;width:max(100%,620px)}.search-result-row{grid-template-columns:58px minmax(210px,1fr) 28px;width:max(100%,340px)}.popular-game-cell{grid-template-columns:58px minmax(0,1fr)}.popular-cover{width:58px}.detail-hero,.detail-grid,.detail-grid-secondary{grid-template-columns:1fr}.detail-cover{width:100%;max-width:220px}.compact-game-table{overflow-x:auto}.compact-game-row{grid-template-columns:52px minmax(190px,1fr) minmax(120px,.7fr) 92px 92px;width:max(100%,560px)}.home-hero{padding:16px 0 38px}.hero-lede,.band-copy p:not(.eyebrow),.auth-product p{font-size:15px;line-height:1.68}.client-window{min-height:360px}.client-layout{grid-template-columns:52px minmax(0,1fr);min-height:318px}.client-main{padding:12px}.client-cover-grid{grid-template-columns:1fr}.cover-block{min-height:88px}.sync-row{grid-template-columns:34px minmax(0,1fr)}.sync-row strong,.sync-row .status-pill{grid-column:2;justify-self:start}.auth-card,.status-card{padding:18px}.sidebar{position:static;display:grid;grid-template-columns:1fr;gap:14px;padding:16px;overflow-x:hidden}.nav-list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{justify-content:center;min-height:40px;padding:0 8px;text-align:center}.nav-item span{font-size:14px}.workspace{padding:16px}.row-item,.device-card,.queue-item,.setting-row{grid-template-columns:1fr;align-items:start}.library-row-summary,.form-grid,.oauth-actions{grid-template-columns:1fr}.field-wide{grid-column:span 1}.library-row-actions,.edit-form-footer{justify-content:flex-start}.queue-item .icon-button{justify-self:start}.score{text-align:left}.game-card{grid-template-columns:58px minmax(0,1fr)}.cover-swatch{width:58px;height:78px}}@media (max-width: 420px){.brand-mark{width:38px;height:38px;flex-basis:38px}.hero-content h1,.auth-product h1{font-size:32px}.home-actions a{width:100%}.metric{grid-template-columns:36px minmax(0,1fr);padding:12px}.metric-icon{width:36px;height:36px}.account-authenticated{flex-wrap:wrap}.account-copy{flex-basis:calc(100% - 52px)}}