body.pachinko-active{overflow:hidden!important;overscroll-behavior:none}
body.pachinko-active .rotate-device{display:none!important}
body.pachinko-active #pachinkoPanel{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:48px minmax(0,1fr);gap:0;width:100%;height:100dvh;min-height:0!important;margin:0;padding:0!important;border:0;border-radius:0;background:radial-gradient(ellipse at center,#22204a,#070a20 78%);overflow:hidden;box-sizing:border-box}
#pachinkoPanel[hidden]{display:none!important}
.pachinko-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:6;padding:5px 50px 5px 8px;border-bottom:1px solid #dbc07b42;background:#11142c}
#pachinkoPanel .pachinko-toolbar button,#pachinkoPanel .pachinko-toolbar input{height:36px;min-height:36px;border:1px solid #c6a96d7a;border-radius:9px;background:#242344;color:#fff1c6;padding:0 12px;font-size:13px;max-width:140px;min-width:0;box-sizing:border-box}
#pachinkoPanel .pachinko-toolbar input{width:110px}
#pachinkoPanel .pachinko-toolbar button:disabled{opacity:.5}
#pachinkoPanel .exit-game{position:absolute;right:8px;top:6px;z-index:8;width:34px;height:34px;color:#f8e1b2;background:#292141;border:1px solid #b39762}
.pachinko-canvas{position:relative;min-height:0;height:100%;width:100%;overflow:hidden;touch-action:none}
.pachinko-canvas canvas{display:block;touch-action:none}
.pachinko-lobby{position:absolute;z-index:10;top:100px;left:50%;transform:translateX(-50%);width:min(90%,560px);max-height:65vh;overflow:auto;padding:18px;border-radius:22px;border:1px solid #c6a360;background:#101329ed;color:#ffe7ae;box-sizing:border-box}
.pachinko-lobby h2{font-size:25px!important;margin:0 0 18px!important;text-align:center;letter-spacing:2px}
.pachinko-lobby article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff15;font-size:15px}
.pachinko-lobby article button{background:#79551f;color:#fff4d3;border:1px solid #dbb568;border-radius:8px;padding:9px 17px;min-height:36px}
.pachinko-lobby article button:disabled{opacity:.4}
.pachinko-lobby p{font-size:14px;text-align:center;color:#aebada}
.pachinko-connection{position:absolute;z-index:20;top:60px;left:50%;transform:translateX(-50%);padding:7px 18px;border-radius:20px;background:#792b43;color:white;font-size:13px}
@media(max-width:450px){.pachinko-toolbar{gap:5px}.pachinko-toolbar button{padding:0 8px!important;font-size:11px!important}.pachinko-lobby{padding:14px}.pachinko-toolbar input{width:90px!important}}
@media(prefers-reduced-motion:reduce){#pachinkoPanel *{scroll-behavior:auto}}