.pumbagame-image{display:block;width:min(100vw - 180px,460px);margin:0 auto;height:auto}.pumbagame-roomform{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.pumbacommons-input.pumbagame-gameinput{font-family:Sono;font-weight:800;letter-spacing:-.05em}.pumbagame-gamebuttons{padding:20px;display:flex;flex-direction:column;gap:10px}.pumbacommons-toolbar{padding:20px;display:flex;justify-content:flex-end;align-items:center;gap:15px}.pumbacommons-toolbar>:first-child{flex-grow:1}.pumbacommons-primary{--button-color: var(--primary);--button-padding: 20px 30px;--button-font-size: 1rem;--button-font-weight: 400}.pumbacommons-secondary{--button-color: var(--secondary);--button-padding: 20px 30px;--button-font-size: 1rem;--button-font-weight: 400}.pumbacommons-action{--button-color: var(--action);--button-padding: 10px 10px;--button-font-size: 1rem;--button-font-weight: 400}.pumbacommons-start{--button-color: var(--primary);--button-padding: 30px 30px;--button-font-size: 1.2rem;--button-font-weight: 800}.pumbacommons-user{--button-color: var(--color-gray-100);--button-padding: 10px 20px;--button-font-size: 1rem;--button-font-weight: 400}.pumbacommons-button{background-color:color-mix(in hsl shorter hue,var(--button-color) 90%,#ffffff 10%);padding:var(--button-padding);color:var(--highlight);border:none;border-radius:20px;font-family:Grandstander;font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;transition:all .15s ease-in}.pumbacommons-button:disabled{background-color:color-mix(in hsl shorter hue,var(--border-muted) 60%,#ffffff 40%);color:color-mix(in hsl shorter hue,var(--text-muted) 60%,#ffffff 40%);cursor:default}@media(hover:hover){.pumbacommons-button:hover:not(:disabled){box-shadow:0 0 0 5px color-mix(in hsl shorter hue,var(--button-color) 50%,#ffffff 50%);background-color:var(--button-color)}}.pumbacommons-button:focus:not(:disabled){outline:none}.pumbacommons-button:focus-visible:not(:disabled){outline:none;box-shadow:0 0 0 5px color-mix(in hsl shorter hue,var(--button-color) 50%,#ffffff 50%);background-color:var(--button-color)}.pumbacommons-button:active:not(:disabled){transform:scale(.94);background-color:color-mix(in hsl shorter hue,var(--button-color) 60%,#ffffff 40%)}.pumbacommons-button>svg{width:1em;height:1em;vertical-align:-.125em;fill:var(--highlight);overflow:visible}.pumbacommons-inputcontainer{position:relative;width:fit-content}.pumbacommons-input{font-family:Grandstander;text-align:center;font-size:1.6rem;font-weight:800;padding:10px;width:280px;height:2rem;border:2px solid var(--border);border-radius:5px;color:var(--text);background-color:var(--bg-light);transition:all .15s ease-in}.pumbacommons-inputlabel{position:absolute;top:.3rem;left:1rem;font-size:.6rem;color:var(--text-muted)}@media(hover:hover){.pumbacommons-input:hover{outline:none;border-color:var(--primary)}}.pumbacommons-input:focus{outline:none;box-shadow:0 0 0 4px color-mix(in hsl shorter hue,var(--primary) 50%,#ffffff 50%)}.pumbacommons-status-container{padding:20px}.pumbacommons-status-text{text-align:center;background:linear-gradient(90deg,#00f,#000,orange,#0f0,#00f) -100%/ 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 2s linear infinite;font-size:1.8rem;font-weight:800}.pumbacommons-status-error{text-align:center;background:linear-gradient(90deg,red,#000,orange,red) -100%/ 200%;-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Sono;font-size:1.6rem;font-weight:400;letter-spacing:-.1em}@keyframes shimmer{to{background-position:100%}}.pumbacommons-transition-enter-active,.pumbacommons-transition-exit-active{transition:opacity .3s,transform .3s}.pumbacommons-transition-enter,.pumbacommons-transition-exit-to{opacity:0}.pumbacommons-transition-enter{transform:translate(100px)}.pumbaplayer-container{--_container-gap: var(--container-gap, 5px);--_container-direction: var(--container-direction, row);--_font-size: var(--font-size, .8rem);--_font-weight: var(--font-weight, 800);--_icon-size: var(--icon-size, 40px);--_box-size: var(--box-size, 1px);display:flex;flex-direction:var(--_container-direction);align-items:center;justify-content:center;gap:var(--_container-gap);font-family:Grandstander;font-size:var(--_font-size);font-weight:var(--_font-weight);color:var(--text)}.pumbaplayer-iconcontainer{width:var(--_icon-size);height:var(--_icon-size);background-color:color-mix(in hsl shorter hue,var(--bg-light) 50%,#ffffff 50%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 var(--_box-size) var(--_box-size) var(--border);overflow:hidden}.pumbaplayer-icon{width:110%;height:auto;object-fit:contain}.pumbaplayer-name{display:inline-block;max-width:7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pumbaplayer-me{--container-gap: 5px;--container-direction: row;--font-size: 1rem;--font-weight: 800;--icon-size: 60px;--box-size: 2px}.pumbaplayer-button{--container-gap: 10px;--container-direction: row-reverse;--font-size: 1.2rem;--font-weight: 800;--icon-size: 60px;--box-size: 1px}.pumbaplayer-big{--container-gap: 10px;--container-direction: column;--font-size: 1.6rem;--font-weight: 800;--icon-size: 120px;--box-size: 2px}.pumbaaccount-selectavatar{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px}.pumbaaccount-avatarcontainer{width:180px;height:180px;background-color:color-mix(in hsl shorter hue,var(--bg-light) 50%,#ffffff 50%);border-radius:50%;display:grid;grid-template-areas:"stack";align-items:center;justify-content:center;box-shadow:0 0 2px 2px var(--border);overflow:hidden}.pumbaaccount-avatar{grid-area:stack;width:100%;height:auto;object-fit:contain}.avatar-transition-next-enter-active,.avatar-transition-next-exit-active{transition:opacity .3s,transform .3s}.avatar-transition-next-enter,.avatar-transition-next-exit-to{opacity:0;transform:translate(-100px)}.avatar-transition-next-enter{transform:translate(100px)}.avatar-transition-prev-enter-active,.avatar-transition-prev-exit-active{transition:opacity .3s,transform .3s}.avatar-transition-prev-enter,.avatar-transition-prev-exit-to{opacity:0;transform:translate(100px)}.avatar-transition-prev-enter{transform:translate(-100px)}.pumbaaccount-selectname{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.stack-container{display:grid;grid-template-areas:"overlay";justify-items:center;width:100%;overflow-x:hidden}.stack-layer{grid-area:overlay;width:100%;max-width:800px}.stack-transition-enter-active,.stack-transition-exit-active{transition:opacity .3s,transform .3s}.stack-transition-enter,.stack-transition-exit-to{opacity:0}.stack-transition-enter{transform:translate(100px)}.pumbatitle-container{padding:20px;display:flex;flex-direction:column;align-items:center}.pumbatitle-image{width:180px;height:auto;object-fit:contain}.pumbatitle-baraja{font-size:1rem;font-family:Sono;font-weight:800;letter-spacing:-.05em}.pumbaplayers{padding:20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.pumbaplayers>.pumbaplayer-me{background-color:var(--color-purple-200)}.pumbaplayers-player{padding:5px;background-color:var(--color-purple-100);border-radius:8px}.pumbaplayers-player-fade{animation:fadeIn .2s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.ppt-toolbar{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.gamecont-player{display:flex}.gamecont-game-options{display:flex;flex-direction:column;gap:15px;padding:3rem;width:200px}.gamecont-dialog-label{text-align:center;font-size:2rem;font-weight:600;padding-bottom:1rem}html:has(.dialogcommon-modal[open]){overflow:hidden}.dialogcommon-modal{--duration: .3s;box-sizing:border-box;padding:0;margin:10rem auto auto;border:none;box-shadow:0 0 2px 2px #333;border-radius:15px;overflow:hidden;transition:scale var(--duration) ease-in-out,opacity var(--duration) ease-in-out,overlay var(--duration) ease-in-out allow-discrete,display var(--duration) ease-in-out allow-discrete;&[open]{scale:1;opacity:1;@starting-style{scale:1.15;opacity:0}}&:not([open]){scale:.2;opacity:0}&::backdrop{background-color:transparent;backdrop-filter:none;transition:background-color var(--duration) ease-in-out,backdrop-filter var(--duration) ease-in-out,overlay var(--duration) ease-in-out allow-discrete}&[open]::backdrop{background-color:#00000080;backdrop-filter:blur(2px);@starting-style{background-color:transparent;backdrop-filter:none}}>.dialogcommon-modal-container{padding:3rem}}.pumbaconnect-player{padding:20px;display:flex;justify-content:center}@font-face{font-family:Baskerville;src:url(/fonts/LibreBaskerville-Italic.ttf);style:italic}@font-face{font-family:Baskerville;src:url(/fonts/LibreBaskerville-Bold.ttf);font-weight:700}@font-face{font-family:Baskerville;src:url(/fonts/LibreBaskerville-Regular.ttf)}@font-face{font-family:Grandstander-Italic;src:url(/fonts/Grandstander-Italic-VariableFont_wght.ttf);style:italic}@font-face{font-family:Grandstander;src:url(/fonts/Grandstander-VariableFont_wght.ttf)}@font-face{font-family:Sono;src:url(/fonts/Sono-VariableFont_MONO,wght.ttf)}:root{--bg-dark: hsl(305 6% 90%);--bg: hsl(305 12% 95%);--bg-light: hsl(305 100% 100%);--text: hsl(304 17% 5%);--text-muted: hsl(304 3% 28%);--highlight: hsl(305 100% 100%);--border: hsl(305 2% 51%);--border-muted: hsl(305 3% 62%);--primary: hsl(301 34% 29%);--secondary: hsl(135 59% 21%);--danger: hsl(9 21% 41%);--warning: hsl(52 23% 34%);--success: hsl(147 19% 36%);--info: hsl(218, 48%, 34%);--action: hsl(200 100% 16%);--color-gray-100: hsl(305 6% 80%);--color-purple-100: hsl(267, 50%, 90%);--color-purple-200: hsl(267, 50%, 80%);--color-purple-300: hsl(267, 50%, 10%)}body.dark{--bg-dark: hsl(304 14% 1%);--bg: hsl(304 9% 4%);--bg-light: hsl(304 5% 9%);--text: hsl(305 25% 95%);--text-muted: hsl(305 4% 70%);--highlight: hsl(304 3% 39%);--border: hsl(304 3% 28%);--border-muted: hsl(304 5% 18%);--primary: hsl(303 40% 72%);--secondary: hsl(128 34% 64%);--danger: hsl(9 26% 64%);--warning: hsl(52 19% 57%);--success: hsl(146 17% 59%);--info: hsl(217 28% 65%);--action: hsl(194 100% 40%);--color-gray-100: hsl(304 14% 21%);--color-purple-100: hsl(204, 49%, 10%);--color-purple-200: hsl(267, 50%, 20%);--color-purple-300: hsl(267, 50%, 90%)}:root{user-select:none;font-family:Grandstander;font-size:1.2rem}@media(display-mode:standalone){html,body{overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}}html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}body{margin:0;background-color:var(--bg);color:var(--text);touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{scrollbar-gutter:stable}