#bolha-games{position:fixed;inset:5vh 5vw;z-index:80;background:#f0e7d6;color:#26343c;border:1px solid #aa9679;border-radius:16px;box-shadow:0 0 0 100vmax #101a27a6,0 25px 80px #0007;display:flex;flex-direction:column;overflow:hidden}
#bolha-games:fullscreen{inset:0;border:0;border-radius:0;width:100%;height:100%;box-shadow:none}
#bolha-games header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#263449;color:#f7ecd8}#bolha-games header strong{margin-right:auto}
#bolha-games button{font:inherit;border:1px solid #b7a382;border-radius:7px;background:#e6d4b4;color:#26343c;padding:9px 12px}#bolha-games button:disabled{cursor:default;opacity:.55}
.games-body{flex:1;min-height:0;overflow:auto;padding:20px}
#bolha-games.retro{background:#152332;color:#e5f2f4}#bolha-games.retro .games-body{padding:0;overflow:hidden}#bolha-games iframe{display:block;border:0;width:100%;height:100%}
@media(max-width:850px){#bolha-games{inset:2vh 2vw}.games-body{padding:12px}}@media(max-width:550px){#bolha-games header{padding:10px;font-size:13px}}
#wallet-hud{position:fixed;top:90px;right:18px;z-index:12;border:1px solid #bea880;border-radius:10px;background:#263449e8;color:#f7ecd8;padding:10px 15px;font:600 15px Arial;cursor:pointer}.salary-form{display:grid;gap:10px}.salary-form label{display:block}.salary-form fieldset{display:flex;flex-wrap:wrap;gap:10px}.salary-form fieldset label{display:flex;gap:5px}.salary-form fieldset input{width:auto!important}.wallet-item{padding:10px;border-bottom:1px solid #617283}#phone details{margin:15px 0}#phone h2{font-variant-numeric:tabular-nums}
#phone .salary-form{display:grid;grid-template-columns:1fr;gap:10px}#phone .salary-form label{margin:0}#phone .salary-form input:not([type=checkbox]){display:block;width:100%!important;box-sizing:border-box;margin-top:5px}#phone .salary-form fieldset{margin:4px 0;padding:10px;display:flex;gap:12px;flex-wrap:wrap}#phone .salary-form fieldset label{display:flex;align-items:center;gap:4px}#phone .salary-form input[type=checkbox]{width:16px!important;height:16px;padding:0;flex:none}#phone main>button{margin-top:8px}
#phone .wallet-confirm{padding:15px;border:2px solid #ac935f;background:#fff4d6;border-radius:10px;position:sticky;top:0;z-index:2}#phone .wallet-confirm button{margin-right:8px}

#bolha-games.chess3d{inset:100px 18px auto auto;width:290px;max-height:calc(100vh - 120px);background:#17283eea;color:#edf3fa;box-shadow:0 8px 30px #0004;border:1px solid #8191a2;border-radius:10px;pointer-events:auto}
#bolha-games.chess3d header{padding:10px;font-size:14px}#bolha-games.chess3d .games-body{padding:12px;overflow:auto}
#bolha-games.chess3d aside{font-size:13px;line-height:1.5}#bolha-games.chess3d h3{font-size:14px;margin:12px 0 4px}#bolha-games.chess3d p{margin:6px 0}
#bolha-games.chess3d aside button{display:block;width:100%;margin:10px 0}
#bolha-games.chess3d label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0}#bolha-games.chess3d select{font:inherit;max-width:65%;padding:6px;border:1px solid #8191a2;border-radius:5px;background:#edf1f6;color:#26343c}
#bolha-games.chess3d .chess-player{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;font-size:12px;padding:5px 0}
.chess-player>span:not(.chess-captured){opacity:.65;font-size:12px}.chess-captured{margin-left:auto;letter-spacing:1px;font:22px Georgia,serif}
#bolha-games.chess3d .chess-setup{border-top:1px solid #8191a255;margin-top:16px;padding-top:8px}
#bolha-games.chess3d summary{cursor:pointer;padding:10px 0;font-weight:600}#bolha-games.chess3d details{border-top:1px solid #8191a255;margin-top:10px}
#bolha-games.chess3d .chess-status{font-weight:600;padding:8px 12px;background:#263449;color:#fff4df;border-radius:6px;margin-bottom:4px}
#bolha-games.chess3d .chess-promotion{position:static;padding:12px;border:2px solid #8191a2;border-radius:8px;text-align:center}.chess-promotion button{margin:5px}
@media(max-width:650px){#bolha-games.chess3d{top:90px;right:8px;width:190px;max-height:55vh}}

@media(max-width:650px) and (orientation:portrait){
 #bolha-games.chess3d{inset:auto auto 8px 8px;width:min(calc(50vw - 14px),calc(100vw - var(--bolha-phone-width,200px) - 32px));min-width:100px;max-height:35vh;max-height:35dvh}
 #bolha-games.chess3d header{flex-direction:column;align-items:stretch;gap:6px;padding:8px}
 #bolha-games.chess3d header strong{font-size:12px;margin:0;text-align:center}
 #bolha-games.chess3d header button{font-size:12px;padding:7px 8px}
 #bolha-games.chess3d .games-body{padding:8px}
 #bolha-games.chess3d button:not(.chess-square){font-size:12px;padding:8px 5px;overflow-wrap:anywhere}
 #bolha-games.chess3d label{flex-wrap:wrap}
 #bolha-games.chess3d select{max-width:100%}
 #bolha-games.chess3d .chess-player{font-size:11px;gap:4px}
}

.chess-material{flex:none;min-width:22px;padding:1px 5px;border-radius:5px;background:#d8ba77;color:#17283e;font:700 13px Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center}
