[hidden]{display:none!important}header,main{max-width:1280px}header{padding:22px 24px;color:#e0c5da}header strong{letter-spacing:.12em;font-size:13px}main{padding:0 24px 32px}.entry{margin:4vh auto;max-width:940px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;background:linear-gradient(140deg,#39263f,#231b34);border-color:#9d768f;box-shadow:0 24px 90px #0005}.entry h1{font-size:clamp(36px,5vw,62px);line-height:1.05;margin:16px 0 24px}.eyebrow{font:700 11px system-ui;letter-spacing:.18em;color:#d8ac79}.entry form{display:grid;gap:16px}.entry label{display:grid;gap:6px;font-size:13px}.entry input,.entry select{width:100%;min-height:44px}.entry fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #7c5875;border-radius:12px}.entry input[type=color]{padding:3px}.primary{background:#e0b477;color:#281d31;font-weight:750;border:0;min-height:52px}.preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#654661,transparent 70%);border-radius:20px}.preview canvas{max-width:100%;height:330px}.preview p{font-size:12px;color:#d5b9cc}.club-heading{display:flex;align-items:center;justify-content:space-between}.club-heading h1{margin:0 0 16px;font-size:28px}.room-stage{position:relative}#room{border-color:#97748f;width:100%;max-height:72vh;object-fit:contain;background:#21192e}#room-objects{position:absolute;inset:0;pointer-events:none}#room-objects button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;font-size:11px;padding:5px 8px;min-height:34px;background:#291c37eb;border:1px solid #d5ac7b;box-shadow:0 4px 12px #0006;white-space:nowrap}#room-objects button:disabled{pointer-events:none;opacity:.72;border-color:#94758e}.room-controls{max-width:440px;margin:10px auto}.room-actions{min-width:160px}#banner{position:fixed;top:18px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:50;background:#ffe9bb;color:#392339;border:2px solid #c89561;padding:14px 22px;border-radius:12px;box-shadow:0 8px 30px #0006}#bar-chat{max-width:740px;margin:20px auto}#bar-chat .chatlog{height:260px}.tip{text-align:center}#entry-error{color:#ffd490;margin:0}.room-stage:focus-within{outline-offset:4px}.room-controls button{touch-action:none}#sound-panel{max-width:740px;margin:auto}@media(max-width:650px){header{padding:15px 12px;font-size:11px}main{padding:0 8px 24px}.entry{grid-template-columns:1fr;padding:22px;margin-top:12px;gap:8px}.preview{grid-row:1}.preview canvas{width:135px;height:148px}.preview p{display:none}.entry h1{font-size:34px;margin:10px 0}.entry .eyebrow{margin:0}.entry>div>p:not(.eyebrow){font-size:13px}#room{max-height:none}.club-heading h1{font-size:22px}.club-heading>span{font-size:12px}#room-objects button{font-size:9px;padding:3px 5px;min-height:27px}.room-controls{gap:10px}.room-controls .pad{grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px)}.room-actions button{min-height:43px}.room-actions{min-width:140px}.tip{font-size:11px}}
#room{height:auto;max-height:none;object-fit:initial}

#drink-panel{max-width:740px;margin:20px auto;background:linear-gradient(125deg,#402536,#251d35);border-color:#d1a577}#drink-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}#drink-menu button{text-align:left;background:#50394f;color:#ffe2b1}#drink-menu small{display:block;color:#d4bbd0;margin-top:5px}#drink-reply{color:#f4cd8f;min-height:44px}#joystick{display:none;width:132px;height:132px;position:relative;flex:none;border-radius:50%;background:radial-gradient(circle,#58405c,#281e35);border:2px solid #a5809e;touch-action:none;box-shadow:inset 0 3px 15px #0007;user-select:none} .joy-ring{position:absolute;inset:18px;border:1px solid #d6b08455;border-radius:50%}#joy-knob{position:absolute;width:52px;height:52px;left:38px;top:38px;border-radius:50%;background:linear-gradient(#b38ca8,#735570);border:2px solid #e0b98d;box-shadow:0 5px 12px #0007;pointer-events:none}@media(max-width:750px),(pointer:coarse){#joystick{display:block}.room-controls .pad{display:none}.room-controls{max-width:360px;gap:22px}.room-actions{min-width:150px}}@media(max-width:380px){#joystick{width:116px;height:116px}#joy-knob{left:30px;top:30px}.room-controls{gap:12px}#drink-menu{grid-template-columns:1fr}}

#room-app-window{position:fixed;inset:12px;margin:auto;width:min(1280px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;border:1px solid #b68eaa;border-radius:16px;background:#191326;color:#f9e8c8;overflow:hidden}#room-app-window[open]{display:flex;flex-direction:column}#room-app-window::backdrop{background:#0c0915dc;backdrop-filter:blur(5px)}.app-window-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:none;margin:0;padding:10px 16px;background:#35243e;border-bottom:1px solid #88667f;flex:none}.app-window-bar strong{font-size:14px}.app-window-bar button{background:#76546f;border-color:#cda67c;white-space:nowrap;font-size:14px}#room-app-frame{width:100%;border:0;flex:1;min-height:0;background:#171124}@media(max-width:750px){#room-app-window{inset:0;width:100vw;height:100dvh;border-radius:0;border:0}.app-window-bar{padding:8px 10px}.app-window-bar strong{font-size:12px}.app-window-bar button{font-size:12px;padding:9px}}

.club-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.club-play{min-width:0}#bar-chat{margin:0;position:sticky;top:12px;width:100%;max-width:none}#bar-chat h2{font-size:19px;margin:0 0 6px}#bar-chat .tip{font-size:12px;text-align:left;line-height:1.5}#bar-chat .chatlog{height:340px}#bar-chat .chatbox{flex-wrap:wrap}#bar-chat .chatbox input{width:100%;flex-basis:100%}#bar-chat .chatbox button{width:100%}.club-heading{margin-top:6px}.club-heading .eyebrow{color:#d1a77c}.club-play .tip{max-width:650px;margin:10px auto;line-height:1.5}#room-objects button{box-shadow:0 2px 8px #0008}#room-objects button:not(:disabled){background:#684b61;border-color:#f6cf8d;color:#fff1c6}@media(max-width:950px){.club-layout{grid-template-columns:1fr}#bar-chat{position:static;margin:12px 0 0}#bar-chat .chatlog{height:170px}#bar-chat .chatbox{flex-wrap:nowrap}#bar-chat .chatbox input{width:auto;flex:1;min-width:0}#bar-chat .chatbox button{width:auto}}

#room-app-window #gamebox{margin:0;border:0;border-radius:0;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:24px}#room-app-window #gamebox h2{color:#ffd17a;margin:4px 0}#room-app-window #gamebox canvas{width:min(100%,900px);max-width:900px;max-height:60dvh;object-fit:contain}#room-app-window #gamebox .gamebuttons{gap:12px}#gamestatus{min-height:24px;text-align:center;color:#ffe2a1}@media(max-width:650px){#room-app-window #gamebox{padding:14px 8px}.gamebuttons button{font-size:13px}}

.mobile-room-actions{display:none}#joystick{position:absolute;z-index:3;pointer-events:none;display:none;width:104px;height:104px;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .12s ease;background:rgba(217,191,224,.1);border:2px solid rgba(255,225,180,.45);box-shadow:inset 0 1px 8px #0002}#joystick .joy-ring{inset:12px;border-color:#ffe0ad55}#joystick #joy-knob{width:42px;height:42px;left:29px;top:29px;background:rgba(202,168,208,.45);border:2px solid rgba(255,225,180,.65);box-shadow:0 2px 7px #0003}#joystick.joy-active{opacity:.68}.room-stage{isolation:isolate}#room-objects{z-index:4}@media(max-width:750px),(pointer:coarse){#joystick{display:block}.room-controls{display:none}.mobile-room-actions{display:flex;flex-direction:column;position:absolute;right:10px;bottom:12px;z-index:6;gap:7px;pointer-events:none}.mobile-room-actions button{pointer-events:auto;touch-action:none;min-height:42px;padding:8px 12px;font-size:12px;background:#5c405bb3;border:1px solid #d9b48699;backdrop-filter:blur(3px);color:#fff0cd}.mobile-room-actions button:disabled{opacity:.45}#room-tip{font-size:11px;padding:0 6px;margin:10px auto 16px;line-height:1.5}}@media(prefers-reduced-motion:reduce){#joystick{transition:none}}