:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4efe7;background:#171612;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#171612;--sidebar:#15140f;--panel:#23211c;--border:rgba(224,181,129,.16);--border-strong:rgba(224,155,87,.45);--accent:#c37d45;--muted:#a9a39a;--positive:#72bd77}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 70% 0%,#242118 0,var(--bg) 34rem)}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 14px 0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(21,20,15,.98),rgba(18,17,13,.98));overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand-mark{width:43px;height:43px;display:flex;align-items:end;justify-content:center;gap:3px;padding-bottom:10px;border:1px solid rgba(232,178,119,.35);border-radius:11px;background:linear-gradient(145deg,rgba(202,122,60,.24),rgba(255,255,255,.025))}.brand-mark span{display:block;width:6px;border-radius:2px;background:#e8b277}.brand-mark span:nth-child(1){height:17px}.brand-mark span:nth-child(2){height:25px}.brand-mark span:nth-child(3){height:21px}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.015em}.brand small{margin-top:3px;color:var(--muted);font-size:11px}.nav-list{display:grid;gap:5px}.nav-item{height:43px;display:flex;align-items:center;gap:13px;width:100%;padding:0 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cec7bd;cursor:pointer;text-align:left;transition:150ms ease}.nav-item:hover{background:rgba(255,255,255,.035);color:#fff}.nav-item.active{color:#fff3e4;border-color:var(--border-strong);background:linear-gradient(90deg,rgba(195,125,69,.18),rgba(195,125,69,.07));box-shadow:inset 3px 0 #c88850}.nav-item i{width:20px;color:#d7aa76;font-style:normal;font-size:19px;text-align:center}.sidebar-vignette{position:relative;margin:auto -14px 0;height:250px;border-top:1px solid rgba(224,181,129,.1);overflow:hidden;background:linear-gradient(180deg,rgba(20,19,14,.1),rgba(34,24,15,.95)),linear-gradient(90deg,#241b12,#17130f)}.sidebar-vignette:after{content:"";position:absolute;left:0;right:0;bottom:51px;height:7px;background:#5d3c24;box-shadow:0 6px 14px #0c0b09}.plant{position:absolute;left:22px;bottom:57px;width:54px;height:105px;border-bottom:34px solid #52351e;border-left:9px solid transparent;border-right:9px solid transparent}.plant i{position:absolute;width:32px;height:16px;border-radius:100% 0 100% 0;background:#38451f;transform-origin:right center}.plant i:nth-child(1){top:-54px;left:-6px;transform:rotate(28deg)}.plant i:nth-child(2){top:-35px;left:17px;transform:scaleX(-1) rotate(32deg)}.plant i:nth-child(3){top:-17px;left:-11px;transform:rotate(11deg)}.plant i:nth-child(4){top:-74px;left:16px;transform:scaleX(-1) rotate(55deg)}.poster{position:absolute;left:104px;bottom:65px;width:86px;height:118px;padding:17px 9px;display:flex;flex-direction:column;align-items:center;color:#6c4525;border:7px solid #4b3424;background:#b68b59;box-shadow:0 9px 20px rgba(0,0,0,.45)}.poster b{margin-top:12px;font-family:Georgia,serif;font-size:14px}.poster span{font-size:8px;letter-spacing:.3em}.poster em{margin-top:8px;font-style:normal;font-size:22px}.lamp{position:absolute;left:82px;bottom:59px;width:18px;height:23px;border-radius:50% 50% 7px 7px;background:#ffc873;box-shadow:0 0 18px 7px rgba(255,166,72,.23)}.shelf-books{position:absolute;left:40px;right:28px;bottom:11px;display:flex;align-items:end;gap:4px}.shelf-books span{display:block;height:28px;flex:1;border:1px solid rgba(169,112,66,.2);background:#231a12}.main-content{padding:22px 28px 28px;overflow:hidden}.topbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:25px;letter-spacing:-.035em}.topbar p{margin-top:5px;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:13px}.search-field{width:270px;height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#777168;border:1px solid rgba(224,181,129,.23);border-radius:9px;background:rgba(17,16,13,.6)}.search-field:focus-within{color:#c7a57f;border-color:rgba(224,161,104,.55);box-shadow:0 0 0 3px rgba(195,125,69,.09)}.search-field input{width:100%;border:0;outline:0;color:#f4efe7;background:transparent}.primary-button,.icon-button{height:44px;border-radius:8px;cursor:pointer}.primary-button{padding:0 20px;border:1px solid #d0915c;background:linear-gradient(180deg,#bd7540,#8f4e2a);font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.15),0 6px 14px rgba(0,0,0,.18)}.primary-button span{margin-right:7px;font-size:21px;font-weight:400}.icon-button{width:48px;display:grid;place-items:center;border:1px solid rgba(224,181,129,.27);background:rgba(24,23,18,.7);font-size:21px}.error-banner{margin-bottom:16px;padding:13px 15px;border:1px solid rgba(239,102,86,.4);border-radius:8px;color:#ffc8bf;background:rgba(130,35,25,.22)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-grid span{height:116px;border-radius:10px;background:linear-gradient(90deg,#211f1a,#2b2821,#211f1a);background-size:220% 100%;animation:pulse 1.4s infinite}@keyframes pulse{to{background-position:-220% 0}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:15px}.stat-card{min-height:116px;display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,rgba(46,43,36,.96),rgba(31,29,24,.96));box-shadow:0 7px 20px rgba(0,0,0,.12)}.stat-icon{flex:0 0 54px;height:54px;display:grid;place-items:center;color:#dda466;border:1px solid rgba(221,164,102,.25);border-radius:50%;font-size:26px}.stat-card strong,.stat-card span,.stat-card small{display:block}.stat-card strong{font-size:30px;line-height:.95;letter-spacing:-.035em}.stat-card span{margin-top:8px;font-size:14px}.stat-card small{margin-top:5px;color:var(--muted);font-size:11px}.stat-card small.positive{color:var(--positive)}.panel{border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,rgba(40,37,31,.97),rgba(31,29,24,.97));box-shadow:0 8px 24px rgba(0,0,0,.12)}.section-heading{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.section-heading h2{font-size:15px;font-weight:600}.section-heading button{border:0;color:#c8c0b5;background:transparent;cursor:pointer;font-size:11px}.section-heading button span{margin-left:7px;font-size:18px;vertical-align:-1px}.recent-panel{margin-bottom:15px}.recent-grid{min-height:260px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:33px;padding:0 30px 18px;overflow:visible}.cover-card{position:relative;min-width:0}.game-cover{position:relative;width:min(100%,145px);aspect-ratio:.69;margin:2px auto 9px;padding:41px 10px 12px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;border:2px solid rgba(255,255,255,.16);border-radius:3px;color:#f5eee3;background:linear-gradient(155deg,var(--cover-a),var(--cover-b));box-shadow:0 11px 16px rgba(0,0,0,.38),inset 5px 0 rgba(255,255,255,.07);transition:transform 150ms ease,box-shadow 150ms ease}.cover-card:hover .game-cover,.cover-card.is-active .game-cover{transform:translateY(-4px);box-shadow:0 15px 23px rgba(0,0,0,.5),0 0 0 2px rgba(211,137,74,.55)}.platform-strip{position:absolute;top:0;left:0;right:0;height:29px;display:flex;align-items:center;padding-left:9px;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(10,12,15,.72);font-weight:800;font-size:9px;letter-spacing:.07em}.cover-art-lines{position:absolute;inset:30px -28px 42px;opacity:.34;background:repeating-linear-gradient(129deg,transparent 0 15px,rgba(255,255,255,.22) 16px 17px);transform:rotate(-7deg)}.game-cover strong{position:relative;font-family:Georgia,serif;font-size:clamp(12px,1.05vw,18px);line-height:1.03;text-transform:uppercase;text-shadow:0 2px 4px #000}.game-cover small{position:relative;margin-top:6px;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.cover-meta{width:min(100%,145px);margin:auto}.cover-meta strong,.cover-meta span,.cover-meta time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover-meta strong{font-size:11px}.cover-meta span,.cover-meta time{margin-top:3px;color:var(--muted);font-size:9px}.cover-popover{position:absolute;z-index:5;top:47px;left:calc(50% + 56px);width:170px;padding:13px;border:1px solid rgba(224,161,104,.3);border-radius:8px;background:rgba(31,29,25,.98);box-shadow:0 16px 30px rgba(0,0,0,.48)}.cover-popover dl{margin:0}.cover-popover dl div{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:9px}.cover-popover dt{color:#d3cbc1}.cover-popover dd{margin:0;color:#fff;text-align:right}.cover-popover button{width:100%;height:32px;margin-top:4px;border:1px solid #9d6438;border-radius:6px;color:#e8a86e;background:transparent;cursor:pointer}.empty-result{grid-column:1/-1;display:grid;place-items:center;color:var(--muted)}.two-column-row{display:grid;grid-template-columns:.95fr 1.45fr;gap:15px;margin-bottom:15px}.platform-panel,.status-panel{min-height:188px}.platform-list{display:grid;gap:8px;padding:2px 16px 16px}.platform-row{display:grid;grid-template-columns:145px minmax(100px,1fr) 28px;align-items:center;gap:10px;min-height:18px}.platform-name{display:flex;align-items:center;gap:9px;color:#dfd8cf;font-size:11px}.platform-name i{width:10px;height:10px;border-radius:3px;background:var(--platform-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--platform-color),transparent 80%)}.bar-track{height:10px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.055)}.bar-track span{display:block;height:100%;min-width:5px;border-radius:inherit;background:var(--platform-color);opacity:.85}.platform-row strong{font-size:11px;text-align:right}.status-content{display:grid;grid-template-columns:1fr 155px;gap:18px;padding:2px 15px 14px}.status-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:22px}.status-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.status-row span{display:flex;align-items:center;gap:8px;color:#d8d1c8}.status-row i{width:18px;color:#d09a5f;font-style:normal;text-align:center}.note-card{min-height:123px;padding:13px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#272018;border-radius:7px;background:#c9b28d;text-align:center;box-shadow:inset 0 0 22px rgba(77,49,28,.16)}.photo-placeholder{width:58px;height:48px;display:grid;place-items:center;margin-bottom:7px;border:2px solid rgba(65,45,28,.28);background:rgba(255,255,255,.2);transform:rotate(2deg);font-size:27px}.note-card strong{font-size:14px}.note-card span{margin-top:2px;font-size:11px}.bottom-row{display:grid;grid-template-columns:1.6fr .9fr;gap:15px}.shelf-panel,.loans-panel{min-height:245px}.shelves{padding:0 0 10px}.shelf-row{position:relative;width:100%;min-height:63px;display:grid;grid-template-columns:145px 1fr 95px;align-items:center;gap:10px;padding:4px 14px 10px;border:0;border-bottom:10px solid #54341f;color:inherit;background:linear-gradient(90deg,rgba(35,24,16,.88),rgba(65,42,25,.55));box-shadow:inset 0 -1px rgba(255,255,255,.11),0 6px 7px rgba(0,0,0,.28);cursor:pointer}.shelf-row+.shelf-row{margin-top:3px}.shelf-label{font-size:16px;font-weight:900;letter-spacing:.03em;text-align:left}.shelf-label small{display:block;margin-top:2px;color:#c9c0b5;font-size:8px;font-weight:500;letter-spacing:.12em}.spines{height:40px;display:flex;align-items:flex-end;gap:2px;overflow:hidden}.spines i{width:var(--spine-width);height:calc(29px + var(--spine-width)*.65);flex:0 0 var(--spine-width);border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,color-mix(in srgb,var(--spine-accent),#fff 15%),color-mix(in srgb,var(--spine-accent),#000 12%));box-shadow:inset 1px 0 rgba(255,255,255,.2)}.shelf-row strong{text-align:right;font-size:10px}.shelf-row strong span{margin-left:5px;font-size:17px}.loan-list{padding:0 15px}.loan-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:75px;border-bottom:1px solid rgba(255,255,255,.07)}.loan-thumb{width:33px;height:48px;display:grid;place-items:center;padding:3px;border:1px solid rgba(255,255,255,.23);border-radius:2px;background:linear-gradient(145deg,var(--loan-color),#111);font-size:7px;font-weight:800;text-align:center}.loan-row strong,.loan-row span,.loan-row small{display:block}.loan-row strong{font-size:12px}.loan-row span,.loan-row small{margin-top:4px;color:var(--muted);font-size:9px}.loan-badge{padding:7px 9px;color:#dda466!important;border:1px solid #8f5f39;border-radius:7px}.loan-footer{width:calc(100% - 30px);margin:10px 15px 0;padding:0;display:flex;justify-content:space-between;border:0;color:#c9c1b7;background:transparent;cursor:pointer;font-size:10px;text-align:left}@media(max-width:1350px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.main-content{padding-left:20px;padding-right:20px}.recent-grid{gap:19px;padding-left:20px;padding-right:20px}.cover-popover{left:calc(50% + 46px)}}

