:host{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1 0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:0 1.5rem;border-bottom:1px solid #303036;background:#18181b}.wordmark{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-text);font-weight:800;text-decoration:none}.wordmark__icon{width:2.5rem;height:2.5rem;flex:0 0 auto}.wordmark b{color:var(--color-accent-text)}.external-link-icon{width:1em;height:1em;margin-left:.15rem;vertical-align:-.15em}.app-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}:is(.app-header,.changes-popover,.debug-menu) button,button.refresh{border:1px solid #3c3c45;border-radius:.45rem;padding:.45rem .7rem;background:#242429;color:var(--color-text);font:inherit;font-size:.8rem;font-weight:650}button.refresh{border-color:var(--color-accent);background:var(--color-accent-action);color:var(--color-accent-foreground)}:is(.app-header,.changes-popover,.debug-menu) button:hover:not(:disabled),button.refresh:hover:not(:disabled){border-color:#555560;background:#303036}:is(.app-header,.changes-popover,.debug-menu) button:active:not(:disabled),button.refresh:active:not(:disabled){background:#18181b;transform:translateY(1px)}.app-shell{max-width:60rem;margin:0 auto;padding:2rem 1.5rem 4rem}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.page-heading h1,.page-heading p{margin:0}.page-heading h1{font-size:1.7rem}.page-heading p{color:#aeafb8;font-size:.85rem}.load-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1rem;border:1px solid #75435a;border-radius:.7rem;background:#291d25}.load-error p{margin:0;color:#ffc2d1}.load-error .retry{flex:0 0 auto}.data-attribution{max-width:60rem;margin:0 auto;padding:0 1.5rem 2rem;color:#aeafb8;font-size:.75rem;text-align:center}.data-attribution a{color:inherit}.data-attribution a:hover{color:var(--color-text)}.app-button.scroll-to-top{position:fixed;z-index:9;right:2.25rem;bottom:1.5rem;display:grid;width:3.5rem;height:3rem;padding:0;place-items:center;border-color:#3c3c45;border-radius:.65rem;background:var(--color-accent-action);color:var(--color-accent-foreground);box-shadow:0 .35rem 1rem #00000059}.scroll-to-top__chevron{width:1.5rem;height:1.5rem}.app-button.scroll-to-top:hover:not(:disabled),.app-button.scroll-to-top:focus-visible{border-color:var(--color-accent);background:var(--color-accent-action-hover);color:var(--color-accent-foreground)}button.debug-button--active,button.debug-button--active:hover:not(:disabled),button.changes-button--active,button.changes-button--active:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-action);color:var(--color-accent-foreground)}.changes-button{position:relative}.changes-notification-dot{position:absolute;top:-.2rem;right:-.2rem;width:.55rem;height:.55rem;border:2px solid #18181b;border-radius:50%;background:#ef5b5b}.changes-popover{position:absolute;z-index:10;top:4.5rem;right:1.5rem;width:min(24rem,100vw - 2rem);padding:1rem;border:1px solid #5d3c7a;border-radius:.7rem;background:#242429;box-shadow:0 .75rem 2rem #00000073}.changes-popover__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.changes-popover h2{margin:0;font-size:1rem}.toggle-control{display:flex;align-items:center;gap:.3rem;color:#d8b7ff;font-size:.75rem;font-weight:700;cursor:pointer}.changes-show-hidden{flex:0 0 auto}.changes-popover p{margin:.8rem 0;color:#aeafb8}.changes-group{margin:.8rem 0}.changes-group h3{margin:0;color:#aeafb8;font-size:.75rem;text-transform:uppercase}.changes-popover ul{display:grid;gap:.55rem;margin:.35rem 0 1rem;padding-left:1.2rem}.changes-popover li{color:#e6d5ff}.changes-popover li.changes-change--ignored{opacity:.65}.change-since-refresh-dot{display:inline-block;width:.42rem;height:.42rem;margin:0 0 .08rem .38rem;border:1px solid #18181b;border-radius:50%;background:#ef5b5b}.changes-close{margin-top:1rem}.debug-menu{position:absolute;z-index:11;top:4.5rem;left:1.5rem;display:grid;gap:.65rem;width:min(20rem,100vw - 3rem);padding:1rem;border:1px solid #5d3c7a;border-radius:.7rem;background:#242429;box-shadow:0 .75rem 2rem #00000073}.debug-menu h2{margin:0 0 .35rem;font-size:1rem}.debug-menu button{text-align:left}.debug-menu details{min-width:0;border:1px solid #3c3c45;border-radius:.45rem}.debug-menu summary{padding:.55rem .7rem;cursor:pointer;font-size:.85rem;font-weight:700}.debug-menu__actions,.debug-menu__storage-view,.debug-menu__storage-actions,.debug-menu__snapshot-fields{display:grid;gap:.45rem}.debug-menu__actions{padding:.2rem .7rem .7rem}.debug-menu__storage-actions,.debug-menu__snapshot-fields{grid-template-columns:1fr 1fr}.debug-menu__snapshot-fields input:first-child{grid-column:1/-1}.debug-menu input{min-width:0;border:1px solid #3c3c45;border-radius:.35rem;padding:.5rem;background:#18181b;color:var(--color-text);font:inherit;font-size:.75rem}.debug-menu__error{margin:0;color:#ffc2d1;font-size:.75rem}.debug-menu__output{max-height:15rem;overflow:auto;margin:0;padding:.6rem;border-radius:.35rem;background:#18181b;color:var(--color-text);font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}@media(min-width:521px){.app-header{position:sticky;top:0;z-index:20}}@media(min-width:521px){.changes-popover,.debug-menu{position:fixed;top:4.5rem;max-height:calc(100dvh - 5.5rem);overflow-y:auto}}@media(max-width:520px){.app-header{align-items:flex-start;flex-direction:column;min-height:6rem;box-sizing:border-box;padding:.8rem 1rem}.debug-button{display:none}.changes-popover,.debug-menu{top:6.5rem;right:1rem;left:1rem;width:auto;max-height:calc(100dvh - 7.5rem);overflow-y:auto}.app-shell{padding:1.5rem 1rem 3rem}.page-heading{align-items:flex-start;flex-direction:column}.scroll-to-top{right:1.5rem;bottom:1rem}}.app-header .preferences-link.app-button--default.preferences-link--active,.app-header .preferences-link.app-button--default.preferences-link--active:hover{border-color:var(--color-accent);background:var(--color-accent-action);color:var(--color-accent-foreground);cursor:default;pointer-events:none}.app-header .preferences-link.app-button--default.preferences-link--active,.app-header .preferences-link.app-button--default.preferences-link--active:hover,.app-header .preferences-link.app-button--default.preferences-link--active:active{cursor:pointer;pointer-events:auto;transform:none}.app-header nav:has(.preferences-link--active):before{content:"No Changes";visibility:hidden;border:1px solid #3c3c45;border-radius:.45rem;padding:.45rem .7rem;font:inherit;font-size:.8rem;font-weight:650}.changes-popover,.debug-menu{border-color:color-mix(in srgb,var(--color-accent) 48%,#3c3c45)}button.refresh:hover:not(:disabled),button.refresh:focus-visible{background:var(--color-accent-action-hover);color:var(--color-accent-foreground)}.conflict-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#000000b3}.conflict-dialog{width:min(40rem,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid #4a3b5d;border-radius:.7rem;background:#18181b}.conflict-row{padding:1rem;border-bottom:1px solid #303036}.conflict-row:last-child{border-bottom:0}.conflict-row p{margin:0 0 .75rem}.conflict-row div{display:flex;flex-wrap:wrap;gap:.5rem}.keep-favorite{border-color:var(--color-accent);background:var(--color-accent-action);color:var(--color-accent-foreground)}.hide-game{background:#3c3c45}.keep-favorite:focus-visible,.hide-game:focus-visible{outline:2px solid #fff;outline-offset:2px}.loading-message{margin:2rem 0 .7rem;color:#aeafb8;font-size:.85rem}.drop-list{display:grid;gap:.6rem;margin:2rem 0 0;padding:0;list-style:none}.campaign-group-label{display:flex;align-items:center;gap:.55rem;color:#bbb4d4;font-size:.9rem;font-weight:700;line-height:1.25}.campaign-group-label--upcoming{margin:.15rem 0}.campaign-group-label--started{margin:.85rem 0 .15rem;color:var(--color-accent-text)}.campaign-group-label__calendar{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.campaign-group-label__live-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-accent) 16%,transparent)}.loading-message+.drop-list{margin-top:0}.favorites-section,.active-section{margin-top:2rem}.favorites-section h2,.active-section h2{margin:0;font-size:1rem}.drop-list{margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading h2{margin-right:auto}.section-heading-actions,.display-toggles,.toggle-control{display:flex;align-items:center}.section-heading-actions{flex-wrap:wrap;gap:1rem}.display-toggles{flex-wrap:wrap;gap:.5rem 1rem}.toggle-control{gap:.3rem;color:var(--color-accent-text);font-size:.75rem;font-weight:700;cursor:pointer}.hidden-games-count{color:#b8b8bd;font-size:11px}.toggle{position:relative;box-sizing:border-box}.toggle input[type=checkbox]{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.toggle label{position:relative;display:flex;align-items:center;box-sizing:border-box}.toggle label:before{content:"";position:relative;display:inline-block;width:37.5px;height:21px;border-radius:23px;background:#ccc;box-sizing:border-box;transition:.2s ease-in}.toggle label:after{content:"";position:absolute;top:2px;left:2px;z-index:2;width:17px;height:17px;border-radius:50%;background:#fff;box-sizing:border-box;transition:.2s ease-in}.toggle input[type=checkbox]:checked+label:before{background:#4bd865}.toggle input[type=checkbox]:checked+label:after{left:18.5px}.toggle input[type=checkbox]:focus-visible+label:before{outline:2px solid var(--color-accent);outline-offset:2px}.drop-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem;border:1px solid #303036;border-radius:.7rem;background:#18181b}.drop-row.drop-row--favorite,.drop-row.drop-row--active{grid-template-columns:minmax(0,1fr) auto;padding:0}.favorite-details-toggle.favorite-details-toggle--card,.favorite-details-toggle.active-details-toggle--card{display:grid;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.85rem}.cover-image,.cover-placeholder,.skeleton-cover{width:3.5rem;height:3.5rem;border-radius:.45rem;object-fit:cover}.cover-placeholder{background:var(--color-accent-soft)}.drop-copy{min-width:0;overflow-wrap:anywhere}.drop-copy h3,.drop-copy p{margin:0}.drop-copy h3{font-size:1rem;-webkit-user-select:text;user-select:text}.drop-copy p{margin-top:.2rem;color:#aeafb8;font-size:.85rem}.hidden-reward-count{color:#e5c47a}.favorite-details-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.favorite-details-toggle--icon{width:auto;padding:.25rem}.favorite-details-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:.3rem}.row-actions{display:flex;align-items:center;gap:.2rem}.row-actions button{opacity:.62;transition:opacity .12s ease}.favorite-star,.blacklist-button{border:0;border-radius:.35rem;padding:.25rem;background:transparent;color:#c7c7cf;font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.row-actions .favorite-star:not(.favorite-star--confirming),.row-actions .blacklist-button,.row-actions .favorite-details-toggle--icon{display:grid;place-items:center;box-sizing:border-box;width:1.75rem;height:1.75rem;padding:.25rem}.row-actions .blacklist-button{transform:translateY(-2px)}.row-actions .favorite-details-toggle--icon{transform:translateY(1px)}.favorite-star__fill,.favorite-star__outline{grid-area:1/1;width:.8em;height:.8em}.favorite-star__fill{fill:currentColor;opacity:0;transition:opacity .12s ease}.favorite-star__outline{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5}.favorite-star:not(.favorite-star--selected):hover .favorite-star__fill,.favorite-star--selected .favorite-star__fill{opacity:1}.favorite-star--selected:hover:not(.favorite-star--confirming) .favorite-star__fill{opacity:0}.favorite-star--selected{color:#f5c542}.favorite-star--confirming{padding:.35rem .55rem;background:#f5c542;color:#18181b;font-size:.75rem;font-weight:700}.favorite-star:focus-visible,.blacklist-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skeleton-copy{display:grid;gap:.55rem}.skeleton-block{display:block;border-radius:.35rem;background:linear-gradient(110deg,#242429 8%,#3a3542 18%,#242429 33%);background-size:200% 100%;animation:skeleton-shine 1.5s linear infinite}.skeleton-title{width:48%;height:1rem}.skeleton-description{width:72%;height:.8rem}@keyframes skeleton-shine{to{background-position-x:-200%}}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.row-end{display:flex;align-items:center;justify-self:end;gap:.4rem;min-width:0}.hidden-states{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.hidden-pill{border:1px solid #735a32;border-radius:999px;padding:.2rem .45rem;color:#e5c47a;font-size:.7rem;font-weight:700}.reward-details{padding:.8rem 1rem 1rem 4.3rem;border:1px solid #303036;border-top:0;border-radius:0 0 .7rem .7rem}.reward-details h3,.reward-details p{margin:0}.reward-details h3{font-size:.82rem;color:var(--color-accent-text)}.reward-details p{margin-top:.6rem;color:#aeafb8;font-size:.85rem}.reward-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.65rem 0 0;padding:0;list-style:none}.reward-card,.reward-card *{cursor:pointer}.reward-card{position:relative;display:grid;grid-template-columns:2.2rem minmax(0,1fr);grid-template-rows:minmax(2.2rem,1fr) auto;align-items:start;gap:.45rem;padding:.55rem .6rem;border-radius:.45rem;background:#242429;overflow-wrap:anywhere}.reward-card--badge{column-gap:.9rem}.reward-card--collected{background:#1f1f22}.reward-card--collected>:not(.reward-collection-control):not(.reward-requirement--collected){filter:grayscale(1);opacity:.52}.reward-media{display:grid;justify-items:center;gap:.15rem}.reward-copy{display:grid;gap:.15rem;min-width:0}.reward-requirement{grid-column:1/-1;justify-self:center;align-self:end;margin-top:.35rem}.reward-requirement--collected{background:#143d25;color:#4bd865;filter:none;opacity:1}.reward-number{display:grid;flex:0 0 auto;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:#5f3b91;color:#fff;font-size:.7rem;font-weight:700}.reward-image{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:.3rem;object-fit:contain}.reward-collection-control{position:absolute;top:.35rem;right:.35rem;z-index:1;display:grid;width:1.15rem;height:1.15rem;opacity:0;transition:opacity .12s ease}.reward-card:hover .reward-collection-control,.reward-card:focus-within .reward-collection-control,.reward-card--collected .reward-collection-control{opacity:1}.reward-collection-checkbox{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0}.reward-collection-indicator{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;border:1px solid #aeafb8;border-radius:50%;color:transparent;font-size:.8rem;font-weight:900;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease}.reward-collection-checkbox:checked+.reward-collection-indicator{border-color:#4bd865;background:#4bd865;color:#18181b}.reward-collection-checkbox:focus-visible+.reward-collection-indicator{outline:2px solid #fff;outline-offset:2px}.game-links{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.7rem}.game-links a{color:var(--color-accent-text);font-size:.8rem;font-weight:700}.game-links a:hover{color:#fff}.mark-all-collected{margin-left:auto;border:1px solid var(--color-accent);border-radius:.3rem;padding:.3rem .5rem;background:transparent;color:var(--color-accent-text);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.mark-all-collected:hover{border-color:var(--color-accent-hover);color:#fff}.mark-all-collected:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reward-details-container--enter,.reward-details-container--leave{transform-origin:top;overflow:hidden}.reward-details-container--enter{animation:reward-details-expand .22s ease-out both}.reward-details-container--leave{animation:reward-details-collapse .2s ease-in both}@keyframes reward-details-expand{0%{max-height:0;opacity:0;transform:translateY(-.35rem)}to{max-height:60rem;opacity:1;transform:translateY(0)}}@keyframes reward-details-collapse{0%{max-height:60rem;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-.35rem)}}@media(max-width:700px){.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.section-heading h2{grid-column:1;grid-row:1;white-space:nowrap}.hidden-games-count{grid-column:1;grid-row:2;align-self:start}.section-heading-actions{grid-column:2;grid-row:1/span 2;flex-direction:column;align-items:flex-end;gap:.5rem}.display-toggles{flex-direction:column;align-items:flex-end;gap:.35rem}.drop-row{grid-template-columns:2.8rem minmax(0,1fr) auto}.cover-image,.cover-placeholder,.skeleton-cover{width:2.8rem;height:2.8rem}.reward-details{padding-left:.8rem}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.reward-details-container--enter,.reward-details-container--leave{animation:none}}.search{position:relative;flex:1 1 16rem;max-width:28rem;margin-left:auto}.search input{width:100%;border:1px solid #4a4750;border-radius:.5rem;background:#222126;color:#f6f2fb;font:inherit;padding:.65rem 2.8rem .65rem .75rem}.search input::-webkit-search-cancel-button{appearance:none}.search input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search-clear{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:2.5rem;padding:0;border:1px solid #4a4750;border-radius:0 .5rem .5rem 0;background:#222126;color:var(--color-accent);font-size:1.25rem;line-height:1}.search-clear:hover:not(:disabled){background:#303036}.search-empty{margin:1rem 0 0;color:var(--color-accent-text)}.refresh-status{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.refresh{display:inline-flex;align-items:center;gap:.35rem}.load-status{margin:0;padding:.45rem .7rem;color:var(--color-accent-text);font-size:.85rem}.load-progress{display:grid;gap:.45rem;margin-top:1rem;color:var(--color-accent-text);font-size:.85rem}.load-progress__bar{height:.3rem;overflow:hidden;border-radius:999px;background:#303036}.load-progress__bar:after{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:var(--color-accent);animation:load-progress 1.2s ease-in-out infinite}@keyframes load-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.load-progress__bar:after{animation:none;transform:translate(75%)}}.preferences-shell{max-width:60rem;margin:0 auto;padding:2rem 1.5rem 4rem}.preferences-shell--file-dragging{position:relative}.file-drag-overlay{position:fixed;z-index:10;inset:0;background:#000000c7;pointer-events:none}.breadcrumbs{display:flex;align-items:center;gap:.7rem;margin-bottom:1.7rem;color:#aeafb8;font-size:.9rem}.home-link{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border-radius:.45rem;background:#242429;color:var(--color-accent-text);text-decoration:none}.home-link:hover,.home-link:focus-visible{background:#303036;color:var(--color-accent-text)}.home-icon{color:var(--color-accent);font-size:1rem}.breadcrumb-separator{color:#72727c}.preferences-heading{margin-bottom:1.8rem}.preferences-heading h1,.preferences-heading p{margin:0}.preferences-heading h1{font-size:1.7rem}.preferences-heading p{margin-top:.4rem;color:#aeafb8}.share-cards{display:grid;gap:1.25rem;margin-bottom:1.5rem}.theme-color-setting{display:grid;grid-template-columns:3rem minmax(0,1fr) 19.5rem;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,var(--color-accent) 48%,#3c3c45);border-radius:.65rem;background:#1b1b20}.theme-color-icon,.preference-card-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--color-accent-soft);color:#fff}.theme-color-icon{font-size:1.45rem}.theme-color-copy h2,.theme-color-copy p{margin:0}.theme-color-copy h2{font-size:1.1rem}.theme-color-copy p{margin-top:.25rem;color:#d0cbd6;font-size:.85rem}.theme-color-options{display:flex;align-items:center;gap:.55rem}.theme-color-option{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:2px solid transparent;border-radius:999px;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer}.theme-color-option--selected{outline:2px solid #fff;outline-offset:3px}.theme-color-option:focus-visible{outline:2px solid #fff;outline-offset:3px}.theme-color-selected{margin-left:.25rem;color:#fff;font-size:.9rem;font-weight:700;white-space:nowrap}.import-export{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--color-accent) 48%,#3c3c45);border-radius:.65rem;background:#1b1b20}.import-share-card{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.6rem 1.2rem}.export-share-card{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.35rem 1.2rem}.preference-card-icon svg{width:1.45rem;height:1.45rem}.share-card-content{min-width:0}.share-card-content h2,.share-card-content p{margin:0}.share-card-content h2{font-size:1.1rem}.share-card-content p{margin-top:.35rem;color:#aeafb8;line-height:1.45}.import-share-card .share-code-label{display:block;margin-top:1rem}.share-code-label{font-weight:600}.share-code,.import-code{box-sizing:border-box;border:1px solid #5f3b91;border-radius:.45rem;padding:.7rem .8rem;background:#111114;color:var(--color-text);font-family:monospace}.share-code{width:100%;min-height:4.5rem;resize:vertical}.import-code{width:100%;min-height:5.5rem;margin-top:.45rem;resize:vertical}.import-drop-zone{position:relative}.import-drop-zone--active{z-index:11}.import-code--drop-target{border-color:#d19cff;box-shadow:0 0 0 2px #d19cff73}.import-drop-hint{position:absolute;inset:.45rem 0 0;display:grid;place-items:center;border-radius:.45rem;background:#111114;color:#e6cfff;font-weight:700;pointer-events:none}.import-help{margin:.45rem 0 0;color:#aeafb8;font-size:.85rem}.import-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem}.import-file-input{display:none}.download-icon,.import-icon{display:block;width:1.1rem;height:1.1rem}.export-button,.import-button,.import-file-button,.copy-share-code,.save-share-code{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;border:1px solid var(--color-accent);border-radius:.45rem;padding:.6rem .85rem;background:var(--color-accent-soft);color:var(--color-text);font:inherit;font-weight:650;cursor:pointer}.export-button,.import-button{background:var(--color-accent-action);color:var(--color-accent-foreground)}.export-button:hover,.export-button:focus-visible,.import-button:hover,.import-button:focus-visible{background:var(--color-accent-action-hover)}.import-file-button:hover,.import-file-button:focus-visible,.copy-share-code:hover,.copy-share-code:focus-visible,.save-share-code:hover,.save-share-code:focus-visible{background:var(--color-accent-soft);filter:brightness(1.2)}.import-file-button{order:-1;padding:.6rem}.import-message,.copy-message{color:#83d7ad}.export-code-result{grid-column:2/-1;display:grid;gap:.6rem;margin-top:.15rem}.share-code-actions{display:flex;gap:.5rem}.list-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.list-summary-card{box-sizing:border-box;min-width:0;border:1px solid #3c2c55;border-radius:.65rem;background:#1b1820;overflow:hidden}.list-summary-card .app-disclosure{display:flex;align-items:center;width:100%;min-height:5.25rem;padding:1rem 1.2rem;border:0;border-radius:0;background:transparent;font-size:1rem}.list-summary-card .app-disclosure:hover,.list-summary-card .app-disclosure:focus-visible{background:#242429;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 25%,transparent)}.list-summary-card .app-disclosure__icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.65rem;background:#2d1b44;color:#b85cff;font-size:1.6rem}.list-summary-card .blacklist-disclosure .app-disclosure__icon{color:#ff6cae;background:#41213d}.list-summary-card .app-disclosure__count{display:inline-grid;place-items:center;min-width:1.8rem;margin-left:auto;padding:.35rem .5rem;border-radius:999px;background:#30224b;color:#e6cfff;font-size:.85rem}.list-summary-card app-collapse-chevron{margin-left:.7rem}.list-summary-card table{width:100%;margin-top:0;border-collapse:collapse;table-layout:fixed;text-align:left}.list-summary-card th:first-child{width:52%}.list-summary-card th,.list-summary-card td{padding:.8rem .7rem;overflow:visible;border-top:1px solid #303036}.game-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-list{margin:0;padding:0 1.2rem 1.2rem;color:#aeafb8}.remove-action{display:flex;align-items:center}.remove-favorite,.remove-blacklist{border:0;border-radius:999px;padding:.35rem .7rem;background:#3c3c45;color:var(--color-text);cursor:pointer}.remove-favorite:hover,.remove-blacklist:hover{background:#9f3434}.remove-favorite--armed,.remove-blacklist--armed{background:#d12f2f}@media(max-width:620px){.preferences-shell{padding:1.5rem 1rem 3rem}.theme-color-setting{grid-template-columns:3rem minmax(0,1fr)}.theme-color-options{grid-column:1/-1;flex-wrap:wrap}.import-share-card,.export-share-card{grid-template-columns:3rem minmax(0,1fr);padding:1.2rem;gap:1rem}.export-share-card .export-button{grid-column:2}.export-code-result{grid-column:1/-1}.preference-card-icon{width:3rem;height:3rem}.list-summary-grid{grid-template-columns:1fr}.list-summary-card th:first-child{width:auto}.list-summary-card th:nth-child(2){width:4.2rem}.list-summary-card th:nth-child(3){width:5.25rem}.list-summary-card th,.list-summary-card td{padding:.5rem .25rem;font-size:.8rem}.list-summary-card td:nth-child(2),.list-summary-card td:nth-child(3),.remove-favorite,.remove-blacklist{white-space:nowrap}}@media(max-width:440px){.breadcrumbs{margin-bottom:1.2rem}.import-share-card,.export-share-card{grid-template-columns:1fr}.preference-card-icon{display:none}.export-share-card .export-button{grid-column:1;width:100%}.import-actions{justify-content:stretch}.import-button{flex:1}.import-file-button{order:0}}.share-code,.import-code{border-color:var(--color-accent)}.import-code--drop-target{border-color:var(--color-accent-hover);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 45%,transparent)}.preference-card-icon{width:3rem;height:3rem}.list-summary-card{border-color:color-mix(in srgb,var(--color-accent) 48%,#3c3c45);background:#18181b}.list-summary-card .app-disclosure__icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--color-accent-soft);color:#fff;font-size:1.4rem}.list-summary-card .blacklist-disclosure .app-disclosure__icon,.list-summary-card .favorites-disclosure .app-disclosure__icon{background:var(--color-accent-soft);color:#fff}.list-summary-card .app-disclosure app-collapse-chevron{color:#aeafb8!important}.export-code-result--enter{transform-origin:top;animation:export-code-expand .26s ease-out both}.list-content--enter{transform-origin:top;animation:list-expand .22s ease-out both}.list-content--leave{transform-origin:top;animation:list-collapse .2s ease-in both}.list-summary-card .app-disclosure__icon{line-height:1;text-align:center}.list-summary-card .app-disclosure{gap:1rem}.list-summary-card .app-disclosure__icon-glyph{display:block;transform:none}.list-summary-card .favorites-disclosure .app-disclosure__icon{color:#f5c542}.list-summary-card:has(.app-disclosure[aria-expanded=false]) .app-disclosure{border-radius:inherit}.list-summary-card .app-disclosure.app-disclosure{border:0;background:#18181b}.list-summary-card:has(.app-disclosure[aria-expanded=false]) .app-disclosure.app-disclosure{border-radius:.65rem}.import-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.import-feedback-row .import-actions{margin-top:0}.import-message{margin:0;font-weight:650}.share-card-content .import-message--success{color:#83d7ad}.share-card-content .import-message--error{color:#ef5b5b}.import-feedback-row .import-actions{flex:0 0 auto;margin-left:auto}.copy-message{margin:0;align-self:center;color:#83d7ad;font-weight:650}.list-summary-card .app-disclosure__count{display:inline;min-width:0;margin-left:.25rem;padding:0;border-radius:0;background:transparent;color:#aeafb8;font-size:inherit}@keyframes export-code-expand{0%{opacity:0;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}@keyframes list-expand{0%{opacity:0;transform:scaleY(.35) translateY(-.35rem)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes list-collapse{0%{opacity:1;transform:scaleY(1) translateY(0)}to{opacity:0;transform:scaleY(.35) translateY(-.35rem)}}@media(prefers-reduced-motion:reduce){.export-code-result--enter,.list-content--enter,.list-content--leave{animation:none}}.list-summary-card app-disclosure{--disclosure-gap:1rem;--disclosure-padding:1.6rem 1.2rem;--disclosure-font-size:1.1rem;--disclosure-font-weight:700}.list-summary-card .app-disclosure__count{font-weight:inherit}.theme-color-setting .theme-color-icon,.import-export .preference-card-icon,.list-summary-card .blacklist-disclosure .app-disclosure__icon,.list-summary-card .favorites-disclosure .app-disclosure__icon{color:#fff9}.game-name__text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preference-notifications{position:fixed;z-index:30;top:4.75rem;right:1rem;display:grid;gap:.75rem;width:min(24rem,100vw - 2rem);pointer-events:none}.preference-toast{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:stretch;overflow:hidden;border:1px solid #34333a;border-radius:.5rem;background:#18181b;box-shadow:0 .75rem 2rem #00000073;color:#f6f2fb;pointer-events:auto}.preference-toast__icon{display:grid;place-items:center;color:#70eb9c;font-size:1.25rem}.preference-toast--removed .preference-toast__icon{color:#ff7887}.preference-toast--ignored-added .preference-toast__icon{color:#f4c94e}.preference-toast p{align-self:center;min-width:0;margin:.75rem 0;font-size:.875rem;font-weight:700;line-height:1.25}.preference-toast__dismiss{width:2.5rem;min-height:2.5rem;padding:0;border:0;border-left:1px solid #34333a;border-radius:0 .5rem .5rem 0;background:#18181b;color:#d8b7ff;font:inherit;font-size:1.25rem;line-height:1}.preference-toast__dismiss:hover{background:#303036}.preference-toast__dismiss:focus-visible{position:relative;z-index:1;outline:2px solid var(--color-accent);outline-offset:-2px}.preference-toast__progress{grid-column:1/-1;height:.2rem;background:#70eb9c;transform:scaleX(0);transform-origin:left;animation:preference-toast-progress 3s linear forwards}.preference-toast--removed .preference-toast__progress{background:#ff7887}.preference-toast--ignored-added .preference-toast__progress{background:#f4c94e}.preference-notifications__clear{justify-self:end;padding:.35rem .6rem;border:1px solid #4a4750;border-radius:.35rem;background:#222126;color:#d8b7ff;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;pointer-events:auto}.preference-notifications__clear:hover{background:#303036}.preference-notifications__clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes preference-toast-progress{to{transform:scaleX(1)}}@media(max-width:520px){.preference-notifications{top:6.75rem;right:.75rem;width:calc(100vw - 1.5rem)}}:root{color-scheme:dark;--color-background: #0e0e10;--color-text: #efeff1;--color-accent: #9147ff;--color-accent-hover: #a970ff;--color-accent-text: #c8a7ff;--color-accent-action: #9147ff;--color-accent-action-hover: #772ce8;--color-accent-foreground: #18181b;--color-accent-soft: #2d1b44;font-family:Inter,system-ui,sans-serif}body{min-width:320px;margin:0;background:var(--color-background);color:var(--color-text)}.app-button{border:1px solid #3c3c45;border-radius:.45rem;padding:.45rem .7rem;background:#242429;color:var(--color-text);font:inherit;font-size:.8rem;font-weight:650;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.app-button:hover:not(:disabled){border-color:#555560;background:#303036}.app-button:active:not(:disabled){background:#18181b;transform:translateY(1px)}.app-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-button:disabled{cursor:default;opacity:.55}.app-button--primary{border-color:var(--color-accent);background:var(--color-accent-action);color:var(--color-accent-foreground)}.app-button--primary:hover:not(:disabled){background:var(--color-accent-action-hover)}.app-button--neutral{background:#3c3c45}.app-button--icon{border:0;padding:.25rem;background:transparent;font-size:1.25rem}.app-button--destructive{border-color:#9f3434;background:#9f3434;color:#fff}.app-button--destructive:hover:not(:disabled){border-color:#d12f2f;background:#d12f2f}button,.app-button{-webkit-user-select:none;user-select:none}.disclosure-chevron{position:relative;flex:0 0 auto;width:1rem;height:1rem}.disclosure-chevron i{position:absolute;top:.48rem;width:.55rem;height:2px;border-radius:2px;background:#aeafb8;transition:transform .18s ease}.disclosure-chevron i:first-child{left:0;transform:translate(.08rem) rotate(45deg)}.disclosure-chevron i:last-child{right:0;transform:translate(-.08rem) rotate(-45deg)}.disclosure-chevron--expanded i:first-child{transform:translate(.08rem) rotate(-45deg)}.disclosure-chevron--expanded i:last-child{transform:translate(-.08rem) rotate(45deg)}.drop-metadata{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-top:.45rem;color:#aeafb8;font-size:.75rem}.drop-metadata span+span{padding-left:.7rem;border-left:1px solid #4a4a50}.drop-end-time{margin-left:auto;color:#d8b7ff;cursor:help}.subscription-requirement{color:#d8b7ff}.reward-requirement,.reward-type{width:max-content;border-radius:999px;padding:.1rem .35rem;background:#3b2b53;font-size:.65rem;font-weight:700;text-transform:uppercase}.reward-requirement--watch{background:#253f67;color:#bed9ff}.reward-requirement--subscription{background:#5b3e1d;color:#ffd49d}.reward-type{background:#7040ad;color:#fff}.favorite-star{border:0;border-radius:.35rem;background:transparent;color:#c7c7cf;font-size:1.25rem;line-height:1;cursor:pointer}.favorite-star:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.favorites-manage{padding:.3rem .65rem;border:1px solid #5f3b91;border-radius:.45rem;color:#d8b7ff;font-size:.82rem;text-decoration:none}.favorites-manage:hover,.favorites-manage:focus-visible{background:#2d2438;color:#fff}.new-pill,.updated-pill{align-self:center;border-radius:999px;padding:.2rem .45rem;font-size:.7rem;font-weight:700;text-transform:uppercase}.new-pill{background:#244e40;color:#a5f2c4}.updated-pill{background:#45315f;color:#d8b7ff}.drop-list .favorite-star--selected{color:#f5c542}.drop-list .favorite-star--confirming{padding:.35rem .55rem;background:#f5c542;color:#18181b;font-size:.75rem;font-weight:700}.reward-card .reward-requirement--collected{background:#143d25;color:#4bd865;filter:none;opacity:1}.drop-list .drop-row,.reward-grid .reward-card{transition:background-color .16s ease,border-color .16s ease}.drop-list .drop-row:hover,.reward-grid .reward-card:hover{border-color:#5a5a65;background:#242429}.drop-list .drop-row.drop-row--expanded{border-color:var(--color-accent);background:#211a2b;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 25%,transparent)}.drop-list .drop-row.drop-row--expanded:hover{background:#281f35}.reward-grid .reward-card:hover{background:#29292e}@media(prefers-reduced-motion:reduce){.drop-list .drop-row,.reward-grid .reward-card{transition:none}}.drop-end-time{color:var(--color-accent-text)}.favorites-manage{border-color:var(--color-accent);color:var(--color-accent-text)}.favorites-manage:hover,.favorites-manage:focus-visible{background:var(--color-accent-soft);color:#fff}.drop-list .drop-row.drop-row--expanded{background:color-mix(in srgb,var(--color-accent) 10%,#18181b)}.drop-list .drop-row.drop-row--expanded:hover{background:color-mix(in srgb,var(--color-accent) 16%,#18181b)}
