*{box-sizing:border-box}body{margin:0;background:#070b14;color:#e6ecf4;font:14px system-ui}main{display:flex;justify-content:center;gap:32px;padding:24px}.stage{width:540px;aspect-ratio:9/16;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 0 80px #162b46}canvas{width:100%;height:100%;position:absolute}header{position:absolute;top:36px;text-align:center;width:100%}small{letter-spacing:4px;color:#b3c5da;font-size:10px}h1{font-size:38px;letter-spacing:3px;margin:8px 0 12px}.badge{font-size:9px;letter-spacing:1px;padding:7px 12px;border:1px solid #bda16a55;color:#dfbf83;background:#121724}#hud{position:absolute;top:155px;left:24px;right:58px;display:flex;justify-content:space-between;text-align:center;font-size:13px}#hud b{display:block;font-size:27px}#feed{position:absolute;bottom:155px;left:30px;right:70px;font-size:12px;text-shadow:0 2px 4px #000}#feed div{padding:5px;background:#080e19bb;margin:3px;border-left:2px solid #e6bb6f}footer{position:absolute;bottom:65px;width:100%;text-align:center;font-size:10px;color:#9ba9bb;line-height:1.8}aside{width:340px;padding:20px 0}h2{font-size:25px}p{color:#93a4ba;line-height:1.6}button,input,select{font:inherit;border:1px solid #293950;border-radius:6px;padding:10px;background:#111d2e;color:#e6ecf4}button{cursor:pointer}button:hover{border-color:#e5bd7b;background:#243247}input,select{width:100%;margin:4px 0 8px}.row,.actions{display:flex;gap:6px;flex-wrap:wrap}h3{margin-top:25px;font-size:13px;color:#d5bb8e}label{display:block;color:#aebcd0;font-size:12px}a{color:#d5bb8e}#message{color:#e8c08b}li{padding:5px}body.obs main{padding:0;display:block}body.obs aside{display:none}body.obs .stage{width:100vw;height:100vh;max-width:56.25vh;margin:auto}@media(max-width:940px){main{flex-direction:column;align-items:center;padding:0}.stage{width:min(100vw,540px)}aside{width:min(90vw,540px)}}