html.ferris-open,body.ferris-open{overflow:hidden!important;overscroll-behavior:none}
.ferris-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;box-sizing:border-box;z-index:180;display:grid;place-items:center;padding:18px;overflow:hidden;background:rgba(5,7,18,.72);backdrop-filter:blur(7px)}
.ferris-overlay.hidden{display:none!important}
.ferris-shell{width:min(540px,calc((100vh - 104px)*.5625),calc(100vw - 24px));border:1px solid rgba(101,223,255,.55);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#263b86 0,#17154f 45%,#090b25 100%);box-shadow:0 24px 90px rgba(0,0,0,.65),0 0 34px rgba(51,208,255,.25);color:#fff}
.ferris-shell header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(7,8,32,.55)}
.ferris-shell header strong{font-size:20px}.ferris-preparing{margin-left:10px;padding:4px 9px;border-radius:20px;background:#7257e8;color:#fff;font-size:11px;font-weight:800}
.ferris-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:27px;cursor:pointer}
.ferris-frame-wrap{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;background:#05050c}.ferris-frame{display:block;width:100%;height:100%;border:0;background:#05050c;touch-action:manipulation}
.ferris-frame-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:#05050c;z-index:2}
.ferris-frame-loading.hidden{display:none!important}
.ferris-placeholder{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}
.ferris-placeholder h3{margin:15px 0 6px;font-size:25px}.ferris-placeholder p{margin:0 0 18px;color:#bdc7e8}
.ferris-loader{width:54px;height:54px;border:4px solid rgba(255,255,255,.14);border-top-color:#42e8ff;border-radius:50%;animation:ferris-spin 1s linear infinite}
.ferris-connection{font-weight:800;color:#ffd86b}.ferris-connection[data-state=connected]{color:#64f1bd}
.ferris-snapshot{min-width:min(420px,100%);margin:14px 0;padding:14px;border-radius:12px;background:rgba(0,0,0,.3);color:#dce8ff;text-align:left;white-space:pre-wrap;line-height:1.65}
.ferris-retry{border:0;border-radius:12px;padding:10px 18px;background:linear-gradient(135deg,#32d9ff,#6377ff);color:#071128;font-weight:900;cursor:pointer}
.okey-lobby-tile.ferris-wheel-card{border-color:rgba(66,232,255,.55);background:linear-gradient(145deg,rgba(44,45,122,.9),rgba(19,21,70,.95))}
.okey-lobby-tile.ferris-wheel-card .status{display:inline-flex;width:max-content;margin-top:8px;padding:3px 8px;border-radius:20px;background:#7257e8;color:#fff;font-size:10px;font-weight:800}
@keyframes ferris-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.ferris-overlay{padding:6px}.ferris-shell{width:min(100%,calc((100dvh - 72px)*.5625));max-height:calc(100dvh - 12px);border-radius:16px}.ferris-shell header{min-height:48px;box-sizing:border-box;padding:8px 10px}.ferris-shell header strong{font-size:17px}.ferris-close{width:34px;height:34px}.ferris-placeholder{min-height:320px;padding:20px}.ferris-snapshot{font-size:12px}}