.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}}.netplay-room--left-controls{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:224px minmax(0,1fr);padding:8px}.netplay-room--left-controls.netplay-room--controls-closed{grid-template-columns:144px minmax(0,1fr)}.netplay-room--left-controls .netplay-sidebar{background:#18151e;border:1px solid #48404e;border-radius:10px;box-sizing:border-box;max-height:calc(100dvh - 90px);min-width:0;overflow:auto;overscroll-behavior:contain;padding:8px}.netplay-room--left-controls .netplay-mobile-toolbar{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 8px}.netplay-room--left-controls .netplay-mobile-toolbar strong{font-size:12px;grid-column:1/-1;margin:0 0 2px}.netplay-room--left-controls .netplay-game-actions>label,.netplay-room--left-controls button,.netplay-room--left-controls select{font-size:12px;line-height:1.3;min-height:32px;padding:5px 7px!important}.netplay-room--left-controls.netplay-room--controls-closed .netplay-mobile-toolbar{grid-template-columns:minmax(0,1fr)}.netplay-room--left-controls .netplay-settings{background:#0000;border:0;border-radius:0;display:none;padding:0;position:static}.netplay-room--left-controls .netplay-settings--open{display:block}.netplay-room--left-controls .netplay-settings-close{display:none}.netplay-room--left-controls .netplay-settings h2{font-size:14px!important;margin:8px 0!important}.netplay-room--left-controls .netplay-settings>div{font-size:11px}.netplay-room--left-controls .netplay-game-actions,.netplay-room--left-controls .netplay-screen-options,.netplay-room--left-controls .netplay-seat-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr);margin:10px 0;min-width:0}.netplay-room--left-controls .netplay-game-actions>*,.netplay-room--left-controls .netplay-screen-options>*,.netplay-room--left-controls .netplay-seat-options>*{box-sizing:border-box;min-width:0;width:100%}.netplay-room--left-controls .netplay-game-actions select,.netplay-room--left-controls .netplay-screen-options select,.netplay-room--left-controls .netplay-seat-options select{display:block;margin-top:4px;width:100%}.netplay-room--left-controls .netplay-game-actions>label{position:relative}.netplay-room--left-controls .netplay-file-input{height:1px;opacity:0;padding:0;position:absolute;width:1px}.netplay-room--left-controls label:focus-within{outline:2px solid #ffd483;outline-offset:2px}.netplay-room--left-controls .netplay-screen-options{border:1px solid #48404e;border-radius:7px;padding:8px}.netplay-room--left-controls .netplay-screen-options legend{color:#d5c8df;font-size:12px;padding:0 4px}.netplay-room--left-controls .netplay-live-options{border-block:1px solid #48404e;padding:8px 0}.netplay-room--left-controls .netplay-live-options nav{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.netplay-room--left-controls .netplay-live-options a{color:#c8922a;font-size:12px}.netplay-room--left-controls .netplay-live-options button{background:#26232c;border:1px solid #555;border-radius:7px;color:#fff;cursor:pointer;width:100%}.netplay-room--left-controls .netplay-named-saves{margin:10px 0;padding:8px}.netplay-room--left-controls .netplay-named-saves h3{font-size:13px}.netplay-room--left-controls .netplay-named-saves input{font-size:13px;padding:7px;width:100%}.netplay-room--left-controls .netplay-content{min-height:0;min-width:0}.netplay-room--left-controls .netplay-screen{container-type:size;height:clamp(230px,calc(100dvh - 185px),860px)}.netplay-room--left-controls .netplay-display{--netplay-screen-cap:100000px;max-width:min(100%,var(--netplay-screen-cap),calc((100dvh - 185px)*var(--netplay-aspect)))}.netplay-room--left-controls[data-screen-size=small] .netplay-display{--netplay-screen-cap:360px}.netplay-room--left-controls[data-screen-size=medium] .netplay-display{--netplay-screen-cap:640px}@supports (width:1cqh){.netplay-room--left-controls .netplay-display{max-width:min(100%,var(--netplay-screen-cap),calc(100cqh*var(--netplay-aspect)))}}.netplay-room--left-controls .netplay-controls{display:none}.netplay-room--left-controls .netplay-screen-notice{color:#d9d2bb;font-size:12px;margin:6px 0}.netplay-room--left-controls a:focus-visible,.netplay-room--left-controls button:focus-visible,.netplay-room--left-controls select:focus-visible{outline:2px solid #ffd483;outline-offset:2px}.netplay-room--left-controls.netplay-room--play{align-items:stretch;gap:8px;grid-template-columns:144px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.netplay-room--left-controls.netplay-room--play .netplay-sidebar{max-height:100%}.netplay-room--left-controls.netplay-room--play .netplay-mobile-toolbar{grid-column:auto;grid-row:auto}.netplay-room--left-controls.netplay-room--play .netplay-content{display:flex;flex-direction:column;overflow:hidden}.netplay-room--left-controls.netplay-room--play .netplay-screen{flex:1 1;grid-column:auto;grid-row:auto;height:auto;min-height:0;touch-action:auto}.netplay-room--left-controls.netplay-room--play .netplay-status{grid-column:auto;grid-row:auto}.netplay-room--left-controls.netplay-room--play .netplay-alert{flex:0 0 auto;position:static}.netplay-room--left-controls.netplay-room--play .netplay-settings--open{background:#18151e;border:1px solid #776582;border-radius:12px;bottom:max(8px,env(safe-area-inset-bottom));display:block;left:max(8px,env(safe-area-inset-left));overflow:auto;padding:12px;position:fixed;right:auto;top:max(8px,env(safe-area-inset-top));touch-action:pan-y;width:min(310px,calc(100vw - 20px));z-index:10004}.netplay-room--left-controls.netplay-room--play .netplay-settings-close{display:block}.netplay-room--left-controls[data-mobile-play=true] .netplay-controls{display:grid;flex:0 0 auto}.netplay-room--left-controls .netplay-controls button{font-size:18px;min-height:44px;padding:0!important}.netplay-room--left-controls .netplay-controls .netplay-direction{font-size:24px}.netplay-room--left-controls .netplay-controls .netplay-system-buttons button{font-size:13px}@media (max-width:600px),(max-width:950px) and (pointer:coarse){.netplay-room--left-controls,.netplay-room--left-controls.netplay-room--controls-closed{display:flex;flex-direction:column;gap:6px}.netplay-room--left-controls .netplay-sidebar{max-height:none;overflow:visible;padding:6px;width:100%}.netplay-room--left-controls .netplay-content{width:100%}.netplay-room--left-controls .netplay-mobile-toolbar,.netplay-room--left-controls.netplay-room--controls-closed .netplay-mobile-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0}.netplay-room--left-controls .netplay-mobile-toolbar strong{flex-basis:100%}.netplay-room--left-controls .netplay-game-actions>label,.netplay-room--left-controls button,.netplay-room--left-controls select{min-height:44px;min-width:44px}.netplay-room--left-controls .netplay-settings input,.netplay-room--left-controls .netplay-settings select{font-size:16px}.netplay-room--left-controls .netplay-settings--open,.netplay-room--left-controls:not(.netplay-room--play) .netplay-settings--open{background:#18151e;border:1px solid #776582;border-radius:12px;inset:auto;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));overflow:auto;padding:12px;position:fixed;top:max(8px,env(safe-area-inset-top));touch-action:pan-y;width:min(310px,calc(100vw - 20px));z-index:10004}.netplay-room--left-controls .netplay-settings-close{display:block;min-height:44px}.netplay-room--left-controls .netplay-screen{height:min(60dvh,460px)}.netplay-room--left-controls .netplay-controls{display:grid}.netplay-room--left-controls.netplay-room--play{display:flex;flex-direction:column}.netplay-room--left-controls.netplay-room--play .netplay-sidebar{flex:0 0 auto;max-height:none}.netplay-room--left-controls.netplay-room--play .netplay-content{flex:1 1}.netplay-room--left-controls.netplay-room--play .netplay-controls{display:grid;grid-row:auto;padding-top:4px}.netplay-room--left-controls.netplay-room--play .netplay-action-side,.netplay-room--left-controls.netplay-room--play .netplay-dpad,.netplay-room--left-controls.netplay-room--play .netplay-system-buttons{grid-area:auto}.netplay-room--left-controls.netplay-room--play .netplay-system-buttons{grid-column:1/-1}}@media (orientation:landscape) and (min-width:600px) and (max-width:950px) and (pointer:coarse){.netplay-room--left-controls.netplay-room--play .netplay-content:has(>.netplay-controls){grid-column-gap:6px;column-gap:6px;display:grid;grid-template-columns:140px minmax(0,1fr) 162px;grid-template-rows:auto minmax(0,1fr) 44px}.netplay-room--left-controls.netplay-room--play .netplay-alert,.netplay-room--left-controls.netplay-room--play .netplay-screen-notice,.netplay-room--left-controls.netplay-room--play .netplay-status{grid-column:1/-1}.netplay-room--left-controls.netplay-room--play .netplay-screen{grid-area:2/2}.netplay-room--left-controls.netplay-room--play .netplay-controls{display:contents}.netplay-room--left-controls.netplay-room--play .netplay-dpad{align-self:center;grid-area:2/1;height:140px;width:140px}.netplay-room--left-controls.netplay-room--play .netplay-action-side{align-self:center;grid-area:2/3;width:162px}.netplay-room--left-controls.netplay-room--play .netplay-face--six{gap:4px;grid-template-columns:repeat(3,48px)}.netplay-room--left-controls.netplay-room--play .netplay-system-buttons{grid-area:3/2}}