/*
 * Life Auction finale
 * A playable settlement table: evidence is handled, switched and unfolded.
 */

.report-screen{
  padding:0 18px 80px;
  background:
    radial-gradient(circle at 50% 25%,rgba(126,66,52,.18),transparent 34%),
    linear-gradient(180deg,#090b17 0,#111323 43rem,#16121a 100%);
  color:#f5eddd;
}
.report-shell{width:min(1240px,100%);margin:auto}

/* The title is still a curtain call, but it now hands control back to the player. */
.report-cover{min-height:min(820px,calc(100dvh - 72px));border-radius:0 0 30px 30px}
.report-cover-copy{width:min(640px,60%);padding-bottom:120px}
.report-cover-copy>#reportSummary{font-size:15px;line-height:1.9}
.report-enter{
  display:inline-grid;grid-template-columns:auto;gap:2px;min-width:220px;margin-top:30px;padding:15px 22px;
  border:1px solid #e6c673;border-radius:3px;background:#d8ad4f;color:#211a18;text-align:left;cursor:pointer;
  box-shadow:0 7px 0 #76572b,0 16px 35px rgba(0,0,0,.28);transition:transform .18s ease,box-shadow .18s ease;
}
.report-enter:hover{transform:translateY(-3px);box-shadow:0 10px 0 #76572b,0 20px 40px rgba(0,0,0,.35)}
.report-enter span{font-size:15px;font-weight:950}.report-enter small{font-size:8px;font-weight:750;opacity:.72}

/* The settlement table is one game surface, not a sequence of presentation slides. */
.settlement-table{
  position:relative;z-index:5;width:min(1120px,calc(100% - 30px));margin:-36px auto 0;padding:30px;
  border:1px solid rgba(235,208,153,.2);border-radius:26px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/54px 100%,
    radial-gradient(circle at 50% -15%,rgba(214,169,76,.17),transparent 33%),
    linear-gradient(145deg,#211827,#100f1b 64%,#18101a);
  box-shadow:0 36px 100px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.06);
}
.settlement-table::before{content:"";position:absolute;inset:10px;border:1px solid rgba(239,214,166,.08);border-radius:18px;pointer-events:none}
.settlement-console{position:relative;display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:30px;padding:10px 10px 28px;border-bottom:1px solid rgba(239,214,166,.16)}
.settlement-console>div:first-child>span{color:#c9a352;font-size:8px;font-weight:950;letter-spacing:.2em}
.settlement-console h2{margin:5px 0 4px;color:#fff5df;font-size:29px;line-height:1.1}.settlement-console p{margin:0;color:#98919a;font-size:10px}
.settlement-console .report-stats{display:flex;gap:10px;margin:0}
.settlement-console .report-stats span{
  width:70px;aspect-ratio:1;min-height:0;display:grid;place-content:center;padding:0;border:2px dotted #886b35;border-radius:50%;
  background:radial-gradient(circle,#e2bd68 0 47%,#c08c38 49% 54%,#efca72 56%);color:#2d231a;text-align:center;
  box-shadow:inset 0 0 0 3px rgba(93,61,25,.3),0 6px 16px rgba(0,0,0,.28);transform:rotate(-3deg);
}
.settlement-console .report-stats span:nth-child(2n){transform:rotate(4deg)}
.settlement-console .report-stats span::before,.settlement-console .report-stats span::after{display:none}
.settlement-console .report-stats b{color:#33261b;font-size:20px}.settlement-console .report-stats small{margin-top:3px;color:#624b2e;font-size:6px;font-weight:900}

.evidence-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 7% -1px}
.evidence-tabs button{
  min-height:78px;padding:12px 18px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;
  border:1px solid #514554;border-bottom-color:#27212d;border-radius:13px 13px 0 0;background:#24202d;color:#bbb3b8;text-align:left;cursor:pointer;
  transform:translateY(8px);transition:transform .2s ease,background .2s ease,color .2s ease;
}
.evidence-tabs button>span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border:1px solid #6f626e;border-radius:50%;font-size:8px}
.evidence-tabs button>b{font-size:13px}.evidence-tabs button>small{font-size:7px;color:#827982}
.evidence-tabs button[aria-selected="true"]{border-color:#bb9450;background:#dfbd73;color:#2d2323;transform:none;box-shadow:0 -5px 22px rgba(222,183,103,.13)}
.evidence-tabs button[aria-selected="true"]>span{border-color:#6a4d29}.evidence-tabs button[aria-selected="true"]>small{color:#6e5538}

.evidence-scenes{position:relative;min-height:670px;overflow:hidden;border:1px solid #5e4b54;border-radius:18px;background:radial-gradient(ellipse at 58% 0,rgba(248,224,166,.14),transparent 38%),linear-gradient(#171727,#0e0f1b)}
.evidence-scenes::before{content:"";position:absolute;left:37%;top:-180px;width:440px;height:620px;background:conic-gradient(from 166deg at 50% 0,transparent 0 39%,rgba(247,221,160,.13) 47%,transparent 60%);filter:blur(5px);pointer-events:none}
.evidence-scene{position:relative;min-height:670px;padding:54px 6% 64px;animation:scene-deal .35s cubic-bezier(.2,.8,.2,1)}
.scene-label{display:grid;grid-template-columns:130px minmax(0,560px);column-gap:24px;align-items:start;margin-bottom:38px}
.scene-label>span{grid-row:1/4;padding-top:7px;color:#d7b45f;font-size:8px;font-weight:950;letter-spacing:.16em}
.scene-label h2{margin:0;color:#fff5e3;font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.04em}.scene-label p{margin:11px 0 0;color:#a8a0a5;font-size:10px;line-height:1.7}

/* Physical evidence behaves like objects left on the table. */
.evidence-scene .kept-grid{grid-template-columns:repeat(3,minmax(0,250px));justify-content:center;gap:18px;padding:10px 0 0}
.evidence-scene .kept-card{color:#282435;box-shadow:0 18px 45px rgba(0,0,0,.42),0 5px 0 #b8a98f}
.evidence-scene .kept-card:nth-child(3n+1){transform:rotate(-2.2deg)}.evidence-scene .kept-card:nth-child(3n+2){transform:translateY(18px) rotate(1.6deg)}.evidence-scene .kept-card:nth-child(3n){transform:rotate(-.7deg)}
.trade-mat{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:start;gap:12px}
.trade-mat .evidence-panel,.missed-rack .evidence-panel{padding:18px;border:1px solid rgba(242,218,172,.2);border-radius:16px;background:rgba(12,13,24,.78);box-shadow:0 16px 35px rgba(0,0,0,.24)}
.trade-mat .panel-title,.missed-rack .panel-title{border-color:rgba(235,211,165,.17)}
.trade-mat .panel-title span,.missed-rack .panel-title span{color:#9c8e91}.trade-mat .panel-title h3,.missed-rack .panel-title h3{color:#f4eadc}
.trade-divider{position:relative;min-height:320px;display:flex;justify-content:center}
.trade-divider::before{content:"";position:absolute;top:5px;bottom:5px;width:1px;border-left:1px dashed #7f6335}
.trade-divider span{position:relative;align-self:center;padding:8px 4px;background:#141420;color:#c9a352;font-size:7px;letter-spacing:.14em;writing-mode:vertical-rl}
.evidence-scene .paper-item{background:#eee3d0}.evidence-scene .empty-item{border-color:#685a62;background:rgba(255,255,255,.035);color:#aaa0a4}
.missed-rack{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.missed-rack .missed-item,.missed-rack .silent-item{background:#dcd3c4}

/* After the interactive table, the rest feels like items discovered on the floor. */
.after-auction-floor{width:min(1080px,calc(100% - 44px));margin:0 auto;padding:90px 6% 70px;background:linear-gradient(180deg,#16121a,#0d0e18);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.tension-section{padding:0 0 100px;overflow:visible;border:0}
.tension-section::before{display:none}
.floor-label{max-width:560px;margin:0 0 38px 4%}.floor-label span,.exit-ticket-label span{color:#c9a352;font-size:8px;font-weight:950;letter-spacing:.18em}.floor-label h2,.exit-ticket-label h2{margin:7px 0;color:#fff2dc;font-size:clamp(30px,4vw,48px);line-height:1.08}.floor-label p,.exit-ticket-label p{margin:0;color:#9d949a;font-size:10px}
.after-auction-floor .tension-grid{grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.after-auction-floor .tension-card{position:relative;min-height:230px;padding:25px;border:0;background:#eee2cc;color:#312a31;box-shadow:0 18px 45px rgba(0,0,0,.34)}
.after-auction-floor .tension-card:nth-child(1){transform:rotate(-2deg)}.after-auction-floor .tension-card:nth-child(2){transform:translateY(25px) rotate(1.2deg)}.after-auction-floor .tension-card:nth-child(3){transform:rotate(-.8deg)}
.after-auction-floor .tension-card::before{content:"拍卖师批注";position:absolute;right:18px;top:18px;color:#8d7c6d;font-size:6px;letter-spacing:.12em}
.after-auction-floor .tension-card>span{border-color:#9f7f45;color:#8a5c23}.after-auction-floor .tension-card h3{color:#6f283b}.after-auction-floor .tension-card p{color:#5e5657;font-size:11px}

.event-card{margin:20px 0 90px;border:1px solid #4d4450;border-radius:20px;background:#151420;overflow:hidden}
.event-card>summary{position:relative;min-height:105px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;padding:24px 28px;list-style:none;cursor:pointer;background:linear-gradient(90deg,#292032,#181721)}
.event-card>summary::-webkit-details-marker{display:none}.event-card>summary span{color:#c9a352;font-size:8px;font-weight:950;letter-spacing:.14em}.event-card>summary b{color:#fff0db;font-size:20px}.event-card>summary small{color:#9e959d;font-size:8px}
.event-card>summary i{position:absolute;right:20px;bottom:14px;width:24px;height:24px;border:1px solid #7f6b56;border-radius:50%}.event-card>summary i::before,.event-card>summary i::after{content:"";position:absolute;left:6px;top:11px;width:10px;height:1px;background:#c6a764}.event-card>summary i::after{transform:rotate(90deg)}.event-card[open]>summary i::after{transform:none}
.event-card .event-observation{min-height:430px;margin:0;border:0}

.share-stage{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,620px);align-items:start;justify-content:center;gap:7%;padding:0 0 80px}
.exit-ticket-label{position:sticky;top:30px;padding-top:60px}.exit-ticket-label h2{font-size:42px}.share-stage .share-card{width:100%;margin:0;transform:rotate(.7deg);box-shadow:0 28px 75px rgba(0,0,0,.48)}

.after-auction-floor .ledger{border-color:#544a52;background:#171620;color:#eee3d4}
.after-auction-floor .ledger summary{background:#211d28}.after-auction-floor .ledger-summary-title{color:#f2e6d8}.after-auction-floor .ledger summary #ledgerCount{color:#9d9298}
.after-auction-floor .ledger ol::before{background:#6a5546}.after-auction-floor .ledger li{color:#c9c0c0}.after-auction-floor .ledger li>i{background:#171620;border-color:#79664f;color:#d9c9b5}
.after-auction-floor .disclaimer{border-color:#403942;background:#13131d;color:#948c92}.after-auction-floor .disclaimer b{color:#d5ae5d}
.after-auction-floor .report-actions .secondary-btn{border-color:#5c525d;color:#eee3d4}

@keyframes scene-deal{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}

@media(max-width:820px){
  .report-cover-copy{width:auto}
  .settlement-table{width:calc(100% - 20px);padding:20px}
  .settlement-console{grid-template-columns:1fr}.settlement-console .report-stats{justify-content:flex-start}
  .scene-label{grid-template-columns:1fr}.scene-label>span{grid-row:auto;margin-bottom:10px}
  .trade-mat{grid-template-columns:1fr}.trade-divider{min-height:34px}.trade-divider::before{left:0;right:0;top:50%;bottom:auto;width:auto;border-left:0;border-top:1px dashed #7f6335}.trade-divider span{writing-mode:horizontal-tb;padding:5px 9px}
  .missed-rack{grid-template-columns:1fr}.after-auction-floor{width:calc(100% - 24px)}
  .after-auction-floor .tension-grid{grid-template-columns:1fr 1fr}.after-auction-floor .tension-card:nth-child(n){transform:none}.share-stage{grid-template-columns:1fr}.exit-ticket-label{position:static;padding:0}
}

@media(max-width:560px){
  .report-screen{padding:0 0 45px}.report-cover{min-height:760px}.report-cover-copy{padding-bottom:300px}.report-enter{width:100%;min-width:0}
  .settlement-table{width:calc(100% - 12px);margin-top:-12px;padding:14px;border-radius:18px}
  .settlement-console{padding:12px 4px 20px}.settlement-console h2{font-size:25px}.settlement-console .report-stats{gap:5px}.settlement-console .report-stats span{width:58px}.settlement-console .report-stats b{font-size:17px}
  .evidence-tabs{gap:4px;margin:16px 1% -1px}.evidence-tabs button{min-height:72px;padding:9px 7px;grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.evidence-tabs button>span{grid-row:auto;margin:auto}.evidence-tabs button>b{font-size:10px}.evidence-tabs button>small{font-size:6px}
  .evidence-scenes{min-height:630px}.evidence-scene{min-height:630px;padding:38px 18px 48px}.scene-label{margin-bottom:28px}.scene-label h2{font-size:30px}.scene-label p{font-size:9px}
  .evidence-scene .kept-grid{grid-template-columns:1fr;gap:25px}.evidence-scene .kept-card:nth-child(n){transform:none}.trade-mat .evidence-panel,.missed-rack .evidence-panel{padding:12px}
  .after-auction-floor{width:calc(100% - 12px);padding:70px 20px 45px}.floor-label{margin-left:0}.after-auction-floor .tension-grid{grid-template-columns:1fr;gap:15px}.after-auction-floor .tension-card{min-height:0}.after-auction-floor .tension-card:nth-child(n){transform:none}
  .event-card>summary{grid-template-columns:1fr;padding:20px 48px 20px 18px;gap:6px}.event-card>summary b{font-size:17px}.event-card>summary small{font-size:7px}.event-card .event-observation{min-height:500px}
  .share-stage{gap:25px}.exit-ticket-label h2{font-size:34px}.share-stage .share-card{width:calc(100% + 12px);margin-left:-6px;transform:none}
}

@media(prefers-reduced-motion:reduce){.evidence-scene{animation:none}.report-enter{transition:none}}

/* Typography is quiet enough for the evidence and imagery to carry the finale. */
.report-screen :is(h1,h2,h3,b,strong,button,.ledger-summary-title){font-weight:600}
.report-screen :is(.report-kicker,.scene-label>span,.floor-label span,.exit-ticket-label span,.event-card>summary span,.share-card small,.share-card header span){font-weight:500}
.report-cover h1{font-weight:600;letter-spacing:-.035em}
.report-cover-copy>#reportSummary{font-weight:400}
.settlement-console h2,.scene-label h2,.floor-label h2,.exit-ticket-label h2,.event-observation-copy h2{font-weight:500;letter-spacing:-.025em}
.report-enter span{font-weight:600}.report-enter small{font-weight:400}
.settlement-console>div:first-child>span,.scene-label>span,.floor-label span,.exit-ticket-label span,.event-card>summary span{font-weight:500}
.settlement-console .report-stats small{font-weight:500}
.evidence-tabs button>b,.panel-title h3,.paper-item h3,.kept-card h3,.after-auction-floor .tension-card h3,.event-card>summary b{font-weight:600}

/* The share card is a collectible departure ticket, not a paragraph on a poster. */
.share-stage .share-card{
  aspect-ratio:4/5;overflow:hidden;transform:rotate(.35deg);
  background:#eee4cf;color:#282435;
}
.share-stage .share-card>img{filter:saturate(.82) contrast(.95);opacity:.78}
.share-stage .share-card::after{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(135deg,rgba(255,250,237,.7),rgba(245,232,204,.14) 48%,rgba(68,27,42,.09));pointer-events:none;
}
.share-stage .share-card::before{inset:6%;border-color:rgba(83,55,43,.28)}
.share-card-inner{padding:8% 9% 7%;gap:18px;justify-content:initial}
.share-card header{flex:0 0 auto;padding-bottom:12px}
.share-card header span{font-size:7px;letter-spacing:.11em}.share-card header b{font-size:8px;font-weight:600;letter-spacing:.08em}
.share-feature{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:8%;align-items:center;margin-top:3%}
.share-lot{position:relative;margin:0;min-width:0;transform:rotate(-1.5deg);box-shadow:0 13px 28px rgba(59,42,39,.2)}
.share-lot::before{content:"";position:absolute;z-index:1;inset:8px;border:1px solid rgba(255,244,218,.55);pointer-events:none}
.share-lot img{display:block;width:100%;height:auto;aspect-ratio:1/1.18;object-fit:cover;filter:saturate(.86) contrast(.96)}
.share-lot figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:25% 10px 10px;background:linear-gradient(transparent,rgba(18,16,25,.9));color:#fff4df}
.share-lot figcaption span,.share-lot figcaption b{display:block}.share-lot figcaption span{font-size:6px;letter-spacing:.13em}.share-lot figcaption b{margin-top:3px;font-size:11px;line-height:1.35}
.share-lot-empty{aspect-ratio:1/1.18;display:grid;place-content:center;text-align:center;border:1px solid #9c8056;background:rgba(250,239,217,.7)}
.share-lot-empty span,.share-lot-empty small{font-size:7px}.share-lot-empty b{color:var(--wine);font-size:44px;line-height:1.1}
.share-main small{font-size:7px;font-weight:500;letter-spacing:.13em}
.share-card .share-main h2{max-width:none;margin:8px 0 14px;color:#292332;font-size:clamp(29px,4.5vw,46px);font-weight:500;line-height:1.16;letter-spacing:-.035em}
.share-card .share-main p{margin:0;color:#665d58;font-size:11px;font-weight:400;line-height:1.75}
.share-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-block:1px solid rgba(76,52,43,.25)}
.share-proof>span{min-width:0;padding:14px 8px 13px;text-align:center;border-right:1px solid rgba(76,52,43,.19)}.share-proof>span:last-child{border-right:0}
.share-proof b,.share-proof small{display:block}.share-proof b{color:#6f293b;font-size:24px;font-weight:600;line-height:1}.share-proof small{margin-top:6px;color:#766a62;font-size:7px;letter-spacing:.05em}
.share-values{gap:5px}.share-values b{padding:5px 8px;border-color:#ab9168;background:rgba(249,239,219,.6);font-size:7px;font-weight:500}
.share-card footer{margin-top:0;padding-top:11px}.share-card footer span,.share-card footer b{font-size:7px;font-weight:500}

@media(max-width:560px){
  .share-stage .share-card{aspect-ratio:4/5}
  .share-card-inner{padding:8% 8% 7%;gap:12px}
  .share-feature{grid-template-columns:39% 1fr;gap:7%}
  .share-card .share-main h2{font-size:27px;margin-block:6px 10px}
  .share-card .share-main p{font-size:8.5px;line-height:1.65}
  .share-lot figcaption b{font-size:8px}.share-lot figcaption span{font-size:5px}
  .share-proof>span{padding:10px 5px}.share-proof b{font-size:19px}.share-proof small{font-size:6px}
  .share-values b{padding:4px 6px;font-size:6px}
}