.wb-app{min-height:100dvh;color:var(--casa-texto);font-family:var(--casa-tipo-cuerpo);-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg, color-mix(in srgb, var(--casa-fondo-alto) 74%, transparent) 0%, color-mix(in srgb, var(--casa-fondo) 78%, transparent) 55%, color-mix(in srgb, var(--casa-fondo-bajo) 90%, transparent) 100%), url(/assets/mesa/wheel-mesa-4k.webp) center top / cover no-repeat, var(--casa-fondo);background-attachment:fixed,fixed,scroll;flex-direction:column;gap:14px;padding:12px 16px 76px;display:flex;overflow-x:clip}.wb-app>*{width:100%;max-width:560px;margin-inline:auto}.wb-top{border-bottom:1px solid var(--casa-panel-borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.wb-title{font-family:var(--casa-tipo-titulo);letter-spacing:1px;color:var(--casa-titulo);text-shadow:0 2px 10px #0009;margin:0;font-size:clamp(20px,3.4vw,30px)}.wb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.wb-balance{background:var(--casa-ficha);border:1px solid var(--casa-ficha-borde);border-radius:var(--casa-radio-ficha);box-shadow:var(--casa-ficha-sombra);font-family:var(--casa-tipo-titulo);letter-spacing:.5px;color:var(--casa-sobre-claro);padding:8px 14px;font-size:13px}.wb-balance b{font-size:20px;font-family:var(--casa-tipo-cifra);color:var(--casa-ficha-num)}.wb-bar-acciones{align-items:center;gap:8px;display:flex}.wb-sound{background:var(--casa-control);border:1.5px solid var(--casa-panel-borde);min-width:44px;min-height:44px;color:var(--casa-texto);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:17px;line-height:1;display:inline-flex}.wb-sound:hover{border-color:var(--casa-titulo)}.wb-stage{place-items:center;padding:4px 0 2px;display:grid}.wb-wheel{width:100%;max-width:min(560px,92vw,70dvh);height:auto;display:block}.wb-lengueta{transition:transform 40ms linear}@media (prefers-reduced-motion:reduce){.wb-lengueta{transition:none}}.wb-picker{background:var(--casa-panel);border:1px solid var(--casa-panel-borde);border-radius:var(--casa-radio-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px}.wb-picker-h{font-family:var(--casa-tipo-titulo);letter-spacing:.5px;color:var(--casa-titulo);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:15px;display:flex}.wb-clear{background:var(--casa-control);border:1.5px solid var(--casa-panel-borde);min-height:36px;color:var(--casa-texto-2);font-family:var(--casa-tipo-titulo);letter-spacing:1px;cursor:pointer;border-radius:999px;padding:0 14px;font-size:12px}.wb-clear:disabled{cursor:not-allowed;border-color:color-mix(in srgb, var(--casa-panel-borde) 55%, transparent);color:color-mix(in srgb, var(--casa-texto-2) 42%, var(--casa-fondo));background:0 0}.wb-clear:not(:disabled):hover{border-color:var(--casa-titulo);color:var(--casa-titulo)}.wb-animals{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.wb-animal{background:var(--casa-ficha);border:1px solid var(--casa-ficha-borde);border-radius:var(--casa-radio-ficha);cursor:pointer;grid-template-rows:1fr auto;gap:2px;padding:4px 3px 3px;display:grid;position:relative}.wb-animal img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.wb-animal-num{font-family:var(--casa-tipo-titulo);color:var(--casa-ficha-num);font-size:11px;position:absolute;top:2px;left:3px}.wb-animal-nom{background:var(--casa-ficha-chip);font-family:var(--casa-tipo-titulo);color:var(--casa-ficha-texto);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;font-size:9px;line-height:1.5;overflow:hidden}.wb-animal.on{box-shadow:0 0 0 3px var(--casa-titulo), var(--casa-ficha-sombra)}.wb-animal:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--casa-ficha) 34%, var(--casa-fondo));border-color:color-mix(in srgb, var(--casa-ficha-borde) 45%, transparent)}.wb-animal:disabled img{filter:grayscale(.65)brightness(.8)}.wb-animal:disabled .wb-animal-nom{background:color-mix(in srgb, var(--casa-ficha-chip) 30%, var(--casa-fondo));color:color-mix(in srgb, var(--casa-ficha-texto) 60%, var(--casa-texto-2))}.wb-animal.on:disabled{background:var(--casa-ficha);border-color:var(--casa-ficha-borde)}.wb-animal.on:disabled img{filter:none}.wb-animal.on:disabled .wb-animal-nom{background:var(--casa-ficha-chip);color:var(--casa-ficha-texto)}.wb-paytable{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wb-pay{background:var(--casa-control);border:1.5px solid var(--casa-panel-borde);color:var(--casa-texto-2);border-radius:999px;padding:6px 12px;font-size:13px}.wb-pay b{color:var(--casa-titulo);font-family:var(--casa-tipo-titulo)}.wb-pay small{color:var(--casa-texto-3)}.wb-pay.on{background:var(--casa-control-activo);border-color:var(--casa-titulo);color:var(--casa-texto)}.wb-bets{--ficha-lado:clamp(46px, 11vw, 62px);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.wb-lbl{font-family:var(--casa-tipo-titulo);letter-spacing:2px;color:var(--casa-texto-2);font-size:12px}.wb-spin{border-radius:var(--casa-radio-panel);background:var(--casa-titulo);min-height:56px;color:var(--casa-sobre-claro);font-family:var(--casa-tipo-titulo);letter-spacing:1px;cursor:pointer;border:none;font-size:clamp(16px,2.4vw,20px);box-shadow:0 6px 20px #00000080}.wb-spin:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--casa-titulo) 34%, var(--casa-fondo-bajo));color:color-mix(in srgb, var(--casa-sobre-claro) 45%, var(--casa-texto-2));box-shadow:0 4px 14px #00000073}.wb-spin:not(:disabled):hover{filter:brightness(1.08)}.wb-result{border-radius:var(--casa-radio-panel);background:var(--casa-panel);border:1.5px solid var(--casa-panel-borde);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wb-result.win{border-color:var(--casa-titulo);background:var(--casa-control-activo)}.wb-result-animal{font-family:var(--casa-tipo-titulo);color:var(--casa-titulo);font-size:20px}.wb-result-animal small{color:var(--casa-texto-3);font-size:13px}.wb-result-amt{font-family:var(--casa-tipo-cifra);color:var(--casa-titulo);font-size:22px;font-weight:700}.wb-result-amt.lose{font-family:var(--casa-tipo-cuerpo);color:var(--casa-texto-2);text-align:right;font-size:14px;font-weight:400}.wb-err{border-radius:var(--casa-radio-panel);background:var(--casa-error-fondo);border:1px solid var(--casa-error-borde);color:var(--casa-error-texto);padding:10px 14px;font-size:14px}.wb-footer{text-align:center;padding:10px 0 4px}.wb-footer a{color:var(--casa-texto-3);font-size:12px;font-weight:700;text-decoration:underline}.wb-spin{z-index:5;position:sticky;bottom:10px}@media (max-width:1039px){.wb-animal-nom{font-size:8.5px}}@media (min-width:1040px){.wb-app{grid-template-rows:repeat(8,auto);grid-template-columns:minmax(0,.55fr) minmax(0,.55fr) minmax(340px,.9fr);grid-template-areas:"top top top""barra barra barra""mesa mesa elegir""paga fichas fichas""girar girar girar""salida salida salida""error error error""pie pie pie";align-content:start;gap:14px 28px;max-width:1320px;margin-inline:auto;padding:16px 24px 20px;display:grid}.wb-app>*{max-width:none;margin-inline:0}.wb-top{grid-area:top}.wb-bar{grid-area:barra}.wb-stage{grid-area:mesa;align-self:start}.wb-picker{grid-area:elegir}.wb-paytable,.casa-sin-tabla{grid-area:paga;align-content:center}.wb-bets{grid-area:fichas}.wb-spin{grid-area:girar}.wb-result{grid-area:salida}.wb-err{grid-area:error}.wb-footer{grid-area:pie}.wb-wheel{max-width:min(620px,60dvh)}.wb-picker{flex-direction:column;max-height:calc(100dvh - 260px);display:flex}.wb-animals{padding-right:4px;overflow-y:auto}.wb-bets{--ficha-lado:clamp(44px, 4vw, 54px)}.wb-animals{gap:7px}.wb-animal-nom{font-size:10px}.wb-animal img{max-height:64px}}