@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.remote.remote-pending{opacity:0;pointer-events:none}.remote{position:fixed;bottom:16px;right:max(16px,calc(50% - 500px));width:136px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#111);border:2px solid #333;border-radius:16px 16px 24px 24px;padding:8px 10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 32px #000000b3,inset 0 1px #ffffff0d;z-index:1000;font-family:"Press Start 2P",monospace}.remote .remote-expand-hint{display:none;width:100%;padding:2px 0;color:#33ff3380;cursor:pointer}.remote .remote-expand-hint svg{display:block;width:100%;height:6px}.remote.collapsed .remote-expand-hint{display:block}.remote .remote-collapse-hint{display:none;width:100%;padding:2px 0;color:#33ff3380;cursor:pointer}.remote .remote-collapse-hint svg{display:block;width:100%;height:6px}.remote:not(.collapsed) .remote-collapse-hint{display:block}.remote .remote-body-wrap{overflow:hidden;max-height:520px;transition:max-height .25s ease-out}.remote.no-transition .remote-body-wrap{transition:none}.remote.collapsed .remote-body-wrap{max-height:0}.remote.user-positioned{right:auto;bottom:auto}.remote.dragging{cursor:grabbing}.remote .remote-drag-handle{width:100%;height:14px;cursor:grab;background:repeating-linear-gradient(to right,rgba(51,255,51,.35) 0,rgba(51,255,51,.35) 2px,transparent 2px,transparent 6px);border-radius:3px 3px 0 0;touch-action:none;flex-shrink:0}.remote .remote-drag-handle:active{cursor:grabbing}.remote .remote-lcd{background:#0a1a0a;border:1px solid #1a2a1a;border-radius:4px;padding:8px 6px 7px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000080;cursor:pointer}.remote .lcd-inner{overflow:hidden;width:100%;display:flex;align-items:center}.remote .lcd-text{display:inline-block;font-family:"Press Start 2P",monospace;font-size:7px;color:#3f3;text-shadow:0 0 6px rgba(51,255,51,.5);white-space:nowrap;letter-spacing:1px;line-height:1.3;margin:0}.remote .lcd-text:before{content:"[";opacity:.7;text-shadow:0 0 4px rgba(51,255,51,.5);margin-right:2px}.remote .lcd-text:after{content:"]";opacity:.7;text-shadow:0 0 4px rgba(51,255,51,.5);margin-left:2px}.remote .lcd-text.scrolling{animation:lcd-scroll linear infinite;animation-duration:var(--scroll-duration, 8s)}@keyframes lcd-scroll{0%{transform:translate(var(--scroll-start, 0px))}90%{transform:translate(calc(var(--scroll-start, 0px) + var(--scroll-distance, -100px)))}to{transform:translate(calc(var(--scroll-start, 0px) + var(--scroll-distance, -100px)))}}.remote .remote-body{display:flex;flex-direction:column;gap:6px}.remote .remote-row{display:flex;gap:4px}.remote .remote-row.center{justify-content:center}.remote .rbtn{display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:4px;background:linear-gradient(180deg,#2a2a2a,#1e1e1e);color:#fff6;font-family:"Press Start 2P",monospace;font-size:6px;cursor:pointer;transition:all .12s;text-decoration:none;white-space:nowrap;letter-spacing:.5px;line-height:1;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d;padding:0}.remote .rbtn:hover{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);color:#ffffffb3;border-color:#444}.remote .rbtn:active{transform:scale(.95);box-shadow:0 1px 2px #0000004d}.remote .power{width:100%;height:26px;border-radius:13px;background:linear-gradient(180deg,#c41e3a,#9b1528);border-color:#7a1020;color:#ffffffd9;font-size:7px;letter-spacing:3px;box-shadow:0 2px 4px #0000004d,0 0 8px #c41e3a33,inset 0 1px #ffffff26}.remote .power:hover{background:linear-gradient(180deg,#e02545,#c41e3a);color:#fff;box-shadow:0 2px 4px #0000004d,0 0 16px #c41e3a80}.remote .guide{width:100%;height:22px;font-size:8px;letter-spacing:2px;background:linear-gradient(180deg,#2a2a40,#1a1a30);border-color:#3a3a5a;color:#b4b4dc99}.remote .guide:hover{background:linear-gradient(180deg,#3a3a60,#2a2a50);color:#c8c8f0e6;border-color:#5a5a8a}.remote .numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 8px}.remote .num{height:22px;font-size:8px;color:#ffffff59;border-radius:3px}.remote .num:hover{color:#d4a017}.remote .vol-ch{display:flex;gap:8px;padding:2px 4px}.remote .vc-col{flex:1;display:flex;flex-direction:column;gap:2px}.remote .vc{height:22px;font-size:5px;gap:2px;border-radius:3px}.remote .vc-arrow{font-size:6px;line-height:1}.remote .mute{width:50px;height:20px;font-size:6px;letter-spacing:1px;border-radius:10px}.remote .mute.active{background:linear-gradient(180deg,#8b1528,#6b1020);border-color:#c41e3a;color:#fffc;box-shadow:0 0 8px #c41e3a4d}.remote .remote-divider{height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.06) 50%,transparent 90%);margin:2px 8px}.remote .game-nav{display:flex;gap:4px;align-items:center;padding:2px 4px}.remote .game-play{flex:3;height:28px;font-size:7px;letter-spacing:2px;gap:4px;border-radius:14px;background:linear-gradient(180deg,#2a4a2a,#1a3a1a);border-color:#2a5a2a;color:#3f39;box-shadow:0 2px 4px #0000004d,inset 0 1px #33ff330d}.remote .game-play:hover{background:linear-gradient(180deg,#3a6a3a,#2a5a2a);color:#3f3;border-color:#3a7a3a;box-shadow:0 2px 4px #0000004d,0 0 12px #3f33}.remote .game-skip{flex:1;height:24px;font-size:7px;border-radius:4px}.remote .util-row{display:flex;gap:3px;justify-content:center;padding:0 4px}.remote .util-row.bottom{margin-top:-2px}.remote .util{flex:1;height:20px;font-size:7px;border-radius:3px}.remote .util-sm{height:16px;font-size:5px;padding:0 8px;border-radius:2px;color:#fff3;letter-spacing:1px}.remote .util-sm:hover{color:#ffffff80}.remote .bsky-icon{width:11px;height:11px}.remote .util[title=Donate]{font-size:10px;font-family:Georgia,serif;color:#50c850b3}.remote .util[title=Donate]:hover{color:#50c850}.remote .util-sm[title="Submit an idea"]{color:#c41e3a66}.remote .util-sm[title="Submit an idea"]:hover{color:#c41e3acc}.remote .remote-quick-nav{display:none}@media(max-width:767px){body:before{content:"";display:block;height:44px;flex-shrink:0}.remote{position:fixed;inset:0 0 auto;width:100%;max-width:100vw;border-radius:0;padding:0;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:0;overflow:hidden;z-index:1001}.remote.user-positioned{inset:0 0 auto!important;width:100%!important}.remote .remote-drag-handle{display:none}.remote .remote-lcd{grid-column:1;grid-row:1;border-radius:0;border:none;border-right:1px solid #1a2a1a;padding:10px 12px;margin:0;min-width:0;overflow:hidden;display:flex;align-items:center}.remote .lcd-text{font-size:8px}.remote .remote-quick-nav{grid-column:2;grid-row:1;display:flex;gap:2px;padding:4px 6px;align-items:center}.remote .qn-btn{height:28px;padding:0 10px;font-size:7px;letter-spacing:1px;border-radius:4px;white-space:nowrap}.remote .qn-btn[title=Menu]{background:linear-gradient(180deg,#c41e3a,#9b1528);border-color:#7a1020;color:#ffffffd9}.remote .qn-btn[title=Guide]{background:linear-gradient(180deg,#2a2a40,#1a1a30);border-color:#3a3a5a;color:#b4b4dc99}.remote .qn-btn[title=Arcade]{background:linear-gradient(180deg,#2a4a2a,#1a3a1a);border-color:#2a5a2a;color:#3f39}.remote .remote-expand-hint,.remote .remote-collapse-hint{grid-column:3;grid-row:1;padding:10px 12px;cursor:pointer;align-self:center}.remote .remote-expand-hint svg,.remote .remote-collapse-hint svg{width:16px;height:8px}.remote .remote-body-wrap{grid-column:1 / -1;grid-row:2;border-top:1px solid #222;max-height:400px;transition:max-height .3s ease-out}.remote.collapsed .remote-body-wrap{max-height:0}.remote .remote-body{padding:6px 10px 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.remote .numpad,.remote .remote-body>.remote-row.center:first-child,.remote .remote-body>.remote-row.center:nth-child(2),.remote .game-play,.remote .remote-divider,.remote .vc-col:nth-child(1){display:none}.remote .game-nav,.remote .vol-ch,.remote .vc-col,.remote .remote-row.center{display:contents}.remote .vc-col:nth-child(2) .vc:nth-child(2){order:1}.remote .vc-col:nth-child(2) .vc:nth-child(1){order:2}.remote .game-skip[data-action=game-prev]{order:3}.remote .game-skip[data-action=game-next]{order:4}.remote .mute{order:5}.remote .util-row,.remote .util-row.bottom{display:contents}.remote .util,.remote .util-sm{order:6}.remote .vc{height:28px;font-size:6px}.remote .vc-arrow{font-size:8px;vertical-align:middle;position:relative;top:-2px}.remote .game-skip{height:28px;font-size:12px}.remote .mute{width:auto;height:28px;font-size:6px;border-radius:4px}.remote .util,.remote .util-sm{height:28px;font-size:7px}.remote .bsky-icon{width:14px;height:14px}.remote .util[title=Donate]{font-size:12px}.remote:not(.collapsed){border-radius:0 0 12px 12px}.remote:not(.collapsed):after{content:"";position:fixed;inset:0;background:#0006;z-index:-1;pointer-events:auto;cursor:default}}