:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#110e0e;color:#f3ece0}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:24px 5%;font-size:12px;letter-spacing:2px;border-bottom:1px solid #392b27}a{color:#e9b654;text-decoration:none}main{max-width:1000px;margin:auto;padding:30px 24px}h1{font-size:clamp(42px,7vw,72px);margin:0;font-weight:900;letter-spacing:-3px}h1 em{color:#e9b654;font-style:normal}.intro{color:#b6a69a;margin:8px 0 25px}nav,form,#invite{display:flex;gap:10px;margin:12px 0}button,input{font:inherit;border-radius:2px;border:1px solid #5c4035;padding:12px 16px}button{background:#30201c;color:#f7e9d6;cursor:pointer}button:hover{border-color:#e9b654}button:disabled{opacity:.45;cursor:wait}#solo{background:#e9b654;color:#21120a;font-weight:700}input{background:#1c1513;color:white;flex:1;min-width:0}#status{color:#e9b654;min-height:24px;font-size:14px}#screen{position:relative;background:#000;aspect-ratio:4/3;max-height:75vh;margin-top:18px}iframe,video{border:0;width:100%;height:100%;object-fit:contain}#sound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e9b654;color:#111}#touch{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:12px}#touch button{padding:12px;touch-action:none;user-select:none}#touch button:active{background:#96382c}.help{font-size:14px;line-height:1.8;color:#bcafa3}.help b{color:#f0d5a4}.help button,footer button{padding:4px 10px}.muted{font-size:12px;color:#97867b}footer{font-size:12px;margin-top:24px;color:#97867b}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 14px}button{padding:10px;font-size:13px}#touch{justify-content:center}.help{font-size:12px}}

body{background:radial-gradient(ellipse at 85% 0,rgba(119,32,25,.22),transparent 55%),#110e0e}header{color:#ab8d73}h1{font-style:italic;text-shadow:3px 3px 0 #6d251d}h1 em{background:linear-gradient(#ffe3a0,#d89131);background-clip:text;-webkit-background-clip:text;color:transparent}#solo{background:linear-gradient(#b33d2c,#81271f);color:#fff2d8;border-color:#ce6845;box-shadow:0 3px 0 #481713}button{font-weight:600}button:hover{background:#493025}#solo:hover{background:#bc4530}button:focus-visible,input:focus-visible{outline:2px solid #e9b654;outline-offset:3px}#screen{border:1px solid #604331;box-shadow:0 0 0 4px #201713}#sound:hover{background:#f6ce7c}

#invite{flex-wrap:wrap;align-items:center}.room-number{flex-basis:100%;color:#bcafa3;font-size:14px}.room-number strong{display:inline-block;margin-left:12px;color:#e9b654;font-size:30px;letter-spacing:.18em;font-variant-numeric:tabular-nums}

#invite{margin:22px 0;padding:18px;border:1px solid #5c4035;background:#1c1513}.room-tip{flex-basis:100%;margin:4px 0 0;font-size:13px;line-height:1.8;color:#bcafa3}