/* 2PISO CLUB — identidad visual original: violeta, índigo y oro. */
:root{--premium-night:#0b0625;--premium-purple:#1d0a48;--premium-panel:#231052;--premium-soft:#a891e0;--premium-gold:#ffcf62;--premium-line:#7e55e568;--premium-white:#fff7ed}
html{background:var(--premium-night);scroll-behavior:smooth}
body{background:radial-gradient(ellipse 73% 42% at 81% 7%,#5c158f65,transparent 75%),radial-gradient(ellipse 63% 51% at 8% 31%,#141dc871,transparent 80%),linear-gradient(145deg,#08091f,#190930 68%,#09091e);color:#fff6f2;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 56% 0%,#fcbf6420,transparent 25%);pointer-events:none}
.ambient{opacity:.45;filter:blur(95px)}
.sitebar{position:relative;z-index:5;background:linear-gradient(100deg,#0e1039e8,#220b52e9,#0e1237ea);border-bottom:1px solid #b777ff63;box-shadow:0 11px 40px #06051b9c;padding-block:9px}
.sitebar .brand-badge{background:linear-gradient(140deg,#ffe99c,#ffc44c);color:#221441;border:1px solid #fff1b9;box-shadow:0 5px 17px #eea93c51;transform:rotate(-7deg)}
.sitebar .brand-name{color:#fff9f5;text-shadow:0 1px 3px #0008}.sitebar .brand-name small{color:#e9c687}
.navlinks a,.navlinks button{font:800 12px system-ui;color:#eee5ff;text-decoration:none;background:none;border:0;cursor:pointer;padding:9px}
.navlinks a:hover,.navlinks button:hover{color:#ffde8a}
.sitebar .coin-top{color:#ffe39d;border:1px solid #f5c97665;border-radius:50px;padding:8px 11px;background:#241047}
.sitebar .btn-quiet{background:#ffffff09;border:1px solid #b29bd954;color:#fbf2ff}
.sitebar .btn-gold,.v8-hero .btn-gold,.btn-gold{background:linear-gradient(125deg,#fff6b3,#ffd156 48%,#f7a82e)!important;color:#221433!important;border:1px solid #fff0a0!important;box-shadow:0 4px 0 #91602a,0 8px 24px #f8a93062!important;text-shadow:none}
.btn-outline{border-color:#a776f0b0!important;color:#fff5e7!important;background:#211143a3!important}
.btn-quiet{color:#ede0ff}
.v8-main{max-width:1500px;background:transparent}
.v8-hero{padding:38px clamp(19px,5vw,76px) 4px;min-height:490px;gap:15px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);background:radial-gradient(ellipse 80% 70% at 70% 33%,#50258c68,transparent 78%)}
.v8-hero:after{display:none}
.v8-kicker,.v8-hero .v8-kicker{color:#f9cc67;letter-spacing:.24em;font-weight:900}
.v8-hero-content{position:relative;z-index:2}
.v8-hero h1{font-size:clamp(62px,6.3vw,110px);line-height:.91;letter-spacing:-.06em;margin:14px 0 21px;color:#fff9f6;text-shadow:0 5px 0 #0d0c3c,0 13px 23px #05071c99}
.v8-hero h1 em{background:linear-gradient(110deg,#fff8ab,#ffd156,#efa52f);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 2px #120e4180)}
.v8-lead{font-size:clamp(15px,1.35vw,20px);line-height:1.55;max-width:530px;color:#e5def9}
.v8-hero .v8-hero-actions{display:flex;gap:11px;flex-wrap:wrap}.v8-hero .v8-big-btn{min-height:55px;border-radius:16px;font-weight:1000;font-size:13px;white-space:nowrap}
.v8-hero-caption{color:#d6c6f1;max-width:560px}
.v8-hero-visual{position:relative;height:440px;overflow:visible;display:grid;place-items:center}
.v8-hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#ffbc2868 0,#642de253 38%,transparent 75%);filter:blur(33px);pointer-events:none}
.v8-hero-image{position:relative;object-fit:contain;object-position:center;max-width:100%;width:100%;max-height:425px;filter:drop-shadow(0 24px 30px #0009);border-radius:25px;transform:rotate(-2deg);border:1px solid #ffd9796b}
#previewBoard{display:none!important}
.v8-hero-label{top:12px;right:18px;left:auto;background:#180c35;color:#ffe399;border:1px solid #efd1868c;box-shadow:0 8px 17px #0008}
.v8-themes{margin-top:-1px;background:linear-gradient(110deg,#271454f5,#361659f5,#261550f0);border:1px solid #b675fa99;border-radius:20px;box-shadow:0 10px 35px #0008,0 0 30px #7b40e337;padding:16px}
.v8-themes-title h2{color:#fff3ea}.v8-themes-title p{color:#bdb4d4}.v8-theme{overflow:hidden;border:1px solid #9878d3bd;border-radius:13px;box-shadow:0 4px 9px #0006}
.v8-theme.selected{border-color:#fff19d;box-shadow:0 0 0 2px #ffcf53,0 0 24px #ffbb4e8a}.v8-theme span{background:#1b1040c9;color:#fff8f3}
.v8-shop-link{color:#ffe29a!important;font-weight:900}
.v8-perks{display:flex!important;justify-content:space-between;gap:8px;background:#25104bbd;border:1px solid #b27be15c;border-radius:18px;padding:11px 14px;margin:12px 0}.v8-perks>div{flex:1;min-width:0;border-right:1px solid #cc9ff944;padding:0 10px}.v8-perks>div:last-child{border:0}.v8-perks strong{color:#fff3eb;font-size:12px}.v8-perks small{color:#beb1d9;font-size:10px}.v8-perk-symbol{color:#ffdd79}
.v8-lobby{margin-top:10px}.v8-lobby-intro,.v8-public{background:linear-gradient(125deg,#281252e8,#190f42db);border:1px solid #b27ced7e;box-shadow:0 12px 24px #03020e7d;border-radius:21px}
.v8-lobby-intro h2{color:#fff8f4}.v8-lobby-intro h2 em{color:#ffdc73}.v8-lobby-intro p{color:#c9bbeb}.v8-public strong{color:#ffe49b}
.v8-empty,.open-room-item{background:#170f36;border-color:#5b4c99;color:#ddd5f1}
.v8-bottom{padding:12px 17px;background:#24124b;color:white;border:1px solid #835cc191;border-radius:18px}.v8-bottom h2{color:#fff5f3}.v8-footer{background:#110a28;border-top:1px solid #7952b26d;color:#bdb3d6}
/* Sala: el tablero y los dados son los elementos centrales */
.game-shell{background:radial-gradient(circle at 52% 16%,#521a9b75,transparent 50%),radial-gradient(circle at 12% 44%,#17177d66,transparent 40%),linear-gradient(160deg,#0c0b30,#220b4d 60%,#10092d);color:#fff7ed}
.game-top{background:linear-gradient(100deg,#1c1046ee,#26104fe8);border-bottom:1px solid #a36cfa70;box-shadow:0 8px 27px #04021fa8}
.game-title strong{color:#f9d278}.game-meta .copy-btn,.back-btn{border-color:#ba80ff77;background:#27114f;color:#fff0e9}
.game-layout{max-width:1640px;grid-template-columns:minmax(0,1.46fr) minmax(290px,.54fr);gap:16px}
.board-column{min-width:0}.board-toolbar{background:#2b145288;border:1px solid #af80e765;color:#ffe8ae;border-radius:11px;padding:8px 13px;margin-bottom:8px}
.board-stage{border:4px solid #ffc96c;background:#f7e4b7;border-radius:24px;box-shadow:0 0 0 4px #4e2485,0 0 34px #ffac405a,0 17px 32px #02010bbd;overflow:hidden}
.board-stage canvas{width:100%;display:block;touch-action:manipulation}
.board-watermark{background:#2a1256ad;color:#fff5df;border-radius:12px;padding:5px 10px}
.dice-panel{background:linear-gradient(125deg,#321258,#1c103e);border:1px solid #9e5edce0;border-radius:21px;box-shadow:0 7px 25px #0009;padding:14px}
.dice-left strong{color:#ffe1a5}.dice-fairness{color:#bbaee1!important}.dice-panel .die{border:2px solid #f8cb77!important;border-radius:12px!important;box-shadow:0 7px 14px #0008,0 0 17px #a376fa4d;background:#fff8ee!important;color:#222}
.dice-panel.is-rolling .die{animation:v13DiceSpin .16s infinite alternate}
@keyframes v13DiceSpin{0%{transform:rotate(-17deg) scale(.94)}100%{transform:rotate(18deg) scale(1.08)}}
#moveChoices{background:#180b34a3;border-radius:12px}.move-choice,.move-change-die{border-color:#b78be4!important;background:#2e1c5c!important;color:#fff2eb!important}.move-choice-exit{background:linear-gradient(110deg,#f8c152,#e9a63f)!important;color:#29122c!important;font-weight:900}
.game-sidebar>.panel{background:linear-gradient(155deg,#2d165e,#170e3c)!important;border:1px solid #945de5a8;box-shadow:0 11px 23px #0005;border-radius:20px}.game-sidebar>.panel:first-child{border-color:#ffc96eb7}.panel-title{color:#ffe4aa;font-size:11px}
.player-seat.v12-player-seat{background:#ffffff09;border:1px solid color-mix(in srgb,var(--seat-color) 56%,#9961ec);border-radius:13px}.player-seat.v12-player-seat.turning{border:2px solid #ffc458!important;background:#f4c44b27!important;box-shadow:0 0 15px #ffcf6565!important}.player-seat.v12-player-seat.v12-me{background:#7147df25}.v12-position{background:linear-gradient(145deg,#ffedaa,#fcbf48);color:#231538;box-shadow:0 3px 0 #9d5a22}
.v12-player-seat .seat-face{background:#1d0e44;border-color:var(--seat-color)}.v12-player-seat .seat-meta b{color:#fff9f4}.v12-player-seat .seat-meta small{color:#cfc3e8}.v12-rank-side strong{color:#ffd880}.v12-progress{background:linear-gradient(to right,#ffd56f 0 var(--percent),#4d3e79 var(--percent) 100%)}
.game-sidebar .chat-panel{background:#190e40!important}.chat-messages{color:#f4e9fb}.chat-bubble{border-color:#7154ac;color:#faf1ff}
.game-mobile-dock{background:#1b103def!important;border-top:1px solid #a86af599!important;backdrop-filter:blur(18px)}.game-mobile-dock button{color:#efe7ff!important}
.v13-hint-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hint-btn,.hint-wallet{border:1px solid #ae73fa;border-radius:12px;padding:10px 12px;background:#29144b;color:#fff4e5;font-weight:900;font-size:12px;cursor:pointer}.hint-btn{flex:1}.hint-wallet{background:linear-gradient(115deg,#ffe5a2,#edae40);color:#21122e;border-color:#ffd46c}.hint-btn:disabled{opacity:.55;cursor:not-allowed}
.recharge-form{display:grid;gap:12px}.payment-destination{background:#1a1040;border:1px solid #a181f1;border-radius:14px;padding:14px;display:grid;gap:8px}.pay-dest-value{font-size:19px;font-weight:900;overflow-wrap:anywhere;color:#ffe3a0}.order-history{display:grid;gap:7px;margin-top:10px}.order-history>div{background:#211247;border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap}.order-history span{color:#c7b4e8;font-size:12px}.hint-options{display:flex;gap:9px;flex-wrap:wrap}.hint-response{border-radius:12px;padding:15px;margin-top:14px;background:#34205b;color:#f8e8aa;min-height:40px}
.dialog{background:linear-gradient(165deg,#2a1456,#16102f)!important;border:1px solid #b783edc7!important;box-shadow:0 25px 75px #060017cc,0 0 40px #5a28ab4a!important;color:#fff7f2}.dialog h2{color:#fff8f0}.dialog .field{background:#170d34;border:1px solid #aa8bda;color:#faf3ff}.shop-tile{background:linear-gradient(145deg,#3c1a62,#231048)!important;border-color:#9271d0!important}.shop-tabs .active{background:#ffd26d!important;color:#2b1349!important}.wallet-bar{background:#36195c!important;color:#ffe49e!important}.profile-photo{border:3px solid #ffc862!important}
@media(hover:hover){.v8-hero-image:hover{transform:rotate(0) scale(1.035)}.btn:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-2px)}.v8-theme:hover{transform:translateY(-4px) scale(1.02)}}
@media(max-width:1100px){.sitebar{gap:10px}.sitebar .btn{font-size:10px}.v8-hero{min-height:390px;padding-top:23px}.v8-hero-visual{height:350px}.v8-hero-image{max-height:340px}.v8-hero h1{font-size:clamp(52px,6vw,80px)}}
@media(max-width:820px){.sitebar{padding:9px 13px}.navlinks{display:none}.v8-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:20px 14px 0}.v8-hero h1{font-size:clamp(52px,10vw,80px)}.v8-hero-visual{height:auto;margin-top:10px;max-width:600px;align-self:center}.v8-hero-image{max-height:370px}.v8-themes{margin-top:8px}.game-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.board-stage{width:100%}.game-sidebar{max-height:none}.v8-perks{gap:4px}}
@media(max-width:570px){
 .sitebar{gap:5px;min-height:64px}.sitebar .brand-badge{height:37px;width:37px;min-width:37px;font-size:22px}.sitebar .brand-name{font-size:19px}.sitebar .brand-name small{font-size:7px}.bar-actions{gap:5px}.sitebar .bar-actions .btn{min-height:35px;padding:7px 8px;font-size:9px}.sitebar #myRoomsButton{display:none}.sitebar #walletButton{font-size:0;max-width:34px;padding:8px}.sitebar #walletButton::first-letter{font-size:17px}.sitebar #accountButton{max-width:85px;overflow:hidden;text-overflow:ellipsis}.sitebar #coinTop{font-size:10px;padding:4px 6px;white-space:nowrap}
 .v8-hero{padding:19px 12px 0}.v8-hero h1{font-size:clamp(48px,12.5vw,72px);margin-bottom:12px}.v8-kicker{font-size:10px!important}.v8-lead{font-size:13px;line-height:1.45;margin-bottom:17px}.v8-hero-caption{font-size:10px;margin-top:10px}
 .v8-hero .v8-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v8-hero .v8-hero-actions .btn:first-child{grid-column:1/-1}.v8-hero .v8-hero-actions .btn{white-space:normal;min-height:48px;font-size:11px}.v8-hero-visual{max-width:100%;margin:11px 0 4px}.v8-hero-image{max-height:258px;transform:rotate(-1deg);border-radius:15px}.v8-hero-label{font-size:9px;top:5px;right:8px}
 .v8-themes{margin:6px 9px 0;padding:8px}.v8-themes-track{gap:8px}.v8-theme{height:86px}.v8-perks{display:grid!important;grid-template-columns:1fr 1fr;margin:9px;gap:8px;padding:9px}.v8-perks>div{border:0;min-width:0}.v8-perks small{display:none}.v8-perks strong{font-size:11px}
 .v8-lobby{margin:9px;gap:9px}.v8-lobby-intro{padding:15px}.v8-lobby-intro h2{font-size:29px}.v8-public{padding:14px}.v8-bottom{margin:9px;padding:12px}.v8-bottom h2{font-size:21px}.v8-footer{font-size:10px;padding:15px}
 .game-top{padding:8px}.game-top .game-title strong{font-size:14px}.game-meta .pill{display:none}.game-meta .copy-btn{font-size:10px;padding:7px}.board-toolbar{padding:6px 8px;font-size:10px}.board-stage{border:2px solid #ffcd78;border-radius:13px}.board-watermark{display:none}.game-layout{padding:4px;gap:7px}.dice-panel{padding:9px}.dice-controls{gap:6px}.dice-panel .btn{font-size:10px;padding:9px}.dice-panel .die{width:48px;height:48px}.v13-hint-row{gap:5px}.hint-btn,.hint-wallet{font-size:10px;padding:8px}.game-sidebar{display:flex;flex-direction:column}.game-sidebar>.panel:first-child{padding:10px}.seat-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.player-seat.v12-player-seat{padding:6px;min-height:60px}.v12-player-seat .seat-meta b{font-size:10px}.v12-player-seat .seat-meta small{font-size:9px}.v12-rank-side{flex-basis:100%}.game-events{display:none}.chat-panel{min-height:220px}
}
@media(max-width:370px){.sitebar .brand-name small{display:none}.sitebar #coinTop{display:none}.sitebar .btn-gold{padding:7px!important}.v8-hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.v8-hero-image{transform:none!important}.dice-panel.is-rolling .die{animation:none!important}}