:root{--bg-top:#0b0f2b;--bg-bottom:#2b1f63;--ink:#f3f5ff;--ink-dim:#a9b1e6;--glass:#0e12349e;--line:#a0afff38;--cyan:#5ef2ff;--pink:#ff6fb5;--font:"Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 50% 0%, #3a2c86 0%, var(--bg-bottom) 35%, var(--bg-top) 100%);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#hud{top:max(14px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;left:16px;right:16px}#hud[hidden],#hint[hidden],#gate[hidden],#custom[hidden]{display:none}.hud-title,.hud-count{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.hud-title b{letter-spacing:.02em;font-weight:800}.hud-title span{color:var(--ink-dim)}.hud-count{font-variant-numeric:tabular-nums}.hud-count i{background:#5dffa8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #5dffa8}.hud-count.offline i{background:#ff7a7a;box-shadow:0 0 10px #ff7a7a}#hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);text-align:center;pointer-events:none;border-radius:16px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:15px;position:fixed;transform:translate(-50%)}#hint b{color:var(--cyan);font-weight:700}#gate{-webkit-backdrop-filter:blur(6px);background:#06081c8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#gate-card{border:1px solid var(--line);background:linear-gradient(160deg,#282e6ed9,#101236eb);border-radius:24px;width:min(380px,100%);padding:32px 28px 24px;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff14}.gate-eyebrow{letter-spacing:.28em;color:var(--cyan);margin:0 0 6px;font-size:12px;font-weight:700}#gate-card h1{letter-spacing:-.01em;margin:0 0 8px;font-size:34px;font-weight:800}.gate-sub{color:var(--ink-dim);margin:0 0 24px;font-size:15px;line-height:1.5}#gate-card label{color:var(--ink-dim);margin-bottom:8px;font-size:13px;display:block}#gate-card input{border:1px solid var(--line);width:100%;color:var(--ink);font:600 17px var(--font);background:#080a2299;border-radius:14px;outline:none;padding:14px 16px}#gate-full{background:linear-gradient(160deg,#ff6fb529,#ff5d7314);border:1px solid #ff6fb573;border-radius:16px;margin:-8px 0 18px;padding:16px 16px 14px}#gate-full strong{color:#ffb3d4;margin-bottom:6px;font-size:18px;font-weight:800;display:block}#gate-full p{color:var(--ink);margin:0;font-size:14px;line-height:1.65}#gate-full b{color:#ffd1e5}#gate-card.full label,#gate-card.full input{display:none}#gate-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5ef2ff2e}#gate-card button{background:linear-gradient(100deg, var(--cyan), #8f9bff 55%, var(--pink));color:#0b0f2b;width:100%;font:800 17px var(--font);cursor:pointer;border:0;border-radius:14px;margin-top:14px;padding:15px}.hud-badge{background:linear-gradient(100deg, var(--cyan), var(--pink));color:#0b0f2b;letter-spacing:.06em;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.name-tag{border:1px solid var(--line);color:var(--ink);font:700 12px var(--font);white-space:nowrap;background:#0e1234b3;border-radius:999px;padding:3px 10px}.name-tag.me{border-color:var(--cyan);color:var(--cyan)}.place-tag{font:800 14px var(--font);white-space:nowrap;text-shadow:0 0 12px;background:#0e1234b8;border:1px solid;border-radius:12px;padding:6px 14px}#help{right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 84px);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);color:var(--ink-dim);pointer-events:none;border-radius:14px;padding:10px 14px;font-size:12px;line-height:1.7;position:fixed}#help[hidden]{display:none}#help b{color:var(--ink);font-weight:700}@media (width<=640px){#help{display:none}}#custom{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:linear-gradient(160deg,#282e6ee6,#101236f2);border-radius:24px;width:min(300px,100vw - 32px);padding:18px;position:fixed;top:72px;right:16px;box-shadow:0 30px 80px #00000073}.custom-head{justify-content:space-between;align-items:center;display:flex}.custom-head h2{margin:0;font-size:18px;font-weight:800}.custom-close{border:1px solid var(--line);color:var(--ink-dim);font:600 13px var(--font);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px}.custom-label{color:var(--ink-dim);margin:16px 0 8px;font-size:13px}.custom-row{flex-wrap:wrap;gap:8px;display:flex}.custom-type{border:1px solid var(--line);color:var(--ink-dim);font:700 14px var(--font);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:10px 0}.custom-type.on{border-color:var(--cyan);color:var(--ink);background:#5ef2ff24}.custom-swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:34px;height:34px}.custom-swatch.on{border-color:#fff;box-shadow:0 0 0 3px #5ef2ff8c}#joystick{left:max(22px, env(safe-area-inset-left));bottom:max(26px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#5ef2ff1f,#0e123473);border:2px solid #5ef2ff73;border-radius:50%;width:132px;height:132px;position:fixed}#joystick[hidden]{display:none}#joystick.on{border-color:#5ef2ffd9}.joy-knob{background:linear-gradient(140deg, var(--cyan), var(--pink));pointer-events:none;border-radius:50%;width:38%;height:38%;position:absolute;top:31%;left:31%;box-shadow:0 0 18px #5ef2ffb3}.bubble{color:#141736;max-width:220px;font:600 13px/1.4 var(--font);overflow-wrap:anywhere;background:#f3f5fff2;border-radius:14px 14px 14px 4px;padding:7px 12px;box-shadow:0 6px 18px #00000059,0 0 14px #5ef2ff59}#chat{left:16px;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed}#chat[hidden],#emotes[hidden]{display:none}.chat-log{scrollbar-width:none;flex-direction:column;gap:4px;max-height:190px;display:flex;overflow-y:auto}.chat-log.full{-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.chat-log p{color:var(--ink);overflow-wrap:anywhere;background:#0e12349e;border-radius:12px;align-self:flex-start;margin:0;padding:5px 11px;font-size:13px;line-height:1.45}.chat-log b{color:var(--pink);margin-right:7px;font-weight:700}.chat-log .mine b{color:var(--cyan)}.chat-form{pointer-events:auto;gap:6px;display:flex}.chat-form input{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);min-width:0;color:var(--ink);font:500 14px var(--font);border-radius:14px;outline:none;flex:1;padding:11px 14px}.chat-form input::placeholder{color:var(--ink-dim)}.chat-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5ef2ff2e}.chat-form button{background:linear-gradient(100deg, var(--cyan), #8f9bff 55%, var(--pink));color:#0b0f2b;font:800 13px var(--font);cursor:pointer;border:0;border-radius:14px;padding:0 16px}#emotes{right:16px;bottom:max(16px, env(safe-area-inset-bottom));gap:8px;display:flex;position:fixed}.emote{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);width:58px;height:58px;color:var(--ink);cursor:pointer;border-radius:18px;place-items:center;padding:0;transition:transform .12s,border-color .12s;display:grid}.emote:hover{border-color:var(--cyan);transform:translateY(-2px)}.emote:active{transform:scale(.94)}.emote span{margin-top:6px;font-size:22px;line-height:1}.emote small{font:600 10px var(--font);color:var(--ink-dim);margin-bottom:5px}body.touch #joystick{width:104px;height:104px;left:max(14px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom))}body.touch #chat{left:calc(max(14px, env(safe-area-inset-left)) + 114px);right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + var(--kb,0px));width:auto}body.touch .chat-log{max-height:92px;margin-right:54px}body.touch .chat-log p{padding:4px 9px;font-size:12px}body.touch .chat-form input{padding:10px 12px}body.touch .chat-form button{padding:0 11px}body.touch #emotes{right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 52px);flex-direction:column;gap:6px}body.touch .emote{border-radius:14px;width:44px;height:44px}body.touch .emote small{display:none}body.touch .emote span{margin:0;font-size:20px}body.touch #hint{top:calc(max(14px, env(safe-area-inset-top)) + 52px);bottom:auto}#fade{opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(120% 90% at 50% 0,#2a1f6e 0%,#120f3a 45%,#070a1f 100%);place-items:center;transition:opacity .45s,visibility 0s linear .45s;display:grid;position:fixed;inset:0;overflow:hidden}#fade.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s}.loading-glow{filter:blur(90px);opacity:.28;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.loading-glow.a{background:var(--cyan);animation:9s ease-in-out infinite alternate loading-drift;top:-18vmax;left:-22vmax}.loading-glow.b{background:var(--pink);animation:11s ease-in-out infinite alternate-reverse loading-drift;bottom:-22vmax;right:-24vmax}@keyframes loading-drift{to{transform:translate(9vmax,6vmax)scale(1.12)}}.loading-card{text-align:center;width:min(360px,82vw);position:relative}.loading-ring{width:74px;height:74px;margin:0 auto 22px;position:relative}.loading-ring i{border:3px solid #0000;border-radius:50%;position:absolute;inset:0}.loading-ring i:first-child{border-top-color:var(--cyan);border-right-color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan));animation:1.1s linear infinite loading-spin}.loading-ring i:last-child{border-bottom-color:var(--pink);border-left-color:var(--pink);filter:drop-shadow(0 0 8px var(--pink));animation:1.6s linear infinite reverse loading-spin;inset:11px}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-eyebrow{letter-spacing:.28em;color:var(--cyan);margin:0 0 6px;font-size:12px;font-weight:700}.loading-title{letter-spacing:.02em;background:linear-gradient(90deg, var(--cyan), #c9b8ff 50%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:800}.loading-place{color:var(--ink-dim);margin:10px 0 22px;font-size:15px}.loading-bar{background:#a0afff29;border-radius:6px;height:6px;position:relative;overflow:hidden}.loading-bar span{background:linear-gradient(90deg, var(--cyan), var(--pink));transform-origin:0;border-radius:6px;transition:transform .35s;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 12px #5ef2ffb3}.loading-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.5s ease-in-out infinite loading-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes loading-sheen{to{transform:translate(100%)}}.loading-step{color:var(--ink-dim);justify-content:space-between;margin:10px 2px 0;font-size:13px;display:flex}.loading-step b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.loading-tip{color:#a9b1e6cc;margin:26px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.loading-glow,.loading-ring i,.loading-bar:after{animation:none}}.hud-right{align-items:center;gap:8px;display:flex}.hud-button{pointer-events:auto;background:linear-gradient(100deg, var(--cyan), #8f9bff 55%, var(--pink));color:#0b0f2b;font:800 14px var(--font);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:10px 18px}@media (width<=640px){.hud-title span{display:none}}#door{white-space:nowrap;background:linear-gradient(100deg, var(--cyan), #8f9bff 55%, var(--pink));color:#0b0f2b;font:800 16px var(--font);cursor:pointer;border:0;border-radius:999px;padding:15px 30px;animation:.18s ease-out door-in;position:fixed;top:62%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #5ef2ff59}#door[hidden],#shooting[hidden],#crosshair[hidden]{display:none}#door kbd{font:800 12px var(--font);background:#0b0f2b2e;border-radius:6px;margin-left:6px;padding:2px 7px}@keyframes door-in{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}body.touch #door kbd,body.minigame #chat,body.minigame #emotes,body.minigame #joystick,body.minigame #help,body.minigame #open-custom,body.minigame #custom{display:none}#shooting{pointer-events:none;position:fixed;inset:0}#shooting [hidden]{display:none}.sh-top{top:calc(max(14px, env(safe-area-inset-top)) + 54px);align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sh-score,.sh-timer{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)}.sh-score{text-align:center;border-radius:16px;min-width:104px;padding:8px 16px}.sh-score small{color:var(--pink);font-size:12px;font-weight:700;display:block}.sh-score.mine small{color:var(--cyan)}.sh-score b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.sh-timer{text-align:center;font-variant-numeric:tabular-nums;border-radius:50px;min-width:76px;padding:12px 0;font-size:26px;font-weight:800}.sh-timer.hurry{color:#ff8a8a;border-color:#ff8a8a}.sh-count{color:#fff;text-shadow:0 0 40px var(--cyan), 0 0 90px var(--pink);font-size:140px;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.sh-quit{right:16px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--glass);color:var(--ink-dim);font:700 13px var(--font);pointer-events:auto;cursor:pointer;border-radius:999px;padding:10px 18px;position:absolute}.sh-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(160deg,#282e6ee0,#101236f0);border-radius:24px;width:min(400px,100vw - 32px);max-height:calc(100vh - 110px);padding:26px 24px 20px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #00000080}.sh-card h2{margin:0 0 6px;font-size:28px;font-weight:800}.sh-card.result h2{color:var(--cyan)}.sh-summary{color:var(--ink-dim);margin:0 0 16px;font-size:14px;line-height:1.5}.sh-players{gap:6px;margin-bottom:16px;display:grid}.sh-player{border:1px solid var(--line);background:#080a2280;border-radius:12px;justify-content:space-between;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.sh-player.mine{border-color:#5ef2ff99}.sh-player b{color:var(--ink-dim)}.sh-buttons{gap:8px;margin-bottom:20px;display:flex}.sh-start,.sh-exit{font:800 16px var(--font);cursor:pointer;border-radius:14px;padding:14px}.sh-start{background:linear-gradient(100deg, var(--cyan), #8f9bff 55%, var(--pink));color:#0b0f2b;border:0;flex:1}.sh-exit{border:1px solid var(--line);color:var(--ink-dim);background:0 0;font-size:14px}.sh-card h3{letter-spacing:.08em;color:var(--ink-dim);margin:0 0 8px;font-size:13px;font-weight:700}.sh-rank{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sh-rank li{background:#080a2266;border-radius:10px;align-items:center;gap:10px;padding:7px 12px;font-size:14px;display:flex}.sh-rank li.mine{background:#5ef2ff24}.sh-rank li.empty{color:var(--ink-dim)}.sh-rank i{width:20px;color:var(--pink);text-align:center;font-style:normal;font-weight:800}.sh-rank li:nth-child(-n+3) i{color:#ffd23e}.sh-rank span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sh-rank b{font-variant-numeric:tabular-nums}.sh-best{color:var(--cyan);text-align:center;margin:12px 0 0;font-size:13px;font-weight:700}#crosshair{border:2px solid var(--cyan);width:34px;height:34px;box-shadow:0 0 12px var(--cyan);pointer-events:none;border-radius:50%;position:fixed;top:-17px;left:-17px}#crosshair:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#crosshair.on{border-color:#ffd23e;box-shadow:0 0 16px #ffd23e,inset 0 0 8px #ffd23e99}#crosshair.on:after{background:#ffd23e;width:6px;height:6px;margin:-3px}#crosshair.fire{animation:.16s ease-out fire}@keyframes fire{0%{box-shadow:0 0 0 0 #fff, 0 0 26px var(--pink);border-color:#fff}to{box-shadow:0 0 12px var(--cyan)}}.score-pop{color:var(--pink);font:800 26px var(--font);text-shadow:0 0 14px}.score-pop.mine{color:var(--cyan)}.score-pop.combo{color:#ffd23e;font-size:32px}.hud-button[hidden],#hud [hidden]{display:none!important}.hud-button.ghost{border:1px solid var(--line);background:var(--glass);color:var(--ink);-webkit-backdrop-filter:blur(14px)}#music,#sfx,#sound,#open-custom{align-items:center;gap:6px;padding-left:13px;transition:opacity .2s,color .2s;display:inline-flex}#music .hud-icon,#sfx .hud-icon,#sound .hud-icon{width:19px;height:19px;color:var(--cyan);flex:none}#open-custom .hud-icon{flex:none;width:18px;height:18px}#music.off,#sfx.off,#sound.off{opacity:.62}#music.off .hud-icon,#sfx.off .hud-icon,#sound.off .hud-icon{color:var(--ink)}.hud-count small{font-size:inherit}#video-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}#video-layer iframe{border:0;display:block}@media (width<=640px){#hud{gap:6px;left:10px;right:10px}.hud-right{gap:6px}.hud-title{gap:6px;padding:8px 12px;font-size:13px}.hud-badge{display:none}.hud-count{gap:6px;padding:8px 10px;font-size:12px}.hud-count small{display:none}.hud-button{padding:9px 12px;font-size:12px}#music span,#sfx span,#sound span,#open-custom span{display:none}#music,#sfx,#sound,#open-custom{justify-content:center;width:36px;height:36px;padding:0}#emotes{right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 52px);flex-direction:column;gap:6px}.emote{border-radius:14px;width:44px;height:44px}.emote small{display:none}.emote span{margin:0;font-size:20px}.chat-log{margin-right:54px}}#barista{color:#3a2a1c;font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#cfe6fb,#f4e8d2 58%,#e9d6b6);position:fixed;inset:0;overflow:hidden}#barista[hidden],#barista [hidden]{display:none}.b3-back{filter:blur(2.5px)saturate(1.05);background-position:50% 70%;background-size:cover;position:absolute;inset:-8px}.b3-stage{position:absolute;inset:0}.b3-stage canvas{width:100%;height:100%;display:block}.b3-quit{top:max(12px, env(safe-area-inset-top));color:#5a3418;width:40px;height:40px;font:800 16px var(--font);cursor:pointer;z-index:4;background:#fff8ea;border:1px solid #8a5a3a38;border-radius:50%;position:absolute;right:12px;box-shadow:0 5px 12px #3c1e0a33}#swing{z-index:30;color:#3a2a1c;font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:manipulation;position:fixed;inset:0}#swing[hidden],#swing [hidden]{display:none}.sw-pad{position:absolute;inset:0}.sw-action{left:50%;bottom:max(52px, calc(env(safe-area-inset-bottom) + 40px));cursor:pointer;width:132px;height:132px;font-family:var(--font);z-index:3;color:#3a2410;background:radial-gradient(circle at 50% 35%,#fff4cf,#ffd36e 55%,#e8a33a);border:0;border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 3px #fffc,inset 0 -6px #a0641459,0 8px #a8742c,0 10px #7a4f1a,0 18px 26px #28140566}.sw-action i{font-size:40px;font-style:normal;font-weight:800;line-height:1}.sw-action b{letter-spacing:.02em;font-size:19px;font-weight:800}.sw-action[data-kind=jump2]{color:#08323a;background:radial-gradient(circle at 50% 35%,#e6fdff,#7ff3ff 55%,#2bbfd6);box-shadow:inset 0 3px #ffffffd9,inset 0 -6px #0a5a6e59,0 8px #1d8aa0,0 10px #135f70,0 18px 26px #051e2873}.sw-action:before,.sw-action:after{content:"";pointer-events:none;border:4px solid #ffffffe6;border-radius:50%;animation:1.3s ease-out infinite sw-ripple;position:absolute;inset:-6px}.sw-action:after{animation-delay:.65s}.sw-action[data-kind=jump2],.sw-action[data-kind=jump3]{animation:.6s ease-in-out infinite alternate sw-bob}.sw-action.teach{animation:.32s ease-in-out infinite alternate sw-throb}.sw-action.hit{animation:.18s ease-out sw-hit}@keyframes sw-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes sw-bob{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-8px)}}@keyframes sw-throb{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.22)}}@keyframes sw-hit{0%{transform:translate(-50%)translateY(7px)scale(.94)}to{transform:translate(-50%)}}.sw-hint{left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;white-space:nowrap;background:#28160873;border-radius:999px;margin:0;padding:7px 14px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}.bx-veil{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);z-index:6;perspective:1100px;background:radial-gradient(at 50% 40%,#1e120859,#140a04b3);place-items:center;padding:70px 0 30px;display:grid;position:absolute;inset:0;overflow-y:auto}.bx-count{color:#fff6e0;text-shadow:0 4px #b8762a,0 8px #7a4a1c,0 14px 34px #1e0f05b3;z-index:6;pointer-events:none;font-size:150px;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.ba-card{box-sizing:border-box;color:#3a2a1c;transform-origin:50% 0;background:linear-gradient(#fffaf0,#fbeed6);border:3px solid #e7bd6e;border-radius:28px;width:min(380px,100vw - 28px);padding:64px 22px 20px;animation:.55s cubic-bezier(.2,1.3,.4,1) both ba-drop;position:relative;box-shadow:inset 0 0 0 2px #fff7e6,inset 0 -14px 24px #b8762a1f,0 3px #d9a856,0 9px #b8823a,0 13px #8a5a2e,0 16px #5f3c1c,0 40px 70px #14080099}@keyframes ba-drop{0%{opacity:0;transform:translateY(-60px)rotateX(38deg)}to{opacity:1;transform:none}}.ba-head{background:repeating-linear-gradient(92deg,#0000001a 0 2px,#0000 2px 9px),linear-gradient(#6b4229,#4a2c1b 60%,#3a2114);border:3px solid #e7bd6e;border-radius:20px;place-items:center;height:76px;display:grid;position:absolute;top:-26px;left:-14px;right:-14px;box-shadow:inset 0 2px #ffdca059,inset 0 -6px 10px #00000059,0 4px #b8823a,0 8px #6b4520,0 16px 22px #14080073}.ba-head:before,.ba-head:after{content:"";background:radial-gradient(circle at 35% 30%,#fff1c4,#e0b060 45%,#8a5a1e);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;box-shadow:0 2px 2px #00000080}.ba-head:before{left:14px}.ba-head:after{right:14px}.ba-head h2{letter-spacing:.04em;color:#ffe2a6;text-shadow:0 2px #2a1608,0 0 16px #ffb048b3;margin:12px 0 0;font-size:27px;font-weight:800}.ba-card.result .ba-head h2{color:#fff3d6;font-size:36px}.ba-emblem{background:radial-gradient(circle at 35% 28%,#fffdf6,#fbeed6 55%,#e8cf9c);border:5px solid #e0b060;border-radius:50%;place-items:center;width:58px;height:58px;margin-left:-29px;font-size:28px;display:grid;position:absolute;top:-34px;left:50%;box-shadow:inset 0 3px 6px #8a5a1e59,0 0 0 2px #8a5a1e,0 5px #6b4520,0 10px 14px #14080080}.ba-card h3{letter-spacing:.12em;color:#b07a3c;align-items:center;gap:10px;margin:0 0 8px;font-size:13px;font-weight:800;display:flex}.ba-card h3:before,.ba-card h3:after{content:"";background:linear-gradient(90deg,#0000,#e0b060);border-radius:1px;flex:1;height:2px}.ba-card h3:after{transform:scaleX(-1)}.ba-summary{color:#5a4632;background:#f6e7ca;border-radius:14px;margin:0 0 16px;padding:12px 14px;font-size:14.5px;line-height:1.55;box-shadow:inset 0 2px 5px #8a5a1e47,0 1px #fff}.ba-buttons{gap:10px;margin-bottom:20px;display:flex}.ba-start,.ba-exit{font:800 18px var(--font);cursor:pointer;border:0;border-radius:16px;padding:14px;transition:transform 60ms,box-shadow 60ms}.ba-start{color:#4a2c10;text-shadow:0 1px #fff9;background:linear-gradient(#ffe29a,#f3bf5e 55%,#e0a040);flex:1;box-shadow:inset 0 2px #ffffffb3,inset 0 -3px #a0641459,0 6px #a8742c,0 7px #7a4f1a,0 14px 18px #3c1e0a59}.ba-exit{color:#5a3418;background:linear-gradient(#fff,#efe3cf);font-size:15px;box-shadow:inset 0 2px #fff,0 6px #c9b594,0 7px #a08a68,0 14px 18px #3c1e0a40}.ba-start:active,.ba-exit:active{transform:translateY(5px);box-shadow:inset 0 2px #ffffff80,0 1px #7a4f1a,0 4px 8px #3c1e0a4d}.ba-card .sh-rank{gap:6px}.ba-card .sh-rank li{color:#3a2a1c;background:linear-gradient(#f8ead0,#f1dfbd);border-radius:12px;padding:7px 12px 7px 8px;box-shadow:inset 0 1px #fff,0 2px #d9c095,0 4px 6px #5a320a26}.ba-card .sh-rank li.mine{background:linear-gradient(#ffe7a8,#ffd070);box-shadow:inset 0 1px #fff6d8,0 2px #d9a03a,0 4px 8px #a0640a4d}.ba-card .sh-rank li.empty{color:#8a7458;padding-left:12px}.ba-card .sh-rank i{color:#fff;text-shadow:0 1px #0000004d;background:radial-gradient(circle at 35% 30%,#d8c4a4,#a08a68);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid;box-shadow:inset 0 -2px #0000002e,0 1px 2px #0000004d}.ba-card .sh-rank li:first-child i{color:#fff;background:radial-gradient(circle at 35% 30%,#fff1a8,#f0b429 55%,#b8791a)}.ba-card .sh-rank li:nth-child(2) i{color:#fff;background:radial-gradient(circle at 35% 30%,#fff,#c3cad4 55%,#8a94a3)}.ba-card .sh-rank li:nth-child(3) i{color:#fff;background:radial-gradient(circle at 35% 30%,#ffd9b0,#d98a4a 55%,#9a5622)}.ba-card .sh-best{color:#b8762a}