#wineComparison{--comparison-gold:#c6a461;--comparison-cream:#eee0c2;width:min(1080px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 auto;border:1px solid #987449;border-radius:0;padding:0;background:#210a11;color:var(--comparison-cream);font-family:Arial,sans-serif;overflow:hidden}
#wineComparison::backdrop{background:#110609d9;backdrop-filter:blur(4px)}
.comparison-open{overflow:hidden}
.comparison-shell{height:100%;display:flex;flex-direction:column}
.comparison-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(var(--safe-top,0px) + 14px) 18px 14px;border-bottom:1px solid #987449;background:linear-gradient(#42121f,#250b13)}
.comparison-header h1{font:600 25px Georgia,serif;margin:0}
.comparison-content{padding:16px 18px calc(var(--safe-bottom,0px) + 28px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#8e744e #210a11}
#wineComparison button,#wineComparison select,#comparisonPickerBar button{font:600 14px Arial,sans-serif;color:#eee0c2;background:#3a1620;border:1px solid #9c7d48;border-radius:9px;min-height:44px;padding:10px 13px;cursor:pointer}
#wineComparison button:focus-visible,#wineComparison select:focus-visible,.comparison-pick-card:focus-visible,#comparisonPickerBar button:focus-visible{outline:3px solid #e0c184;outline-offset:3px}
#wineComparison button:disabled{background:#363132;color:#948b85;border-color:#625955;cursor:default}
#wineComparison .comparison-close{font-size:28px;padding:0;width:44px;border-radius:50%}
.comparison-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.comparison-section-head h2{font-size:17px;margin:0}
#comparisonAddSlot{font-size:24px!important;width:44px;padding:0!important}
.comparison-helper,.comparison-scale-note,.comparison-snapshot{font-size:13px;color:#d0bea3;line-height:1.45;margin:8px 0 14px}
.comparison-slots{display:grid;grid-template-columns:repeat(var(--comparison-count),minmax(150px,1fr));gap:12px;overflow:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}
.comparison-slot{border:1px solid #775937;border-radius:12px;background:linear-gradient(160deg,#35151d,#170d0f);padding:10px;min-height:264px;display:flex;flex-direction:column;align-items:center;text-align:center;scroll-snap-align:start}
.comparison-slot-number{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#cbb78d;margin:0 0 10px}
.comparison-label{height:125px;width:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #0008)}
.comparison-label-empty{height:125px;display:grid;place-items:center;font-size:12px;color:#b7a997}
.comparison-wine-name{font:600 19px/1.15 Georgia,serif;margin:12px 0 6px;overflow-wrap:anywhere}
.comparison-wine-name .wine-cuvee,.comparison-wine-name .cuvee-inline{font-size:.86em;font-style:italic;color:#d1b988}
.comparison-identifiers{font-size:12px;line-height:1.6;margin:0 0 10px;color:#d4c5ad}
.comparison-slot-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:auto}
.comparison-slot-actions button{font-size:12px!important;padding:7px!important}
.comparison-choose{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:transparent!important;border-style:dashed!important}
.comparison-choose span{font-size:32px;color:#c6a461}
.comparison-controls{border-top:1px solid #6e5034;border-bottom:1px solid #6e5034;padding:17px 0;margin:10px 0}
.comparison-controls label{display:block;font-size:13px;margin-bottom:7px}
#comparisonMetric{width:100%;font-size:16px!important;background:#24151a!important}
.comparison-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#wineComparison .comparison-primary{background:linear-gradient(#671c32,#41101f);border-color:#bd9859;flex:1}
.comparison-share-wrap{position:relative}
#comparisonShareMenu{position:absolute;right:0;bottom:100%;margin-bottom:8px;z-index:3;min-width:190px;padding:6px;background:#211418;border:1px solid #aa894e;border-radius:10px;box-shadow:0 6px 24px #0008}
#comparisonShareMenu button{display:block;width:100%;border:0;text-align:left;background:transparent}
.comparison-status{font-size:14px;line-height:1.4;min-height:20px;margin:12px 0}
#comparisonResults{scroll-margin-top:16px}
#comparisonResults>p{font-size:13px;line-height:1.45}
.comparison-results-scroll{overflow:auto;padding:10px 5px 18px}
.comparison-results-grid{display:grid;grid-template-columns:repeat(var(--comparison-count),minmax(165px,1fr));gap:12px;align-items:stretch}
.comparison-result{border:1px solid #796045;border-radius:12px;padding:12px;text-align:center;min-width:0;background:#291319;position:relative}
.comparison-result.is-comparison-leader{border-color:#edcc85;animation:comparison-leader-glow 2.8s ease-in-out infinite}
@keyframes comparison-leader-glow{0%,100%{box-shadow:0 0 0 1px #d5ad5c70,0 0 9px #e6b95630}50%{box-shadow:0 0 0 2px #ebca82c0,0 0 17px #e6b95680}}
.comparison-rank{font-size:12px;color:#dec58b;font-weight:700;min-height:18px;margin-bottom:12px}
.comparison-score{display:block;font:600 32px Georgia,serif;color:#f0d596}
.comparison-score small{font-size:14px;color:#b9a98d;margin-left:2px}
.comparison-meter{display:block;width:100%;height:5px;background:#584432;border-radius:4px;margin:8px 0;overflow:hidden}
.comparison-meter i{display:block;height:100%;background:linear-gradient(90deg,#947342,#e3c480);border-radius:inherit}
.comparison-basis,.comparison-unknown{display:block;font-size:11px;line-height:1.4;color:#c6b597}
.comparison-method{font-size:12px;line-height:1.5;color:#d3c3a9;text-align:left}
.comparison-metric-value{padding:14px 0;border-top:1px solid #796045;border-bottom:1px solid #796045}
.comparison-metrics,.comparison-facts{margin:12px 0 0;text-align:left}
.comparison-metrics>div,.comparison-facts>div{border-top:1px solid #5f4936;padding:10px 0}
.comparison-metrics dt,.comparison-facts dt{font-size:12px;color:#c9b38a;margin-bottom:7px}
.comparison-metrics dd,.comparison-facts dd{margin:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.comparison-metrics>div{height:112px;box-sizing:border-box}
.comparison-facts>div{height:90px;box-sizing:border-box;overflow:auto}
.comparison-evidence{font-size:12px;text-align:left;line-height:1.5;border-top:1px solid #796045;margin-top:12px;padding-top:10px}
.comparison-evidence summary{cursor:pointer;color:#d6be8c;min-height:28px}
#comparisonPickerBar{position:sticky;top:calc(var(--safe-top,0px) + 92px);z-index:45;margin:0 10px 10px;padding:8px 10px;border:1px solid #b79250;border-radius:10px;background:#291319f5;box-shadow:0 4px 16px #0008;display:flex;align-items:center;gap:10px;color:#eadabe;font:13px/1.35 Arial,sans-serif}
#comparisonPickerBar[hidden]{display:none}
#comparisonPickerBar strong{display:block}
.comparison-pick-card{cursor:pointer;position:relative;touch-action:pan-y;margin-bottom:12px}
.comparison-pick-card .wine-card{margin-bottom:0}
.comparison-pick-card .wine-card-details-hint,.comparison-pick-card .so-tech-sheet-hint,.comparison-pick-card .off-menu-card-label,.comparison-pick-card .eighty-six-card-alternative-hint,.comparison-pick-card .eighty-six-card-alternative-arrow{display:none!important}
.comparison-pick-card[aria-disabled="true"]{opacity:.48;cursor:default}
body.comparison-picking .result-view-toggle,body.comparison-picking .result-share-wrap{display:none}
body.comparison-picking .app-header #menuToggle{visibility:hidden}
@media(min-width:700px){#wineComparison{height:min(900px,96dvh);margin:auto;border-radius:18px}.comparison-header{padding-top:18px}.comparison-slots{grid-template-columns:repeat(var(--comparison-count),minmax(160px,1fr))}.comparison-label{height:145px}}
@media(prefers-reduced-motion:reduce){.comparison-result.is-comparison-leader{animation:none;box-shadow:0 0 0 2px #d6b675}}
@media print{
  @page{size:landscape;margin:10mm}
  html:has(body.comparison-printing),body.comparison-printing{overflow:visible!important;height:auto!important;background:white!important;color:#21170f!important}
  body.comparison-printing>*:not(#wineComparison){display:none!important}
  body.comparison-printing #wineComparison{display:block!important;position:static!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;background:white!important;color:#21170f!important;margin:0!important;padding:0!important}
  body.comparison-printing #wineComparison::backdrop{display:none}
  .comparison-printing .comparison-shell,.comparison-printing .comparison-content{display:block;height:auto;overflow:visible;padding:0}
  .comparison-printing .comparison-header{padding:0 0 10px;background:white;border-bottom:1px solid #aaa}
  .comparison-printing .comparison-content>section:not(#comparisonResults),.comparison-printing #comparisonStatus,.comparison-printing .comparison-close,.comparison-printing .comparison-evidence{display:none!important}
  .comparison-printing .comparison-results-scroll{overflow:visible;padding:8px 0}
  .comparison-printing .comparison-results-grid{grid-template-columns:repeat(var(--comparison-count),minmax(0,1fr));gap:10px}
  .comparison-printing .comparison-result{background:white;color:#21170f;border-color:#aaa;box-shadow:none!important;animation:none!important;break-inside:avoid;font-size:11px}
  .comparison-printing .comparison-result.is-comparison-leader{border:2px solid #856525}
  .comparison-printing .comparison-label{height:90px}.comparison-printing .comparison-wine-name{font-size:17px}
  .comparison-printing .comparison-metrics>div{height:77px}.comparison-printing .comparison-facts>div{height:62px;overflow:visible}
  .comparison-printing .comparison-score{font-size:22px}.comparison-printing .comparison-meter{margin:4px 0}
  .comparison-printing #wineComparison p,.comparison-printing #wineComparison dt,.comparison-printing #wineComparison span,.comparison-printing #wineComparison small{color:#443421!important}
}

.comparison-footer{padding:8px 18px calc(var(--safe-bottom,0px) + 12px);border-top:1px solid #987449;background:#210a11;flex-shrink:0}.comparison-footer .comparison-actions{margin:0}.comparison-result-identity{box-sizing:border-box}.comparison-wine-name .wine-name-secondary{font-size:.82em;font-style:italic;color:#d1b988}.comparison-wine-name .wine-name-vintage{color:#efe0b4}
@media print{.comparison-printing .comparison-footer{display:none}.comparison-printing .comparison-result-identity{min-height:0!important}}
@media print{
  .comparison-printing .comparison-result-identity{min-height:190px!important}
  .comparison-printing .comparison-label{height:65px}
  .comparison-printing .comparison-wine-name{font-size:13px}
  .comparison-printing .comparison-identifiers{font-size:10px}
  .comparison-printing .comparison-metrics>div{height:27px;padding:4px 0;display:flex;align-items:center;justify-content:space-between;gap:6px}
  .comparison-printing .comparison-metrics dt{margin:0;font-size:10px}
  .comparison-printing .comparison-metrics dd{display:flex;align-items:center;gap:3px}
  .comparison-printing .comparison-metrics .comparison-score{font-size:14px}
  .comparison-printing .comparison-metrics .comparison-score small{font-size:9px}
  .comparison-printing .comparison-metrics .comparison-meter{display:none}
  .comparison-printing .comparison-metrics .comparison-basis{font-size:8px}
  .comparison-printing .comparison-metrics .comparison-unknown{font-size:9px}
  .comparison-printing .comparison-facts>div{height:38px;padding:3px 0}
  .comparison-printing .comparison-facts dt{font-size:9px;margin-bottom:1px}
  .comparison-printing .comparison-facts dd{font-size:10px}
}