:root{--base-scale: 1;--base-scale-px: 1px;--color-bg-primary: #242627;--color-bg-secondary: #17191A;--color-accent: #4780C2;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-tertiary: #888888;--color-border-primary: #4780C2;--color-border-secondary: #17191A;--color-hover: #242627;--color-selected: #4780C2;--color-disabled: #555555;--color-hover-glow: rgba(96, 165, 250, .5);--color-chart-grid: #242627;--color-chart-text: #4780C2;--color-error: #8B0000;--color-success: #2ecc71;--spacing-xs: calc(4px * var(--base-scale));--spacing-sm: calc(8px * var(--base-scale));--spacing-md: calc(12px * var(--base-scale));--spacing-lg: calc(16px * var(--base-scale));--spacing-xl: calc(20px * var(--base-scale));--spacing-xxl: calc(32px * var(--base-scale));--radius-sm: calc(4px * var(--base-scale));--radius-md: calc(6px * var(--base-scale));--radius-lg: calc(8px * var(--base-scale));--radius-xl: calc(12px * var(--base-scale));--shadow-sm: 0 calc(2px * var(--base-scale)) calc(4px * var(--base-scale)) rgba(0, 0, 0, .3);--shadow-md: 0 calc(2px * var(--base-scale)) calc(8px * var(--base-scale)) rgba(0, 0, 0, .5);--shadow-lg: 0 calc(4px * var(--base-scale)) calc(12px * var(--base-scale)) rgba(0, 0, 0, .5);--font-size-xs: calc(8px * var(--base-scale));--font-size-sm: calc(12px * var(--base-scale));--font-size-base: calc(16px * var(--base-scale));--font-size-md: calc(20px * var(--base-scale));--font-size-lg: calc(24px * var(--base-scale));--font-size-xl: calc(32px * var(--base-scale));--font-size-2xl: calc(48px * var(--base-scale))}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base)}input{color:var(--color-text-primary);background-color:var(--color-bg-primary);border:calc(1px * var(--base-scale)) solid var(--color-border-primary);border-radius:var(--radius-sm)}input::placeholder{color:var(--color-text-tertiary)}select{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-border-primary);border-radius:var(--radius-sm)}option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.hover-outline-glow{outline:calc(2px * var(--base-scale)) solid transparent;outline-offset:calc(-2px * var(--base-scale));transition:outline .2s,filter .2s}.hover-outline-glow:hover{outline:calc(2px * var(--base-scale)) solid #60a5fa;outline-offset:calc(-2px * var(--base-scale));filter:drop-shadow(0 0 calc(8px * var(--base-scale)) var(--color-hover-glow))}body>div[style*="position: fixed"][style*=bottom]:not(#bmc-wbtn):not([id^=bmc-iframe]):not([id^=bmc-close]){display:none!important}#bmc-wbtn{position:relative}#bmc-wbtn:after{content:"This app will always be free to use. If you'd like to support me or say thanks, you can buy me a coffee! 🙏";position:fixed;right:90px;background-color:#fff;color:#0d0c22;padding:12px 14px;border-radius:4px;font-size:14px;line-height:1.4;font-family:Avenir Book,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:auto;min-width:320px;box-shadow:0 2px 5px #0000000d,0 8px 40px #0000000a,0 0 2px #00000026;z-index:10000;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.7);transform-origin:right center;transition:opacity .25s ease,visibility .25s ease,transform .25s ease;white-space:normal;word-wrap:break-word;box-sizing:border-box}#bmc-wbtn:hover:after{opacity:1;visibility:visible;transform:scale(1)}script[data-position=Left]~#bmc-wbtn:after,body:has(script[data-position=Left][data-name=BMC-Widget]) #bmc-wbtn:after{right:auto;left:90px;transform-origin:left center}#bmc-iframe{min-height:0!important;max-height:600px!important}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;scrollbar-gutter:stable}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:calc(20px * var(--base-scale));min-height:auto}.app-content{width:90%}.fetch-progress-container{width:80%;margin-top:calc(20px * var(--base-scale));text-align:center}.fetch-progress-bar-wrapper{width:100%;background-color:var(--color-bg-secondary);border-radius:calc(5px * var(--base-scale))}.fetch-progress-bar{height:calc(20px * var(--base-scale));background-color:var(--color-accent);border-radius:calc(5px * var(--base-scale));transition:width .5s ease-in-out;width:var(--progress-width, 0%)}.loading-message{margin-top:calc(20px * var(--base-scale))}.rainbow-ribbon{background:linear-gradient(90deg,#f75273,#ef8157,#fdfe5a,#8cf18d,#80e2ff,#5946cc,#e953f8);text-shadow:calc(-1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(-1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000,0 0 calc(2px * var(--base-scale)) #000}.mega-ribbon{background-color:#2b1e25;border:calc(1px * var(--base-scale)) solid #F7FAA0;color:#eefa09}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}.tooltip{position:fixed;transform:translate(-50%,-100%);background-color:var(--color-bg-primary);color:var(--color-text-primary);padding:calc(8px * var(--base-scale)) calc(12px * var(--base-scale));border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);border:calc(1px * var(--base-scale)) solid var(--color-accent);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.tooltip-bottom{transform:translate(-50%)}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:calc(6px * var(--base-scale)) solid transparent;border-right:calc(6px * var(--base-scale)) solid transparent;border-top:calc(6px * var(--base-scale)) solid var(--color-accent)}.tooltip-bottom:before{top:auto;bottom:100%;border-top:none;border-bottom:calc(6px * var(--base-scale)) solid var(--color-accent)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:calc(5px * var(--base-scale)) solid transparent;border-right:calc(5px * var(--base-scale)) solid transparent;border-top:calc(5px * var(--base-scale)) solid var(--color-bg-primary);margin-top:calc(-1px * var(--base-scale))}.tooltip-bottom:after{top:auto;bottom:100%;border-top:none;border-bottom:calc(5px * var(--base-scale)) solid var(--color-bg-primary);margin-top:0;margin-bottom:calc(-1px * var(--base-scale))}.dropdown-container{position:relative}.dropdown-button{padding:var(--spacing-xs) var(--spacing-sm);min-width:calc(80px * var(--base-scale));height:100%;display:flex;align-items:center;justify-content:space-between;gap:calc(6px * var(--base-scale));border-radius:var(--radius-sm);border:calc(1px * var(--base-scale)) solid var(--color-accent);background-color:var(--color-bg-primary);cursor:pointer;color:var(--color-text-primary);position:relative}.dropdown-button>div:first-child,.dropdown-button>span:first-child:not(.dropdown-arrow){flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.dropdown-button.rarity,.dropdown-button.group,.dropdown-button.expansion{min-width:calc(160px * var(--base-scale));width:calc(160px * var(--base-scale))}.dropdown-button .dropdown-arrow{font-size:var(--font-size-xs);color:var(--color-text-primary);flex-shrink:0}.dropdown-menu{position:absolute;top:var(--menu-top, calc(44px * var(--base-scale)));left:0;z-index:20;background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--spacing-xs) 0;max-height:calc(260px * var(--base-scale));overflow-y:auto;will-change:transform,opacity}.dropdown-menu.rarity{min-width:calc(120px * var(--base-scale))}.dropdown-menu.group{min-width:calc(150px * var(--base-scale))}.dropdown-menu.expansion{min-width:calc(160px * var(--base-scale))}.dropdown-item{padding:calc(6px * var(--base-scale)) calc(10px * var(--base-scale));font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;color:var(--color-text-primary);transition:background-color .2s}.dropdown-item:hover{background-color:var(--color-hover)}.dropdown-item.centered,.dropdown-button-content{display:flex;align-items:center;justify-content:center}.dropdown-all-label{font-size:var(--font-size-base)}.dropdown-image-entry{height:var(--image-height);object-fit:contain;max-width:var(--image-max-width, none)}.dropdown-ribbon-entry{padding:calc(3px * var(--base-scale)) calc(8px * var(--base-scale));border-radius:calc(12px * var(--base-scale));font-size:var(--font-size-sm);font-weight:600;text-shadow:calc(-1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(-1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000;border:calc(1px * var(--base-scale)) solid var(--ribbon-border-color, transparent)}.dropdown-ribbon-entry:not(.rainbow-ribbon):not(.mega-ribbon){background-color:var(--ribbon-bg-color);color:var(--ribbon-color, #fff)}.dropdown-ribbon-entry--new{font-weight:700}.filter-bar{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:calc(14px * var(--base-scale));display:flex;gap:calc(10px * var(--base-scale));flex-wrap:wrap;justify-content:center;align-items:center;position:sticky;top:0;z-index:100}.filter-bar input[type=text]{padding:var(--spacing-sm);min-width:calc(220px * var(--base-scale))}.filter-bar button{font-size:var(--font-size-base);padding:var(--spacing-sm) calc(14px * var(--base-scale));cursor:pointer;background-color:var(--color-accent);color:var(--color-text-primary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm);height:calc(40px * var(--base-scale))}.filter-bar button:hover{opacity:.9}.foil-checkbox-label{display:flex;align-items:center;gap:calc(6px * var(--base-scale));white-space:nowrap}.foil-checkbox{width:calc(18px * var(--base-scale));height:calc(18px * var(--base-scale));cursor:pointer;flex-shrink:0}.foil-checkbox:disabled{cursor:not-allowed}.tooltip-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(18px * var(--base-scale));height:calc(18px * var(--base-scale));border-radius:50%;background-color:var(--color-accent);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:700;cursor:help;margin-left:calc(4px * var(--base-scale));flex-shrink:0}.tooltip-trigger:hover{background-color:var(--color-accent);opacity:.9}.foil-checkbox-label-disabled,.foil-checkbox-disabled{cursor:not-allowed}.chart-tooltip{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:var(--spacing-sm)}.chart-tooltip-label{margin:0 0 calc(8px * var(--base-scale)) 0;color:var(--color-chart-text);font-weight:700;font-size:var(--font-size-base)}.chart-tooltip-value{color:var(--color-chart-text);font-size:var(--font-size-base)}.chart-tooltip-container{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-md);padding:calc(12px * var(--base-scale));color:var(--color-text-primary)}.chart-tooltip-item{display:flex;align-items:center;gap:calc(8px * var(--base-scale));margin-bottom:calc(8px * var(--base-scale))}.chart-tooltip-color-indicator{width:calc(12px * var(--base-scale));height:calc(12px * var(--base-scale));background-color:var(--color-accent);border-radius:calc(2px * var(--base-scale));flex-shrink:0}.chart-tooltip-content{font-size:var(--font-size-sm);display:flex;align-items:center;gap:calc(4px * var(--base-scale));line-height:1;width:100%;justify-content:space-between}.chart-tooltip-content-left{display:flex;align-items:center;gap:calc(4px * var(--base-scale))}.chart-tooltip-rarity-image{height:calc(14px * var(--base-scale));width:auto;display:block}.chart-tooltip-expansion-image{height:calc(30px * var(--base-scale));width:auto;object-fit:contain;display:block}.chart-tooltip-delta{margin-left:calc(16px * var(--base-scale));font-weight:600;font-size:var(--font-size-sm)}.chart-tooltip-delta-positive{color:#4caf50}.chart-tooltip-delta-negative{color:#f44336}.chart-title{margin-top:0;margin-bottom:var(--spacing-xl);color:var(--color-accent);text-align:left;font-size:var(--font-size-md);font-weight:600;min-width:calc(200px * var(--base-scale));width:calc(200px * var(--base-scale))}.chart-title.centered{text-align:center}.chart-footer{display:flex}.chart-footer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left}.trend-chart-container{margin-top:var(--spacing-xxl)}.trend-chart-title{margin-bottom:var(--spacing-lg);color:var(--color-accent);font-size:var(--font-size-base);font-weight:600;min-width:calc(200px * var(--base-scale));width:calc(200px * var(--base-scale))}.comparison-chart-container{position:relative;margin-bottom:var(--spacing-xxl)}.comparison-chart-title{margin-top:0;margin-bottom:var(--spacing-xl);color:var(--color-accent);text-align:center;font-size:var(--font-size-md);font-weight:600;width:auto;min-width:auto}.chart-header{display:flex;align-items:center;gap:calc(12px * var(--base-scale));margin-bottom:var(--spacing-xl)}.chart-title-inline{margin-bottom:0;min-width:calc(140px * var(--base-scale));width:calc(140px * var(--base-scale));font-weight:700}.chart-dropdown-button{height:calc(32px * var(--base-scale));font-size:var(--font-size-sm);padding:0 calc(12px * var(--base-scale));min-width:calc(170px * var(--base-scale));width:calc(170px * var(--base-scale))}.chart-dropdown-menu{top:calc(36px * var(--base-scale));min-width:calc(180px * var(--base-scale))}.chart-wrapper{position:relative}.chart-loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-secondary);font-size:var(--font-size-base);pointer-events:none}.comparison-chart-layout{display:flex;align-items:flex-start;gap:calc(20px * var(--base-scale));position:relative}.comparison-chart-main{flex:1;min-width:0;position:relative}.comparison-chart-portraits{position:absolute;top:calc(20px * var(--base-scale));left:0;right:0;display:flex;justify-content:space-around;align-items:flex-start;z-index:10;pointer-events:none;padding:0 calc(80px * var(--base-scale))}.comparison-chart-portrait{display:flex;flex-direction:column;align-items:center}.comparison-chart-card-image{width:calc(60px * var(--base-scale));height:auto;image-rendering:pixelated;filter:drop-shadow(0 calc(2px * var(--base-scale)) calc(4px * var(--base-scale)) rgba(0,0,0,.3));border-radius:calc(4px * var(--base-scale))}.comparison-chart-card-label{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:calc(4px * var(--base-scale));font-weight:600}.comparison-chart-sidebar{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:calc(140px * var(--base-scale));margin-top:calc(20px * var(--base-scale))}.recharts-tooltip-item-name,.recharts-tooltip-item-separator{display:none}.chart-legend-container{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:calc(10px * var(--base-scale)) 0;gap:calc(32px * var(--base-scale));color:var(--color-text-primary)}.chart-legend-item{display:flex;align-items:center;gap:calc(6px * var(--base-scale));font-size:var(--font-size-sm)}.chart-legend-color-indicator{width:calc(12px * var(--base-scale));height:calc(12px * var(--base-scale));background-color:var(--color-accent);border-radius:calc(2px * var(--base-scale));flex-shrink:0}.chart-legend-label{display:flex;align-items:center;gap:calc(4px * var(--base-scale));line-height:1}.chart-legend-rarity-image{height:calc(14px * var(--base-scale));width:auto;display:block}.chart-legend-expansion-image{height:calc(30px * var(--base-scale));width:auto;object-fit:contain;display:block}.chart-legend-averages-note{text-align:center;color:#888;font-size:var(--font-size-sm);font-style:italic}.chart-x-axis-tick{fill:var(--color-chart-text);font-size:var(--font-size-sm);font-weight:600}.recharts-wrapper,.recharts-wrapper svg,.recharts-wrapper *,.recharts-bar,.recharts-bar-rectangle,.recharts-line,.recharts-line-curve,.recharts-line-dot,.recharts-line-dots,.recharts-active-dot,.recharts-active-shape,.recharts-reference-line,.recharts-reference-line-line,.recharts-cartesian-axis,.recharts-cartesian-axis-tick,.recharts-cartesian-grid,.recharts-cartesian-grid-horizontal,.recharts-cartesian-grid-vertical{outline:none!important;border:none!important}.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-wrapper svg:focus,.recharts-wrapper svg:focus-visible,.recharts-wrapper *:focus,.recharts-wrapper *:focus-visible,.recharts-bar:focus,.recharts-bar:focus-visible,.recharts-bar-rectangle:focus,.recharts-bar-rectangle:focus-visible,.recharts-line:focus,.recharts-line:focus-visible,.recharts-line-curve:focus,.recharts-line-curve:focus-visible,.recharts-line-dot:focus,.recharts-line-dot:focus-visible,.recharts-active-dot:focus,.recharts-active-dot:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}.recharts-bar-rectangle,.recharts-line-curve,.recharts-line-dot{pointer-events:auto;cursor:default}.recharts-bar-rectangle:active,.recharts-line-curve:active,.recharts-line-dot:active{outline:none!important;border:none!important;box-shadow:none!important}.recharts-wrapper{pointer-events:auto}.recharts-wrapper svg{pointer-events:auto}.card-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-details .card-name{font-weight:700;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text-primary);text-align:center}.card-details .card-info-row{display:flex;justify-content:space-between;gap:calc(8px * var(--base-scale))}.card-details .card-info-left{display:flex;flex-direction:column;text-wrap-mode:nowrap;align-items:flex-start}.card-details .expansion-image{width:calc(90px * var(--base-scale));object-fit:contain;flex-shrink:0;border-radius:var(--radius-sm)}.card-details .demand-index{font-size:var(--font-size-sm);color:var(--color-text-primary)}.card-details .wishlist-count,.card-details .tradelist-count{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.card-details .card-groups{display:flex;gap:var(--spacing-xs);justify-content:flex-end;flex-wrap:wrap}.card-details .rarity-container{display:flex;align-items:center;gap:calc(6px * var(--base-scale));font-size:var(--font-size-sm);margin-bottom:calc(2px * var(--base-scale))}.card-details .rarity-image{height:calc(16px * var(--base-scale));width:auto;object-fit:contain}.card-details.card-details-alternative-background{background-color:var(--color-bg-primary);padding:var(--spacing-sm);border-radius:var(--radius-md)}.card-panel{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:calc(10px * var(--base-scale));text-align:left;transition:all .2s;position:relative;cursor:pointer}.card-panel.selected{background-color:var(--color-bg-primary);border:calc(2px * var(--base-scale)) solid var(--color-accent);box-shadow:0 0 calc(8px * var(--base-scale)) #4780c280}.card-panel.disabled{opacity:.4;filter:grayscale(.6);pointer-events:none}.card-panel img:not(.rarity-image):not(.expansion-image){width:calc(130px * var(--base-scale));height:auto;aspect-ratio:100 / 140;border-radius:var(--radius-md);display:block}.card-panel img:not(.rarity-image):not([src]),.card-panel img:not(.rarity-image)[src=""]{visibility:hidden}.card-panel .ranking-change{position:absolute;top:calc(8px * var(--base-scale));left:calc(8px * var(--base-scale));display:flex;align-items:center;gap:calc(4px * var(--base-scale));padding:calc(4px * var(--base-scale)) calc(6px * var(--base-scale));border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;z-index:10;background-color:#000000b3;-webkit-backdrop-filter:blur(calc(4px * var(--base-scale)));backdrop-filter:blur(calc(4px * var(--base-scale)))}.card-panel .ranking-change.up{color:#4ade80}.card-panel .ranking-change.down{color:#f87171}.card-panel .ranking-arrow,.card-panel .ranking-number{font-size:var(--font-size-md);line-height:1}.card-panel .card-image-container{display:flex;justify-content:center;margin-bottom:calc(8px * var(--base-scale));min-height:calc(140px * var(--base-scale));align-items:center}.card-panel-cursor-pointer{cursor:pointer}.card-panel-cursor-default{cursor:default}.card-panel-cursor-not-allowed{cursor:not-allowed}.lazy-card-panel-placeholder{opacity:0;pointer-events:none}.card-grid{margin-top:calc(14px * var(--base-scale));display:grid;gap:var(--spacing-md)}.card-grid.auto-fill{grid-template-columns:repeat(auto-fill,minmax(calc(220px * var(--base-scale)),1fr))}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(calc(180px * var(--base-scale)),1fr))}.loading-dots{display:inline-block}.loading-dots .dot{display:inline-block;opacity:0}.loading-dots .dot:nth-child(1){animation:loading-dot-1 .5s infinite;animation-delay:0s}.loading-dots .dot:nth-child(2){animation:loading-dot-2 .5s infinite;animation-delay:0s}.loading-dots .dot:nth-child(3){animation:loading-dot-3 .5s infinite;animation-delay:0s}@keyframes loading-dot-1{0%{opacity:0}95%{opacity:1}to{opacity:0}}@keyframes loading-dot-2{0%{opacity:0}33%{opacity:0}95%{opacity:1}to{opacity:0}}@keyframes loading-dot-3{0%{opacity:0}66%{opacity:0}95%{opacity:1}to{opacity:0}}.card-grid-loading-message{grid-column:1 / -1;text-align:center;padding:2rem;font-size:var(--font-size-2xl);font-weight:700}.rankings-table{display:grid;gap:calc(8px * var(--base-scale));margin-top:calc(8px * var(--base-scale));margin-left:auto;margin-right:auto;width:fit-content;border:calc(1px * var(--base-scale)) solid var(--color-border-secondary);border-radius:var(--radius-md);padding:calc(12px * var(--base-scale));background-color:var(--color-bg-secondary)}.rankings-table-header-cell{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-align:center;padding:calc(4px * var(--base-scale)) calc(8px * var(--base-scale));display:flex;align-items:center;justify-content:center}.rankings-table-header-cell-clickable{cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease,outline .2s ease;-webkit-user-select:none;user-select:none}.rankings-table-header-cell-clickable:hover{background-color:var(--color-bg-primary);outline:calc(2px * var(--base-scale)) solid var(--color-accent);outline-offset:calc(-2px * var(--base-scale))}.rankings-table-header-cell-clickable:active{background-color:var(--color-bg-primary);opacity:.9}.rankings-table-header-cell-top-left{align-items:flex-start;justify-content:flex-start;text-align:left;padding:0}.rankings-table-global{background-color:var(--color-accent);color:#fff;border-radius:calc(12px * var(--base-scale));padding:calc(3px * var(--base-scale)) calc(8px * var(--base-scale));font-size:var(--font-size-sm);font-weight:600;display:inline-block;text-shadow:calc(-1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 rgba(0,0,0,.3),calc(1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 rgba(0,0,0,.3),calc(-1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 rgba(0,0,0,.3),calc(1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 rgba(0,0,0,.3)}.rankings-table-rarity{background-color:#6b7280;border-radius:calc(12px * var(--base-scale));padding:calc(3px * var(--base-scale)) calc(8px * var(--base-scale));display:inline-flex;align-items:center;justify-content:center;border:calc(1px * var(--base-scale)) solid #4b5563}.rankings-table-label{font-size:var(--font-size-sm);color:var(--color-text-primary);padding:calc(6px * var(--base-scale)) calc(8px * var(--base-scale));font-weight:500;display:flex;align-items:center}.rankings-table-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:center;padding:calc(6px * var(--base-scale)) calc(8px * var(--base-scale));background-color:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:0}.rankings-table-foil-checkbox-label{display:flex;align-items:center;gap:calc(6px * var(--base-scale));white-space:nowrap;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.rankings-table-foil-checkbox{width:calc(16px * var(--base-scale));height:calc(16px * var(--base-scale));cursor:pointer;flex-shrink:0}.rankings-table-logo{height:calc(64px * var(--base-scale));width:auto;object-fit:contain;display:block;margin:0 auto}.rankings-table-expansion-image{height:calc(50px * var(--base-scale));width:auto;object-fit:contain;display:block;margin:0 auto}.rankings-table-na{font-size:var(--font-size-sm)}.rankings-table-rarity-image{height:calc(20px * var(--base-scale));width:auto;display:block}.rankings-table-foil-checkbox-label-disabled,.rankings-table-foil-checkbox-disabled{cursor:not-allowed}.rankings-table.swapped-background-colors{background-color:var(--color-bg-primary);margin-top:0}.rankings-table.swapped-background-colors .rankings-table-value{background-color:var(--color-bg-secondary)}.card-art-inspect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:calc(20px * var(--base-scale))}.card-art-inspect-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.card-art-inspect-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 calc(8px * var(--base-scale)) calc(32px * var(--base-scale)) #00000080}.card-art-inspect-close{position:absolute;top:calc(-40px * var(--base-scale));right:0;background:none;border:none;font-size:var(--font-size-2xl);color:#fff;cursor:pointer;padding:0;width:calc(40px * var(--base-scale));height:calc(40px * var(--base-scale));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s;z-index:1}.card-art-inspect-close:hover{background-color:#fff3}.trend-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(20px * var(--base-scale))}.trend-modal-content{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);min-width:calc(900px * var(--base-scale));max-height:90vh;overflow-y:auto;box-shadow:0 calc(4px * var(--base-scale)) calc(20px * var(--base-scale)) #00000080;border:calc(1px * var(--base-scale)) solid var(--color-border-secondary);overflow:hidden}.trend-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(20px * var(--base-scale));padding-bottom:calc(8px * var(--base-scale));border-bottom:calc(1px * var(--base-scale)) solid var(--color-border-secondary)}.trend-modal-card-info{display:flex;gap:calc(16px * var(--base-scale));align-items:flex-start;width:100%}.trend-modal-card-image-container{display:flex;flex-direction:column;gap:calc(8px * var(--base-scale));flex-shrink:0}.trend-modal-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.trend-modal-card-image{width:calc(200px * var(--base-scale));border-radius:var(--radius-md)}.trend-modal-card-image-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.trend-modal-card-image-clickable:hover{transform:scale(1.05);box-shadow:0 calc(4px * var(--base-scale)) calc(12px * var(--base-scale)) #0000004d}.trend-modal-card-details{display:flex;flex-direction:column;gap:calc(8px * var(--base-scale));width:100%}.trend-modal-card-name{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-align:left}.trend-modal-card-id{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:left}.trend-modal-trade-info{display:flex;flex-direction:column;gap:calc(4px * var(--base-scale));margin-top:calc(8px * var(--base-scale))}.trend-modal-demand-index,.trend-modal-wishlist-count,.trend-modal-tradelist-count{font-size:var(--font-size-base);color:var(--color-text-primary)}.trend-modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-primary);cursor:pointer;padding:0;width:calc(32px * var(--base-scale));height:calc(32px * var(--base-scale));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s}.trend-modal-close:hover{background-color:var(--color-bg-secondary)}.trend-modal-body{padding:calc(20px * var(--base-scale));padding-top:calc(12px * var(--base-scale))}.trend-modal-card-header-row{display:flex;align-items:center;gap:calc(12px * var(--base-scale))}.trend-modal-card-header-left{align-self:flex-start}.trend-modal-expansion-image-header{height:calc(50px * var(--base-scale));object-fit:contain;flex-shrink:0}.trend-modal-metric-selector{display:flex;align-items:center;gap:calc(12px * var(--base-scale));margin-bottom:var(--spacing-xl)}.trend-modal-dropdown-button{height:calc(32px * var(--base-scale));font-size:var(--font-size-sm);padding:0 calc(12px * var(--base-scale));min-width:calc(150px * var(--base-scale));width:calc(150px * var(--base-scale))}.trend-modal-dropdown-menu{top:calc(36px * var(--base-scale));min-width:calc(150px * var(--base-scale))}.tab-navigation{display:flex;justify-content:center;gap:var(--spacing-md)}.tab-button{padding:calc(10px * var(--base-scale)) calc(28px * var(--base-scale));font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-lg);border:calc(2px * var(--base-scale)) solid var(--color-accent);background-color:var(--color-bg-primary);font-weight:500;color:var(--color-text-primary);transition:all .2s;box-sizing:border-box;width:calc(180px * var(--base-scale));height:calc(60px * var(--base-scale));text-align:center}.tab-button.active{background-color:var(--color-accent);font-weight:700;border:calc(2px * var(--base-scale)) solid var(--color-accent)}.tab-button.active:hover{outline:calc(2px * var(--base-scale)) solid transparent;outline-offset:calc(-2px * var(--base-scale));filter:none;opacity:.9}.content-container{display:flex;flex-direction:column;min-height:0}.content-container-body{flex:1;min-height:calc(380px * var(--base-scale));background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-md);color:var(--color-text-primary)}.content-container-footer{padding-top:var(--spacing-md)}.card-slot-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.card-slot-container-left{align-items:flex-end}.card-slot-container-right{align-items:flex-start}.card-slot-content-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-direction:row}.card-slot-wrapper{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.card-slot-label{margin-bottom:var(--spacing-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.card-slot{width:calc(120px * var(--base-scale));height:calc(160px * var(--base-scale));border:calc(2px * var(--base-scale)) dashed var(--color-accent);border-radius:var(--radius-md);padding:calc(6px * var(--base-scale)) calc(4px * var(--base-scale));display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);cursor:pointer;position:relative}.card-slot-empty{cursor:default}.card-slot-clickable{cursor:pointer}.card-slot-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.card-slot-empty-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-sm)}.card-details-wrapper{display:flex;flex-direction:column;align-items:flex-end}.card-slot-container-right .card-details-wrapper{align-items:flex-start}.card-remove-label{align-self:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-sm);font-style:italic}.assessment-text{margin-top:calc(-65px * var(--base-scale));font-size:var(--font-size-base);font-weight:600;text-align:center;width:100%}.assessment-text-label{color:var(--color-text-primary)}.assessment-text-value{font-size:var(--font-size-lg)}.assessment-text-result{margin-top:calc(-10px * var(--base-scale));display:flex;align-items:center;justify-content:center}.assessment-text-result-fair{margin-top:0}.assessment-verdict-image{width:calc(64px * var(--base-scale));height:calc(64px * var(--base-scale));image-rendering:pixelated}.assessment-text-good{color:#2ecc71}.assessment-text-fair{color:#bbb}.assessment-text-bad{color:#e74c3c}.assessment-text-impossible{color:#fff}.assessment-text-disclaimer{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.4}.trade-chart-container{max-width:calc(400px * var(--base-scale));min-width:calc(300px * var(--base-scale));display:flex;flex-direction:column;align-items:center;position:relative;gap:var(--spacing-xs)}.trade-chart{display:flex;align-items:flex-start;width:100%;margin-bottom:0}.chart-left-wrapper,.chart-right-wrapper{flex:1;position:relative;min-width:0;height:calc(300px * var(--base-scale))}.chart-canvas-wrapper{width:100%;height:100%}.chart-center-y-axis{min-width:calc(80px * var(--base-scale));position:relative;height:calc(300px * var(--base-scale));flex-shrink:0}.chart-center-y-axis-line{position:absolute;top:calc(20px * var(--base-scale));bottom:calc(90px * var(--base-scale));width:calc(1px * var(--base-scale));background-color:var(--color-chart-grid);left:50%;transform:translate(-50%)}.chart-center-y-axis-ticks{position:absolute;top:calc(30px * var(--base-scale));left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 calc(8px * var(--base-scale))}.chart-y-axis-tick{position:absolute;transform:translateY(-50%);display:flex;align-items:center;gap:calc(4px * var(--base-scale))}.chart-y-axis-tick-line{width:calc(8px * var(--base-scale));height:calc(1px * var(--base-scale));background-color:var(--color-chart-grid)}.chart-y-axis-tick-label{color:var(--color-chart-text);font-size:var(--font-size-sm);white-space:nowrap}.chart-y-axis-label{position:absolute;bottom:calc(96px * var(--base-scale));left:50%;transform:translate(-50%);color:var(--color-chart-text);font-size:var(--font-size-sm);white-space:nowrap}.trade-elements-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--spacing-lg);flex:1;min-width:0;position:relative}.trade-elements-container .card-slot-container-left{grid-column:1}.trade-elements-container .trade-chart-container{grid-column:2}.trade-elements-container .card-slot-container-right{grid-column:3}.oaks-opinion-container{display:flex;flex-direction:column}.oaks-opinion-upper-row{display:flex;justify-content:center}.oaks-opinion-lower-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-xl);align-items:start;min-height:calc(350px * var(--base-scale))}.oaks-opinion-lower-row .trade-elements-container{grid-column:2;justify-self:center}.oaks-opinion-lower-row .oak-analysis-container{grid-column:3;justify-self:end;align-self:center}.clear-trade-slots-container{display:flex;justify-content:flex-end}.clear-trade-slots-button{margin-top:0}.simplified-rankings-container{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-sm);min-width:calc(280px * var(--base-scale));font-size:var(--font-size-sm)}.simplified-rankings-grid{display:grid;grid-template-columns:auto repeat(3,minmax(calc(80px * var(--base-scale)),1fr));gap:var(--spacing-xs);align-items:center}.simplified-rankings-header{font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.simplified-rankings-header-center{display:flex;justify-content:center;align-items:center}.simplified-rankings-metric{color:var(--color-text-primary);font-weight:500}.simplified-rankings-value{text-align:center;color:var(--color-text-primary)}.simplified-rankings-image{width:calc(20px * var(--base-scale));height:calc(20px * var(--base-scale))}.simplified-rankings-expansion-image{width:calc(24px * var(--base-scale));height:calc(24px * var(--base-scale))}.simplified-rankings-na{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.simplified-rankings .rankings-table-header-cell-top-left{align-items:center}.oak-analysis-container{display:flex;justify-content:flex-end;align-items:center;min-width:0;height:100%;margin-right:calc(50px * var(--base-scale))}.oak-analysis-portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:calc(140px * var(--base-scale));position:relative;margin-bottom:calc(60px * var(--base-scale))}.oak-speech-bubble{position:absolute;bottom:calc(50% + calc(60px * var(--base-scale)));left:50%;transform:translate(-50%);z-index:auto;pointer-events:auto;width:calc(250px * var(--base-scale));line-height:1.4}.oak-speech-bubble:before{top:auto;bottom:calc(-6px * var(--base-scale));left:50%;right:auto;transform:translate(-50%);border-top:calc(6px * var(--base-scale)) solid var(--color-accent);border-bottom:none}.oak-speech-bubble:after{top:auto;bottom:calc(-5px * var(--base-scale));left:50%;right:auto;transform:translate(-50%);margin-top:0;margin-bottom:0;border-top:calc(5px * var(--base-scale)) solid var(--color-bg-primary);border-bottom:none}.oak-portrait{width:calc(60px * var(--base-scale));height:auto;image-rendering:pixelated;filter:drop-shadow(0 calc(2px * var(--base-scale)) calc(4px * var(--base-scale)) rgba(0,0,0,.3))}.oaks-opinion-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.oaks-opinion-intro-modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);border:calc(2px * var(--base-scale)) solid var(--color-accent);padding:var(--spacing-xl);max-width:calc(800px * var(--base-scale));width:100%;box-shadow:0 calc(12px * var(--base-scale)) calc(30px * var(--base-scale)) #00000080}.oaks-opinion-intro-header{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.oak-intro-portrait-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative}.oak-intro-speech-bubble{position:relative!important;bottom:unset!important;text-align:center;max-width:calc(320px * var(--base-scale));margin-bottom:var(--spacing-sm)}.oak-intro-speech-bubble:before{top:auto;bottom:calc(-6px * var(--base-scale));left:50%;right:auto;transform:translate(-50%);border-top:calc(6px * var(--base-scale)) solid var(--color-accent);border-bottom:none}.oak-intro-speech-bubble:after{top:auto;bottom:calc(-5px * var(--base-scale));left:50%;right:auto;transform:translate(-50%);margin-top:0;margin-bottom:0;border-top:calc(5px * var(--base-scale)) solid var(--color-bg-primary);border-bottom:none}.oak-intro-portrait{width:calc(72px * var(--base-scale));height:auto;image-rendering:pixelated;filter:drop-shadow(0 calc(2px * var(--base-scale)) calc(4px * var(--base-scale)) rgba(0,0,0,.4))}.oaks-opinion-intro-body{margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.5;text-align:center}.oaks-opinion-intro-disclaimer{font-size:var(--font-size-xl);font-style:italic;font-weight:700}.oaks-opinion-intro-emphasis{font-weight:700}.oaks-opinion-intro-footer{display:flex;justify-content:center}.oaks-opinion-intro-button{margin-top:0}.view-container{width:90%;margin-top:var(--spacing-xl)}.status-text{margin-bottom:calc(20px * var(--base-scale));text-align:center;font-size:var(--font-size-base);color:var(--color-text-secondary);font-style:italic;min-height:3em;line-height:1.5em}.status-text a{color:var(--color-accent);text-decoration:none}.status-text a:hover{text-decoration:underline}.view-section{margin-bottom:var(--spacing-xl)}.view-section-title{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.view-section-title.centered{text-align:center}.action-buttons{margin-bottom:var(--spacing-xl)}.action-button{margin-top:var(--spacing-xl);padding:calc(10px * var(--base-scale)) var(--spacing-xl);font-size:var(--font-size-base);cursor:pointer;margin-right:calc(10px * var(--base-scale));background-color:var(--color-accent);color:var(--color-text-primary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm)}.action-button:hover{opacity:.9}.last-updated{margin-top:var(--spacing-xl);font-size:var(--font-size-base);color:var(--color-text-secondary);font-style:italic}.search-container{margin-bottom:calc(10px * var(--base-scale));display:flex;align-items:center;gap:calc(10px * var(--base-scale));flex-wrap:wrap}.search-input{padding:var(--spacing-sm);min-width:calc(220px * var(--base-scale))}.filters-label{font-size:var(--font-size-base);color:var(--color-text-primary)}.clear-filters-button{padding:calc(6px * var(--base-scale)) calc(12px * var(--base-scale));font-size:var(--font-size-sm);cursor:pointer;background-color:var(--color-accent);color:var(--color-text-primary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm)}.clear-filters-button:hover{opacity:.9}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xxl)}.stats-panel{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left}.stats-panel-title{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.stat-item{display:flex;align-items:center;gap:calc(10px * var(--base-scale));margin-bottom:var(--spacing-sm)}.stat-label{width:calc(70px * var(--base-scale));text-align:center}.stat-label.wide{width:calc(120px * var(--base-scale));text-align:left;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.stat-bar-container{flex:1;background-color:var(--color-bg-primary);border-radius:var(--radius-sm);height:calc(22px * var(--base-scale));overflow:hidden}.stat-bar{background-color:var(--color-accent);height:100%;min-width:calc(2px * var(--base-scale))}.stat-value{width:calc(40px * var(--base-scale));text-align:right;font-weight:600;color:var(--color-text-primary)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.comparison-panel{background-color:var(--color-bg-secondary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.comparison-panel-title{margin-top:0;margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-text-primary)}.selected-card-display{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-primary);border-radius:var(--radius-md)}.selected-card-image{width:calc(90px * var(--base-scale));border-radius:var(--radius-md)}.selected-card-info{flex:1}.selected-card-name{font-weight:600;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text-primary)}.selected-card-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.clear-selection-button{padding:var(--spacing-xs) calc(10px * var(--base-scale));font-size:var(--font-size-sm);cursor:pointer;background-color:var(--color-error);color:var(--color-text-primary);border:none;border-radius:var(--radius-sm)}.clear-selection-button:hover{opacity:.9}.scrollable-card-grid{max-height:calc(500px * var(--base-scale));overflow-y:auto;margin-top:calc(14px * var(--base-scale))}.scrollable-card-grid.compact{max-height:calc(400px * var(--base-scale))}.no-data-message{margin-top:var(--spacing-xl);padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.card-selection-container{margin-bottom:var(--spacing-xl)}.card-selection-label{font-weight:700;margin-bottom:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary)}.no-card-selected{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.card-count-display{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);position:sticky;top:calc(64px * var(--base-scale));z-index:99;background-color:var(--color-bg-primary);padding:var(--spacing-md) 0}.card-count-display>div{text-align:center}.card-count-instruction{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-count-back-to-top-button{position:absolute;left:calc(50% + calc(150px * var(--base-scale)));top:50%;height:calc(32px * var(--base-scale));transform:translateY(-50%);padding:var(--spacing-sm) calc(14px * var(--base-scale));font-size:var(--font-size-sm);cursor:pointer;background-color:var(--color-accent);color:var(--color-text-primary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm)}.return-button{position:fixed;top:calc(10px * var(--base-scale));left:calc(10px * var(--base-scale));padding:calc(8px * var(--base-scale)) calc(16px * var(--base-scale));font-size:var(--font-size-base);cursor:pointer;background-color:var(--color-accent);color:var(--color-text-primary);border:calc(1px * var(--base-scale)) solid var(--color-accent);border-radius:var(--radius-sm);z-index:1000;transition:all .2s}.return-button:hover{opacity:.9}.stats-grid-three-columns{grid-template-columns:1fr 1fr 1fr}.stat-image-small{height:calc(22px * var(--base-scale))}.group-select-container{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.group-select-label{margin-right:var(--spacing-md);font-weight:600;color:var(--color-text-primary)}.group-select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-sm);border:calc(1px * var(--base-scale)) solid var(--color-border-secondary);background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer}.group-ribbon-base{padding:calc(3px * var(--base-scale)) calc(8px * var(--base-scale));border-radius:calc(12px * var(--base-scale));font-size:var(--font-size-sm);cursor:pointer;position:relative;text-shadow:calc(-1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(-1px * var(--base-scale)) 0 #000,calc(-1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000,calc(1px * var(--base-scale)) calc(1px * var(--base-scale)) 0 #000;white-space:nowrap;text-align:center}.group-ribbon-new{font-weight:700}.group-ribbon-regular{font-weight:600;color:#fff}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--spacing-lg)}.logo-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0;text-align:center}.logo-image{height:calc(150px * var(--base-scale));object-fit:contain}