*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;font-family:Arial,Helvetica,sans-serif;color:#eee}
.menu{position:absolute;left:6.25vw;top:10.6vh;width:430px;background:rgba(4,4,5,.96);border:1px solid #3c3c40;border-radius:10px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.5)}
.banner{height:155px;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.3)),url("assets/palaboy-banner.png") center/cover no-repeat,#080809;display:flex;align-items:center;justify-content:center}
.bannerText{font-size:38px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 12px #000;display:none}
.titlebar{height:42px;background:#0a0a0b;border-top:1px solid #505052;border-bottom:1px solid #2d2d2f;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:700;font-size:16px}
#counter{font-size:11px;font-weight:400;color:#8c8c91}.tabs{display:flex;gap:4px;padding:6px 7px;background:#09090a;border-bottom:1px solid #242426;overflow:hidden}.tabs.hidden{display:none}.tab{white-space:nowrap;padding:5px 7px;font-size:9px;font-weight:800;color:#8b8b90}.tab.active{background:#ededed;color:#0b0b0c}
.row{height:48px;display:flex;align-items:center;border-bottom:1px solid #1b1b1d;padding:0 14px 0 16px;font-size:13px;font-weight:700}.row.selected{margin:3px 5px;height:42px;padding-left:11px;background:#eee;color:#0a0a0b;border:0}.diamond{width:8px;height:8px;transform:rotate(45deg);background:currentColor;margin-right:13px;flex:none}.label{flex:1}.value{font-size:12px;margin-right:8px;opacity:.75}.arrow{font-size:22px;line-height:1}.divider{height:28px;padding:8px 14px 0;color:#777;font-size:9px;font-weight:800;letter-spacing:1px;border-bottom:1px solid #1b1b1d}.check{width:14px;height:14px;border:1px solid currentColor;margin-left:8px;display:grid;place-items:center;font-size:10px}.footer{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#080809;border-top:1px solid #343437;font-size:11px}.footer span{font-size:10px;color:#7d7d82}
.notify{position:absolute;right:30px;top:30px;min-width:240px;max-width:360px;display:none;background:rgba(8,8,9,.96);border-left:3px solid #eee;padding:12px 14px;font-size:12px;box-shadow:0 8px 25px #0008}.keyboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;background:#080809;border:1px solid #444;padding:16px}.keyboard.hidden,.binds.hidden{display:none}#keyboardTitle{font-weight:800;margin-bottom:10px}#keyboardValue{min-height:34px;background:#111;border:1px solid #333;padding:9px}.binds{position:absolute;right:30px;bottom:30px;background:#080809;border:1px solid #333;padding:12px;min-width:220px;font-size:11px}
@media(max-width:700px){.menu{left:20px;top:20px;width:min(430px,calc(100vw - 40px))}}
.tabs:before{content:"Q";font-size:8px;color:#777;align-self:center;margin-right:2px}
.tabs:after{content:"E";font-size:8px;color:#777;align-self:center;margin-left:auto}