:root{--rl-ink:#092f34;--rl-ink-2:#123f43;--rl-deep:#071f23;--rl-gold:#d5ad62;--rl-gold-soft:#f0d79b;--rl-paper:#f5eedf;--rl-rose:#a34d63;--rl-rose-soft:#d9869b;--rl-text:#243536;--rl-muted:#6f7f7e;--rl-line:rgba(12,55,59,.14);--rl-shadow:0 24px 70px rgba(4,27,30,.18)}
.rl-lobby-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 24%,rgba(213,173,98,.18),transparent 28%),linear-gradient(135deg,#071f23 0%,#0b3439 52%,#102a2e 100%);color:#fff;min-height:620px;display:flex;align-items:center}
.rl-lobby-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.rl-lobby-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.4}.rl-lobby-orb--one{width:360px;height:360px;background:#7d4157;right:-100px;top:-120px}.rl-lobby-orb--two{width:260px;height:260px;background:#2b8b85;left:-100px;bottom:-120px}
.rl-lobby-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:70px;padding-top:76px;padding-bottom:76px}
.rl-lobby-copy h1,.rl-inner-hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(4rem,8vw,7rem);line-height:.82;margin:18px 0 28px;letter-spacing:-.055em;color:#fff}.rl-lobby-copy h1 em{font-family:"Great Vibes",cursive;font-size:.82em;color:var(--rl-gold-soft);font-weight:400;display:block;margin-left:92px;letter-spacing:0}.rl-lobby-copy>p{max-width:720px;font-size:1.18rem;line-height:1.75;color:rgba(255,255,255,.78)}
.rl-eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:var(--rl-gold-soft)}.rl-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.rl-button{appearance:none;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;cursor:pointer;transition:.22s ease;font-family:inherit}.rl-button:hover{transform:translateY(-2px)}.rl-button--gold{background:linear-gradient(135deg,#efd596,#c99643);color:#183437;box-shadow:0 12px 30px rgba(213,173,98,.23)}.rl-button--rose{background:linear-gradient(135deg,#db8ca1,#9d455e);color:#fff;box-shadow:0 12px 30px rgba(163,77,99,.25)}.rl-button--ghost{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff}.rl-button--ghost-dark{border:1px solid rgba(15,58,62,.16);background:#fff;color:#21484a}.rl-button--danger{background:#8d2d43;color:#fff}.rl-button--wide{width:100%}.rl-live-strip{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:rgba(255,255,255,.6);font-size:.85rem}.rl-live-strip span:first-child{color:#9ee0c8}.rl-live-strip i{font-size:.55rem;color:#5ce2b0;animation:rlPulse 1.5s infinite}
.rl-hero-table{position:relative;min-height:470px;display:grid;place-items:center}.rl-hero-lamp{position:absolute;top:-40px;width:260px;height:180px;background:radial-gradient(ellipse,rgba(247,208,124,.38),transparent 67%);filter:blur(3px)}.rl-mini-board{position:relative;display:grid;grid-template-columns:repeat(8,44px);transform:perspective(800px) rotateX(56deg) rotateZ(-7deg);box-shadow:0 55px 80px rgba(0,0,0,.48);border:18px solid #342016;border-radius:11px;overflow:visible}.rl-mini-board span{width:44px;height:44px;background:#e7d4ae}.rl-mini-board span.dark{background:#2e5a56}.rl-mini-board .piece{position:absolute;font-size:58px;line-height:1;color:#f7e8c8;text-shadow:0 8px 13px rgba(0,0,0,.5);transform:rotateX(-50deg);animation:rlFloat 3.3s ease-in-out infinite}.rl-mini-board .p1{left:16px;top:6px}.rl-mini-board .p2{right:44px;top:43px;animation-delay:.3s}.rl-mini-board .p3{left:154px;top:112px;animation-delay:.7s}.rl-mini-board .p4{right:75px;bottom:28px;color:#0d2e30;animation-delay:1s}.rl-mini-board .p5{left:68px;bottom:42px;color:#0d2e30;animation-delay:1.3s}.rl-table-shadow{position:absolute;width:430px;height:80px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(24px);bottom:27px}
.rl-section{padding-top:90px;padding-bottom:96px}.rl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.rl-section-heading>div>span,.rl-panel__head span,.rl-ranking-table-card header span{display:block;color:var(--rl-rose);text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.72rem}.rl-section-heading h2,.rl-panel__head h2,.rl-ranking-table-card h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.3rem,4vw,3.7rem);line-height:1;margin:8px 0 0;color:var(--rl-ink)}.rl-section-heading>p{max-width:520px;color:var(--rl-muted);line-height:1.7}.rl-section-heading--light h2{color:#fff}.rl-section-heading--light>div>span{color:var(--rl-gold-soft)}.rl-game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.rl-game-card{position:relative;overflow:hidden;border:1px solid var(--rl-line);border-radius:28px;padding:38px;min-height:520px;background:linear-gradient(150deg,#fff,#f7f0e6);box-shadow:var(--rl-shadow);isolation:isolate}.rl-game-card:after{content:"";position:absolute;inset:auto -100px -140px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(23,78,81,.16),transparent 68%);z-index:-1}.rl-game-card--checkers{background:linear-gradient(150deg,#fff8f9,#f0e6e8)}.rl-game-card--checkers:after{background:radial-gradient(circle,rgba(164,73,99,.18),transparent 68%)}.rl-game-card__shine{position:absolute;inset:-30% auto auto 48%;width:60%;height:180%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);opacity:.5}.rl-game-card__icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--rl-ink);color:var(--rl-gold-soft);font-size:2.1rem;box-shadow:0 17px 33px rgba(8,47,52,.22)}.rl-game-card--checkers .rl-game-card__icon{background:#8f4057;color:#fff}.rl-game-card__kicker{display:block;margin-top:30px;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;color:var(--rl-rose);font-weight:800}.rl-game-card h3{font-family:"Cormorant Garamond",serif;font-size:3.15rem;color:var(--rl-ink);margin:9px 0 12px}.rl-game-card p{line-height:1.7;color:#566766}.rl-game-card ul{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:10px}.rl-game-card li:before{content:"✦";color:var(--rl-gold);margin-right:10px}.rl-game-card .rl-button{margin-top:auto}
.rl-live-section{background:linear-gradient(145deg,#092b30,#071d20);padding:82px 0 94px;position:relative;overflow:hidden}.rl-live-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 20%,rgba(163,77,99,.2),transparent 22%),radial-gradient(circle at 90% 70%,rgba(213,173,98,.15),transparent 25%)}.rl-live-section>.container{position:relative}.rl-refresh-indicator{color:rgba(255,255,255,.58);font-size:.86rem}.rl-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rl-room-card{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:24px;color:#fff;backdrop-filter:blur(14px);transition:.25s ease}.rl-room-card:hover{transform:translateY(-5px);border-color:rgba(213,173,98,.48);background:rgba(255,255,255,.1)}.rl-room-card__top{display:flex;justify-content:space-between;align-items:center}.rl-room-type{font-size:.78rem;color:var(--rl-gold-soft);font-weight:800}.rl-room-status{font-size:.66rem;letter-spacing:.12em;color:#b8c6c5}.rl-room-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57e1ae;margin-right:5px;box-shadow:0 0 0 5px rgba(87,225,174,.08);animation:rlPulse 1.4s infinite}.rl-room-card h3{font-family:"Cormorant Garamond",serif;font-size:1.9rem;line-height:1.1;margin:20px 0}.rl-room-players{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.76);font-size:.85rem}.rl-room-avatar,.rl-winner-avatar,.rl-ranking-avatar{overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#173f42;color:#f5d998}.rl-room-avatar{width:34px;height:34px}.rl-room-avatar img,.rl-winner-avatar img,.rl-ranking-avatar img{width:100%;height:100%;object-fit:cover}.rl-room-players em{opacity:.4}.rl-room-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;color:rgba(255,255,255,.48);font-size:.72rem}.rl-room-enter{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:800}.rl-loading-card,.rl-empty-live{grid-column:1/-1;text-align:center;padding:50px;border:1px dashed rgba(255,255,255,.2);border-radius:24px;color:rgba(255,255,255,.65)}.rl-empty-live i{font-size:2rem;color:var(--rl-gold-soft)}
.rl-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:78px;padding-bottom:100px}.rl-panel{background:#fff;border:1px solid var(--rl-line);border-radius:24px;padding:28px;box-shadow:0 18px 48px rgba(8,47,52,.09)}.rl-panel__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.rl-panel__head h2{font-size:2.35rem}.rl-panel__head>a{font-size:.8rem;color:var(--rl-rose);font-weight:800}.rl-winner-list,.rl-ranking-list{display:grid}.rl-winner-item,.rl-ranking-item{display:grid;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--rl-line);text-decoration:none;color:inherit}.rl-winner-item{grid-template-columns:46px 1fr auto}.rl-winner-avatar,.rl-ranking-avatar{width:44px;height:44px}.rl-winner-item strong,.rl-ranking-item strong{display:block;color:var(--rl-ink)}.rl-winner-item span,.rl-ranking-item span{color:var(--rl-muted);font-size:.76rem}.rl-winner-item>i{color:var(--rl-gold)}.rl-ranking-item{grid-template-columns:30px 44px 1fr auto}.rl-ranking-number{width:26px;height:26px;border-radius:50%;display:grid!important;place-items:center;background:#f0e6d6;color:#6b4c28!important;font-weight:800}.rl-ranking-item>b{color:var(--rl-rose);font-size:1.05rem}.rl-empty-small{padding:30px 0;color:var(--rl-muted)}
.rl-modal[hidden],.rl-promotion-modal[hidden]{display:none}.rl-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.rl-modal__backdrop{position:absolute;inset:0;background:rgba(2,17,20,.78);backdrop-filter:blur(7px)}.rl-modal__card{position:relative;z-index:1;width:min(620px,100%);background:linear-gradient(160deg,#fff,#f4ecdf);border-radius:28px;padding:38px;box-shadow:0 30px 100px rgba(0,0,0,.38)}.rl-modal__card h2{font-family:"Cormorant Garamond",serif;font-size:3rem;color:var(--rl-ink);margin:10px 0 26px}.rl-modal__close{position:absolute;right:18px;top:18px;border:0;background:#e9dfcf;width:38px;height:38px;border-radius:50%;cursor:pointer}.rl-create-form{display:grid;gap:18px}.rl-create-form label{display:grid;gap:7px;font-weight:800;color:var(--rl-ink);font-size:.84rem}.rl-create-form input,.rl-create-form select{border:1px solid rgba(8,47,52,.16);border-radius:13px;padding:13px 14px;background:#fff;font:inherit;color:var(--rl-text)}.rl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rl-form-result{font-size:.84rem;color:#3b775a}.rl-form-result.is-error{color:#a92b45}.rl-login-needed{text-align:center;padding:20px}.rl-login-needed i{font-size:2rem;color:var(--rl-gold)}
.rl-game-page{background:linear-gradient(180deg,#f2eadc,#e8ddcd);padding:30px 0 90px;min-height:100vh}.rl-game-topbar{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.rl-back-link{display:inline-flex;gap:8px;align-items:center;color:inherit;text-decoration:none;font-size:.83rem;font-weight:800;opacity:.72}.rl-game-title-row{display:flex;align-items:center;gap:13px;margin-top:12px}.rl-game-title-row h1{font-family:"Cormorant Garamond",serif;color:var(--rl-ink);font-size:clamp(2.1rem,4vw,3.7rem);margin:0}.rl-game-badge{background:var(--rl-ink);color:var(--rl-gold-soft);border-radius:999px;padding:7px 11px;font-size:.65rem;font-weight:900;letter-spacing:.12em}.rl-game-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:#667674;font-size:.78rem}.rl-status-live{font-size:.55rem;color:#21b980}.rl-game-top-actions{display:flex;gap:8px;align-items:center}.rl-icon-button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(9,47,52,.13);background:#fff;color:var(--rl-ink);cursor:pointer}
.rl-play-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(265px,24vw,340px);gap:18px;align-items:start;transition:grid-template-columns .25s ease}.rl-play-layout.is-chat-collapsed{grid-template-columns:minmax(0,1fr) 76px}.rl-board-column{min-width:0}.rl-chat-column{position:sticky;top:18px;height:min(790px,calc(100vh - 40px));min-height:620px;background:linear-gradient(180deg,#0a3035,#071f23);border-radius:22px;overflow:hidden;color:#fff;display:grid;grid-template-rows:auto auto 1fr auto auto;box-shadow:0 25px 70px rgba(3,25,28,.25)}.rl-play-layout.is-chat-collapsed .rl-chat-column{grid-template-rows:auto}.rl-play-layout.is-chat-collapsed .rl-chat-column>*:not(.rl-chat-head){display:none}.rl-play-layout.is-chat-collapsed .rl-chat-head>div{display:none}.rl-play-layout.is-chat-collapsed .rl-chat-head{justify-content:center}.rl-play-layout.is-chat-collapsed .rl-chat-collapse i{transform:rotate(180deg)}
.rl-player-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid rgba(9,47,52,.12);border-radius:18px;padding:12px 15px;box-shadow:0 9px 25px rgba(7,37,40,.08);transition:.2s}.rl-player-card.is-active{border-color:var(--rl-gold);box-shadow:0 0 0 3px rgba(213,173,98,.16),0 14px 35px rgba(7,37,40,.13)}.rl-player-avatar{width:48px;height:48px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#173e42,#0b282c);color:var(--rl-gold-soft);display:grid;place-items:center;font-weight:900}.rl-player-avatar img{width:100%;height:100%;object-fit:cover}.rl-player-info small,.rl-player-info em{display:block;font-size:.68rem;color:#7a8987}.rl-player-info strong{display:block;color:var(--rl-ink);font-size:1rem;margin:2px 0}.rl-player-info em{font-style:normal}.rl-clock{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.38rem;font-weight:900;color:var(--rl-ink);background:#f2eadc;border-radius:12px;padding:9px 12px}.rl-clock.is-low{background:#8f2e46;color:#fff;animation:rlClock 1s infinite}.rl-board-stage{position:relative;margin:12px 0;background:radial-gradient(circle at 50% 18%,rgba(238,207,137,.28),transparent 40%),linear-gradient(135deg,#0b3034,#071c20);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(5,35,38,.28);aspect-ratio:1/1}.rl-board-ambient{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;opacity:.5}.rl-phaser-board{position:absolute;inset:8px}.rl-phaser-board canvas{display:block!important;width:100%!important;height:100%!important}.rl-board-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(5,25,28,.6);backdrop-filter:blur(4px)}.rl-board-overlay[hidden]{display:none}.rl-overlay-card{width:min(390px,84%);text-align:center;background:rgba(250,244,232,.96);color:var(--rl-ink);padding:31px;border-radius:22px;box-shadow:0 22px 80px rgba(0,0,0,.28)}.rl-overlay-card>i{font-size:2rem;color:var(--rl-gold)}.rl-overlay-card h2{font-family:"Cormorant Garamond",serif;font-size:2.3rem;margin:10px 0 7px}.rl-overlay-card p{color:#657472;line-height:1.55}.rl-overlay-card--result>i{font-size:2.8rem}.rl-game-actions-bar{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.rl-moves-panel{margin-top:16px;background:#fff;border-radius:18px;border:1px solid rgba(9,47,52,.11);overflow:hidden}.rl-moves-panel summary{display:flex;justify-content:space-between;padding:16px 18px;cursor:pointer;color:var(--rl-ink);font-weight:800}.rl-moves-panel summary small{color:#879391}.rl-moves-list{max-height:220px;overflow:auto;padding:0 17px 14px}.rl-moves-list>div{display:grid;grid-template-columns:35px 90px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--rl-line);font-size:.8rem}.rl-moves-list>div span{color:#9a7441}.rl-moves-list>div small{color:#7d8988}
.rl-chat-head{display:flex;justify-content:space-between;align-items:center;padding:18px 17px;border-bottom:1px solid rgba(255,255,255,.09)}.rl-chat-head strong,.rl-chat-head small{display:block}.rl-chat-head small{color:rgba(255,255,255,.48);font-size:.68rem;margin-top:2px}.rl-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ae0aa;margin-right:8px;box-shadow:0 0 0 5px rgba(74,224,170,.08)}.rl-chat-collapse{border:0;background:rgba(255,255,255,.09);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer}.rl-chat-notice{padding:11px 15px;background:rgba(213,173,98,.12);color:rgba(255,255,255,.68);font-size:.7rem;line-height:1.4}.rl-chat-messages{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.rl-chat-loading{color:rgba(255,255,255,.45);text-align:center;margin:auto;font-size:.8rem}.rl-chat-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}.rl-chat-avatar{width:30px;height:30px;border-radius:10px;overflow:hidden;background:#1b4b4e;display:grid;place-items:center;color:#f3d28b;font-size:.75rem}.rl-chat-avatar img{width:100%;height:100%;object-fit:cover}.rl-chat-message>div:last-child{background:rgba(255,255,255,.075);border-radius:5px 13px 13px 13px;padding:9px 10px;min-width:0}.rl-chat-message.is-mine>div:last-child{background:rgba(213,173,98,.17)}.rl-chat-message header{display:flex;justify-content:space-between;gap:8px}.rl-chat-message header strong{color:#f0d79b;font-size:.72rem;overflow:hidden;text-overflow:ellipsis}.rl-chat-message time{color:rgba(255,255,255,.35);font-size:.62rem}.rl-chat-message p{font-size:.78rem;line-height:1.43;color:rgba(255,255,255,.85);margin:4px 0 0;overflow-wrap:anywhere}.rl-chat-reactions{display:flex;justify-content:center;gap:4px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07)}.rl-chat-reactions button{border:0;background:rgba(255,255,255,.08);border-radius:9px;width:33px;height:31px;cursor:pointer}.rl-chat-form{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.rl-chat-form textarea{width:100%;min-height:70px;max-height:140px;resize:vertical;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;padding:10px;font:inherit;font-size:.78rem}.rl-chat-form textarea::placeholder{color:rgba(255,255,255,.4)}.rl-chat-form>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px;color:rgba(255,255,255,.38);font-size:.68rem}.rl-chat-form button{border:0;width:37px;height:37px;border-radius:50%;background:var(--rl-gold);color:var(--rl-ink);cursor:pointer}.rl-chat-login{padding:18px;text-align:center;color:rgba(255,255,255,.58);font-size:.8rem}.rl-chat-login a{color:var(--rl-gold-soft)}.rl-toast-stack{position:absolute;z-index:20;right:18px;top:18px;display:grid;gap:8px}.rl-toast{background:#fff;color:var(--rl-ink);padding:11px 14px;border-radius:11px;box-shadow:0 10px 25px rgba(0,0,0,.2);font-size:.8rem;transform:translateY(-10px);opacity:0;transition:.22s}.rl-toast.is-visible{transform:none;opacity:1}.rl-toast--error{background:#902f48;color:#fff}.rl-toast--success{background:#1c715c;color:#fff}.rl-promotion-modal{position:fixed;z-index:10050;inset:0;background:rgba(4,21,24,.78);display:grid;place-items:center}.rl-promotion-modal>div{background:#f7f0e4;border-radius:24px;padding:28px;text-align:center}.rl-promotion-modal h3{font-family:"Cormorant Garamond",serif;font-size:2.3rem;color:var(--rl-ink);margin:0}.rl-promotion-modal>div>div{display:flex;gap:8px;justify-content:center}.rl-promotion-modal button{width:68px;height:68px;border-radius:15px;border:1px solid var(--rl-line);background:#fff;font-size:2.5rem;cursor:pointer}
.rl-inner-hero{background:linear-gradient(135deg,#072329,#0c3b40);color:#fff;padding:65px 0}.rl-inner-hero--compact{padding:42px 0}.rl-inner-hero h1{font-size:clamp(3rem,6vw,5rem);margin:15px 0 12px}.rl-inner-hero p{color:rgba(255,255,255,.65)}.rl-ranking-page,.rl-history-page{padding-top:60px;padding-bottom:90px;display:grid;gap:28px}.rl-ranking-table-card{background:#fff;border-radius:24px;border:1px solid var(--rl-line);overflow:hidden;box-shadow:var(--rl-shadow)}.rl-ranking-table-card header{display:flex;gap:16px;align-items:center;padding:24px 28px;background:#f6efe3}.rl-ranking-table-card header .rl-game-card__icon{width:56px;height:56px;border-radius:17px;font-size:1.5rem}.rl-ranking-table-card h2{font-size:2.4rem}.rl-table-wrap{overflow:auto}.rl-ranking-table-card table{width:100%;border-collapse:collapse;min-width:720px}.rl-ranking-table-card th,.rl-ranking-table-card td{padding:14px 18px;text-align:left;border-top:1px solid var(--rl-line)}.rl-ranking-table-card th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#758582}.rl-table-user{display:flex;align-items:center;gap:10px}.rl-table-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--rl-ink);color:var(--rl-gold-soft)}.rl-position{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf0ed}.rl-position--1{background:#e9c66f}.rl-position--2{background:#d7dcde}.rl-position--3{background:#c8996e}.rl-table-empty{text-align:center!important;color:var(--rl-muted)}
.rl-filter-tabs{display:flex;gap:8px}.rl-filter-tabs a{padding:10px 17px;border-radius:999px;background:#fff;border:1px solid var(--rl-line);text-decoration:none;color:var(--rl-ink);font-weight:800}.rl-filter-tabs a.active{background:var(--rl-ink);color:#fff}.rl-history-list{display:grid;gap:14px}.rl-history-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--rl-line);border-radius:20px;padding:20px;box-shadow:0 12px 32px rgba(7,36,39,.07)}.rl-history-game-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--rl-ink);color:var(--rl-gold-soft);font-size:1.6rem}.rl-history-main>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--rl-rose);font-weight:800}.rl-history-main h2{font-family:"Cormorant Garamond",serif;color:var(--rl-ink);font-size:1.75rem;margin:4px 0}.rl-versus{display:flex;gap:8px;align-items:center;font-size:.8rem}.rl-versus em{color:#9ba5a3}.rl-history-main p{font-size:.76rem;color:#6f7f7d;margin:7px 0 0}.rl-history-main p i{color:var(--rl-gold)}.rl-history-stats{display:grid;gap:5px;text-align:right;font-size:.72rem;color:#7b8886}.rl-history-stats b{color:var(--rl-ink)}.rl-history-actions{display:grid;gap:7px}.rl-history-actions a{padding:8px 12px;border-radius:10px;background:#edf1ef;color:var(--rl-ink);font-weight:800;text-decoration:none;font-size:.72rem;text-align:center}.rl-history-actions a:last-child{background:var(--rl-ink);color:#fff}.rl-empty-state{text-align:center;padding:70px;background:#fff;border-radius:24px}.rl-empty-state i{font-size:2.5rem;color:var(--rl-gold)}
.rl-replay-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:24px;align-items:center;padding-top:48px;padding-bottom:90px}.rl-replay-controls{background:#fff;border-radius:22px;padding:25px;box-shadow:var(--rl-shadow)}.rl-replay-controls>span{color:var(--rl-rose);font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.rl-replay-controls h2{font-family:"Cormorant Garamond",serif;color:var(--rl-ink);font-size:2rem}.rl-replay-controls input{width:100%}.rl-replay-controls>div{display:flex;gap:9px;margin-top:18px}.rl-replay-controls button{width:48px;height:48px;border:0;border-radius:50%;background:var(--rl-ink);color:#fff;cursor:pointer}
@keyframes rlFloat{50%{transform:rotateX(-50deg) translateY(-8px)}}@keyframes rlPulse{50%{opacity:.35}}@keyframes rlClock{50%{box-shadow:0 0 0 5px rgba(143,46,70,.15)}}
@media(max-width:1120px){.rl-lobby-hero__inner{grid-template-columns:1fr}.rl-hero-table{display:none}.rl-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-play-layout{grid-template-columns:minmax(0,1fr) 270px}.rl-history-card{grid-template-columns:54px minmax(0,1fr) auto}.rl-history-stats{display:none}.rl-replay-layout{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:820px){.rl-game-cards,.rl-dashboard-grid{grid-template-columns:1fr}.rl-section-heading{align-items:start;flex-direction:column}.rl-room-grid{grid-template-columns:1fr}.rl-game-topbar{align-items:start;flex-direction:column}.rl-play-layout{grid-template-columns:minmax(0,1fr) 190px;gap:8px}.rl-chat-column{height:min(650px,calc(100vh - 20px));min-height:520px;border-radius:16px}.rl-chat-head{padding:12px 10px}.rl-chat-head strong{font-size:.75rem}.rl-chat-notice{display:none}.rl-chat-reactions{flex-wrap:wrap}.rl-chat-reactions button{width:29px}.rl-chat-form{padding:8px}.rl-player-card{grid-template-columns:42px minmax(0,1fr) auto}.rl-player-avatar{width:40px;height:40px}.rl-clock{font-size:1rem;padding:8px}.rl-replay-layout{grid-template-columns:1fr}.rl-history-card{grid-template-columns:50px 1fr}.rl-history-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.rl-form-row{grid-template-columns:1fr}}
@media(max-width:520px){.rl-lobby-hero{min-height:auto}.rl-lobby-hero__inner{padding-top:55px;padding-bottom:55px}.rl-lobby-copy h1{font-size:4rem}.rl-lobby-copy h1 em{margin-left:35px}.rl-live-strip{gap:10px;display:grid}.rl-section{padding-top:60px;padding-bottom:65px}.rl-game-card{padding:26px;min-height:auto}.rl-game-card h3{font-size:2.5rem}.rl-play-layout{grid-template-columns:minmax(0,1fr) 150px}.rl-game-page .container{width:100%;padding-left:7px;padding-right:7px}.rl-chat-column{min-width:0}.rl-chat-head small,.rl-chat-notice,.rl-chat-reactions{display:none}.rl-chat-head strong{font-size:.68rem}.rl-chat-message{grid-template-columns:1fr}.rl-chat-avatar{display:none}.rl-chat-message>div:last-child{padding:7px}.rl-chat-message header strong{font-size:.64rem}.rl-chat-message p{font-size:.68rem}.rl-chat-form textarea{min-height:60px;font-size:.67rem;padding:7px}.rl-player-info em{display:none}.rl-player-info strong{font-size:.8rem}.rl-player-info small{font-size:.58rem}.rl-game-actions-bar .rl-button{font-size:.7rem;padding:0 12px}.rl-board-stage{border-radius:16px}.rl-modal__card{padding:28px 20px}.rl-history-card{grid-template-columns:1fr}.rl-history-game-icon{display:none}}

/* Mejoras de partida v1.3: jaque, capturas, sonidos y abandono */
.rl-player-card.is-in-check{border-color:#d83e5c;box-shadow:0 0 0 4px rgba(216,62,92,.16),0 14px 35px rgba(7,37,40,.13)}
.rl-player-card.is-in-check .rl-player-info em{color:#b42343;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.rl-check-banner{position:absolute;z-index:7;top:15px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 30px));display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(255,255,255,.36);border-radius:15px;background:linear-gradient(135deg,rgba(157,25,55,.96),rgba(207,55,85,.94));color:#fff;box-shadow:0 15px 40px rgba(71,4,20,.42);backdrop-filter:blur(8px);animation:rlCheckBanner .7s ease both}
.rl-check-banner[hidden]{display:none}
.rl-check-banner>i{font-size:1rem;color:#ffe09b}.rl-check-banner strong{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.rl-check-banner span{font-size:.72rem;line-height:1.35;color:rgba(255,255,255,.9)}
.rl-captured-strip{min-height:42px;margin:7px 3px 0;padding:7px 11px;border:1px solid rgba(9,47,52,.1);border-radius:13px;background:rgba(255,255,255,.78);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;box-shadow:0 7px 18px rgba(7,37,40,.05)}
.rl-captured-strip--white{margin-top:0;margin-bottom:7px}
.rl-captured-strip>span{font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#788784;white-space:nowrap}.rl-captured-strip>span i{color:var(--rl-gold);margin-right:5px}
.rl-captured-strip>div{display:flex;align-items:center;gap:2px;min-width:0;min-height:27px;overflow-x:auto;scrollbar-width:thin}.rl-captured-strip em{font-size:.68rem;color:#9aa5a3;font-style:normal}
.rl-captured-piece{display:inline-grid;place-items:center;flex:0 0 auto}.rl-captured-piece--chess{width:25px;height:27px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1;color:#183a3a;text-shadow:0 1px 0 #fff}.rl-captured-strip--black .rl-captured-piece--chess{color:#7a5630}
.rl-captured-piece--checker{width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 5px rgba(0,0,0,.22);font-size:.72rem}.rl-captured-piece--checker.is-light{background:#ead9b5;color:#6a4a28}.rl-captured-piece--checker.is-dark{background:#173c3a;color:#f3d58d}
.rl-toast--check{background:linear-gradient(135deg,#a0183d,#d6405f);color:#fff;font-weight:850;max-width:370px;border:1px solid rgba(255,255,255,.25)}
.rl-overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.rl-button:disabled,.rl-chat-form button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}
@keyframes rlCheckBanner{from{opacity:0;transform:translate(-50%,-12px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:820px){.rl-check-banner{top:9px;padding:8px 10px;grid-template-columns:auto auto}.rl-check-banner span{grid-column:1/-1;font-size:.66rem}.rl-captured-strip{grid-template-columns:1fr;gap:3px;padding:6px 8px}.rl-captured-strip>span{font-size:.56rem}.rl-captured-piece--chess{width:21px;height:23px;font-size:1.2rem}}
@media(max-width:520px){.rl-check-banner{width:calc(100% - 16px);border-radius:11px}.rl-check-banner strong{font-size:.7rem}.rl-captured-strip{margin-left:0;margin-right:0}.rl-captured-strip>span{display:none}.rl-captured-strip>div{justify-content:center;min-height:22px}.rl-captured-piece--chess{width:18px;height:21px;font-size:1.08rem}.rl-game-top-actions{gap:5px}.rl-game-top-actions .rl-button{font-size:.65rem;padding:0 9px}}