:root{--bg:#07050b;--ink:#fbf4ea;--ink-dim:#fbf4ea9e;--pill:#140e1c8c;--pill-border:#fbf4ea29;--club:#ff7a45;--display:"Black Han Sans", "Apple SD Gothic Neo", sans-serif;--sans:Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}button{touch-action:manipulation}#floor{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.top{top:max(14px, env(safe-area-inset-top));pointer-events:none;text-shadow:0 1px 8px #0009;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;left:18px;right:18px}.logo{font:400 30px/1 var(--display);letter-spacing:2px;color:var(--ink);margin:0}.tagline{font:400 15px/1 var(--display);letter-spacing:1px;color:#ffc94a;margin:6px 0 0}.club{letter-spacing:1px;color:var(--club);margin:6px 0 0;font-size:12px;font-weight:600}.stats{color:var(--ink-dim);letter-spacing:.3px;font-variant-numeric:tabular-nums;text-align:right;margin:4px 0 0;font-size:12px}.stats b{color:var(--ink);font-weight:600}.pill{appearance:none;border:1px solid var(--pill-border);background:var(--pill);color:var(--ink);font:600 15px/1 var(--sans);-webkit-backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;border-radius:999px;min-height:52px;padding:0 22px;transition:transform 80ms}.pill:active{transform:scale(.95)}.pill.primary{background:var(--club);color:#160c08;box-shadow:0 0 24px -4px var(--club);border-color:#0000;padding:0 30px}.pill[aria-pressed=true]{border-color:var(--club);box-shadow:inset 0 0 0 1px var(--club), 0 0 18px -6px var(--club)}.pill:disabled{opacity:.45;cursor:default}.bar{left:50%;bottom:max(22px, env(safe-area-inset-bottom));gap:10px;display:flex;position:fixed;transform:translate(-50%)}.toast{left:50%;top:max(112px, calc(env(safe-area-inset-top) + 100px));border:1px solid var(--pill-border);color:var(--ink);opacity:0;pointer-events:none;text-align:center;background:#0c0812cc;border-radius:999px;max-width:86vw;margin:0;padding:9px 16px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,-6px)}.toast.show{opacity:1;transform:translate(-50%)}.bubbles{pointer-events:none;position:fixed;inset:0;overflow:hidden}.bubble{will-change:transform, opacity;background:#fffaf0f2;border-radius:14px;place-items:center;width:38px;height:34px;font-size:20px;line-height:1;display:grid;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000059}.bubble:after{content:"";border:6px solid #0000;border-top-color:#fffaf0f2;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.bubble{animation:.22s cubic-bezier(.3,1.6,.5,1) bubble-pop}@keyframes bubble-pop{0%{scale:.3}to{scale:1}}.tag{color:#f3e7dc;font:600 11px/1.2 var(--sans);white-space:nowrap;transform-origin:50% 100%;will-change:transform, opacity;background:#0c08109e;border-radius:999px;padding:3px 8px;position:absolute;top:0;left:0}.tag.me{background:var(--club);color:#120a10;font-weight:800}body.og .bubbles{display:none}.geungnak{font:400 34px/1 var(--display);color:#fff;text-shadow:0 0 14px var(--club), 0 0 2px #000;pointer-events:none;opacity:0;margin:0;position:fixed;top:0;left:0}.geungnak.pop{animation:1.4s ease-out pop}@keyframes pop{0%{opacity:0;margin-top:10px}12%{opacity:1;margin-top:-6px}70%{opacity:1}to{opacity:0;margin-top:-40px}}.top-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.mini{pointer-events:auto;appearance:none;border:1px solid var(--pill-border);background:var(--pill);color:var(--ink-dim);font:600 11px/1 var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:7px 11px}.mini[aria-pressed=true]{color:var(--ink);border-color:var(--club)}.mini[hidden]{display:none}.mini-row{gap:6px;display:flex}.emotes{right:max(14px, env(safe-area-inset-right));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 66px);gap:8px;display:grid;position:fixed}.emo{appearance:none;border:1px solid var(--pill-border);background:var(--pill);cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:50%;width:44px;height:44px;font-size:20px;line-height:1;transition:transform 80ms}.emo:active{transform:scale(.9)}body.og .emotes{display:none}.nogl{text-align:center;height:100%;color:var(--ink);place-items:center;padding:0 24px;font-size:15px;line-height:1.6;display:grid}.keys{left:18px;bottom:max(22px, env(safe-area-inset-bottom));color:var(--ink-dim);pointer-events:none;text-shadow:0 1px 6px #000000b3;margin:0;font-size:12px;display:none;position:fixed}@media (hover:hover) and (pointer:fine){.keys{display:block}}body.og .keys{display:none}.moment{left:50%;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 66px);color:#2a1606;background:#ffc94a;border-color:#0000;animation:.35s ease-out rise;position:fixed;transform:translate(-50%);box-shadow:0 0 30px -4px #ffc94a}.moment[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.share-body{align-items:center;gap:16px;display:flex}.share-img{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--pill-border);background:#000;border-radius:14px;width:34%;max-width:180px}.share-actions{flex:1;gap:8px;display:grid}.pill.ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.gate{perspective:1400px;z-index:5;place-items:center;display:grid;position:fixed;inset:0}.gate.open{visibility:hidden;pointer-events:none;transition:visibility 0s 1.4s}.door{backface-visibility:hidden;background:radial-gradient(circle,#ffe08a 0 4px,#9a6a1c 5.5px,#0000 7px) 28px 28px/64px 64px,linear-gradient(#0000 21%,#c8963a 21% 22.2%,#0000 22.2% 77.8%,#c8963a 77.8% 79%,#0000 79%),linear-gradient(90deg,#00000059,#0000 12% 88%,#00000059),linear-gradient(#7d1d18,#5a1210);width:50.5%;transition:transform 1.3s cubic-bezier(.6,.05,.3,1);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 10px #3a0b09,inset 0 0 0 13px #c8963a,inset 0 0 60px #0009}.door-l{transform-origin:0;left:0}.door-r{transform-origin:100%;right:0}.gate.open .door-l{transform:rotateY(-105deg)}.gate.open .door-r{transform:rotateY(105deg)}.ring{border:6px solid #e2b04f;border-radius:50%;width:46px;height:46px;margin-top:-23px;position:absolute;top:50%;box-shadow:0 2px 8px #00000080}.door-l .ring{right:22px}.door-r .ring{left:22px}.gate-inner{transition:opacity .3s;position:relative}.gate.open .gate-inner{opacity:0}.gate-inner{text-align:center;-webkit-backdrop-filter:blur(4px);background:#1406068c;border-radius:28px;padding:28px 30px}.gate-title{font:400 72px/1 var(--display);letter-spacing:4px;color:#ffe2a0;text-shadow:0 0 30px #ff7a45,0 3px #3a0b09;margin:0}.gate-sub{color:var(--ink-dim);margin:14px 0 26px;font-size:14px}.gate-btn{letter-spacing:4px;color:#3a0b09;background:#ffc94a;min-width:160px;min-height:58px;font-size:18px;box-shadow:0 0 30px -4px #ffc94a}.gate-hint{color:var(--ink-dim);margin:16px 0 0;font-size:12px}.room-count{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:500}.drop-bar{left:50%;top:max(14px, env(safe-area-inset-top));text-align:center;pointer-events:none;text-shadow:0 1px 8px #000000b3;-webkit-backdrop-filter:blur(6px);background:#07050b99;border-radius:16px;padding:6px 14px 7px;position:fixed;transform:translate(-50%)}.drop-bar[hidden]{display:none}.g-time{letter-spacing:1px;color:#ffc94a;margin:0 0 4px;font-size:12px;font-weight:700}.g-time b{font:400 24px/1 var(--display);color:#ffe08a;font-variant-numeric:tabular-nums;vertical-align:-3px;text-shadow:0 0 14px #ffc94a99;margin-left:4px;display:inline-block}.g-time.live b{color:#fff3c4;text-shadow:0 0 18px #ffc94a,0 0 4px #ffc94a}.g-time.soon b{animation:1s ease-in-out infinite g-soon}@keyframes g-soon{50%{transform:scale(1.18)}}.drop-time{letter-spacing:1px;color:var(--ink-dim);margin:0;font-size:12px;font-weight:600}.drop-time b{min-width:3.2em;font:400 26px/1 var(--display);color:var(--ink);letter-spacing:1px;font-variant-numeric:tabular-nums;vertical-align:-3px;margin-left:4px;display:inline-block}.drop-hint{color:var(--ink-dim);white-space:nowrap;margin:6px 0 0;font-size:11px}@media (width<=520px){.drop-bar{top:max(92px, calc(env(safe-area-inset-top) + 80px))}.toast{top:max(190px, calc(env(safe-area-inset-top) + 178px))}}.count{font:400 96px/1 var(--display);color:#fff;text-shadow:0 0 30px var(--club), 0 0 4px #000;pointer-events:none;opacity:0;margin:0;position:fixed;top:19%;left:50%;transform:translate(-50%,-50%)}.count.tick{animation:.9s ease-out forwards tick}@keyframes tick{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.pill.primary.ready{animation:.5s ease-in-out infinite alternate ready}@keyframes ready{0%{box-shadow:0 0 18px -4px var(--club);transform:scale(1)}to{box-shadow:0 0 40px 6px var(--club);transform:scale(1.1)}}.sheet{color:var(--ink);background:0 0;border:0;width:100%;max-width:none;margin:0;padding:0}.sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05030a8c}.sheet[open]{position:fixed;inset:auto 0 0}.sheet-body{padding:22px 18px max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--pill-border);background:#150f1d;border-radius:22px 22px 0 0}.sheet-title{font:400 22px/1 var(--display);margin:0 0 14px}.club-list{gap:8px;display:grid}.club-item{appearance:none;border:1px solid var(--pill-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fbf4ea0a;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.club-item[aria-current=true]{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.club-item .dot{background:var(--c);width:14px;height:14px;box-shadow:0 0 14px var(--c);border-radius:50%;flex:none}.club-item.rainbow .dot{background:conic-gradient(#ff5a5a,#ffb04a,#ffe14a,#5ad97a,#4ab4ff,#8f6bff,#ff5aa8,#ff5a5a);box-shadow:0 0 14px #ffa0dcb3}.club-text{flex:1;min-width:0}.club-text b{font-size:15px;display:block}.club-text small{color:var(--ink-dim);margin-top:2px;font-size:12px;display:block}.club-n{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:13px}.hint{color:var(--ink-dim);margin:12px 2px 0;font-size:12px}.row{justify-content:flex-end;margin-top:14px;display:flex}@media (width>=640px){.sheet[open]{inset:auto 0 40px}.sheet-body{border:1px solid var(--pill-border);border-radius:22px;max-width:460px;margin:0 auto}}.debug{left:50%;top:max(110px, calc(env(safe-area-inset-top) + 100px));text-align:center;pointer-events:none;background:#000000b3;border-radius:12px;margin:0;padding:10px 16px;font:600 22px/1.25 ui-monospace,Menlo,monospace;position:fixed;transform:translate(-50%)}.debug[hidden]{display:none}@media (prefers-reduced-motion:reduce){.toast{transition:none}.pill.primary.ready,.bubble,.g-time.soon b{animation:none}}body.og .top,body.og .bar,body.og .drop-bar,body.og .gate,body.og .moment,body.og .toast,body.og .count,body.og .geungnak,body.og .debug{display:none!important}.og-title{text-shadow:0 2px 18px #000c;pointer-events:none;gap:6px;margin:0;display:grid;position:fixed;bottom:48px;left:56px}.og-title[hidden]{display:none}.og-title b{font:400 120px/1 var(--display);color:#fff3e0;text-shadow:0 0 40px var(--club), 0 3px 0 #0009}.og-title span{font:700 40px/1.1 var(--sans);color:var(--club)}.og-title em{font:600 28px/1.2 var(--sans);color:var(--ink);font-style:normal}body.demo .top,body.demo .drop-hint,body.demo .keys,body.demo .emotes,body.demo .moment,body.demo #club{display:none!important}