body{margin:0;background:#eef1f3;color:#202d35;line-height:1.6}button,input,select{font:inherit}button{min-height:44px;padding:10px 16px;color:#25414f;background:#fff;border:1px solid #738994;border-radius:5px}button:hover{background:#e9f3f6}button:disabled{opacity:.5}input,select{min-height:48px;background:#fff;border:1px solid #738994;color:#202d35;border-radius:5px;padding:10px 12px;font-size:16px}input{width:100%;min-width:0}select{margin-left:8px}main{max-width:1168px;margin:auto;padding:32px 24px 0}h1,h2,p{margin-top:0}h1{font-size:28px;line-height:1.4}h2{font-size:22px}.collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.collection-heading h1{margin:0 0 8px}.collection-heading p{font-size:14px;color:#52636e;margin:0;max-width:500px}.totals{display:flex;align-items:flex-end;flex-direction:column;gap:4px;padding-top:2px;flex:none}.totals strong{font-size:26px;line-height:1.4;font-weight:700;color:#174b5e}.totals span{font-size:13px;color:#52636e}.collection-toolbar{display:flex;align-items:center;gap:12px}.collection-toolbar .search{flex:1}.collection-toolbar>button{flex:none;min-height:48px;font-size:14px}.compact-filters{margin:8px 0 20px;border-bottom:1px solid #bcc8ce}.compact-filters>summary{display:list-item;cursor:pointer;min-height:44px;padding:10px 0;color:#344f5d;font-size:14px}.compact-filters summary span{margin-left:12px;color:#596c78;font-size:13px}.filters{display:grid;gap:16px;padding:16px 0 20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:8px 14px;font-size:14px;min-width:56px}.chips button[aria-pressed=true]{background:#dceef3;color:#164c60;border-color:#337f98;font-weight:700}#message{min-height:0;margin:0 0 12px;font-size:14px;color:#684414}#message:empty{display:none}.subtle{font-size:14px;line-height:1.7;color:#52636e}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:16px 12px}.tile{position:relative;min-width:0;border:1px solid #bdc8cf;background:#fff;border-radius:6px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 192px}.tile[hidden]{display:none}.tile:focus-within{outline:3px solid #bc7b00;outline-offset:3px}.tile.owned{border:2px solid #0a7e99}.card-button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#243943;text-align:left;touch-action:manipulation}.card-button:hover{background:#f4f8fa}.card-button:focus-visible{outline:0}.face{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#26343f;overflow:hidden}.face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.78);opacity:.78}.tile.owned .face img{filter:none;opacity:1}.fallback{font-size:14px;line-height:1.5;padding:12px;text-align:center;color:#e6f1f5}.has-image .fallback{visibility:hidden}.check{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:2px 5px;border:1px solid #dce8ed;background:#203640db;color:#fff;border-radius:3px;font-size:14px}.owned .check{background:#087a93;border-color:#b0edf6;color:#fff;font-weight:750}.check:empty{display:none}.stars{position:absolute;top:8px;left:8px;font-size:12px;color:#ffe4a4;text-shadow:0 1px 3px #000;background:#24333cbf;padding:1px 4px;border-radius:3px}.stage-label{position:absolute;right:8px;bottom:8px;background:#172a35e8;color:#f0f8fa;font-size:12px;padding:2px 6px;border-radius:3px}.stage-label:empty{display:none}.tileName{display:flex;align-items:center;min-height:54px;padding:8px;font-size:14px;line-height:1.45;overflow-wrap:anywhere;font-weight:650}.statusline{display:none}.tile.pending{outline:2px solid #ba7a10;outline-offset:2px}.tile.pending .face,.card-button:active .face{filter:brightness(1.12)}
.next-step{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px -2px 0;padding:14px 2px;background:#eef1f3f5;border-top:1px solid #aebfc9;backdrop-filter:blur(12px)}.next-step>span{font-size:13px;color:#52636e}.next-step a{display:flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;border-radius:5px;background:#087a93;color:#fff;font-size:16px;font-weight:700;text-decoration:none}.next-step a:hover{background:#075f75}
dialog{color:#202d35;background:#fff;border:1px solid #93a8b4;border-radius:8px;padding:28px;width:min(500px,calc(100vw - 32px));max-height:92dvh;line-height:1.7;box-shadow:0 12px 60px #152b3a33}dialog::backdrop{background:#1428329e}dialog p{font-size:15px}.close{float:right}.eyebrow{font-size:13px;letter-spacing:0;color:#596f7b;margin:0 0 8px}.eliteChoices{display:flex;gap:12px;margin:24px 0}.eliteChoices button{flex:1;min-height:72px;font-size:18px}.eliteChoices small{font-size:14px}.eliteChoices button[aria-pressed=true]{background:#dceff4;color:#174d5d;border:2px solid #147c96}.level-settings{border-top:1px solid #c4cfd5;padding-top:8px;margin:20px 0;font-size:15px}.level-settings summary{min-height:44px;padding:10px 0;cursor:pointer}.level-settings label{display:block}.level-settings input{display:block;margin:8px 0 12px;max-width:160px}.level-settings button{margin:0}.level-settings p{font-size:14px}#unknownOwnership,#unknownPhase{display:block;width:100%;margin:8px 0;font-size:14px}.setting-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.setting-actions button{font-size:14px}.wide-button{width:100%;font-size:15px;margin:8px 0}.bulkActions{display:flex;justify-content:flex-end;gap:12px}#confirmBulk{background:#087a93;color:#fff;border-color:#087a93}.import-tools-sheet{width:min(900px,calc(100vw - 24px));height:min(900px,94dvh);max-width:none;padding:20px;overflow:hidden}.import-tools-sheet[open]{display:flex;flex-direction:column}.import-tools-sheet .sheet-heading,.import-tools-sheet #importToolsStatus{flex:none}.import-tools-sheet iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}.import-tools-sheet #importToolsStatus{margin:0 0 8px}.import-tools-sheet #importToolsStatus:empty{display:none}
@media(max-width:720px){main{padding:24px 16px 0}.collection-heading{gap:16px;margin-bottom:20px}.collection-heading h1{font-size:24px}.collection-heading p{font-size:14px;max-width:240px}.totals strong{font-size:23px}.totals span{font-size:13px;max-width:95px;text-align:right}.collection-toolbar{gap:8px}.collection-toolbar>button{padding:10px 12px}.compact-filters{margin-bottom:16px}.compact-filters summary span{display:inline;font-size:13px}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.tile{contain-intrinsic-size:auto 180px}.tileName{font-size:14px;min-height:56px;padding:8px 7px}.next-step{gap:12px;padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.next-step>span{font-size:13px;max-width:120px}.next-step a{font-size:15px;gap:16px;padding:12px 18px}.stars{top:6px;left:6px}.check{top:6px;right:6px}.stage-label{right:6px;bottom:6px}dialog{padding:22px}.import-tools-sheet{padding:16px}.import-tools-sheet .sheet-heading h2{font-size:18px}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.collection-toolbar>button{font-size:14px;padding:10px}#grid{gap:10px 8px}.tileName{font-size:14px;padding:7px 6px}.next-step>span{max-width:100px}.next-step a{padding:12px 14px;font-size:14px}}
