.styled-select{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:36px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:inline-flex}.styled-select>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.styled-select svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:14px;height:14px}.styled-select:hover,.styled-select[data-state=open]{border-color:var(--cyan);background:var(--tint)}.styled-select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.styled-select:disabled{opacity:.6;cursor:default}.select-menu{z-index:100;min-width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(320px, var(--radix-select-content-available-height));border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:18px;padding:6px;overflow:hidden;box-shadow:0 12px 36px #0003}.select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;min-height:36px;padding:9px 34px 9px 12px;font-size:13px;line-height:1.4;display:flex;position:relative}.select-option[data-state=checked]{color:var(--cyan)}.select-option[data-highlighted]{background:var(--tint);outline:none}.select-check{position:absolute;right:12px}.select-scroll{height:24px;color:var(--muted);place-items:center;display:grid}
.edition-picker-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;min-width:0;display:grid}.picker-art{background:linear-gradient(135deg, var(--tint), var(--panel));border-radius:22px;place-items:center;height:300px;min-height:0;padding:20px;display:grid}.picker-art>img,.picker-art-status{object-fit:contain;grid-area:1/1;width:100%;height:100%;min-height:0}.picker-art>img{transition:opacity .26s ease-out}.picker-art-status{place-items:center;display:grid}.picker-options{min-width:0}.picker-summary{color:var(--muted);margin-bottom:12px;font-size:12px;line-height:1.6}.picker-fields{gap:12px;display:grid}.picker-fields label{min-width:0;color:var(--muted);gap:8px;font-size:12px;display:grid}.picker-fields .styled-select{border-radius:22px;width:100%;min-height:44px;padding:10px 16px}@media (max-width:600px){.edition-picker-panel{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:16px;min-height:0}.picker-art{height:100%;padding:12px}.picker-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picker-fields>label:only-child,.picker-fields>label:first-child:nth-last-child(3){grid-column:1/-1}.picker-summary{margin-bottom:8px}.picker-options:has(.picker-fields>label:nth-child(3)) .picker-summary{display:none}}@media (max-width:600px) and (max-height:650px){.edition-picker-panel:has(.picker-fields>label:nth-child(3):last-child){grid-template-rows:1fr;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12px}.picker-options:has(.picker-fields>label:nth-child(3):last-child) .picker-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.picker-art>img{transition:none}}
.game-actions{justify-items:start;gap:8px;margin-top:20px;display:grid}.detail-actions .game-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:0;display:flex}.detail-actions .action-error{flex-basis:100%}.detail-actions .collection-button,.detail-actions .play-control{min-height:40px}.detail-actions .collection-button{padding-inline:18px}.detail-actions .personal-note{margin-top:0}.collection-button{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.collection-button:hover{border-color:var(--blue)}.collection-button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.collection-button.owned{color:var(--cyan);background:var(--tint)}.play-control{width:144px}.play-control.is-playing{color:var(--cyan);background:var(--tint)}.collection-button:disabled,.game-actions .styled-select:disabled{opacity:.6}.personal-note{color:var(--muted);font-size:13px;line-height:1.6}.text-action{color:var(--cyan);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline}.action-error{color:var(--lightningcss-light,#b12232)var(--lightningcss-dark,#ff9fa8);font-size:13px;line-height:1.6}.collection-dialog{border:1px solid var(--line);background:var(--panel);width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:28px;margin:auto;padding:24px;position:fixed;inset:0;box-shadow:0 24px 100px #0003}.collection-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b142366}.collection-dialog:has(.edition-picker-panel){width:min(760px,100% - 32px)}.copy-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.copy-dialog-heading h2{letter-spacing:-.5px;font-size:20px}.dialog-close{background:var(--tint);color:var(--ink);border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;line-height:1;display:grid}.dialog-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.dialog-game-name{color:var(--muted);margin:8px 0 20px;font-size:14px;line-height:1.5}.copy-form fieldset{border:0;gap:18px;margin:0;padding:0;display:grid}.copy-form label,.legacy-copy-select{gap:7px;min-width:0;font-size:12px;font-weight:500;display:grid}.copy-form .styled-select,.legacy-copy-select .styled-select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;font:inherit;background:var(--panel);color:var(--ink);border-radius:22px;padding:10px 16px;font-size:13px}.copy-form .copy-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.full-field{grid-column:1/-1}.format-toggle{background:var(--tint);border-radius:999px;padding:3px;display:flex}.format-toggle button{color:var(--muted);font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;flex:1;padding:8px;font-size:13px}.format-toggle button[aria-pressed=true]{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:0 1px 3px #0001}.dialog-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:22px;padding-top:18px;display:flex}.dialog-footer .collection-button{min-height:44px}.collection-loading{place-items:center;min-height:160px;display:grid}.collection-dialog[open]{animation:.22s ease-out collection-appear}@keyframes collection-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.collection-dialog[open]:has(.edition-picker-panel){flex-direction:column;width:100%;height:80dvh;display:flex}.collection-dialog:has(.edition-picker-panel) .copy-form{flex-direction:column;flex:1;min-height:0;display:flex}.collection-dialog:has(.edition-picker-panel) .copy-form fieldset{flex-direction:column;flex:1;min-height:0;display:flex}.collection-dialog .copy-dialog-heading,.collection-dialog .format-toggle,.collection-dialog .dialog-footer{flex-shrink:0}.collection-dialog .dialog-game-name{margin:4px 0 12px}.collection-dialog .copy-form fieldset{gap:12px}.collection-dialog .dialog-footer{margin-top:16px;padding-top:12px}.collection-dialog{width:100%;max-width:100%;padding-bottom:max(24px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;margin:0;inset:auto 0 0}.collection-dialog[open]{animation:.36s cubic-bezier(.22,1,.36,1) collection-sheet-enter}}@keyframes collection-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:600px) and (max-height:650px){.collection-dialog[open]:has(.picker-fields>label:nth-child(4)){height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}@media (prefers-reduced-motion:reduce){.collection-dialog[open]{animation:none}}.remove-action{margin-right:auto}.copy-remove{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.my-games-page{max-width:1040px;margin:auto;padding:38px 0}.my-games-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.my-games-heading h1{letter-spacing:-1.3px;margin:0 0 8px;font-size:36px}.my-games-heading p{color:var(--muted);font-size:13px}.collection-value{text-align:right;gap:4px;display:grid}.collection-value strong{letter-spacing:-.7px;font-size:26px;font-weight:600}.collection-value span,.collection-value small{color:var(--muted);font-size:11px}.my-games-filters{background:var(--tint);border-radius:28px;align-items:center;gap:8px;padding:6px;display:flex}.my-games-filters input{width:100%;min-width:0;min-height:36px;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:999px;padding:10px 14px 10px 38px;font-size:12px}.my-games-filters>.styled-select{border-color:#0000;flex-shrink:0;min-height:40px}.collection-search{border:1px solid var(--line);background:var(--panel);border-radius:999px;flex:1;min-width:120px;position:relative}.collection-search svg{fill:none;width:16px;height:16px;stroke:var(--muted);stroke-width:1.5px;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.collection-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb, var(--cyan) 18%, transparent)}.collection-search input:focus-visible{outline:none}.collection-platform{max-width:190px}.collection-results-heading{min-height:46px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.tracked-games{border-top:1px solid var(--line)}.tracked-games[aria-busy=true]{opacity:.6;pointer-events:none}.tracked-game{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 80px auto;align-items:center;gap:22px;padding:18px 0;display:grid}.tracked-game-title{align-items:center;gap:16px;min-width:0;display:flex}.tracked-game-title img,.tracked-cover-placeholder{object-fit:cover;background:var(--tint);border-radius:5px;flex-shrink:0;width:48px;height:64px}.tracked-cover-placeholder{color:var(--muted);place-items:center;font-size:14px;display:grid}.tracked-game-title h2{letter-spacing:-.2px;font-size:15px;font-weight:500;line-height:1.5}.tracked-game-title:hover h2{color:var(--cyan)}.tracked-edition{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6}.tracked-value{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.game-actions.collection-row-actions{grid-template-columns:108px 144px;place-items:center stretch;gap:8px;width:260px;margin:0;display:grid}.game-actions.collection-row-actions .action-error{grid-column:1/-1}.collection-empty{text-align:center;padding:60px 20px}.collection-empty h2{font-size:20px}.collection-empty p{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.6}.collection-pagination{justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:13px;display:flex}@media (max-width:700px){.my-games-page{padding-top:24px}.my-games-heading{gap:12px;margin-bottom:24px}.my-games-heading h1{font-size:29px}.collection-value strong{font-size:22px}.my-games-filters{border-radius:24px;flex-wrap:wrap;gap:6px}.collection-search{flex-basis:100%}.my-games-filters>.styled-select{flex:auto;min-width:0;max-width:none;padding-inline:12px}.tracked-game{grid-template-columns:minmax(0,1fr) auto;gap:12px}.game-actions.collection-row-actions{grid-column:1/-1;grid-template-columns:108px minmax(0,144px);width:auto;margin-left:64px}.game-actions.collection-row-actions .play-control{width:100%}.tracked-value{font-size:12px}.collection-dialog{padding:20px 20px max(24px, env(safe-area-inset-bottom))}}
