.compare-page{width:min(1180px,calc(100% - 40px));margin-block:28px 72px;margin-inline:auto;color:var(--color-fog)}.compare-title{font-size:28px;line-height:1.25;font-weight:650;color:var(--color-bright);margin-block:16px 24px;margin-inline:0}.compare-board{display:grid;gap:16px;min-width:0}.compare-actions,.compare-pages,.compare-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compare-actions .btn,.compare-open,.compare-pages .btn,.compare-toolbar .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;text-align:center;padding-block:8px;padding-inline:14px}.compare-toolbar .btn[aria-pressed=true]{color:var(--color-ember-2);border-color:var(--color-ember);box-shadow:inset 0 0 12px oklch(72.29% .1383 79.47/.125)}.compare-empty,.compare-pending{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid var(--color-edge);background:var(--color-panel);box-shadow:inset 0 1px oklch(100% 0 none/.047)}.compare-empty h2{font-size:20px;color:var(--color-bright);font-weight:600;margin:0}.compare-empty .btn{min-height:42px;min-width:164px}.compare-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-edge) var(--color-panel)}.compare-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:calc(156px + var(--compare-columns)*230px);border:1px solid var(--color-edge);background:var(--color-panel)}.compare-label-column{width:156px}.compare-corner{background:oklch(0 0 none/.082)}.compare-corner,.compare-head{border-inline-end:1px solid var(--color-edge)}.compare-head{padding-block:22px 10px;padding-inline:18px;vertical-align:top;text-align:center;background:var(--color-panel);font-weight:400}.compare-table tr>:last-child{border-inline-end:0}.compare-art{width:100%;height:76px;display:flex;align-items:center;justify-content:center}.compare-name{font-size:18px;line-height:1.35;font-weight:650;margin-block:12px 0;margin-inline:0;overflow-wrap:anywhere}.compare-quality-cell{padding-block:4px 12px;padding-inline:18px;border-inline-end:1px solid var(--color-edge);vertical-align:middle}.compare-picker-quality .game-select-trigger,.compare-quality,.compare-quality-cell .game-select-trigger{width:100%;max-width:none;min-height:42px;height:42px;display:flex;align-items:center;justify-content:center;line-height:1.25}.compare-picker-quality .game-select-trigger,.compare-quality-cell .game-select-trigger{justify-content:space-between;padding-block:8px;padding-inline:12px}.compare-quality{font-size:14px;color:var(--color-mist);border:1px solid transparent}.compare-action-cell{padding-block:0 18px;padding-inline:14px;border-inline-end:1px solid var(--color-edge);vertical-align:middle}.compare-actions{width:100%;justify-content:center;align-items:stretch;flex-wrap:nowrap}.compare-actions .btn{flex:1;min-width:0;padding-inline:8px;font-size:14px}.compare-actions{gap:8px}.compare-actions .compare-remove{flex:0 0 42px;padding:8px;font-size:22px}.compare-cell,.compare-label{padding-block:16px;padding-inline:18px;border-block-start:1px solid var(--color-edge);vertical-align:top;text-align:start;min-width:0;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.compare-label{color:var(--color-mist);font-weight:600;background:oklch(0 0 none/.082)}.compare-cell,.compare-label{border-inline-end:1px solid var(--color-edge)}.compare-cell[data-compare-field=buy],.compare-cell[data-compare-field=sell]{text-align:end}.compare-number{font-variant-numeric:tabular-nums;color:var(--color-bright)}.compare-effects{display:grid;gap:12px}.compare-relation{color:var(--color-ember-2);width:fit-content;transition:color .16s}@media (hover:hover) and (pointer:fine){.compare-relation:hover{color:var(--color-bright)}}.compare-note,.compare-unknown{color:var(--color-mist);font-size:14px;line-height:1.6}.compare-price-note{margin:0;max-width:80ch}.compare-status{padding:16px;border:1px solid var(--color-edge);background:var(--color-panel);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.compare-status p{margin:0;flex:1}.compare-share{width:100%;min-height:42px}.compare-dialog{width:min(800px,calc(100vw - 40px));padding:24px}.compare-picker{display:grid;gap:12px;min-width:0}.compare-picker .compare-search{width:100%;height:42px;min-height:42px;box-sizing:border-box;padding-block:8px;padding-inline:12px;line-height:24px;font-size:16px}.compare-picker-status{min-height:24px;color:var(--color-mist);font-size:14px;line-height:24px}.compare-results{min-height:180px;max-height:min(540px,calc(100dvh - 290px));overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-edge) var(--color-panel)}.compare-hit-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.compare-hit{grid-template-columns:minmax(0,1fr) 148px auto;gap:10px;min-width:0}.compare-hit,.compare-pick{display:grid;align-items:center}.compare-pick{width:100%;min-height:72px;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding-block:10px;padding-inline:12px;border:1px solid var(--color-edge);background:linear-gradient(180deg,oklch(100% 0 none/.016),oklch(0 0 none/.094));color:var(--color-fog);text-align:start;border-radius:2px;box-shadow:inset 0 1px oklch(100% 0 none/.031),0 2px 0 oklch(0 0 none/.188);transition:box-shadow .14s,border-color .14s}@media (prefers-reduced-motion:no-preference){.compare-pick{transition:transform .14s,box-shadow .14s,border-color .14s}}@media (hover:hover) and (pointer:fine){.compare-pick:not(:disabled):hover{border-color:var(--color-ember);box-shadow:inset 0 1px oklch(100% 0 none/.071),0 3px 0 oklch(0 0 none/.251);transform:perspective(600px) translateZ(1px)}}.compare-pick:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px 5px oklch(0 0 none/.251)}.compare-hit-copy{display:grid;gap:4px;min-width:0}.compare-hit-name{font-size:16px;line-height:1.35;overflow-wrap:anywhere;color:var(--color-bright)}.compare-hit-meta{font-size:14px;line-height:1.35;color:var(--color-mist)}.compare-pick-label{font-size:14px;color:var(--color-ember-2);text-align:center;max-width:112px}.compare-pick:disabled{cursor:default;opacity:.6}.compare-pages{min-height:42px;justify-content:flex-end}.compare-dialog :where(button,a,input):focus-visible,.compare-page :where(button,a,input):focus-visible{outline:2px solid var(--color-ember-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){.compare-pick,.compare-relation{transition:none}.compare-pick:not(:disabled):active{transform:none}@media (hover:hover) and (pointer:fine){.compare-pick:not(:disabled):hover{transform:none}}}@media(max-width:760px){.compare-page{width:calc(100% - 24px)}.compare-dialog{padding:20px}.compare-hit{grid-template-columns:minmax(0,1fr) 120px auto;gap:6px}.compare-pick{grid-template-columns:42px minmax(0,1fr)}.compare-pick-label{display:none}}.compare-source-group,.compare-source-groups{display:grid;gap:10px}.compare-source-group+.compare-source-group{margin-block-start:4px}.compare-craft-link,.compare-source-trigger{display:flex;align-items:center;justify-content:center;min-height:42px;line-height:1.35;padding-block:8px;padding-inline:12px;text-align:center}.compare-source-trigger{width:100%;justify-content:space-between;gap:10px}.compare-source-trigger svg{flex-shrink:0}.compare-source-note{margin:0;font-size:14px;line-height:1.5;color:var(--color-mist)}.compare-source-list{list-style:none;margin:0;padding:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(480px,calc(100dvh - 250px));overflow:auto;scrollbar-width:thin}.compare-source-link{min-height:52px;padding-block:10px;padding-inline:12px;display:grid;align-content:center;gap:4px;color:var(--color-ember-2);border:1px solid var(--color-edge);background:var(--color-deep);font-size:16px;line-height:1.4;overflow-wrap:anywhere;text-decoration:none}@media (hover:hover) and (pointer:fine){.compare-source-link:hover{border-color:var(--color-ember);color:var(--color-bright)}}.compare-source-detail{font-size:14px;line-height:1.35;color:var(--color-mist)}