html,body{overflow:hidden;background-color:#39645a;font-family:Libre Franklin,sans-serif;font-optical-sizing:auto;font-style:normal;-webkit-user-select:none;user-select:none;-touch-callout:none}.hidden{display:none}.webgl{position:fixed;top:0;left:0;outline:none;z-index:999999}.webgl.pointer{cursor:grab}.webgl.forbidden{cursor:default}#messages,.debug{position:absolute;top:0;left:0;color:#fff}#messages{margin:0;padding:0}nav{position:absolute;margin:5px;z-index:999999999;display:flex}nav.top-right{top:0;right:0}nav.top-left{top:0;left:0}nav.bottom-left{bottom:0;left:0}nav.bottom-right{bottom:0;right:0}.nav-icon{font-size:2rem;color:#21393e;margin:5px}html.desktop .nav-icon:hover{color:#fff;cursor:pointer}html.locked nav.bottom-right{display:none}@media (pointer: coarse){.nav-icon{font-size:3rem}}html.mobile #btnFullscreen,html.mobile #btnBluetooth{display:none}.avatar,.point{position:absolute;top:50%;left:50%}.point .label{position:absolute;top:-20px;left:-20px;width:20px;height:20px;border-radius:50%;background:#0007;border:1px solid rgba(255,255,255,.4666666667);color:#fff;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:20px;font-weight:100;font-size:14px;transform:scale(0);transition:transform .3s;z-index:999999}.point.visible .label{transform:scale(1)}.avatar-tooltip{background-size:20px 20px;height:20px;width:20px;z-index:9999999999;border-radius:50%;transform:scale(0)}.avatar-tooltip.visible{transform:scale(1)}.avatar{z-index:9999999999}.avatar .label{position:absolute;top:-20px;left:-20px;width:20px;height:20px;border-radius:50%;background:#0007;background-size:20px 20px;border:1px solid rgba(255,255,255,.4666666667);color:#fff;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:20px;font-weight:100;font-size:14px;transform:scale(0);z-index:999999}.avatar.visible .label{transform:scale(1)}.player-board{height:10px;width:50px;display:flex;justify-content:center;gap:5px;font-size:.3rem;color:#fff;opacity:.1}.player-board.active{opacity:1}.player-board .player-avatar{border-radius:50%}.player-board .player-avatar span{display:flex;align-items:center}.player-board .player-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.current-player{margin:5px;display:flex;gap:5px;color:#fff;cursor:pointer}.current-player img{border-radius:50%;height:30px;width:30px}.current-player span{font-style:normal;display:flex;align-items:center}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}dialog[open]{animation:fadein .5s ease-in forwards}dialog{border:none;height:80vh;overflow-y:auto;width:90vw;background:transparent;display:flex;flex-direction:column;gap:20px}dialog.closing{animation:fadeout .2s ease normal}dialog .container{display:flex;align-items:center;height:90%;max-height:90%;width:100%;flex-wrap:wrap;gap:10px;overflow-y:auto}dialog .container::-webkit-scrollbar{display:none}dialog .container .card{min-width:125px;min-height:170px;background:#fff;border-radius:10px;margin:0 auto;position:relative;overflow:hidden;box-shadow:3px 3px 8px #0000004d;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;border:2px solid transparent}dialog .container .card:hover{box-shadow:3px 3px 8px #00000080;transform:scale(1.05);transition:all .3s}dialog .container .card.selected{border:2px solid royalblue}dialog .footer{display:flex;justify-content:center;gap:10px;margin-top:10px;align-items:center;color:#fff;cursor:default}dialog button{background:#4169e1;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:1rem;font-weight:700;color:#fff;transition:all .3s}dialog button:hover{background:#fff;color:#4169e1}dialog button:disabled{background:#ccc;color:#666;cursor:default}dialog:focus{outline:none}::backdrop{background-color:#000;opacity:.5}