:root{color-scheme:dark;--paper:#f3eee3;--muted:#c0ccc1;--night:#102420;--gold:#d6ad6d;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:#000}
*{box-sizing:border-box}html,body,#stage{width:100%;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}#stage{position:relative;background:#000}
iframe{position:absolute;left:50%;top:50%;width:min(100vw,177.777778vh);height:min(100vh,56.25vw);transform:translate(-50%,-50%);border:0;background:#000}
button,select,a{font:inherit}button,select{border:1px solid #84948a;border-radius:4px;color:var(--paper);background:#142b25;padding:10px 14px}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;white-space:nowrap}button:hover,select:hover{background:#28463a}button:disabled{opacity:.45;cursor:wait}.primary{color:#183330;background:var(--paper);border-color:var(--paper)}.primary:hover{background:#d8e0cd}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--paper);text-underline-offset:4px}
#welcome{position:absolute;inset:0;display:flex;align-items:center;padding:8vw;background:linear-gradient(90deg,#06100fec,#06100fb8 65%,#06100f75);z-index:10}.welcome-copy{max-width:1000px}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}h1{font:normal clamp(44px,6.5vw,104px)/1.02 Georgia,serif;letter-spacing:-.025em;margin:0 0 26px}.subtitle{font:clamp(19px,2.2vw,32px)/1.35 Georgia,serif;color:#e0e5d9;margin:0 0 40px}.welcome-buttons{display:flex;gap:14px;flex-wrap:wrap}.welcome-buttons button{font-size:17px;padding:14px 23px}#loading{font-size:13px;color:var(--muted);margin-top:22px;min-height:20px}
#controls{position:fixed;z-index:15;left:0;right:0;bottom:0;padding:40px 24px 20px;display:flex;align-items:center;gap:16px;background:linear-gradient(0deg,#07100ff0,#07100fb0 65%,transparent);opacity:0;pointer-events:none;transition:opacity .2s}.controls-visible #controls,#controls:focus-within{opacity:1;pointer-events:auto}.control-group{display:flex;align-items:center;gap:8px}.control-group a{font-size:13px;padding:10px}.select-wrap{min-width:130px;width:clamp(170px,25vw,420px);margin-left:auto}select{width:100%;text-overflow:ellipsis}.secondary{margin-left:auto}#controls button,#controls select{font-size:13px;padding:9px 11px}.playing:not(.controls-visible){cursor:none}
#blackout{position:absolute;inset:0;background:#000;z-index:12}#recovery,#notice{position:absolute;z-index:25;bottom:100px;left:24px;right:24px;max-width:680px;margin:auto;padding:16px 18px;background:#102420f5;border:1px solid #7d9681;border-left:3px solid var(--gold);border-radius:4px;font-size:14px;line-height:1.5}#recovery{display:flex;gap:18px;align-items:center}#recovery-message{flex:1;margin:0}#retry{flex-shrink:0}.recovering #notice{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}noscript{position:fixed;inset:20% 10%;z-index:30;padding:30px;background:var(--night)}
@media(max-width:1100px){#controls{flex-wrap:wrap;padding:34px 16px 16px;gap:10px}.select-wrap{flex:1;max-width:430px}.secondary{margin-left:0}.control-group{gap:7px}#recovery,#notice{bottom:150px}}
@media(max-width:620px){#welcome{padding:7vw}h1{font-size:42px}.subtitle{font-size:22px;margin-bottom:30px}.welcome-buttons{gap:10px}.welcome-buttons button{font-size:15px;padding:12px 17px}#controls{gap:8px}.control-group:first-child{width:100%;justify-content:center}.select-wrap{min-width:160px;margin:0;flex:1}.secondary{flex-wrap:wrap;justify-content:center}.secondary button,.secondary a{font-size:12px!important;padding:8px!important}#recovery,#notice{left:14px;right:14px;bottom:165px;padding:13px;gap:12px}#recovery-message{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}