/* Identidad UsuParchís: color del juego original, mascota rosa y superficies legibles.
   Solo presentación: los contratos y decisiones del servidor se mantienen. */
:root{--green:#25475b;--gold:#efc776;--line:#ddd9e8;--muted:#746d82;color:#302e48;background:#315e86}
body{min-height:100dvh;background:radial-gradient(ellipse at 90% 4%,#e283a5 0,transparent 48%),radial-gradient(ellipse at 8% 100%,#16a59d 0,transparent 52%),linear-gradient(125deg,#225d99 0%,#6663a5 48%,#a36194 100%);background-attachment:fixed}
.app-header{background:#142b4b35;border-color:#ffffff25;color:white;padding:10px 4vw;backdrop-filter:blur(18px)}.brand img{width:65px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 5px #26315630)}.brand b{letter-spacing:-1px}.brand small{color:#f7d9e7;letter-spacing:2px}.brand b span{font-weight:400}.account-name{color:#fff}.app-header .icon-button{background:#ffffff13;border-color:#ffffff50;color:#fff}.app-header .icon-button:hover{background:#ffffff28}
.access{max-width:1260px;padding:34px 40px 38px;gap:70px;grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr)}.welcome{color:white;min-height:610px}.welcome .eyebrow{color:#ffe6bc;font-size:11px;letter-spacing:2px}.welcome h1{font-family:Georgia,serif;font-size:54px;line-height:1.08;letter-spacing:-1.7px;margin:18px 0}.welcome h1 em{color:#ffe0a7}.welcome p{color:#f4efff;line-height:1.55;font-size:15px;max-width:420px}.hero-board{position:relative;right:auto;bottom:auto;width:100%;height:260px;margin:25px 0 18px;transform:none;filter:none}.hero-board:after{display:none}.hero-classic-board{position:absolute;width:225px;height:225px;left:8px;top:16px;transform:rotate(-8deg);border:6px solid #fff4df;border-radius:9px;box-shadow:0 18px 35px #14234355}.hero-mascot{position:absolute;width:230px;height:252px;object-fit:contain;right:-10px;bottom:0;filter:drop-shadow(0 14px 16px #20345644)}.hero-dice{position:absolute;left:165px;bottom:0;width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 9px 7px #26334455);z-index:2}.signature{position:static;color:#eeedff;font-size:12px;display:block}.login-card{background:#fffcfffa;border:1px solid #ffffffa0;border-radius:25px;padding:30px;box-shadow:0 24px 70px #24295635;position:relative;overflow:hidden}.login-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#e17494 0 25%,#559acb 25% 50%,#58af91 50% 75%,#f1c569 75%)}.eyebrow{color:#98607e}.login-card h2{color:#393551}.login-card>p{color:#787285}.primary{background:linear-gradient(120deg,#3e5482,#704c7d);border-color:#b99ab9;color:white;box-shadow:0 4px 12px #684f7520}.primary:hover{background:linear-gradient(120deg,#344979,#805281)}.enter-button{height:48px;border-radius:12px}.login-card input{background:#fff;border-color:#dfdce7}.login-card input:focus{border-color:#b0729b}.check input{accent-color:#775787}.login-extras a,.legal{color:#80637d}.divider{color:#8b8090}.divider:before,.divider:after{background:#e8e0e9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#efbd73}button:hover{border-color:#b799c0}#status{background:#ffefd9;color:#704b38}
.rooms-view{max-width:1260px;padding:38px 36px}.section-heading{color:#fff}.section-heading .eyebrow{color:#ffe3b6}.section-heading h1{font-size:45px}.section-heading p{color:#f4eefa}.section-heading .icon-button{background:#ffffff20;color:#fff;border-color:#ffffff50}.room-grid{gap:24px}.room-card{background:#fffcff;border:1px solid #ffffffa0;border-radius:20px;box-shadow:0 12px 30px #20395524;max-width:none}.room-art,.room-card:nth-child(3n+2) .room-art,.room-card:nth-child(3n+3) .room-art{height:192px;background:#fff;display:flex;align-items:center;justify-content:center;padding:38px 24px 12px;border-bottom:1px solid #ece4ee}.room-image{width:100%;height:100%;max-width:290px;object-fit:contain}.room-number{color:#935b7d;left:22px;top:16px;font-size:10px}.room-copy{padding:22px;background:linear-gradient(135deg,#fbf3f8,#eef7fc)}.room-card:nth-child(3n+2) .room-copy{background:linear-gradient(135deg,#f0f4ff,#f7effa)}.room-card:nth-child(3n+3) .room-copy{background:linear-gradient(135deg,#eaf7f2,#fff6e9)}.room-copy h2{color:#4b3c5d;font-size:27px}.room-meta{color:#7b7087}.room-arrow{border:0;color:#835772;background:#eadcea}.room-card:hover{border-color:#ffe0ac;box-shadow:0 14px 35px #20395535}
.in-salon{background:radial-gradient(ellipse at 100% 0,#d078a050,transparent 65%),linear-gradient(130deg,#3478a2,#568eaf 45%,#70afa5)}.in-salon .app-header{background:#223a6655}.salon-heading{color:white}.salon-heading h1{color:#fff4df}.salon-heading>div{color:#f8f1ff}.salon-heading select{background:#ffffffec;border-color:#ffffff55;color:#534564}.table-card{background:#fffafd;border:1px solid #ffffffb3;box-shadow:0 5px 15px #183e6b19;border-radius:16px}.table-card header strong{color:#544165}.table-card header small{color:#84768b}.mini-board{width:168px;height:168px;margin:9px auto}.classic-table{width:100%;height:100%;display:block;object-fit:contain;border-radius:3px}.table-meta{color:#817486}.table-price{color:#955572}.seat .avatar{border-radius:8px;box-shadow:0 2px 5px #0003}.seat.empty-seat{display:none}.seat .nick{background:#352d48e8}.seat-3{top:10px;left:10px}.seat-2{top:10px;right:10px}.seat-4{bottom:10px;left:10px}.seat-1{bottom:10px;right:10px}.conversation-page,.players-page{border-color:#fff9;box-shadow:0 5px 20px #20395516;background:#fff;border-radius:16px}.pane-heading{background:linear-gradient(100deg,#f7edf5,#eff6fc);border-bottom-color:#e9e1ed;color:#654a70}.pane-heading .icon-button{border-color:#e4d9e7;background:white;color:#765681}.chat-line strong{color:#83557a}.chat-line.system{color:#8a8290}.composer{background:#faf5fa;border-top-color:#e9e0ec}.composer input{background:#fff;border-color:#e3dbe8;color:#473b54}.send{background:#765581;border-color:#c99eba}.player-row{border-bottom-color:#f1eaf1}.player-row strong{color:#584665}.player-row small{color:#8a7d91}.avatar{background:#eee3ef;color:#765881}.players-page>input{border-color:#e6dce9}.mobile-tabs{background:#f9f4fbd9;backdrop-filter:blur(12px);border-top-color:#e3d8ea}.mobile-tabs [aria-selected=true]{background:linear-gradient(125deg,#46688f,#8b638f);color:white}.mobile-tabs button{color:#675372}dialog{background:#fffcff;border-color:#d0b1ca;color:#493a58}dialog::backdrop{background:#19294399}.emoji-picker{background:#fffcff;color:#554065;border-color:#d7b3ce}.emoji-categories [aria-pressed=true]{background:#775784}.emoji-grid button{background:#fff}.chat-follow-new,#new-messages{color:#81577d;background:#fff2f9}.empty{color:#fff}
@media(max-width:1100px) and (min-width:761px){.access{gap:35px;padding:30px}.welcome h1{font-size:45px}.hero-classic-board{width:185px;height:185px;left:0;top:30px}.hero-mascot{width:190px;right:-8px}.hero-dice{left:125px;width:80px;height:80px}.login-card{padding:25px}.welcome{min-height:580px}}
@media(max-width:760px){.app-header{padding:7px 16px}.brand img{width:50px;height:58px}.brand b{font-size:25px}.brand small{font-size:7px;letter-spacing:1.5px}.access{padding:24px 20px 30px}.welcome{min-height:0}.welcome h1{font-size:38px;max-width:340px;margin:12px 0}.welcome .eyebrow{font-size:9px}.welcome p{font-size:13px;max-width:330px}.hero-board{display:block;height:176px;max-width:350px;margin:16px auto 0}.hero-classic-board{width:146px;height:146px;left:20px;top:10px;border-width:4px}.hero-mascot{width:162px;height:175px;right:5px}.hero-dice{width:65px;height:65px;left:138px;bottom:6px}.signature{display:none}.login-card{margin:18px auto 0;padding:25px 23px}.login-card h2{font-size:29px}.rooms-view{padding:25px 17px}.section-heading h1{font-size:35px}.room-grid{gap:16px}.room-card{grid-template-columns:115px minmax(0,1fr)}.room-art,.room-card:nth-child(3n+2) .room-art,.room-card:nth-child(3n+3) .room-art{height:100%;min-height:132px;padding:28px 10px 12px;border:0}.room-number{font-size:8px;top:13px;left:12px}.room-copy{padding:24px 14px}.room-copy h2{font-size:23px}.room-image{height:88px}.room-meta{font-size:10px}.in-salon .brand img{width:43px;height:48px}.salon-heading h1{font-size:25px}.salon-heading select{background:#fff}.mini-board{width:min(158px,100%);height:auto}.conversation-page,.players-page{border-radius:0}.table-card{padding:9px 7px}.seat .avatar{width:35px;height:35px}.seat .nick{font-size:9px}.pane-heading{height:45px}.table-meta{font-size:9px}}
@media(max-height:500px) and (orientation:landscape){.in-salon .app-header{height:44px;padding:2px 10px}.in-salon .brand img{width:35px;height:38px}.in-salon .brand b{font-size:19px}.in-salon .brand small{font-size:6px;margin-top:1px}.salon-heading{padding:5px 12px}.salon-heading h1{font-size:21px}.mobile-tabs{padding:3px}.mobile-tabs button{padding:5px}.pane-heading{height:36px}.mini-board{width:140px;height:140px}.table-card{padding:8px}}