/* Original Flash typography and bevels; clue backing supplied by the user. */
#scores{display:none}
header{pointer-events:none;justify-content:flex-end}header nav{pointer-events:auto}header>div{display:none}
#console{bottom:16px;width:auto;max-width:calc(100% - 30px);background:#020937d9;padding:10px 18px;border:0;box-shadow:none}
#console .key-help{display:none}
#board-controls{display:none}
.clue-open header{display:none}
#clue-options{position:absolute;top:16px;right:16px;background:#03166880;border:0;z-index:5}
#console.takeover.stage-response{background:transparent;animation:none}
#console.takeover.stage-response #clue-panel,#console.takeover.stage-response #answers{background:#010847bf;padding:20px 30px;backdrop-filter:blur(2px)}
#console.takeover.stage-response #clue-panel{max-width:1200px;align-self:center;width:100%}
#console.takeover.stage-response #clue-text{font-size:clamp(24px,3vw,48px)}
#console.takeover.stage-response .status{background:transparent;align-self:center;padding:10px 20px;border-radius:0;text-shadow:2px 2px #000}
#console.takeover:not(.stage-response):not(.daily-double){background:#000277 url('assets/presentation/cluecard/user-clue-background.webp') center/cover no-repeat;animation:none}
#console.takeover.stage-response #clue-panel,#console.takeover.stage-response #answers{background-image:linear-gradient(#02073588,#02073588),url('assets/presentation/cluecard/user-clue-background.webp');background-size:cover}
#console:not(.takeover) .actions{display:none}
#console.takeover{position:absolute;inset:0;transform:none;width:100%;max-width:none;max-height:none;border:0;border-radius:0;padding:clamp(20px,5vw,80px);display:flex;flex-direction:column;justify-content:center;overflow:auto;background:#193897 url('assets/presentation/cluecard/clue-background.svg') center/100% 100% no-repeat;z-index:4;box-shadow:none;animation:clue-arrive .22s ease-out}
#console.takeover .status{order:3;margin-top:24px;justify-content:center;text-align:center;font-size:18px;line-height:1.4}
#console.takeover .status>b{font-size:16px}
#console.takeover #clock{margin-left:20px;font-size:36px}
#console.takeover #clue-panel{order:0}
#console.takeover #clue-meta{font-size:15px;letter-spacing:2px;margin-bottom:24px}
#console.takeover #clue-text{font:clamp(25px,4.2vw,68px)/1.2 'Jeopardy Clue',Georgia,serif;text-shadow:3px 4px #000;margin:0 auto;max-width:1250px;text-align:center}
#console.takeover #answers{order:1;grid-template-columns:1fr;margin:32px auto 0;width:min(1150px,100%);gap:10px}
#console.takeover #answers button{background:transparent;border:0;border-left:3px solid transparent;font:clamp(20px,2.6vw,40px)/1.2 'Jeopardy Clue',Georgia,serif;text-shadow:2px 3px #000;padding:6px 18px;min-height:40px;letter-spacing:0}
#console.takeover #answers button:hover:enabled,#console.takeover #answers button:focus-visible{border-color:#ffd76a;color:#ffd76a;background:#00116b66}
#console.takeover #buzzers{order:2;justify-content:center;margin:32px auto 0;width:min(850px,100%)}
#console.takeover #buzzers button{font-size:17px;background:#03146e90;min-height:52px}
#console.takeover .actions{order:4;justify-content:center;margin-top:24px}
#console.takeover .actions button{font-size:15px;padding:13px 24px}
#console.takeover #wager-form{order:1;align-self:center;max-width:750px;justify-content:center}
#console.takeover #wager-form label{font:clamp(22px,2.8vw,40px)/1.3 'Jeopardy Clue',Georgia,serif;text-align:center;color:white;letter-spacing:0;text-shadow:2px 3px #000;margin:15px 0 25px}
#console.takeover #wager{font:32px 'Jeopardy Podium',serif;background:#000665;max-width:240px}
#console.takeover.daily-double{background-image:url('assets/presentation/cluecard/cluecard_ib8.webp');background-size:cover;justify-content:flex-end}
#console.takeover.daily-double #wager-form{background:transparent;padding:0;margin-bottom:0;border-radius:0}
#audio-controls{position:absolute;top:56px;right:16px;z-index:8;display:flex;gap:4px}
#audio-controls button{font-size:9px;padding:9px;background:#061049bb}
.clue-open #audio-controls{top:16px;right:100px}
#response-category{order:0;text-align:center;font:clamp(20px,2.5vw,36px) 'Jeopardy Category',sans-serif;color:#ffd76a;text-shadow:2px 3px #000;margin:0 0 14px}
#console.takeover.responding{justify-content:flex-start;padding-top:70px;padding-bottom:35px}
#console.takeover.responding #clue-panel{padding:14px 22px}
#console.takeover.responding #clue-meta{margin:0 0 12px}
#console.takeover.responding #clue-text{font-size:clamp(24px,2.5vw,40px)}
#answers:empty,#buzzers:empty{display:none}
.setting-check{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:0;line-height:1.4}
.setting-check input{width:18px;height:18px;margin:0;accent-color:#ffd76a}
#console.takeover.responding #answers{grid-template-columns:1fr 1fr;background:transparent;backdrop-filter:none;margin-top:auto;padding:0;gap:10px;max-width:1100px}
#console.takeover.responding #answers button{font-size:clamp(20px,2vw,32px);padding:12px 18px;background:#00064399;opacity:1}
#console.takeover #answers button.cpu-selected{color:#ffdc71;border-color:#ffdc71;background:#17349acc;box-shadow:inset 0 0 0 1px #ffdc7166}
#console.takeover.outcome{justify-content:flex-end;pointer-events:none;padding-bottom:40px}
#console.takeover.outcome #clue-options,#console.takeover.outcome button{pointer-events:auto}
#response{order:1;text-align:center;font:clamp(24px,3vw,48px)/1.25 'Jeopardy Clue',serif;text-shadow:2px 3px #000}
#response p{margin:0 0 12px}
#response b{font:20px 'Jeopardy UI',sans-serif;color:#ffb7ab}
#response[data-correct=true] b{color:#b9ffba}
#console.takeover.outcome .status{max-width:1000px}
#console.board-beat #response,#console.board-beat .status{visibility:hidden}
#wager-score{order:1;text-align:center;font:clamp(24px,3vw,40px) 'Jeopardy Podium',serif;text-shadow:2px 3px #000;margin:0 0 10px;color:#ffd76a}
#wager-opponents{order:1;display:flex;justify-content:center;gap:16px 32px;flex-wrap:wrap;margin:0 0 12px;text-align:center;text-shadow:2px 3px #000}
#wager-opponents b{display:block;font:12px 'Jeopardy UI',Verdana,sans-serif;margin-bottom:4px}
#wager-opponents span{font:26px 'Jeopardy Score',Georgia,serif}
#category-intro{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000277;z-index:5}
#skip-categories{position:absolute;bottom:16px;right:16px;z-index:9;background:#061049cc}
#response-timer{display:inline-flex;align-items:center;justify-content:center;gap:12px;order:-1;width:100%;font:42px 'Jeopardy UI',Verdana,sans-serif}
#console.takeover .status:has(#response-timer:not([hidden])){flex-wrap:wrap}
#console.takeover #response-timer #clock{margin:0;min-width:44px;font:42px 'Jeopardy UI',Verdana,sans-serif;color:white}
.timer-bank{display:flex;gap:4px}
.timer-bank i{width:clamp(10px,2vw,22px);height:9px;background:#350c11;border:1px solid #5d1b20}
.timer-bank i.lit{background:#fc222e;border-color:#ff9a99;box-shadow:0 0 8px #fb172b80}
#response-timer:not([data-answer=true]) .timer-bank{display:none}
#console.takeover.daily-double #response-category{position:absolute;top:75px;left:20px;right:20px;font-size:clamp(28px,4vw,60px)}
#console.takeover.daily-double .status{display:none}
#console.takeover.daily-double{background-color:#081248;background-repeat:no-repeat;background-position:center 35%;background-size:cover}
.takeover #clue-text{animation:clue-text .3s ease-out}
@keyframes clue-arrive{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes clue-text{from{opacity:0}to{opacity:1}}
@media(max-width:800px){header{align-items:flex-end}header nav{justify-content:flex-end}#console{bottom:12px;text-align:center}#console .status{font-size:13px}#console.takeover{padding:70px 20px 24px;justify-content:center}#console.takeover #clue-text{font-size:clamp(23px,5.4vw,40px)}#console.takeover #clue-meta{font-size:12px;margin-bottom:18px}#console.takeover #answers{gap:5px;margin-top:22px}#console.takeover #answers button{font-size:21px;padding:6px 10px}#console.takeover .status{font-size:14px;margin-top:15px}#console.takeover #buzzers button{font-size:13px;padding:10px 6px}#console.takeover.daily-double{justify-content:flex-end;background-size:contain;background-position:center 20%;background-color:#081248}#console.takeover #clock{font-size:28px}}
@media(prefers-reduced-motion:reduce){#console.takeover,.takeover #clue-text{animation:none}}
@media(max-width:800px){#audio-controls{top:86px;right:10px}#console.takeover.responding{padding-bottom:24px}#console.takeover.responding #answers{grid-template-columns:1fr}#console.takeover.responding #answers button{font-size:21px;padding:10px 12px}#console.takeover.responding .status{margin-top:10px;padding:0}#console.takeover.daily-double{background-size:contain;background-position:center 20%}#console.takeover.daily-double #wager-form label{font-size:22px;margin:8px 0 12px}#console.takeover.daily-double #response-category{top:75px;font-size:30px}#console.takeover.daily-double #wager-score{font-size:28px;margin:0 0 8px}}
