:root{--bg:#0e0e0e;--p:#171717;--t:#f5f5f5;--m:#7e7e86;--g:#f59e0b;--r:#fb7185;--line:rgba(255,255,255,.07)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Cairo,sans-serif;background:var(--bg);color:var(--t)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% -20%,rgba(245,158,11,.1),transparent 34%),radial-gradient(circle at 105% 90%,rgba(168,85,247,.06),transparent 30%)}button,input{font:inherit}.hidden{display:none!important}.topbar{height:68px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(14,14,14,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.brand img{width:37px;height:37px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:.7rem}.brand small{font-size:.45rem;color:#777}.top-actions{display:flex;gap:7px}.ghost-btn,.danger-btn,.primary-btn,.challenge-btn,.icon-btn{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.18s}.ghost-btn{padding:9px 12px;border-radius:10px;background:#1b1b1b;color:#ddd;border:1px solid var(--line);font-size:.57rem;font-weight:900}.danger-btn{padding:9px 12px;border-radius:10px;background:rgba(239,68,68,.08);color:#fca5a5;border:1px solid rgba(239,68,68,.16);font-size:.57rem;font-weight:900}.primary-btn{padding:10px 15px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#17110a;font-size:.62rem;font-weight:1000;box-shadow:0 10px 26px rgba(245,158,11,.11)}.primary-btn:hover,.challenge-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.page{width:min(1160px,calc(100% - 28px));margin:auto;padding:24px 0 54px}.screen{min-height:calc(100vh - 105px)}.home-screen{display:flex;flex-direction:column;justify-content:center}.hero{text-align:center;max-width:730px;margin:6px auto 22px}.kicker{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(245,158,11,.06);color:#fbbf24;font-size:.5rem;font-weight:900}.hero h1{font-size:clamp(2.3rem,6vw,4rem);line-height:1;margin:8px 0}.hero h1 b{color:var(--g)}.hero p{margin:auto;max-width:640px;color:#85858d;font-size:.65rem;line-height:1.9}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:900px;width:100%;margin:auto}.home-action{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(24,24,24,.92),rgba(14,14,14,.95));text-align:center}.home-action h2{font-size:1rem;margin:8px 0 4px}.home-action p{color:#777;font-size:.56rem;line-height:1.8}.home-action>.primary-btn{width:100%}.action-art{height:108px;display:flex;align-items:center;justify-content:center;position:relative;direction:ltr}.mini-card{position:absolute;width:61px;height:82px;border-radius:12px;background:#f2eee4;color:#222;display:grid;place-items:center;font:900 2rem Georgia;box-shadow:0 12px 24px rgba(0,0,0,.25)}.mini-card.crown{transform:translateX(-30px) rotate(-10deg);color:#b77908}.mini-card.eye{transform:translateX(30px) rotate(9deg);color:#087c91}.mini-card.back{width:57px;height:78px;transform:translateY(9px);background:#222;color:#fbbf24;border:2px solid #333;font-size:1.3rem}.join-art>span{width:82px;height:82px;border-radius:22px;background:rgba(34,211,238,.07);display:grid;place-items:center;color:#67e8f9;font:900 2.3rem JetBrains Mono}.join-row{display:flex;gap:7px}.join-row input{flex:1;min-width:0;height:41px;border-radius:10px;border:1px solid var(--line);background:#0c0c0c;color:#fff;text-align:center;font:900 .78rem JetBrains Mono;letter-spacing:.12em;text-transform:uppercase;outline:none}.how-strip{max-width:900px;width:100%;margin:13px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.how-strip span{padding:9px;text-align:center;border-radius:12px;background:rgba(255,255,255,.025)}.how-strip b{display:block;font:900 .82rem JetBrains Mono;color:#fbbf24}.how-strip small{display:block;color:#73737a;font-size:.44rem}.room-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.room-head>div{display:grid}.room-head small{font-size:.47rem;color:#777}.room-head strong{font:900 1.5rem JetBrains Mono;color:#fbbf24;letter-spacing:.1em}.lobby-title{text-align:center;margin:12px 0 18px}.lobby-title span{color:#fbbf24;font-size:.5rem;font-weight:900}.lobby-title h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:3px}.lobby-title p{font-size:.55rem;color:#777;margin:0}.players-shell,.hand-shell{max-width:900px;margin:auto;padding:14px;border-radius:19px;background:rgba(21,21,21,.85)}.players-head,.hand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.players-head b,.hand-head b{font-size:.65rem}.players-head span,.hand-head>span{font:800 .55rem JetBrains Mono;color:#888}.hand-head small{font-size:.43rem;color:#777}.players-grid,.table-players{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.player-card,.table-player{min-width:0;padding:8px;border-radius:12px;background:#101010;display:flex;align-items:center;gap:7px}.player-card img,.table-player img{width:35px;height:35px;border-radius:10px;object-fit:cover}.player-card>span,.table-player>span{display:grid;min-width:0;flex:1}.player-card b,.table-player b{font-size:.51rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card small,.table-player small{font-size:.4rem;color:#666}.lobby-bottom{text-align:center;margin-top:14px}.lobby-hint{font-size:.51rem;color:#777;margin-bottom:8px}.big{min-width:210px}.game-top{display:grid;grid-template-columns:110px 1fr 110px;gap:10px;margin-bottom:12px}.round-box,.risk-box{display:grid;padding:8px 10px;border-radius:12px;background:#131313}.round-box small,.risk-box small,.target-wrap>small{font-size:.43rem;color:#707078}.round-box b{font:900 .8rem JetBrains Mono}.risk-box{text-align:left}.risk-box b{color:var(--r);font-size:.7rem}.target-wrap{text-align:center}.target-card{width:76px;height:102px;margin:5px auto;border-radius:14px;background:#f2eee3;color:#202020;display:grid;place-items:center;align-content:center;gap:2px;box-shadow:0 14px 28px rgba(0,0,0,.25)}.target-card span{font:900 2.4rem Georgia}.target-card b{font-size:.53rem}.kind-crown span{color:#b77908}.kind-eye span{color:#087c91}.kind-moon span{color:#7e22ce}.kind-flame span{color:#e11d48}.table-players{max-width:1040px;margin:0 auto 11px}.table-player.is-turn{background:rgba(245,158,11,.08);box-shadow:inset 0 0 0 1px rgba(245,158,11,.15)}.table-player.eliminated{opacity:.4;filter:grayscale(.8)}.table-player em{font-style:normal;color:var(--r);font-size:.45rem}.table-center{max-width:620px;margin:0 auto 13px;text-align:center}.last-claim{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border-radius:15px;background:rgba(245,158,11,.055)}.last-claim>span{width:34px;height:34px;border-radius:10px;background:#0f0f0f;display:grid;place-items:center;color:#fbbf24}.last-claim>div{display:grid;text-align:right}.last-claim small{font-size:.42rem;color:#777}.last-claim b{font-size:.59rem}.turn-banner{font-size:.55rem;color:#aaa;margin:8px}.challenge-btn{width:100%;height:42px;border-radius:11px;background:linear-gradient(135deg,#ef4444,#be123c);color:#fff;font-size:.72rem;font-weight:1000}.hand-cards{min-height:124px;display:flex;justify-content:center;align-items:end;gap:7px;flex-wrap:wrap;direction:ltr}.play-card{width:75px;height:109px;border-radius:13px;border:0;background:#f2eee3;color:#202020;cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px;box-shadow:0 11px 22px rgba(0,0,0,.23);transition:.2s}.play-card:hover{transform:translateY(-5px)}.play-card.selected{transform:translateY(-12px);box-shadow:0 16px 26px rgba(245,158,11,.15),0 0 0 3px #f59e0b}.play-card span{font:900 2.3rem Georgia}.play-card b{font-size:.49rem}.kind-wild{background:linear-gradient(145deg,#f5f5f5,#d7d7d7)}.kind-wild span{color:#333}.play-btn{display:block;width:min(360px,100%);margin:12px auto 0}.game-leave{display:block;margin:14px auto}.winner-card{max-width:490px;margin:60px auto;text-align:center;padding:26px;border-radius:22px;background:#161616}.winner-card img{width:90px;height:90px;border-radius:24px;object-fit:cover}.winner-kicker{color:#fbbf24;font-size:.5rem;font-weight:900}.winner-card h1{margin:5px}.winner-card p{color:#777;font-size:.54rem}.winner-card .primary-btn,.winner-card .ghost-btn{width:100%;margin-top:7px}.reveal-overlay,.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(5,5,5,.8);backdrop-filter:blur(10px)}.reveal-card,.modal-card{width:min(500px,100%);padding:19px;border-radius:20px;background:#181818;text-align:center}.reveal-card h2{margin:4px}.reveal-card>small,.modal-head span{color:#fbbf24;font-size:.49rem;font-weight:900}.reveal-card p{font-size:.55rem;color:#aaa}.reveal-cards{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:13px}.reveal-cards .play-card{width:60px;height:87px;pointer-events:none}.modal-head{display:flex;justify-content:space-between;text-align:right}.modal-head h2{margin:2px 0;font-size:1rem}.icon-btn{width:34px;height:34px;border-radius:9px;background:#242424;color:#ddd;font-size:1rem}.rules-list{display:grid;gap:7px;margin-top:11px;text-align:right}.rules-list p{margin:0;padding:9px;border-radius:10px;background:#111;color:#aaa;font-size:.53rem;line-height:1.8}.rules-list b{color:#fbbf24}.toast{position:fixed;left:50%;bottom:18px;z-index:1500;transform:translate(-50%,15px);opacity:0;padding:9px 13px;border-radius:11px;background:#202020;font-size:.53rem;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.players-grid,.table-players{grid-template-columns:repeat(2,1fr)}.game-top{grid-template-columns:85px 1fr 85px}}@media(max-width:680px){.topbar{padding:8px}.top-actions #rulesBtn{display:none}.page{width:calc(100% - 16px);padding-top:13px}.home-screen{justify-content:flex-start}.hero h1{font-size:2.2rem}.home-actions{grid-template-columns:1fr}.home-action{padding:14px}.how-strip{grid-template-columns:repeat(2,1fr)}.game-top{grid-template-columns:70px 1fr 70px}.target-card{width:66px;height:90px}.hand-shell{padding:10px}.hand-cards{gap:5px}.play-card{width:63px;height:93px}.play-card span{font-size:1.95rem}}@media(max-width:420px){.play-card{width:58px;height:87px}.hand-cards{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:9px 4px}.play-card{flex:0 0 58px}}

/* XD_LIAR_V52_MOBILE_FIVE_CARD_HAND */
/* Keep a full five-card hand visible on narrow phones instead of turning it into a cut-off horizontal scroller. */
@media(max-width:520px){
 body.xd-liar-table-v2 #playScreen .hand-shell{
  width:100%!important;max-width:100%!important;overflow:visible!important;padding:10px 7px 9px!important;
 }
 body.xd-liar-table-v2 #playScreen #handCards.hand-cards{
  width:100%!important;min-width:0!important;min-height:100px!important;
  display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:flex-end!important;
  gap:clamp(2px,.8vw,4px)!important;overflow:visible!important;
  padding:11px 0 7px!important;scrollbar-width:none!important;
 }
 body.xd-liar-table-v2 #playScreen #handCards.hand-cards::-webkit-scrollbar{display:none!important}
 body.xd-liar-table-v2 #playScreen #handCards .play-card{
  --xd-v52-card-w:min(58px,calc((100vw - 54px)/5));
  width:var(--xd-v52-card-w)!important;min-width:0!important;max-width:58px!important;
  height:calc(var(--xd-v52-card-w) * 1.5)!important;
  flex:0 1 var(--xd-v52-card-w)!important;
  border-radius:clamp(9px,2.8vw,13px)!important;
 }
 body.xd-liar-table-v2 #playScreen #handCards .play-card span{
  font-size:clamp(1.55rem,calc(var(--xd-v52-card-w) * .54),1.95rem)!important;
 }
 body.xd-liar-table-v2 #playScreen #handCards .play-card b{font-size:clamp(.39rem,1.65vw,.49rem)!important}
 body.xd-liar-table-v2 #playScreen #handCards .play-card.selected{transform:translateY(-9px)!important}
}
@media(max-width:340px){
 body.xd-liar-table-v2 #playScreen .hand-shell{padding-inline:5px!important}
 body.xd-liar-table-v2 #playScreen #handCards.hand-cards{gap:2px!important}
 body.xd-liar-table-v2 #playScreen #handCards .play-card{--xd-v52-card-w:min(54px,calc((100vw - 42px)/5));}
}
/* /XD_LIAR_V52_MOBILE_FIVE_CARD_HAND */