/* Shared case results and desktop headers — Figma821:13390 / 821:12423. */
.reputation-case{height:86px;min-height:86px;padding:12px 16px;border-radius:20px;background:#ffffff14;display:flex;flex-direction:column;gap:12px;width:100%}
.reputation-case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;flex:none}
.reputation-case-count,.reputation-case-reward{display:flex;flex-direction:column;gap:2px;min-width:0}
.reputation-case-count>strong{font:700 16px/20px "Medeo Sans",Arial,sans-serif}
.reputation-case-count>span{font:600 14px/20px "Medeo Mono",monospace;white-space:nowrap}
.reputation-case-count b{font:inherit}.reputation-case-count [data-reputation-max]{color:#fff8}
.reputation-case-reward{align-items:end;text-align:right}.reputation-case-reward>strong{font:700 16px/20px "Medeo Mono",monospace}
.reputation-case-reward>span{font:400 14px/20px "Medeo Sans",Arial,sans-serif;color:#fff8}
.reputation-card.reputation-case .agent-level-track{height:8px;min-height:8px;margin:0;background:none;isolation:isolate}
.reputation-case .agent-level-track>span{top:0;height:8px;border-radius:40px}
.reputation-case .agent-level-track>i{position:absolute;left:0;top:0;height:8px;border-radius:40px;background:white;pointer-events:none}
.reputation-case .agent-level-track::after{content:"";position:absolute;top:3px;height:2px;left:min(100%,calc(var(--reputation-fill,0%) + clamp(0px,var(--reputation-fill,0%),2px)));right:0;border-radius:40px;background:#ffffff1f;pointer-events:none}
.reputation-case>[hidden]{display:none}
.ranked-journal[hidden]{display:none}.ranked-control-buttons [data-ranked-journal]>img{transition:transform .35s ease}
.ranked-control-buttons [data-ranked-journal][aria-expanded="true"]>img{transform:rotate(180deg)}
.ranked-controls form{padding:14px 16px;gap:8px;align-items:center}.ranked-controls .ranked-search-icon{width:24px;height:24px;flex:none;opacity:1}
.ranked-controls input{font:600 16px/20px "Medeo Sans",Arial,sans-serif}.ranked-controls input::placeholder{color:#ffffff52;opacity:1}
html[data-layout="mobile"][data-game-flow="true"] .input-search-icon{left:16px;top:14px;width:24px;height:24px}
html[data-layout="mobile"][data-game-flow="true"] .journal-button .journal-down{transform:rotate(180deg)}
html[data-layout="mobile"][data-game-flow="true"] .journal-button>img{width:24px;height:24px;max-width:none;max-height:none}
html[data-layout="mobile"][data-game-flow="true"] .search-input{font-family:"Medeo Sans",Arial,sans-serif}
.ranked-result-stamp{font-family:PassBebas,sans-serif;font-weight:700;line-height:22px;text-box-trim:trim-both;text-box-edge:cap alphabetic}
@media(min-width:720px){
 html[data-layout="mobile"][data-viewport="desktop"]{--desktop-header-width:832px}
 html[data-layout="mobile"][data-viewport="desktop"] .desktop-topbar{max-width:var(--desktop-header-width)}
 html[data-layout="mobile"][data-viewport="desktop"] .app>.header,
 html[data-layout="mobile"][data-viewport="desktop"] .app>.ranked-game>.ranked-header,
 html[data-layout="mobile"][data-viewport="desktop"] .app>.chronology-game>.chrono-header,
 html[data-layout="mobile"][data-viewport="desktop"] .app>.shift-report-header,
 html[data-layout="mobile"][data-viewport="desktop"] .app[data-screen="profile"]>.agent-profile:not([data-profile-owner="true"]):not(.guest-pass):not(.profile-desktop-adapted)>.profile-actions{position:relative;left:50%;transform:translateX(-50%);width:min(var(--desktop-header-width),calc(100vw - 48px));max-width:none}
 .ranked-header :is(button,h1){border:1px solid transparent;background:linear-gradient(#1e1e1e,#1e1e1e) padding-box,linear-gradient(135deg,#ffffff2e,#ffffff03) border-box;font:700 16px/20px "Medeo Sans",Arial,sans-serif}
 .ranked-header h1{padding:6px 32px;gap:16px}.ranked-header .ranked-back{width:111px;padding:16px;gap:2px;font:600 14px/20px "Medeo Sans",Arial,sans-serif}
 .ranked-back span{padding-inline:4px;color:#fff9}
 .ranked-header h1>.ranked-count{display:inline-flex;gap:6px;margin-left:0;font:700 16px/20px "Medeo Mono",monospace}
 .ranked-count>b{font:inherit;color:#fff5}
 html[data-layout="mobile"][data-viewport="desktop"] .app .header .count{font-family:"Medeo Mono",monospace}
 .ranked-case-result{display:flex;flex-direction:column;align-items:center;width:464px;max-width:100%;gap:12px}
 .ranked-dossier{width:362px;height:450px;margin:0 auto 20px;zoom:1}
 .ranked-folder{inset:auto;left:0;top:8px;width:362px;height:442px}
 .ranked-paperclip{left:42px;top:0;width:22px;height:43px}
 .ranked-result-poster{left:20px;top:20px;width:204px;height:304px;border:2px solid white;box-shadow:0 9px 1px #00000003,0 6px 1px #0000000f,0 3px 1px #0003,0 1px .5px #00000057,0 0 .5px #00000063}
 .ranked-result-title{left:20px;top:342px;right:auto;width:260px}
 .ranked-result-title h2{font:700 24px/32px "Medeo Sans",Arial,sans-serif;margin:0 0 4px}
 .ranked-result-title p{font:400 14px/20px "Medeo Sans",Arial,sans-serif;color:#fff9}
 .ranked-result-stamp{left:202px;top:263px;width:118px;padding:6px;font-size:24px;background:#30d13333;color:#30d158;border-color:#30d158;backdrop-filter:blur(16px);text-align:center}
 .ranked-result-stamp.is-failed{font-size:22px;background:#ff356933}
 .ranked-case-result>.primary{width:100%;min-height:52px;font:600 16px/20px "Medeo Sans",Arial,sans-serif}
 .ranked-controls{width:472px}.ranked-control-buttons button{font:600 16px/20px "Medeo Sans",Arial,sans-serif}
 .ranked-control-buttons button:first-child{flex:0 0 162px;width:162px}.ranked-control-buttons [data-ranked-journal]{display:flex;justify-content:space-between;align-items:center;flex:1;padding:16px;min-width:0}
 .ranked-control-buttons button small{font:500 12px/16px "Medeo Mono",monospace}
 html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app[data-screen="result"] [data-case-result="true"] .resolution-panel{width:464px}
 html[data-layout="mobile"][data-viewport="desktop"] [data-case-result="true"] .dossier .stamp{font-family:PassBebas,sans-serif!important;font-weight:700!important;text-box-trim:trim-both;text-box-edge:cap alphabetic}
 html[data-layout="mobile"][data-viewport="desktop"] [data-case-result="true"] .rating{display:none}
 html[data-layout="mobile"][data-viewport="desktop"] .journal-button{font-family:"Medeo Sans",Arial,sans-serif}
}
@media(hover:hover) and (pointer:fine){
 .ranked-result-row,.shift-result-card{transition:background-color .45s cubic-bezier(.22,.61,.36,1)}
 .ranked-result-row:hover,.ranked-result-row:focus-within,.shift-result-card:hover,.shift-result-card:focus-within{background-color:#252525}
 .ranked-game .ranked-result-row>button:first-child:is(:hover,:focus-visible){background:transparent}
 .shift-result-card .shift-result-open:is(:hover,:focus-visible){background:transparent}
}
@media(prefers-reduced-motion:reduce){.ranked-result-row,.shift-result-card,.ranked-control-buttons [data-ranked-journal]>img{transition:none}}

/* Unavailable destinations remain visible, quiet and outside the tab order. */
html[data-layout] .section-unavailable{opacity:.28!important;cursor:default!important;pointer-events:none!important;filter:none!important;box-shadow:none!important}
html[data-layout] .section-unavailable:hover{background-color:transparent!important}

.ranked-result-stamp,[data-case-result="true"] .stamp{font-synthesis:none}

.ranked-game .ranked-result-row>button:first-child:focus-visible{outline:none}
.ranked-result-row:has(>button:first-child:focus-visible){outline:2px solid #fe650d;outline-offset:3px}
@media(min-width:720px){
 html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .quiz-controls .search-input{font:600 16px/20px "Medeo Sans",Arial,sans-serif}
 html[data-layout="mobile"][data-viewport="desktop"] .quiz-controls .poster-hint-button>span{font:600 16px/20px "Medeo Sans",Arial,sans-serif}
 html[data-layout="mobile"][data-viewport="desktop"] .quiz-controls .poster-hint-button>small{font:500 12px/16px "Medeo Mono",monospace;opacity:.6;color:inherit}
 .ranked-control-buttons button:first-child{background:#fb65001f;color:#fb6500}
 .ranked-control-buttons button:first-child small{opacity:.6;color:inherit}
}

/* Chronology keeps the two hanging films for its verdict, in both quiz modes. */
.ranked-chronology{display:flex;flex-direction:column;align-items:center;min-height:0}
.ranked-chrono-question{position:relative;width:362px;max-width:100%;height:56px;flex:none}
.ranked-chrono-question>h2{font:700 24px/32px "Medeo Sans",Arial,sans-serif;margin:0}
.ranked-chrono-question>p{font:400 14px/20px "Medeo Mono",monospace;margin:4px 0 0;color:#fff9}
.ranked-chrono-stage{width:100%;margin-top:10px;flex:none}
@media(min-width:720px){.ranked-chrono-stage::after{content:"";position:absolute;left:0;top:9px;width:100%;height:33px;z-index:6;pointer-events:none;background:linear-gradient(90deg,#101010,#10101000 176px,#10101000 calc(100% - 176px),#101010),linear-gradient(90deg,#101010,#10101000 100px,#10101000 calc(100% - 100px),#101010)}}
.ranked-chrono-stage .ranked-choice{height:332px;padding:25px 7px 15px;border:1px solid #ffffff24;background:radial-gradient(ellipse 88% 82% at 72% -5%,#ffffff29,transparent),linear-gradient(#3c3c3c,#2c2c2c);box-shadow:inset 0 2px 4px 4px #ffffff0a}
.ranked-choice>img{box-shadow:0 2px 2px #ffffff14}
.ranked-choice>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:40px;max-height:40px;font:600 14px/20px "Medeo Sans",Arial,sans-serif}
.ranked-chrono-question>.ranked-chrono-verdict{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:100%;font:700 90px/90px PassBebas,sans-serif;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-synthesis:none;background:linear-gradient(#30d158 39.744%,#30d15800);background-clip:text;-webkit-background-clip:text;color:transparent}
.ranked-chrono-question>.ranked-chrono-verdict.is-failed{background-image:linear-gradient(#ff375f 39.744%,#ff375f00)}
.ranked-chrono-year{position:absolute;left:13px;top:31px;border:2px solid currentColor;border-radius:8px;padding:6px;color:#30d158;background:linear-gradient(#30d1581a,#30d1581a),#000b;backdrop-filter:blur(16px);font:700 32px/22px PassBebas,sans-serif;text-box-trim:trim-both;text-box-edge:cap alphabetic;font-synthesis:none}
.ranked-chrono-year.is-later{color:#ff375f;background:linear-gradient(#ff375f1a,#ff375f1a),#000c}
.ranked-chrono-feedback{width:472px;max-width:100%;margin:24px 0 0}.ranked-chrono-feedback:empty,.ranked-chrono-resolution:empty{display:none}
.ranked-chrono-feedback>p{margin:0;color:#fff9;font:400 16px/24px "Medeo Sans",Arial,sans-serif;white-space:nowrap}
.ranked-chrono-resolution{display:flex;flex-direction:column;gap:12px;width:464px;max-width:100%;margin:24px auto 0}
.ranked-chrono-resolution>.primary{width:100%;min-height:52px;font:600 16px/20px "Medeo Sans",Arial,sans-serif}
.chronology-game .chrono-feedback p{font-family:"Medeo Sans",Arial,sans-serif;white-space:nowrap}
.chrono-year-stamp{font-family:PassBebas,sans-serif;font-weight:700;font-synthesis:none}
@media(min-width:720px){
 html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app[data-screen="chronology"] .chrono-header h1 span{font-family:"Medeo Mono",monospace}
 html[data-layout="mobile"][data-viewport="desktop"][data-game-flow="true"] .app[data-screen="chronology"] .chrono-instruction{font-family:"Medeo Mono",monospace}
}
@media(max-width:719px){
 .ranked-chrono-question>.ranked-chrono-verdict{font-size:76px;line-height:76px;top:16px}
 .ranked-chrono-stage{min-height:0;padding-bottom:0}
 .ranked-chrono-stage .ranked-choice{height:auto;min-height:0}
 .ranked-chrono-feedback>p{font-size:clamp(13px,4vw,16px)}
}

/* The wordmark keeps its contrast while its unavailable Home link stays inert. */
html[data-layout] .desktop-brand.section-unavailable{opacity:1!important;color:#fff}