.netplay-room{background:#111;box-sizing:border-box;color:#eee;min-width:0;overflow-wrap:anywhere;padding:12px}.netplay-mobile-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.netplay-mobile-toolbar strong{font-size:13px;margin-right:auto;white-space:nowrap}.netplay-mobile-toolbar button{min-height:44px;touch-action:manipulation}.netplay-seat-hint{color:#d9d2bb;font-size:13px;margin:8px 0}.netplay-screen{background:#000;display:grid;min-height:0;min-width:0;place-items:center}.netplay-display{aspect-ratio:var(--netplay-aspect);max-width:min(100%,calc((100dvh - 260px)*var(--netplay-aspect)));width:100%}.netplay-controls{grid-gap:12px 16px;align-items:center;display:grid;gap:12px 16px;grid-template-columns:156px 180px;justify-content:center;padding:12px 0}.netplay-control,.netplay-controls{-webkit-touch-callout:none;touch-action:none;user-select:none;-webkit-user-select:none}.netplay-control{background:linear-gradient(#37303f,#211b29);border:1px solid #625b70;border-radius:14px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-height:44px;min-width:44px;padding:0}.netplay-control[aria-pressed=true]{background:#8c642b;border-color:#ffd483}.netplay-control:disabled{cursor:default;opacity:.45}.netplay-control:focus-visible{outline:2px solid #ffd483;outline-offset:2px}.netplay-dpad{grid-gap:2px;border-radius:22px;display:grid;gap:2px;grid-template:repeat(3,1fr) /repeat(3,1fr);height:156px;touch-action:none;width:156px}.netplay-direction{border-radius:10px;font-size:24px}.netplay-direction:nth-child(odd){color:#bcaecb;font-size:19px}.netplay-pad-center{color:#73667e!important}.netplay-action-side{width:180px}.netplay-shoulders{display:flex;gap:8px;margin-bottom:8px}.netplay-shoulders button{border-radius:12px;flex:1 1;min-height:44px}.netplay-face{grid-gap:5px;display:grid;gap:5px;justify-content:center}.netplay-face button{border-radius:50%}.netplay-face--diamond{grid-template:repeat(3,46px) /repeat(3,50px)}.netplay-face--diamond .netplay-face-X{grid-area:1/2}.netplay-face--diamond .netplay-face-Y{grid-area:2/1}.netplay-face--diamond .netplay-face-A{grid-area:2/3}.netplay-face--diamond .netplay-face-B{grid-area:3/2}.netplay-face--two{gap:10px;grid-template-columns:repeat(2,64px)}.netplay-face--two button{height:64px}.netplay-face--six{gap:6px;grid-auto-rows:52px;grid-template-columns:repeat(3,52px)}.netplay-system-buttons{display:flex;gap:14px;grid-column:1/-1;justify-content:center}.netplay-system-buttons button{border-radius:12px;font-size:13px;min-height:44px;min-width:76px}.netplay-settings-close{display:none}.netplay-named-saves{border:1px solid #625b70;border-radius:10px;margin:14px 0;min-width:0;padding:12px}.netplay-named-saves h3{font-size:15px;margin:0 0 8px}.netplay-named-saves p,.netplay-save-library-toolbar{color:#c6bfce;font-size:12px}.netplay-named-saves form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.netplay-named-saves input{border:1px solid #625b70;box-sizing:border-box;flex:1 1 140px;font:inherit;min-width:0;padding:10px}.netplay-named-saves button,.netplay-named-saves input{background:#26232c;border-radius:7px;color:#fff;max-width:100%}.netplay-named-saves button{border:1px solid #625b70;cursor:pointer;min-height:44px;padding:8px 12px;touch-action:manipulation}.netplay-named-saves button:disabled{cursor:default;opacity:.5}.netplay-named-saves button:focus-visible,.netplay-named-saves input:focus-visible{outline:2px solid #ffd483;outline-offset:2px}.netplay-save-library-toolbar,.netplay-save-slot-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.netplay-save-library-toolbar{justify-content:space-between}.netplay-named-saves [role=alert]{color:#f98;margin:8px 0}.netplay-named-saves [role=status]{font-size:12px}.netplay-named-saves ul{list-style:none;margin:0;padding:0}.netplay-named-saves li{border-top:1px solid #444;margin-top:10px;overflow-wrap:anywhere;padding-top:10px}.netplay-named-saves li>span,.netplay-named-saves time{color:#c6bfce;display:block;font-size:12px;margin-top:4px}.netplay-save-delete-confirm{background:#3b2525;border-radius:7px;font-size:12px;padding:8px}.netplay-room--play{grid-gap:4px;display:grid;gap:4px;grid-template-rows:auto auto minmax(0,1fr) auto;height:100vh;height:100dvh;inset:0;overflow:hidden;overscroll-behavior:none;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));position:fixed;touch-action:auto;width:100%;z-index:10000}.netplay-room--play .netplay-mobile-toolbar{flex-wrap:nowrap;gap:4px;grid-row:1;margin:0}.netplay-room--play .netplay-mobile-toolbar button{font-size:12px;padding:6px 8px!important}.netplay-room--play .netplay-mobile-toolbar strong{font-size:12px}.netplay-room--play .netplay-status{grid-row:2;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.netplay-room--play .netplay-screen{grid-row:3;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.netplay-room--play .netplay-display{max-width:min(100%,calc((100dvh - 352px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*var(--netplay-aspect)))}.netplay-room--play .netplay-controls{gap:8px 16px;grid-row:4;padding:4px 0 0}.netplay-room--play .netplay-footer,.netplay-room--play .netplay-reason,.netplay-room--play .netplay-seat-hint,.netplay-room--play .netplay-settings{display:none}.netplay-room--play .netplay-alert{background:#3b1717;left:12px;position:absolute;right:12px;top:58px;z-index:2}.netplay-room--play .netplay-seat-hint--spectator{display:block;grid-row:4}.netplay-room--play .netplay-settings--open{background:#18151e;border:1px solid #776582;border-radius:14px;display:block;inset:58px 10px max(10px,env(safe-area-inset-bottom));overflow:auto;padding:14px;position:absolute;touch-action:pan-y;z-index:4}.netplay-room--play .netplay-settings-close{display:block;margin-bottom:10px;min-height:44px}@media (max-width:600px),(max-width:950px) and (pointer:coarse){.netplay-room{padding:8px}.netplay-room:not(.netplay-room--play) .netplay-settings{display:none}.netplay-room:not(.netplay-room--play) .netplay-settings--open{background:#18151e;border:1px solid #776582;border-radius:14px;display:block;inset:max(12px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));overflow:auto;padding:14px;position:fixed;z-index:10004}.netplay-settings-close{display:block;margin-bottom:10px;min-height:44px}.netplay-footer{display:none}.netplay-display{max-width:100%}.netplay-room--play{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.netplay-room--play .netplay-display{max-width:min(100%,calc((100dvh - 352px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*var(--netplay-aspect)))}}@media (max-width:370px){.netplay-controls{gap:8px;grid-template-columns:140px 162px}.netplay-dpad{height:140px;width:140px}.netplay-action-side{width:162px}.netplay-face--diamond,.netplay-face--six{grid-template-columns:repeat(3,48px)}.netplay-face--six{gap:4px}}@media (orientation:landscape) and (min-width:600px){.netplay-room--play{column-gap:12px;grid-template-columns:156px minmax(0,1fr) 180px;grid-template-rows:44px 18px minmax(0,1fr) 44px}.netplay-room--play .netplay-mobile-toolbar,.netplay-room--play .netplay-status{grid-column:1/-1}.netplay-room--play .netplay-screen{grid-column:2}.netplay-room--play .netplay-display{max-width:min(100%,calc((100dvh - 124px - env(safe-area-inset-top) - env(safe-area-inset-bottom))*var(--netplay-aspect)))}.netplay-room--play .netplay-controls{display:contents}.netplay-room--play .netplay-dpad{align-self:center;grid-area:3/1}.netplay-room--play .netplay-action-side{align-self:center;grid-area:3/3}.netplay-room--play .netplay-system-buttons{grid-area:4/2}.netplay-room--play .netplay-seat-hint--spectator{grid-area:4/1/5/4}}
/*# sourceMappingURL=main.cd5906f3.css.map*/