.bptris-pagina{padding-top:2rem;padding-bottom:4rem;--bp:#c6a451;--bp-oscuro:#63366f;--bp-tinta:#342a30;--bp-fondo:#f6f0f7}.bptris-migas{display:flex;gap:.55rem;color:#76656d;font-size:.9rem;margin-bottom:1.5rem}.bptris-migas a{color:var(--bp-oscuro)}.bptris-titulo{text-align:center;margin-bottom:1.5rem}.bptris-titulo p{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--bp)}.bptris-titulo h1{font-size:clamp(2.2rem,7vw,4.3rem);line-height:.9;color:var(--bp-oscuro);margin:.2rem}.bptris-titulo span{color:#76656d}.bptris-distribucion{display:grid;grid-template-columns:minmax(320px,520px) minmax(230px,330px);gap:2rem;justify-content:center;align-items:start}.bptris-juego{background:#fff;border:1px solid #eadce2;border-radius:24px;padding:1.25rem;box-shadow:0 20px 50px rgba(90,48,66,.1)}.bptris-cabecera{display:flex;justify-content:center;align-items:stretch;gap:1rem;margin-bottom:.75rem}.bptris-siguiente,.bptris-marcador{border:2px solid var(--bp);border-radius:10px;background:var(--bp-fondo)}.bptris-siguiente{width:150px;height:90px;position:relative;text-align:center;color:var(--bp-oscuro);font-size:.9rem}.bptris-siguiente>div{position:absolute;inset:24px 0 0}.bptris-marcador{width:130px;padding:.55rem .75rem;display:flex;flex-direction:column;justify-content:center}.bptris-marcador span{color:var(--bp-oscuro);font-weight:700}.bptris-marcador span:first-child{font-size:1.45rem}.bptris-marcador small{color:#76656d}.bptris-tablero{width:300px;height:375px;position:relative;overflow:hidden;margin:auto;border:2px solid var(--bp);border-radius:10px;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),repeating-linear-gradient(0deg,transparent 0 24px,#f3dce5 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#f3dce5 24px 25px)}.bptris-celda{position:absolute;width:25px;height:25px;border-radius:4px;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),inset 2px 2px 0 rgba(255,255,255,.28)}.bptris-pieza-1{background:#24add4}.bptris-pieza-2{background:#34393b}.bptris-pieza-3{background:#f1c929}.bptris-pieza-4{background:#8c6ac4}.bptris-pieza-5{background:#51ae55}.bptris-pieza-6{background:#df6658}.bptris-pieza-7{background:#397ccc}.bptris-pieza-8{background:#e89a2d}.bptris-mensaje{position:absolute;z-index:5;inset:0;background:rgba(48,31,39,.82);color:white;display:grid;place-content:center;text-align:center;font-size:1.55rem;font-weight:800;padding:2rem}.bptris-mensaje[hidden]{display:none}.bptris-pie{max-width:300px;margin:1rem auto 0;display:flex;justify-content:space-between;gap:1rem}.bptris-cruceta{width:126px;height:126px;display:grid;grid-template:42px 42px 42px/42px 42px 42px}.bptris-cruceta button,.bptris-cruceta i{width:42px;height:42px}.bptris-cruceta button{border:0;border-radius:7px;background:#403a3d;color:white;box-shadow:0 3px #201d1e;font-size:1rem}.bptris-cruceta button:active{transform:translateY(3px);box-shadow:none}.bptris-cruceta .arriba{grid-area:1/2}.bptris-cruceta .izquierda{grid-area:2/1}.bptris-cruceta i{grid-area:2/2;background:#332f31;border-radius:7px}.bptris-cruceta .derecha{grid-area:2/3}.bptris-cruceta .abajo{grid-area:3/2}.bptris-acciones{display:flex;flex-direction:column;width:135px;gap:.45rem}.bptris-acciones button{border:0;border-radius:18px;background:var(--bp);color:#fff;padding:.55rem .75rem;font-weight:700}.bptris-acciones button:hover{background:var(--bp-oscuro)}.bptris-acciones button:disabled{opacity:.5}.bptris-estado{min-height:1.5rem;text-align:center;color:var(--bp-oscuro);margin:.5rem 0 0}.bptris-controles,.bptris-explicacion{background:var(--bp-fondo);border:1px solid #efd8e1;border-radius:18px;padding:1.25rem}.bptris-controles h2,.bptris-explicacion h2{color:var(--bp-oscuro)}.bptris-controles dl{display:grid;grid-template-columns:45px 1fr;gap:.55rem;margin:0}.bptris-controles dt{background:var(--bp);color:white;border-radius:5px;padding:.15rem;text-align:center}.bptris-controles dd{margin:0;padding:.15rem}.bptris-explicacion{max-width:880px;margin:2rem auto 0}.bptris-explicacion p:last-child{margin-bottom:0}@media(max-width:760px){.bptris-pagina{padding-left:.5rem;padding-right:.5rem}.bptris-distribucion{grid-template-columns:1fr}.bptris-controles{display:none}.bptris-juego{padding:1rem .4rem;border-radius:16px}.bptris-migas{padding-left:.5rem}.bptris-tablero{touch-action:none}}@media(max-width:340px){.bptris-tablero{transform:scale(.94);transform-origin:top center;margin-bottom:-23px}.bptris-cabecera{gap:.35rem}.bptris-siguiente{width:145px}.bptris-marcador{width:125px}}

html[data-tema=noche] .bptris-pagina{--bp:#d8b968;--bp-oscuro:#ead99f;--bp-tinta:#f7edf5;--bp-fondo:#2a2130}html[data-tema=noche] .bptris-juego,html[data-tema=noche] .bptris-controles,html[data-tema=noche] .bptris-explicacion{background:#241c2a;border-color:rgba(216,185,104,.28);color:#f7edf5}html[data-tema=noche] .bptris-tablero{background:linear-gradient(rgba(31,24,36,.74),rgba(31,24,36,.74)),repeating-linear-gradient(0deg,transparent 0 24px,#58465f 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,#58465f 24px 25px)}