.start-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:#0403098c;pointer-events:auto;touch-action:none;animation:sl-in .12s ease-out;--sl: #5fe3ff}.start-loader.is-room{top:calc(64px + var(--sa-top, 0px))}.start-loader[data-game=pinball]{--sl: #ff8a3d}.start-loader[data-game=hockey]{--sl: #5fe3ff}.start-loader[data-game=snake]{--sl: #39ff6a}.start-loader[data-game=claw]{--sl: #ff3fa4}.start-loader[data-game=hoops]{--sl: #ffb347}.start-loader[data-game=darts]{--sl: #ff4d8d}.sl-card{display:grid;justify-items:center;gap:12px;width:min(300px,100%);padding:18px 18px 16px;border-radius:16px;background:#0a0814eb;border:1px solid color-mix(in srgb,var(--sl) 45%,transparent);box-shadow:0 0 30px -12px var(--sl);color:var(--sl)}.sl-art{width:180px;max-width:100%;height:auto;overflow:hidden}.sl-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sl-fill{fill:#fff}.sl-dim{opacity:.4}.sl-text{display:flex;align-items:center;gap:8px;margin:0;font:600 calc(14px * var(--text-scale, 1)) / 1.3 system-ui,sans-serif;color:#e8f4ff;text-align:center}.sl-mark{font:calc(16px * var(--text-scale, 1)) "Nano Mark",system-ui,sans-serif;color:var(--sl)}.sl-roll{transform:translate(98px);animation:sl-roll 1.4s cubic-bezier(.3,0,.3,1) infinite}.sl-slide{transform:translate(60px);animation:sl-slide 1.3s cubic-bezier(.2,.7,.2,1) infinite}.sl-grow{stroke-dasharray:100;stroke-dashoffset:0;animation:sl-grow 1.6s linear infinite}.sl-blink{animation:sl-blink .8s steps(2,jump-none) infinite}.sl-prong-l{transform-origin:60px 22px;transform:rotate(18deg);animation:sl-open-l 1.2s ease-in-out infinite alternate}.sl-prong-r{transform-origin:60px 22px;transform:rotate(-18deg);animation:sl-open-r 1.2s ease-in-out infinite alternate}.sl-arc{transform:translate(74px,44px);animation:sl-arc 1.3s linear infinite}.sl-fly{transform:translate(92px);animation:sl-fly 1.1s cubic-bezier(.3,0,.2,1) infinite}.sl-turn{transform-origin:60px 30px;animation:sl-turn 1s linear infinite}@keyframes sl-in{0%{opacity:0}to{opacity:1}}@keyframes sl-roll{0%{transform:translate(14px)}55%{transform:translate(98px)}75%{transform:translate(98px)}to{transform:translate(98px,-30px);opacity:0}}@keyframes sl-slide{0%{transform:translate(14px)}70%,to{transform:translate(60px)}}@keyframes sl-grow{0%{stroke-dashoffset:100}75%,to{stroke-dashoffset:0}}@keyframes sl-blink{0%{opacity:1}to{opacity:.25}}@keyframes sl-open-l{0%{transform:rotate(-4deg)}to{transform:rotate(18deg)}}@keyframes sl-open-r{0%{transform:rotate(4deg)}to{transform:rotate(-18deg)}}@keyframes sl-arc{0%{transform:translate(20px,40px)}45%{transform:translate(52px,6px)}70%{transform:translate(74px,26px)}to{transform:translate(74px,50px)}}@keyframes sl-fly{0%{transform:translate(0)}60%,to{transform:translate(92px)}}@keyframes sl-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.start-loader,.start-loader *{animation:none!important}}@media (max-width: 640px){.start-loader.is-room{place-items:start center;padding-top:20px}}.start-loader .sl-leave{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));height:44px;white-space:nowrap;background-color:#0c0a18eb}body:has(.sl-leave) :is(.room-step-back,.room-claw-back,.dt-room-back){visibility:hidden}.build-notice{position:fixed;left:50%;transform:translate(-50%);z-index:95;display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);padding:6px 6px 6px 16px;border-radius:22px;background:#151a2c;color:#eef2ff;border:1px solid rgb(74 141 255 / .45);box-shadow:0 10px 30px -12px #000c;font-family:Inter,system-ui,sans-serif;font-size:calc(14px * var(--text-scale, 1));line-height:1.3;pointer-events:auto}.build-notice.is-page{bottom:calc(16px + env(safe-area-inset-bottom,0px))}@media (max-width: 640px){.build-notice.is-page{top:0;bottom:auto;left:0;width:100%;max-width:none;transform:none;box-sizing:border-box;border-radius:0;padding:calc(4px + env(safe-area-inset-top,0px)) 8px 4px 12px}.build-notice.is-page>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-build-notice=page] .rush,body[data-build-notice=page] .flat-sheet{top:calc(52px + env(safe-area-inset-top,0px))}}.build-notice.is-room{top:calc(72px + env(safe-area-inset-top,0px))}.build-notice-go,.build-notice-x{flex:none;min-height:44px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:600}.build-notice-go{padding:0 18px;background:#4a8dff;color:#fff}.build-notice-x{min-width:44px;background:transparent;color:inherit;opacity:.75}html[data-game-guard],html[data-game-guard] body{overscroll-behavior:none;touch-action:pan-x pan-y}html[data-game-guard] body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html[data-game-guard] :is(img,a,canvas,svg){-webkit-touch-callout:none;-webkit-user-drag:none}html[data-game-guard] :is(input,textarea,[contenteditable]),html[data-game-guard] [data-selectable],html[data-game-guard] [data-selectable] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
