@font-face{font-family:NeoDunggeunmo;src:url(/fonts/neodgm.woff2)format("woff2");font-display:swap}:root{--navy:#141a33;--brown:#2b1f1c;--pink:#ff4fa3;--cyan:#38e8e0;--yellow:#ffd93b;--ink:#fff6e8;--px:"Galmuri11", "Press Start 2P", monospace;--kr:"Jua", "Galmuri11", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html,body{color:var(--ink);font-family:var(--kr);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0e1c;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.stage{z-index:10;background:radial-gradient(#0b0e1c 0%,#05060e 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-in{animation:.5s ease-out stageIn}.stage-in:before{content:"";pointer-events:none;z-index:20;opacity:0;background:#fff;animation:.5s ease-out flashOut;position:absolute;inset:0}@keyframes stageIn{0%{opacity:.4}to{opacity:1}}@keyframes flashOut{0%{opacity:.9}to{opacity:0}}.crt{aspect-ratio:3/4;background:#000;border-radius:18px;width:min(92vw,58.5dvh);position:relative;overflow:hidden;box-shadow:0 0 0 10px #1a1d2e,0 0 0 13px #0a0b14,0 0 60px #38e8e040,inset 0 0 40px #000000e6;container-type:inline-size}.crt:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:3;background:repeating-linear-gradient(0deg,#0000002e 0 2px,#0000 2px 4px);border-radius:18px;position:absolute;inset:0}.game-host{position:absolute;inset:0}.heat{pointer-events:none;border-radius:18px;transition:box-shadow .3s;animation:.8s ease-in-out infinite heatPulse;position:absolute;inset:0}.chip{height:36px;font:13px/1 var(--px);color:var(--ink);background:#0a0c1cb8;border:2px solid #ffffff1a;align-items:center;padding:0 12px;display:flex}.sound{z-index:5;top:calc(env(safe-area-inset-top) + 8px);min-height:44px;position:fixed;right:12px}.coins{z-index:5;top:calc(env(safe-area-inset-top) + 8px);gap:8px;min-height:44px;font-size:16px;position:fixed;left:12px}.coin{background:var(--yellow);border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:inset -3px -3px #d9a300,0 0 8px #ffd93b80}.coin:after{content:"";background:#d9a300;width:4px;height:8px;margin:4px auto 0;display:block}.best{text-align:right;color:var(--cyan);pointer-events:none;font-family:var(--px);line-height:1.25;position:absolute;top:1.2cqw;right:2.8cqw}.best small{font-size:2.6cqw;display:block}.best b{font-size:3.9cqw;font-weight:400;display:block}.best.passed{color:var(--pink)}.pass-fx{text-align:center;font:5.6cqw var(--px);color:var(--yellow);pointer-events:none;animation:1s ease-out forwards passFx;position:absolute;top:50%;left:0;right:0}.panel{text-align:center;z-index:2;background:#0d0b24;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.panel.dim{background:#05060edb}.brand{font:16px var(--px);color:var(--cyan)}.go{font:clamp(18px, 5vw, 26px) var(--px);color:var(--pink);text-shadow:0 0 12px var(--pink)}.sc{font:clamp(34px, 10vw, 52px)/1.1 var(--px);color:var(--yellow)}.new{font:clamp(20px, 6vw, 30px) var(--px);color:var(--yellow);text-shadow:0 0 16px var(--yellow);animation:.4s step-end infinite blink}.note{font:15px/1.35 var(--kr);color:#ffb3d6;max-width:260px}.row{gap:8px;width:100%;max-width:300px;margin-top:6px;display:flex}.btn{min-height:52px;line-height:1.2;font:18px/1 var(--kr);background:var(--pink);color:#1a0612;border:0;flex:1;padding:0 14px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #a81f63}.btn:active{transform:translateY(3px);box-shadow:0 1px #a81f63}.btn.ghost{color:var(--ink);background:#ffffff14;box-shadow:0 4px #00000080}.btn.ghost:active{box-shadow:0 1px #00000080}.btn[disabled]{opacity:.4;pointer-events:none}.btn.alt{background:var(--cyan);color:#042322;box-shadow:0 4px #148e89}.btn.alt:active{box-shadow:0 1px #148e89}.rk{font:20px var(--kr);color:var(--cyan)}.initials{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.initials-title{font:14px var(--px);color:#cfd3ea}.wheels{gap:14px;margin:6px 0;display:flex}.wheel{flex-direction:column;align-items:center;gap:4px;display:flex}.wheel button{width:48px;height:44px;font:14px var(--px);color:var(--cyan);background:#38e8e01f}.wheel button:active{background:#38e8e059}.wheel .ch{width:48px;height:52px;font:32px var(--px);color:var(--ink);border:2px solid var(--pink);background:#12071a;place-items:center;display:grid}.board{z-index:4;background:#0d0b24;justify-content:flex-start;gap:8px;padding:14px}.tabs{gap:8px;width:100%;display:flex}.tabs button{min-height:44px;font:17px var(--kr);color:#cfd3ea;background:#ffffff0f;border-bottom:3px solid #0000;flex:1}.tabs button.on{color:var(--yellow);border-bottom-color:var(--yellow)}.board-rows{flex-direction:column;flex:1;gap:2px;width:100%;min-height:0;display:flex;overflow-y:auto}.board-rows .note{margin:auto}.board-row{font:15px var(--px);color:var(--ink);align-items:center;gap:10px;padding:5px 8px;display:flex}.board-row.first{color:#ff9fd0}.board-row .r{text-align:right;width:24px;color:var(--cyan)}.board-row .i{text-align:left;width:48px}.board-row .s{text-align:right;flex:1}.door-view{background:#0b0e1c;position:fixed;inset:0}.door-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.door-fade{opacity:0;pointer-events:none;background:#ffd98a;position:absolute;inset:0}.street-hint{left:50%;top:calc(env(safe-area-inset-top) + 16px);border:2px solid var(--pink);width:max-content;max-width:calc(100% - 24px);color:var(--ink);font:17px/1.3 var(--kr);text-align:center;pointer-events:none;background:#0a0c1cbf;padding:12px 18px;animation:.6s ease-out hintIn;position:absolute;transform:translate(-50%)}.street-hint b{color:var(--yellow);font-weight:400}.ad-zoom{z-index:20;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);background:#06060ea8;place-items:center;display:grid;position:absolute;inset:0}.ad-zoom-card{color:#2b2620;background:#f6efe0;border-radius:6px;flex-direction:column;gap:12px;width:min(92vw,520px);max-height:100%;padding:14px;display:flex;overflow:auto;box-shadow:0 18px 40px #0000008c}.ad-zoom-card.wide{width:min(96vw,900px)}.ad-zoom-card.fly{animation:.38s cubic-bezier(.2,.9,.3,1.15) paperFly}@keyframes paperFly{0%{opacity:0;transform:translate(35vw,-10vh)rotate(-14deg)scale(.25)}60%{opacity:1}to{transform:none}}.ad-zoom-paper{width:100%;height:auto;display:block}.ad-zoom-info{font:15px/1.45 var(--kr)}.ad-zoom-info b{font-size:17px;font-weight:400}.ad-zoom-title{margin-top:2px;font-size:18px}.ad-zoom-info p{white-space:pre-line;margin:4px 0 0}.ad-zoom-mark{color:#4a433b;vertical-align:2px;border:1px solid #6b6258;border-radius:3px;margin-right:8px;padding:1px 6px;font:700 12px/1.4 system-ui,sans-serif;display:inline-block}.ad-zoom-actions{gap:10px;display:flex}.ad-zoom-actions .btn.ghost{color:#2b2620;background:#e4dac6;box-shadow:0 4px #b9ab90}.loading{font:14px/2 var(--px);color:var(--cyan);text-align:center;z-index:30;background:#0b0e1c;place-items:center;display:grid;position:fixed;inset:0}.loading b{color:var(--pink);text-shadow:0 0 14px var(--pink);margin-bottom:8px;font-size:22px;font-weight:400;display:block}.people{top:calc(env(safe-area-inset-top) + 8px);pointer-events:none;gap:8px;min-height:44px;font-size:16px;position:absolute;left:12px}.room-coins{top:calc(env(safe-area-inset-top) + 8px);pointer-events:none;gap:8px;min-height:44px;font-size:16px;position:absolute;right:12px}.dot{background:#5dff7a;width:8px;height:8px;animation:1.6s infinite dotPulse;box-shadow:0 0 8px #5dff7a}@keyframes dotPulse{50%{opacity:.4}}.room-hint{left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);border:2px solid var(--cyan);width:max-content;max-width:calc(100% - 24px);color:var(--cyan);font:17px/1.3 var(--kr);text-align:center;pointer-events:none;background:#0a0c1ccc;padding:12px 18px;position:absolute;transform:translate(-50%)}.room-hint b{color:var(--pink);font-weight:400}.room-hint-btn{z-index:2;pointer-events:auto;cursor:pointer}.cab-card{z-index:3;min-width:150px;max-width:220px;color:var(--ink);opacity:0;pointer-events:none;will-change:transform;background:#0c0a18d1;border:1px solid #ffffff24;border-radius:14px;padding:10px 12px 12px;transition:opacity .2s;position:fixed;top:0;left:0;box-shadow:0 6px 18px #00000073}.cab-card.open{opacity:1;pointer-events:auto}.cab-card-title{font:17px/1.2 var(--kr);color:#ffd93b;margin-bottom:4px;display:block}.cab-card-line{font:14px/1.4 var(--kr);color:#f4f4f4}.cab-card-line em{color:#ff9fd0;font-style:normal}.cab-card-line.mine{color:#b9c0e0;font-size:13px}.cab-card-btn{width:100%;min-height:48px;margin-top:8px;font-size:17px;display:block}.cab-card-tail{background:#0c0a18d1;border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-8px;transform:rotate(45deg)}.room-out{z-index:60;pointer-events:none;background:#fff4dc;animation:.9s ease-in forwards roomOut;position:fixed;inset:0}@keyframes roomOut{0%{opacity:0}40%{opacity:.15}to{opacity:1}}.mom-chip{z-index:2;top:calc(env(safe-area-inset-top) + 58px);cursor:pointer;height:32px;font-size:12px;position:absolute;right:12px}.mom-choice{z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);border:2px solid var(--yellow);text-align:center;background:#0a0c1ce6;width:min(360px,100% - 24px);padding:12px 14px;animation:.25s hintIn;position:absolute;transform:translate(-50%)}.mom-choice p{color:var(--yellow);font:16px/1.3 var(--kr);margin:0 0 10px}.mom-choice .row{gap:8px;display:flex}.mom-choice .btn{flex:1}.mom-alert{z-index:50;top:calc(env(safe-area-inset-top) + 10px);color:#fff;font:13px/1.2 var(--kr);pointer-events:none;background:#f03aa0eb;border-radius:8px;padding:6px 10px;animation:.25s hintIn;position:fixed;left:12px}.world-sound{z-index:2;top:calc(env(safe-area-inset-top) + 60px);color:#cfd3ea;min-height:36px;font-size:11px;position:absolute;left:12px}.room-stats{z-index:2;left:12px;top:calc(env(safe-area-inset-top) + 102px);color:#5dff7a;pointer-events:none;background:#000000b3;padding:3px 6px;font:11px/1.3 monospace;position:absolute}.room-notice{left:50%;top:calc(env(safe-area-inset-top) + 56px);border:2px solid var(--pink);width:min(360px,100% - 24px);color:var(--ink);font:15px/1.4 var(--kr);pointer-events:none;background:#0a0c1ceb;padding:10px 14px;animation:.25s hintIn;position:absolute;transform:translate(-50%);box-shadow:0 0 18px #ff4fa359}.room-notice small{font:12px/1.2 var(--px);color:var(--cyan);letter-spacing:1px;margin-bottom:3px;display:block}.room-notice b{color:var(--yellow);font-weight:400}.room-fade{pointer-events:none;background:#ffd98a;position:absolute;inset:0}.room-fade.open{opacity:0;transition:opacity 1.2s}.sheet{width:min(420px,100%);padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);border-top:3px solid var(--pink);background:#0c0e20f0;animation:.3s cubic-bezier(.2,.9,.3,1.05) sheetIn;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sheet h3{font:18px/1.2 var(--px);color:var(--yellow);margin:0 0 4px;font-weight:400}.sheet p{font:16px/1.4 var(--kr);color:#cfd3ea;margin:0 0 12px}.sheet .row{max-width:none}.sheet.turn{border-top-color:var(--yellow)}.sheet.watch{border-top-color:var(--cyan)}.watch-top{font:14px/1.2 var(--px);color:#cfd3ea;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.watch-top b{color:var(--cyan);white-space:nowrap;font-weight:400}.watch-live{font:30px/1 var(--px);color:var(--ink);text-shadow:0 0 10px #38e8e099;margin:6px 0 4px}.watch-live.hot{color:var(--pink);text-shadow:0 0 14px var(--pink)}.watch-bar{background:#ffffff14;height:14px;margin-bottom:10px;position:relative;overflow:hidden}.watch-bar i{background:var(--cyan);height:100%;transition:width .25s;display:block}.watch-bar.hot i{background:var(--pink)}.watch-bar em{font:11px/12px var(--px);color:#fff;font-style:normal;position:absolute;top:1px;right:4px}@keyframes sheetIn{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes hintIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.stage.tall{background:#1a2019}.tall .crt{aspect-ratio:390/690;width:min(100vw,56.5217dvh);box-shadow:none;border-radius:0}.tall .crt:after{display:none}.tall .heat{opacity:.35;clip-path:inset(0);border-radius:0;animation:none}.tall .best{color:#fff;background:#0c0e208c;border-radius:3cqw;padding:.6cqw 2.4cqw;top:16.4cqw;right:2.6cqw}.tall .best.passed{background:var(--pink);color:#fff}.tall .panel.dim{background:#05060ef7}.tall.playing .coins{display:none}.tall .sound{z-index:5;color:#fff;background:#0c0e208c;border-color:#0000;height:32px;min-height:32px;padding:0 9px;font-size:11px;position:absolute;top:16.4cqw;left:2.6cqw;right:auto}@media (aspect-ratio>=3/4){.tall .crt{border-radius:18px;width:min(92vw,53.1304dvh);box-shadow:0 0 0 8px #1a1d2e,0 0 0 11px #0a0b14,0 0 60px #38e8e040}}.panel{justify-content:safe center;overflow-y:auto}@container (width<=340px){.panel{gap:5px;padding:10px}.initials{gap:3px}.wheels{margin:2px 0}.wheel{gap:2px}.wheel .ch{height:38px;font-size:24px}.wheel button{height:40px}.btn{min-height:44px}.row{margin-top:2px}}@keyframes blink{50%{opacity:.2}}@keyframes heatPulse{50%{opacity:.65}}@keyframes passFx{0%{opacity:1;transform:translateY(0)scale(.9)}to{opacity:0;transform:translateY(-40px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.heat,.new,.pass-fx{animation:none}.pass-fx{opacity:1}}.dalgona-talk{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dalgona-bubble{color:#3a2a1c;max-width:min(300px,82vw);font:17px/1.35 var(--kr);pointer-events:auto;background:#fff8e6;border:2px solid #8b5a2b;border-radius:14px;padding:10px 14px;position:absolute;top:0;left:0;box-shadow:0 3px 10px #0000004d}.dalgona-bubble p{min-height:1.35em;margin:0}.dalgona-choices{flex-direction:column;gap:6px;margin-top:8px;display:flex}.dalgona-choices button{min-height:44px;font:16px/1.2 var(--kr);color:#3a2a1c;cursor:pointer;background:#f3d9a0;border:1px solid #8b5a2b;border-radius:10px;padding:0 12px}.loading .gauge{border:2px solid var(--cyan);width:min(240px,64vw);height:12px;margin:14px auto 6px;padding:2px}.loading .gauge i{background:#ffd93b;width:0;height:100%;transition:width .15s linear;display:block;box-shadow:0 0 10px #ffd93b}.loading small{font:12px var(--px);color:#ffd93b;letter-spacing:1px;display:block}.gauge-retry{min-height:44px;font:15px var(--kr);color:#0b0e1c;background:var(--cyan);cursor:pointer;border:0;margin-top:14px;padding:0 16px}.loading .gauge.wait i{width:30%;animation:1.1s ease-in-out infinite alternate gauge-wait}@keyframes gauge-wait{0%{transform:translate(0)}to{transform:translate(233%)}}@media (prefers-reduced-motion:reduce){.loading .gauge.wait i{opacity:.4;width:100%;animation:none}}.head-pop-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.head-pop{filter:drop-shadow(0 3px 4px #00000059);animation:2s ease-out both head-pop;position:absolute;top:0;left:0}@keyframes head-pop{0%{opacity:0;margin-top:10px}15%{opacity:1;margin-top:0}80%{opacity:1}to{opacity:0;margin-top:-8px}}@media (prefers-reduced-motion:reduce){.head-pop{animation:none}}.chip.room-prizes{top:calc(env(safe-area-inset-top) + 48px);cursor:pointer;font:14px var(--px);border:0;position:absolute;right:10px}.chip .doll{vertical-align:-2px;background:#ffb86b;border-radius:6px 6px 4px 4px;width:12px;height:14px;margin-right:6px;display:inline-block;box-shadow:inset 0 -4px #e07a3a}.claw-kind{font:16px var(--kr);flex:1;align-self:center}.claw-pad{inset:auto 0 calc(env(safe-area-inset-bottom) + 18px) 0;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 22px;display:flex;position:absolute}.claw-time{font:22px var(--px);color:#ffd93b;text-shadow:0 0 10px #000c;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.claw-stick{pointer-events:auto;touch-action:none;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.claw-stick i{background:#c9a227;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #00000080}.claw-drop{color:#fff;width:110px;height:110px;font:20px var(--kr);pointer-events:auto;cursor:pointer;background:#ff4f6a;border:0;border-radius:50%;box-shadow:0 6px #a3243a}.claw-drop:active{transform:translateY(4px);box-shadow:0 2px #a3243a}
