/* RIVER BAR: original artwork, parchment, ink and deep red. */
:root{--bg:#f2dfbc;--panel:#fff4dd;--ink:#211b18;--line:#c3a77f;--gold:#8c211b;--muted:#725d48;--danger:#a01d1a;--green:#286347}
body{background:#f2dfbc;color:var(--ink)}
header{background:#f9e9cc;border-bottom:3px solid #8c211b}
.brand,h1{color:#851f19}.brand{font-family:Georgia,'Microsoft YaHei',serif;letter-spacing:.02em}
.brand-seal{background:#211b18;color:#f8dfac;border-color:#9f2c23;box-shadow:none}
button.primary{background:#8c211b;border-color:#8c211b;color:#fff4dd}
button{background:#29211e;color:#fff0d2;border-color:#80674c}button:hover{background:#49332b}
nav button{color:#49332b}nav .selected{background:#ebd1a5;color:#851f19}
.panel,.live-card{box-shadow:none}.current-level{background:#f0d7af;color:#851f19}
.login{max-width:1440px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:6%;padding:5vh 5%;}
.login section{max-width:410px;width:100%}.login h1{font-family:'Microsoft YaHei',sans-serif;font-size:34px}
.login aside.river-art{padding:0;border:1px solid #b69263;border-radius:6px;overflow:hidden;background:#211b18;box-shadow:0 16px 45px #4b241b22}
.river-art img{width:100%;height:auto;display:block}.river-art>div{padding:24px 16px}.login .river-art h2{margin:0 0 8px;color:#f5dfb9;font-size:25px}.login .river-art p{margin:0;color:#e4c9a0}
.timer,.timer.live-center{background:#211b18;border-color:#a4744a;--gold:#f5d395;--muted:#e0c9a5;--line:#755b43;color:#fff2d4}
.clock{font-family:'Bahnschrift','Arial',sans-serif;color:#f5d395;text-shadow:none}
.broadcast,.live-screen{--ink:#fff2d4;--muted:#dfc8a6;--gold:#f5d395;--line:#755b43;background:#171312;color:#fff2d4}
.live-screen .brand{color:#f5d395}.live-screen .live-card{background:#261d19;border-color:#755b43}
.live-screen .live-heading{border-bottom:2px solid #8c211b}.live-screen .live-center{background:#1e1815}
.live-screen .live-bottom{background:#261d19}.live-screen .brand-seal{color:#f5d395}
.players-dialog{background:#f7e6c8}
@media(max-width:700px){.login{display:flex;flex-direction:column;padding:28px 22px;gap:28px}.login section{max-width:440px}.login aside.river-art{display:block;width:100%;max-width:440px}.login .brand-seal{width:60px;height:60px;font-size:34px}.login h1{font-size:28px;margin-top:24px}}
@media(min-width:701px){.live-screen .live-card{padding:1vh 1.2vw}.live-screen .live-card>strong{font-size:clamp(26px,min(3.3vw,4.5vh),92px)}.live-screen .timer.live-center{background:#1e1815;border-color:#a4744a}.live-screen .live-right{gap:1.3vh}}
@media(min-width:701px){.live-screen .live-center .clock{font-size:clamp(78px,min(12vw,20vh),500px)}.live-screen .live-status{margin-bottom:1vh}.live-screen .live-heading{margin-bottom:1vh}}
/* Reference-led artwork throughout the product. */
body{background:#ecd0a1 url('/river-brand.jpg') center top/cover fixed}
#app>header{background:#f5e1bbf5;backdrop-filter:blur(8px)}
#app>main:not(.login){max-width:1500px;background:#f7e8cbeF;margin-top:22px;border:1px solid #b98e57;box-shadow:0 12px 45px #29150e38;border-radius:8px}
.brand{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.river-wordmark{display:block;width:230px;aspect-ratio:5.9;background:url('/river-brand.jpg') center 1.5%/122% auto no-repeat;mix-blend-mode:multiply}
.brand small{font:12px 'Microsoft YaHei',sans-serif;letter-spacing:5px;color:#6a3223;padding-left:8px}
#app>header .brand{min-width:210px}.panel{background:#fff5dfeb;border-color:#bb9566;border-radius:5px}
button.primary{background:linear-gradient(110deg,#65100e,#a52a1f);box-shadow:inset 0 0 0 1px #d08c5c40;border-color:#6f1611}
.login{max-width:none;min-height:100dvh;grid-template-columns:minmax(340px,.75fr) minmax(0,1.5fr);gap:6%;padding:7vh 7%;background:linear-gradient(90deg,#210e09dc,#210e0922)}
.login section{padding:36px;background:#f9e7c9f5;border:1px solid #c49a66;box-shadow:8px 8px 0 #73180fc4,0 25px 70px #170b0a66;border-radius:4px;max-width:460px}
.login .river-wordmark{width:100%;max-width:330px}.login h1{font-size:30px;margin-top:28px}.login form{gap:18px;margin-top:24px}
.login aside.river-art{border:5px solid #f2d4a2;outline:1px solid #6f2418;transform:rotate(-1deg);box-shadow:0 20px 65px #180a0870}
.river-art>div{background:#211511 url('/river-frame.png') center/cover;padding:24px}.login .river-art h2{text-shadow:0 2px 4px #000}
.river-banner{min-height:230px;margin:-8px 0 28px;display:flex;align-items:center;background:linear-gradient(90deg,#26100ceF 0%,#26100cde 35%,transparent 70%),url('/river-brand.jpg') right 54%/cover;border:1px solid #9e5538;border-radius:5px;overflow:hidden;color:#ffeac0;padding:30px 38px}
.river-banner span{font:italic 700 22px Georgia,serif;letter-spacing:3px;color:#e0ba7d}.river-banner h2{font-size:36px;color:#ffeac0;margin:8px 0}.river-banner p{margin:0;color:#efd3aa}
.live-screen{background:#1e130e url('/river-frame.png') center/100% 100% no-repeat;background-attachment:fixed}
.live-screen .live-heading{background:#170f0bd9;border:1px solid #b48a56;border-bottom:3px solid #9e2a20;border-radius:5px;padding:1vh 1.2vw;margin-bottom:1.2vh}
.live-screen .brand{padding:4px 12px;background:#f4ddb4;border:1px solid #b48a56;border-radius:3px;flex-shrink:0}.live-screen .river-wordmark{width:clamp(170px,17vw,320px)}
.live-screen .brand small{display:none}.live-screen .live-heading h1{font-size:clamp(22px,2.4vw,58px)}
.live-screen .live-card{background:linear-gradient(110deg,#1e1410ed,#1e1410c7);border:1px solid #ba8a58;box-shadow:inset 3px 0 #8b2018;border-radius:5px}
.live-screen .timer.live-center{background:#180f0bdb;border:3px double #d1a46b;box-shadow:0 10px 40px #0005;border-radius:8px}
.live-screen .live-bottom{background:#180f0bea;border-color:#b48a56}.live-screen .live-player-strip{background:#180f0be8;padding:8px 12px;border:1px solid #9c7044;border-radius:4px}
.live-screen .live-player{border-color:#8c2a20}.live-screen .live-center .clock{color:#ffe9b4;text-shadow:0 3px 0 #713421,0 10px 40px #0005}
.control-board .timer.live-center{background:linear-gradient(#160d09d9,#160d09e8),url('/river-frame.png') center/cover}
@media(min-width:701px){.live-screen .live-center .clock{font-size:clamp(78px,min(12vw,18vh),500px)}.live-screen .live-heading{min-height:8vh}.live-screen .live-card{padding:.7vh 1vw}.live-screen .live-card>strong{font-size:clamp(26px,min(3vw,4.1vh),88px)}.live-screen .live-bottom{margin-top:1vh}.live-screen .live-status{margin-bottom:.7vh}}
@media(max-width:700px){.login{display:flex;padding:28px 18px;gap:28px;background:#25100ca3}.login section{padding:24px;max-width:440px}.login aside.river-art{width:100%;max-width:440px;transform:none}.login h1{font-size:26px}.river-wordmark{width:200px}#app>main:not(.login){margin:12px 8px}.river-banner{min-height:190px;padding:24px;background-size:auto,cover}.river-banner h2{font-size:26px}.live-screen .brand{padding:3px 8px}.live-screen .river-wordmark{width:170px}.live-screen{background-size:auto 100vh}.live-screen .live-heading h1{font-size:23px}}
.section-head h2{flex-shrink:0}.section-head #archive-filter{max-width:260px;margin-left:auto}#app>footer{background:#21130eee;color:#f0d6ac}
@media(max-width:700px){.section-head #archive-filter{max-width:none;margin-left:0}}