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