/* Academy gallery: lightweight static framing over the live background duel. */
body #background-watch-controls{top:max(12px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));min-height:74px;padding:10px 18px;border:1px solid #b49a68;border-bottom:3px solid #665039;border-radius:18px 6px;background:radial-gradient(ellipse at 15% 0,#57416666,transparent 65%),linear-gradient(110deg,#30243ded,#181322f2);color:#f0d8a4;box-shadow:inset 0 0 0 3px #1c172888,inset 0 0 0 4px #d1b98622,0 5px 18px #100a2255}
body #background-watch-controls>strong{font:700 17px Georgia,serif;line-height:1.4;letter-spacing:.02em}
body #background-watch-controls>strong:before{content:'ACADEMY OBSERVATORY';display:block;font:700 9px 'Trebuchet MS',sans-serif;letter-spacing:.22em;color:#c5aa79;margin-bottom:3px}
body #background-watch-controls button{min-height:44px;padding:8px 14px;flex:none;background:linear-gradient(#ead4a1,#bd9960);border:1px solid #f2dca7;border-bottom:4px solid #80613d;border-radius:12px 5px;color:#302139;font:700 14px Georgia,serif;box-shadow:inset 0 0 0 2px #fff0c344,0 3px 8px #100a2255}
body #background-watch-controls button kbd{color:#4c3853;background:#30213912;border:1px solid #80613d55}
body #background-watch-controls button:focus-visible{outline:2px solid #ffe2a6;outline-offset:3px}
body.background-watching #background-clock{top:max(100px,calc(env(safe-area-inset-top) + 88px));min-width:102px;text-align:center;padding:8px 20px;border:1px solid #b49a68;border-bottom:3px solid #665039;border-radius:5px 16px;background:linear-gradient(#3b2c48f5,#211a32f5);color:#ffe2a6;font:700 24px Georgia,serif;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 3px #d1b98618,0 4px 12px #100a2255}
body.background-watching #background-clock:before,body.background-watching #background-clock:after{content:'◆';font-size:8px;color:#bfa06b;vertical-align:middle;margin:0 8px}
body.background-watching #match-announcement strong{font-family:Georgia,serif!important;color:#ffe2a6!important;text-shadow:0 3px 5px #21132e!important}
body.background-watching #match-announcement span{background:linear-gradient(#45324fed,#211a32f5)!important;border-color:#b49a68!important;border-radius:14px 5px!important;color:#f0d8a4!important}
body.background-watching #victory-phase-banner{border-color:#b49a68;background:linear-gradient(#3b2c48f5,#211a32f5)}
body.background-watching #victory-phase-banner strong,body.background-watching #victory-phase-banner:before,body.background-watching #victory-phase-banner:after{color:#ffe2a6}
@media(max-width:760px),(max-height:500px){body #background-watch-controls{min-height:56px;top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));padding:6px 12px;gap:8px}body #background-watch-controls>strong{font-size:13px}body #background-watch-controls>strong:before{font-size:8px;letter-spacing:.16em}body #background-watch-controls button{font-size:12px;min-height:44px;padding:5px 10px;gap:6px}body #background-watch-controls button kbd{display:none!important}body.background-watching #background-clock{top:max(74px,calc(env(safe-area-inset-top) + 68px));font-size:19px;padding:5px 10px}}

@media(max-width:760px),(max-height:500px){body #background-watch-controls button{height:44px!important;min-height:44px!important;font-size:12px!important;padding:5px 10px!important}}