:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f4f0e6;background:#040b08;font-size:16px;--gold:#e8b65f;--muted:#b8bcb2;--line:#a28b5c55;--panel:#07130fed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:linear-gradient(180deg,#02080618 0%,#02080655 500px,#020806e8 1150px,#02080690 100%),url('/assets/lodge.jpg') center top/100% auto no-repeat;background-color:#040b08;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #c8b78970;border-radius:12px;background:linear-gradient(135deg,#23352a66,#050c09cc);padding:13px 20px;color:inherit;transition:background .2s,border-color .2s,transform .2s}button:hover,a.quick-link:hover{background-color:#b18b2733;border-color:var(--gold)}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a{color:var(--gold);text-underline-offset:4px}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;gap:25px;padding:24px 36px;position:relative;z-index:2}.brand{display:flex;gap:8px;color:var(--gold);text-decoration:none;font:bold 22px Georgia,serif}.brand small{display:block;font:8px Arial;letter-spacing:2px;margin-top:6px;color:#d8c7a5}header #account{margin-left:auto;max-width:280px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;border-radius:20px;background:#050c09d9;backdrop-filter:blur(12px)}.navigation summary{list-style:none;cursor:pointer;padding:10px 4px;width:38px}.navigation summary::-webkit-details-marker{display:none}.navigation summary span{height:2px;background:#eee;display:block;margin:6px 0;border-radius:5px}.navigation nav{position:absolute;top:80px;left:30px;padding:16px;min-width:260px;border:1px solid var(--line);border-radius:16px;background:#06100ffa;box-shadow:0 15px 50px #000}.navigation nav a{display:block;padding:12px;text-decoration:none;color:#f4f0e6}.navigation nav button{width:100%;text-align:left}main{padding:0 36px}.hero{text-align:center;padding:5px 0 32px;position:relative}.tree-mark{color:var(--gold);font-size:26px;letter-spacing:7px;text-shadow:0 0 20px #e8b65f55}.hero h1{font-family:Impact,'Arial Narrow',Georgia,serif;font-size:clamp(64px,9.5vw,126px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin:10px 0 2px;background:linear-gradient(110deg,#82501d 2%,#ffdfa0 18%,#c28532 32%,#fff1c6 46%,#e9af53 58%,#9b5e1f 76%,#f9d58e 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(1px 3px 0 #5a3714) drop-shadow(0 7px 12px #000)}.hero-subtitle{text-transform:uppercase;letter-spacing:6px;font-size:13px;color:#edc77f;margin:15px 0 20px}.intro{line-height:1.6;font-size:18px;text-shadow:0 2px 6px #000;margin:18px auto}.host-status{display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#e7f0e8;text-decoration:none;border:1px solid #8ba78a6b;border-radius:40px;background:#001a13db;padding:12px 25px;box-shadow:inset 0 0 16px #94c3a311,0 8px 25px #0008;font-size:17px}.host-status span{font-size:28px;color:#acd1b1}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{--accent:#f7b64f;position:relative;overflow:hidden;border:1px solid #c5b38b66;border-radius:27px;background:radial-gradient(ellipse at 50% 110%,#a466181c,transparent 65%),#090c09;box-shadow:0 15px 35px #0009;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:var(--accent)}.card-art{aspect-ratio:360/245;background-image:url('/assets/reference-art.jpg');background-size:340.55% auto;background-position:5.77% 37.57%;position:relative}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#090c09 100%)}.card-karaoke{--accent:#ce7bff;background:radial-gradient(ellipse at 50% 110%,#a238d61f,transparent 65%),#090c09}.card-karaoke .card-art{background-position:50.19% 37.57%}.card-quiz{--accent:#8ddd9b;background:radial-gradient(ellipse at 50% 110%,#24974b25,transparent 65%),#090c09}.card-quiz .card-art{background-position:94.56% 37.57%}.card-body{text-align:center;padding:0 25px 24px;position:relative;margin-top:-20px}.tag{font-size:10px;color:#d3d0c6;letter-spacing:1.3px;text-transform:uppercase}.card h3{text-transform:uppercase;font-size:clamp(24px,2.5vw,33px);line-height:1.15;margin:12px auto;color:var(--accent);max-width:260px;letter-spacing:.5px}.card p{font-size:16px;line-height:1.5;max-width:280px;min-height:72px;color:#c6c5c2;margin:14px auto 20px}.card-enter{border-radius:50%;width:58px;height:58px;padding:0;color:var(--accent);font-size:32px;border-color:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 0 15px #b6822315;background:transparent}.card-enter:disabled{border-radius:30px;font-size:13px;width:auto;padding:0 20px;box-shadow:none}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:28px 0 35px}.quick-actions>a,.quick-actions>button{color:#f4f0e6;text-decoration:none;display:flex;align-items:center;text-align:left;gap:17px;padding:20px 16px;border:1px solid #c6b99a77;border-radius:20px;background:#070d0bdd;backdrop-filter:blur(8px);font-size:14px}.quick-actions small{display:block;color:#a9aea6;font-size:11px;line-height:1.4;margin-top:7px}.action-icon{font:33px Georgia;color:#d5dcd5;flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:2px;color:#d4b36e;font-weight:bold}h2{font:32px/1.2 Georgia,serif;font-weight:normal}h3{font-size:24px}.join,.room,.resident{border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,#15251ce8,#040c09f5);box-shadow:0 12px 40px #0005;padding:30px}.join{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0}.join h2{font-size:27px;margin:10px 0}.join p{font-size:13px;color:var(--muted);line-height:1.7}.join .eyebrow{color:var(--gold)}form{display:flex;gap:10px}input,select{border:1px solid #a2987b80;background:#020b08;color:#f8f1dd;border-radius:9px;padding:13px;min-width:0}input::placeholder{color:#9a9f95}.join input{width:132px;font-size:25px;letter-spacing:5px;text-align:center}.primary{background:linear-gradient(135deg,#dfba75,#ac7e35);border-color:#e9c783;color:#18180c;font-weight:bold}.primary:hover{background:linear-gradient(135deg,#f9d991,#c69445);border-color:#ffe7ac}.note{font-size:12px;color:#a8b4a6;line-height:1.7}.room{margin:30px 0}.room li{padding:12px 0;border-bottom:1px solid #6f88604a;line-height:1.5;overflow-wrap:anywhere}.room ul{padding-left:20px}.actions{display:flex;flex-wrap:wrap;gap:10px}#my-parties{margin:24px 0}#my-parties:empty{display:none}.resident{display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:center;margin:35px 0}.resident p{line-height:1.7;max-width:730px}.resident h2{font-size:36px;margin:12px 0}.resident #mic-status{font-size:12px;color:#a8bba7}.resident-portrait{height:180px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;border-radius:50%;border:1px solid #bc9d5e66;background:radial-gradient(circle,#31583d60,#07110c 70%);box-shadow:0 0 40px #bba1620f}.resident-portrait>span{position:absolute;font-size:70px;color:#efc775;top:15px}.resident-portrait i{margin-top:90px;width:3px;height:25px;background:#d3b97b;border-radius:8px}.resident-portrait i:nth-of-type(2n){height:42px}.resident-portrait i:nth-of-type(3){height:55px}.closing{text-align:center;color:#ddb06a;font:italic 30px/1.5 Georgia,serif;transform:rotate(-5deg);padding:45px 0 65px;text-shadow:0 2px 12px #000}.closing span{font-size:25px}footer{padding:25px 36px;border-top:1px solid #8c785b44;background:#040b08bb;font:23px Georgia}footer>a{text-decoration:none}footer span{float:right;font:12px Arial;color:#b8b9ab}footer p{font:12px/1.7 Arial;color:#9ba697}dialog{border:1px solid #b79c62aa;border-radius:22px;padding:32px;max-width:460px;width:calc(100% - 32px);max-height:90dvh;background:linear-gradient(140deg,#17271c,#050d09);color:#f5f0e6;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020806c9;backdrop-filter:blur(8px)}dialog form{display:block}dialog input{display:block;width:100%;margin:12px 0}dialog p,dialog li{line-height:1.7;font-size:14px}dialog li{margin:14px 0}dialog button{margin:8px 5px 0 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#14281af5;border:1px solid #d9bb72;color:#fff1cd;padding:16px 25px;border-radius:12px;max-width:90%;z-index:20;box-shadow:0 12px 40px #000}.invitation{text-align:center;padding:32px 20px;border:1px solid #c7a56099;border-radius:18px;margin:25px 0;background:radial-gradient(ellipse at top,#8a64221f,transparent 70%),#04100bc9}.invitation h3{font:28px Georgia;color:#f1d79f}.invitation svg{background:white;max-width:100%;width:245px;height:auto;border:10px solid white;border-radius:10px}.invite-pin{display:block;color:#f1d18d;font-size:clamp(3rem,9vw,6rem);letter-spacing:.2em;margin-left:.2em}.invitation p{color:#c1cbbd;line-height:1.6}.invitation a{display:block;margin:1rem}#party-controls .actions{flex-wrap:wrap}#party-controls{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}#dance-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px}#dance-controls label{display:flex;align-items:center;gap:10px}#music-search{margin:25px 0}#music-query{flex:1}#music-results p{padding:12px;border-bottom:1px solid var(--line);line-height:1.6}#music-results button{margin:6px 0 0 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){header,main,footer{max-width:1500px}.hero{padding:30px 0 50px}.cards{gap:30px}.card h3{font-size:38px;max-width:300px}.card p{font-size:20px;min-height:90px}.card-enter{width:70px;height:70px}.quick-actions>a,.quick-actions>button{font-size:18px;padding:25px}.quick-actions small{font-size:13px}}
@media(max-width:950px){header{padding:20px 24px}.brand{font-size:18px}.brand small{font-size:7px}main{padding:0 24px}.hero h1{font-size:90px}.hero-subtitle{letter-spacing:4px;font-size:11px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:0 15px 23px}.card h3{font-size:24px}.card p{font-size:14px;min-height:84px}.cards{gap:14px}.join{flex-direction:column;align-items:stretch}.join form{max-width:500px}.resident{grid-template-columns:130px 1fr;gap:24px}.resident-portrait{height:130px}.resident-portrait>span{top:-2px;font-size:65px}.resident-portrait i{margin-top:65px}.resident-portrait i:nth-of-type(3){height:36px}}
@media(max-width:600px){body{background-size:auto 850px;background-position:center top}header{padding:16px 18px;gap:15px}.brand{font-size:18px}.brand small{display:none}header #account{max-width:155px;padding:12px;font-size:11px}.navigation summary{width:28px}main{padding:0 18px}.hero{padding:12px 0 28px}.tree-mark{font-size:20px}.hero h1{font-size:clamp(48px,13.5vw,80px);letter-spacing:-1px;margin-top:15px}.hero-subtitle{font-size:9px;letter-spacing:2.4px;margin:16px 0}.intro{font-size:14px;max-width:310px;line-height:1.6;margin:20px auto}.host-status{font-size:12px;gap:8px;padding:10px 15px}.host-status span{font-size:23px}.cards{grid-template-columns:1fr;gap:20px}.card{display:grid;grid-template-columns:43% 57%;border-radius:22px;min-height:240px}.card-art{height:100%;aspect-ratio:auto;background-size:auto 524%;background-position:5.77% 37.57%}.card-art:after{background:linear-gradient(90deg,transparent 50%,#090c09 100%)}.card-body{margin:0;padding:22px 15px 22px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.card h3{font-size:23px;margin:10px 0}.card p{font-size:13px;min-height:0;margin:5px 0 15px}.tag{font-size:8px;letter-spacing:.7px}.card-enter{width:45px;height:45px;font-size:28px}.card-enter:disabled{font-size:11px;height:37px}.quick-actions{gap:10px;margin:22px 0}.quick-actions>a,.quick-actions>button{padding:15px 12px;gap:10px;border-radius:15px;font-size:12px}.quick-actions small{font-size:10px}.action-icon{font-size:26px}.join,.room,.resident{padding:22px 18px;border-radius:18px}.join h2{font-size:25px}.join form{flex-wrap:wrap}.join input{flex:1;width:100px}.join button{font-size:13px;padding:13px}.room .actions button,#party-controls button{font-size:12px;padding:12px}.resident{grid-template-columns:1fr;text-align:center;gap:10px}.resident-portrait{width:120px;height:120px;margin:0 auto}.resident h2{font-size:30px}.resident p{font-size:14px}.resident .note{font-size:12px}.resident button{font-size:12px}.closing{font-size:25px;padding:30px 0 45px}.closing span{font-size:21px}footer{padding:22px 18px}footer span{display:block;float:none;margin-top:12px}dialog{padding:25px}#music-search{flex-wrap:wrap}#music-query{width:100%}#dance-controls{align-items:stretch;flex-direction:column}.invitation{padding:20px 12px}.invitation h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.card:hover{transform:none}}
.player-page{background-size:cover;background-attachment:fixed}.player-screen{padding:30px 36px 50px;max-width:1560px}.player-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.player-screen>h1{font:bold clamp(32px,4vw,55px) Georgia;color:#efcb86;margin:30px 0 15px}.player-screen #status{padding:15px 20px;background:#05130ded;border:1px solid var(--line);border-radius:12px;line-height:1.6}.player-actions{margin:20px 0}.player-stage{background:#000;border:1px solid #b8955155;border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 15px 60px #000b}.player-stage iframe,.player-stage #youtube{width:100%;height:100%;border:0}.player-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.player-bottom .room{margin:25px 0}.player-settings{display:flex;flex-wrap:wrap;gap:25px}.player-settings label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.player-settings input[type=range]{padding:0;accent-color:var(--gold)}#speech{color:#ddc38e;line-height:1.6}#members{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 24px;list-style:none;padding:0}#members li{padding:13px 15px;background:#0003;border:1px solid #53734b55;border-radius:10px}.tree-mark{display:flex;justify-content:center;align-items:center;gap:20px}.tree-mark:before,.tree-mark:after{content:'';display:block;width:105px;height:2px;background:linear-gradient(90deg,transparent,#e5b96a,transparent)}.tree-mark svg{height:45px;width:36px;filter:drop-shadow(0 0 10px #b5823755)}@media(max-width:600px){.player-screen{padding:20px 18px}.player-head .eyebrow{font-size:8px;letter-spacing:1px}.player-bottom{grid-template-columns:1fr;gap:0}.player-bottom .room{margin:15px 0 0}.player-actions button{font-size:12px;flex:1}.tree-mark:before,.tree-mark:after{width:70px}.tree-mark svg{height:35px}.player-screen>h1{margin:25px 0 15px}}

#host-audio{display:block;width:100%;max-width:480px;margin:16px 0;accent-color:var(--gold)}