:root{--ink:#1b1a17;--muted:#6e685e;--paper:#faf8f3f0;--line:#1b1a171f;--accent:#163b68;--serif:"Cormorant Garamond", Georgia, serif;--sans:Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--sans);color:var(--ink);background:#151413;margin:0;overflow:hidden}button,input{font:inherit}#canvas{width:100%;height:100%;display:block}.touch-mode #canvas{touch-action:none}.hidden{display:none!important}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.primary,.secondary{cursor:pointer;border-radius:999px;width:100%;padding:12px 16px;transition:background .2s,transform .1s}.primary{background:var(--ink);color:#fff;border:0}.primary:hover{background:var(--accent)}.secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.secondary:hover{background:#0000000a}.primary:active,.secondary:active{transform:scale(.98)}#overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#15141359,#151413d1);place-items:center;animation:.6s fade-in;display:grid;position:fixed;inset:0}.panel{background:var(--paper);border-radius:4px;width:min(460px,100vw - 32px);padding:40px 38px 32px;box-shadow:0 30px 80px #00000059}h1{font:600 44px/1 var(--serif);letter-spacing:.01em;margin:0 0 12px}.sub{color:var(--muted);margin:0 0 14px;font-size:14.5px;line-height:1.55}.count{font:italic 500 17px var(--serif);color:var(--accent);margin:0 0 22px}.actions{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.keys{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px 16px;margin:26px 0 0;padding-top:18px;font-size:12.5px;display:grid}.keys div{align-items:baseline;gap:8px;display:flex}.keys dt{min-width:44px;font-weight:600}.keys dd{color:var(--muted);margin:0}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}#crosshair{background:#ffffffe6;border-radius:50%;width:6px;height:6px;transition:width .2s,height .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}#crosshair.active{background:0 0;border:1.5px solid #fff;width:22px;height:22px}#hoverCaption{opacity:0;text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151413b8;border-radius:6px;gap:2px;padding:10px 18px;transition:opacity .25s,transform .25s;display:grid;position:absolute;bottom:48px;left:50%;transform:translate(-50%,8px)}#hoverCaption.show{opacity:1;transform:translate(-50%)}#hoverTitle{font:600 20px var(--serif)}#hoverSub{color:#ffffffa6;letter-spacing:.04em;font-size:11.5px}#loading{opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}#loading.show{opacity:1}#loadingBar{transform-origin:0;background:#e9d9b8;height:100%;transition:transform .3s;transform:scaleX(0)}#tourBadge,#toast{color:#fff;opacity:0;background:#151413b8;border-radius:999px;padding:8px 14px;font-size:12.5px;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}#tourBadge{top:18px}#toast{top:56px}#tourBadge.show,#toast.show{opacity:1}#editor{z-index:30;background:var(--paper);border-radius:6px;gap:12px;width:min(340px,100vw - 36px);padding:24px 22px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:grid;position:fixed;top:18px;right:18px;transform:translate(calc(100% + 30px));box-shadow:0 20px 60px #00000059}#editor.open{transform:none}#editor.busy{cursor:progress}#editor.busy button,#editor.busy .upload{pointer-events:none;opacity:.6}#editor h2{font:600 26px/1.1 var(--serif);margin:0 0 6px}#editor .eyebrow{margin:0}.close{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:12px}.upload{text-align:center;cursor:pointer;border:1px dashed #1b1a1759;border-radius:8px;padding:14px;font-size:13.5px;transition:background .2s;display:block}.upload:hover{background:#00000008}.upload input{display:none}.field span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.segmented{background:#0000000f;border-radius:999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 4px;font-size:12.5px}.segmented button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000026}.danger{color:#8a2f2f;border-color:#8a2f2f4d}.status{color:var(--muted);min-height:1em;margin:0;font-size:12px}@keyframes fade-in{0%{opacity:0}}#cinemaPanel{--cream:#f1e8d8;z-index:30;width:min(820px,100vw - 32px);max-height:min(640px,100vh - 48px);color:var(--cream);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120e0ff0;border:1px solid #f1e8d814;border-radius:10px;flex-direction:column;gap:10px;padding:24px 26px 20px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,calc(100% + 40px));box-shadow:0 30px 80px #00000080}#cinemaPanel.open{transform:translate(-50%)}#cinemaPanel .eyebrow{color:#c9a873;margin:0}#cinemaPanel .close{color:#f1e8d899}.now{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.now h2{font:600 30px/1.1 var(--serif);margin:0}.now p{color:#f1e8d899;margin:4px 0 0;font-size:12.5px}.transport{align-items:center;gap:8px;display:flex}.pill{background:var(--cream);color:#1a1414;cursor:pointer;border:0;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}.pill.ghost{color:var(--cream);background:0 0;border:1px solid #f1e8d840}.pill:disabled{opacity:.35;cursor:default}.volume{color:#f1e8d899;align-items:center;gap:6px;font-size:12px;display:flex}.volume input{accent-color:#c9a873;width:90px}.progress{background:#f1e8d81f;border-radius:2px;height:2px;overflow:hidden}#filmProgress{transform-origin:0;background:#c9a873;height:100%;transform:scaleX(0)}#filmList{margin:0 -6px;padding:0 6px;overflow-y:auto}#filmList h3{font:500 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f1e8d880;margin:14px 0 8px}.film-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.film-card{text-align:left;color:var(--cream);cursor:pointer;background:#f1e8d80a;border:1px solid #0000;border-radius:8px;gap:3px;padding:0 0 10px;transition:background .2s,border-color .2s,transform .15s;display:grid;overflow:hidden}.film-card:hover{background:#f1e8d817;transform:translateY(-2px)}.film-card.playing{border-color:#c9a873}.film-card.loading{opacity:.6;cursor:progress}.film-card .poster{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;margin-bottom:6px;display:block}.film-card strong{font:600 17px/1.15 var(--serif);padding:0 10px}.film-card span{color:#f1e8d88c;padding:0 10px;font-size:11.5px}.club-logo{object-fit:contain;width:64px;height:64px;margin-bottom:18px}#floorButton{z-index:3;background:var(--paper);color:var(--ink);border:1px solid var(--line);cursor:pointer;position:fixed;top:20px;left:20px}#floorPanel{z-index:20;background:var(--paper);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(460px,100%);padding:46px 32px 32px;display:none;position:fixed;inset:0 0 0 auto;overflow-y:auto}#floorPanel.open{display:block}#floorPanel h2{font:600 38px var(--serif);margin:8px 0 12px}#floorPanel .sub{color:var(--muted);font-size:13px;line-height:1.6}#floorList{gap:8px;margin-top:24px;display:grid}.floor-choice{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.floor-choice:hover,.floor-choice[aria-current=true]{background:#e5edf5;border-color:#163b68}.floor-choice strong,.floor-choice small{display:block}.floor-choice small{color:var(--muted);margin-top:5px}.floor-number{font:600 28px var(--serif);text-align:center;width:36px;color:var(--accent)}#overlay .panel{max-height:92vh;overflow-y:auto}#overlay .actions{flex-wrap:wrap}@media (width<=600px){#floorButton{font-size:11px;top:12px;left:12px}#floorPanel{padding:46px 22px 24px}}.touch-help{color:var(--muted);margin:20px 0 0;font-size:13px;line-height:1.6;display:none}.cache-settings{gap:6px;margin-top:18px;display:grid}.cache-settings button{padding:10px 14px;font-size:12px}#cacheStatus{color:var(--muted);font-size:12px}.touch-mode .keys{display:none}.touch-mode .touch-help{display:block}#touchControls{z-index:12;pointer-events:none;position:fixed;inset:0}#moveStick{left:max(18px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#15141340;border:1px solid #fff6;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute}#moveKnob{background:#faf8f3a6;border-radius:50%;width:46px;height:46px}.stick-label{color:#fff;pointer-events:none;font-size:10px;position:absolute;bottom:6px}.touch-actions{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute}.touch-actions .pill{color:#fff;touch-action:manipulation;background:#151413b3;border:1px solid #ffffff4d;min-height:44px}.touch-actions #touchUse{background:var(--paper);color:var(--ink);grid-column:1/-1}.touch-mode #hoverCaption{bottom:calc(150px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px)}.touch-mode #tourBadge{top:calc(64px + env(safe-area-inset-top));text-align:center;max-width:calc(100vw - 24px)}.touch-mode #toast{top:calc(106px + env(safe-area-inset-top));text-align:center;max-width:calc(100vw - 24px)}.touch-mode #floorButton{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));min-height:44px}.touch-mode .close{min-width:44px;min-height:44px}@media (width<=700px),(height<=500px){#overlay{padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom))}#overlay .panel{max-height:100%;padding:24px}h1{font-size:36px}.club-logo{width:48px;height:48px;margin-bottom:12px}.actions{grid-template-columns:1fr}#editor{top:max(12px, env(safe-area-inset-top));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}#cinemaPanel{bottom:max(12px, env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:24px 18px 16px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transport{flex-wrap:wrap}.pill,.segmented button{min-height:44px}#floorPanel{padding-top:calc(46px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#cinemaPanel{max-height:calc(100dvh - 48px);overflow-y:auto}#youtubePlayer{backface-visibility:hidden;background:#000}#youtubePlayer iframe{border:0;width:100%;height:100%;display:block}#youtubeLink{color:#c9a873;font-size:12px}#filmList{flex:none;overflow-y:visible}#cinemaButton{--cream:#f1e8d8;z-index:12;position:fixed;top:65px;left:20px}.cinema-screen-layer{z-index:0;pointer-events:none;position:fixed;inset:0}#canvas{z-index:1;position:relative}.cinema-watching #canvas{pointer-events:none}#cinemaViewing{--cream:#f1e8d8;z-index:15;bottom:max(16px, env(safe-area-inset-bottom));text-align:center;color:#f1e8d8;background:#120e0feb;border-radius:12px;width:max-content;max-width:calc(100vw - 24px);padding:10px 14px;position:fixed;left:50%;transform:translate(-50%)}#cinemaViewing>span{margin-bottom:8px;font-size:12px;display:block}#cinemaViewing>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#cinemaViewing .pill{min-height:44px}#musicButton{z-index:12;background:var(--paper);color:var(--ink);border:1px solid var(--line);position:fixed;top:20px;right:20px}#musicButton[aria-pressed=true]{color:#f1e8d8;background:#163b68;border-color:#163b68}.touch-mode #musicButton{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));min-height:44px}@media (width<=600px){#musicButton{font-size:11px;top:12px;right:12px}}