/* v0.2 — honest empty states, official covers only and local IGDB setup */
.sidebar{padding-bottom:18px}.sidebar-connection{margin-top:auto;display:grid;grid-template-columns:11px 1fr;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.025)}.sidebar-connection strong,.sidebar-connection small{display:block}.sidebar-connection strong{font-size:11px}.sidebar-connection small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.connection-dot{width:9px;height:9px;border-radius:50%;background:#6f6a61;box-shadow:0 0 0 4px rgba(111,106,97,.12)}.connection-dot.connected{background:var(--positive);box-shadow:0 0 0 4px rgba(114,189,119,.12)}.version-label{padding:11px 3px 0;color:#69645d;font-size:9px;text-align:center}.nav-item.is-planned{color:#a39d94}.nav-item.is-planned:hover:after{content:"Later";margin-left:auto;padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:#777168;font-size:8px}.topbar-actions[hidden]{display:none}.icon-button:disabled{cursor:not-allowed;opacity:.45}.toast{position:fixed;z-index:20;right:24px;bottom:24px;max-width:380px;padding:13px 16px;border:1px solid rgba(224,181,129,.24);border-radius:9px;background:#2a271f;box-shadow:0 14px 34px rgba(0,0,0,.42);font-size:12px}.setup-banner{min-height:70px;margin-bottom:15px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(208,145,92,.42);border-radius:10px;background:linear-gradient(90deg,rgba(195,125,69,.17),rgba(195,125,69,.055))}.setup-banner>div:first-child{display:flex;align-items:center;gap:13px}.setup-banner-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border:1px solid rgba(221,164,102,.35);border-radius:50%;color:#e0a064;font-size:20px}.setup-banner strong{font-size:12px}.setup-banner p{margin-top:4px;color:var(--muted);font-size:10px}.setup-banner-actions{display:flex;gap:8px}.setup-banner-actions button,.empty-action,.secondary-button,.danger-button{height:36px;padding:0 13px;border-radius:7px;cursor:pointer}.setup-banner-actions button:first-child,.secondary-button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#c4bdb3}.setup-banner-actions button:last-child,.empty-action{border:1px solid #b67442;background:#9b5b30;color:#fff}.recent-grid.has-empty-state{grid-template-columns:1fr;min-height:230px;padding:18px}.platform-list.has-empty-state,.shelves.has-empty-state,.loan-list.has-empty-state{display:grid;place-items:center;min-height:145px}.empty-state{width:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;color:var(--muted);text-align:center}.empty-state-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(224,181,129,.18);border-radius:50%;color:#bd8a59;background:rgba(255,255,255,.025);font-size:23px}.empty-state strong{color:#ebe5dd;font-size:13px}.empty-state p{max-width:460px;margin-top:6px;font-size:10px;line-height:1.55}.empty-action{margin-top:14px}.game-cover{padding:0;background:#15140f;display:block}.game-cover img{width:100%;height:100%;display:block;object-fit:cover}.neutral-cover{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#837d74;background:linear-gradient(145deg,#25231e,#1b1a16)}.neutral-cover span{font-size:32px}.neutral-cover small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.platform-strip{z-index:2;background:rgba(10,11,12,.84)}.cover-card .cover-popover{display:none}.cover-card:hover .cover-popover,.cover-card:focus-within .cover-popover{display:block}.loan-thumb{padding:0;overflow:hidden;background:#1a1915}.loan-thumb img{width:100%;height:100%;object-fit:cover}.loan-thumb span{font-size:7px}.note-card{background:#bda783}.status-content{min-height:145px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:15px}.settings-main{padding:26px}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid rgba(255,255,255,.07)}.settings-heading h2{margin-top:5px;font-size:24px}.settings-heading p{max-width:620px;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.55}.eyebrow{color:#d19a64;font-size:9px;font-weight:800;letter-spacing:.15em}.status-pill{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#aaa39a;background:rgba(255,255,255,.025);font-size:9px}.status-pill.connected{color:#96d29a;border-color:rgba(114,189,119,.32);background:rgba(114,189,119,.07)}.settings-form{max-width:720px;padding-top:24px;display:grid;gap:20px}.settings-form label>span{display:block;margin-bottom:8px;font-size:11px;font-weight:650}.settings-form input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(224,181,129,.22);border-radius:8px;outline:0;color:#f3eee6;background:#171612}.settings-form input:focus{border-color:rgba(224,161,104,.65);box-shadow:0 0 0 3px rgba(195,125,69,.09)}.settings-form label>small{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.5}.settings-form code{padding:2px 4px;border-radius:3px;background:rgba(255,255,255,.05);color:#d5cec5}.secret-field{display:grid;grid-template-columns:1fr auto}.secret-field input{border-radius:8px 0 0 8px}.secret-field button{padding:0 14px;border:1px solid rgba(224,181,129,.22);border-left:0;border-radius:0 8px 8px 0;color:#d9ad7e;background:#211f1a;cursor:pointer}.form-actions{display:flex;gap:10px;align-items:center}.secondary-button{background:transparent}.danger-button{border:1px solid rgba(224,94,78,.32);color:#ef9a90;background:rgba(153,48,38,.12)}.form-message{padding:11px 13px;border-radius:7px;font-size:10px}.form-message.success{border:1px solid rgba(114,189,119,.32);color:#a8dbaa;background:rgba(63,122,67,.13)}.form-message.error{border:1px solid rgba(239,102,86,.36);color:#ffc2ba;background:rgba(130,35,25,.18)}.spinner{width:14px;height:14px;display:inline-block;margin-right:8px!important;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.settings-side{display:grid;gap:15px;align-content:start}.info-panel,.privacy-panel,.connection-details{padding:20px}.setup-steps{display:grid;gap:18px;margin:18px 0 0;padding:0;list-style:none}.setup-steps li{display:grid;grid-template-columns:29px 1fr;gap:11px}.setup-steps li>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(224,181,129,.2);border-radius:50%;color:#d5a16b;background:rgba(255,255,255,.025);font-size:10px}.setup-steps strong{font-size:11px}.setup-steps p{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.privacy-panel{display:flex;gap:13px;align-items:flex-start}.privacy-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:8px;color:#d6a069;background:rgba(195,125,69,.11)}.privacy-panel strong{font-size:11px}.privacy-panel p{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}.connection-details{display:grid;gap:12px}.connection-details div{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.06);font-size:9px}.connection-details div:last-child{padding-bottom:0;border-bottom:0}.connection-details span{color:var(--muted)}.connection-details strong{text-align:right}@media(max-width:1350px){.settings-layout{grid-template-columns:minmax(0,1fr) 320px}.settings-main{padding:22px}}

.connected-settings-card{max-width:760px;margin-top:24px;padding:22px;border:1px solid rgba(114,189,119,.22);border-radius:10px;background:linear-gradient(145deg,rgba(114,189,119,.075),rgba(255,255,255,.018))}.connected-hero{display:flex;align-items:flex-start;gap:14px}.connected-check{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(114,189,119,.3);border-radius:50%;color:#a8dbaa;background:rgba(63,122,67,.16);font-size:19px}.connected-hero strong{font-size:13px}.connected-hero p{max-width:650px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.6}.connected-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:20px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.07)}.connected-summary div{padding:14px;background:#1c1b17}.connected-summary dt{color:var(--muted);font-size:9px}.connected-summary dd{margin-top:5px;color:#eee8df;font-size:11px;font-weight:700}.settings-return-action{margin-top:18px}@media(max-width:900px){.connected-summary{grid-template-columns:1fr}}

/* v0.3 — functional collection workspace and IGDB add flow */
button{border:0}.dashboard-library,.page-panel{padding:10px 14px 20px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px;padding:12px 4px}.library-card{min-width:0}.library-cover{position:relative;aspect-ratio:.72;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#171612;box-shadow:0 12px 20px rgba(0,0,0,.28)}.library-cover img{width:100%;height:100%;object-fit:cover}.library-cover>span{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;background:rgba(8,8,8,.84);font-size:8px;font-weight:800;letter-spacing:.08em}.library-card>div:last-child{padding-top:10px}.library-card strong,.library-card p,.library-card small{display:block}.library-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.library-card p{margin-top:5px;color:#c2bbb1;font-size:9px}.library-card small{margin-top:4px;color:var(--muted);font-size:8px}.page-panel{min-height:calc(100vh - 125px)}.platform-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 2px}.platform-card{min-height:82px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.025);cursor:pointer;text-align:left}.platform-card:hover{border-color:var(--border-strong);background:rgba(195,125,69,.07)}.platform-card i{width:8px;height:42px;border-radius:5px;background:var(--platform-color)}.platform-card strong,.platform-card small{display:block}.platform-card strong{font-size:12px}.platform-card small{margin-top:5px;color:var(--muted);font-size:9px}.platform-card b{font-size:22px}.chart-list{display:grid;gap:13px;padding:18px 4px}.chart-list>div{display:grid;grid-template-columns:180px 1fr 40px;align-items:center;gap:15px;font-size:10px}.chart-list>div>div{height:8px;overflow:hidden;border-radius:10px;background:#171612}.chart-list i{display:block;height:100%;border-radius:10px;background:var(--platform-color)}.loan-entry{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.loan-cover{width:58px;aspect-ratio:.72;overflow:hidden;border-radius:3px}.loan-cover img{width:100%;height:100%;object-fit:cover}.loan-entry strong,.loan-entry span,.loan-entry small{display:block}.loan-entry span,.loan-entry small{margin-top:5px;color:var(--muted);font-size:9px}.game-dialog{width:min(1020px,calc(100vw - 48px));max-height:90vh;padding:0;border:1px solid rgba(224,181,129,.27);border-radius:12px;color:#f4efe7;background:#1d1b17;box-shadow:0 30px 90px rgba(0,0,0,.65)}.game-dialog::backdrop{background:rgba(5,5,4,.78);backdrop-filter:blur(4px)}.dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:90vh}.dialog-shell>header,.dialog-shell>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.dialog-shell>footer{justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.07);border-bottom:0}.dialog-shell h2{margin-top:4px;font-size:21px}.dialog-close{width:36px;height:36px;border-radius:7px;color:#bcb5ac;background:rgba(255,255,255,.05);cursor:pointer;font-size:24px}.dialog-body{overflow:auto;padding:22px}.igdb-search-step label>span,.form-grid label>span,.notes-label>span{display:block;margin-bottom:7px;font-size:10px;font-weight:700}.modal-search{display:grid;grid-template-columns:1fr auto}.modal-search input,.form-grid input,.form-grid select,.notes-label textarea{width:100%;border:1px solid rgba(224,181,129,.2);outline:0;color:#f4efe7;background:#15140f}.modal-search input{height:46px;padding:0 13px;border-radius:8px 0 0 8px}.modal-search button{padding:0 20px;border-radius:0 8px 8px 0;color:#fff;background:#9b5b30;cursor:pointer}.form-help{margin-top:7px;color:var(--muted);font-size:9px}.igdb-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.igdb-result{display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center;min-height:67px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025);cursor:pointer;text-align:left}.igdb-result:hover{border-color:var(--border-strong);background:rgba(195,125,69,.08)}.igdb-result img,.mini-neutral{width:45px;height:61px;object-fit:cover;border-radius:3px}.mini-neutral{display:grid;place-items:center;background:#29261f;color:#8c857c}.igdb-result strong,.igdb-result small{display:block}.igdb-result strong{font-size:11px}.igdb-result small{margin-top:5px;color:var(--muted);font-size:8px;line-height:1.4}.searching{padding:25px;color:var(--muted);text-align:center;font-size:10px}.copy-details{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.selected-game{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;margin-bottom:18px}.selected-game img,.selected-game .mini-neutral{width:62px;height:85px;object-fit:cover}.selected-game strong,.selected-game small{display:block}.selected-game strong{margin-top:5px;font-size:14px}.selected-game small{margin-top:5px;color:var(--muted);font-size:9px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid input,.form-grid select{height:42px;padding:0 11px;border-radius:7px}.check-grid{display:flex;gap:18px;margin:18px 0;font-size:10px}.check-grid label{display:flex;align-items:center;gap:7px}.notes-label textarea{padding:11px;border-radius:7px;resize:vertical}.primary-button:disabled{cursor:not-allowed;opacity:.45}