/* Family Club v0.5 · Cozy Neon Lounge */
:root{--bg:#0b1416;--panel:#152728;--panel2:#1b3331;--line:#365b53;--mint:#83e4c1;--mint2:#a7f6d4;--gold:#f0d29a;--muted:#adc6be;--white:#f3fbf7;font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--white);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% -5%,#23594c78,transparent 38%),radial-gradient(ellipse at 95% 20%,#2d493958,transparent 38%),radial-gradient(ellipse at 45% 100%,#163a3480,transparent 45%),var(--bg);color:var(--white);background-attachment:fixed}body:before{content:"";pointer-events:none;position:fixed;inset:0;background-image:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0001,transparent 55%);opacity:.16}a{color:var(--mint);text-decoration:none}button,input{font:inherit}button{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--mint2)!important;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}.panel,.sidebox,.game,.lounge-card{background:linear-gradient(145deg,#223934c9,#142525ed)!important;border:1px solid #76c5a342!important;box-shadow:0 18px 52px #0006,inset 0 1px #ffffff12;backdrop-filter:blur(18px)}.panel{border-radius:26px!important}.tag,.eyebrow,.subtitle{color:var(--mint)!important}.muted,.sub,p,.rules,.tip,.footer{color:var(--muted)}.lounge-head{display:flex;align-items:center;gap:13px}.lounge-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#4e9e83,#153c34);display:grid;place-items:center;font-size:24px;box-shadow:0 0 25px #5ee6b84d,inset 0 1px #ffffff44}.lounge-brand{font-weight:850;letter-spacing:-.025em;font-size:19px}.lounge-brand small{display:block;letter-spacing:.14em;font-size:9px;color:var(--mint);font-weight:750;margin-top:3px}.lounge-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.lounge-right{display:flex;align-items:center;gap:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#80ecc0;display:inline-block;box-shadow:0 0 12px #80ecc0}.lounge-chip{background:#ffffff0d;border:1px solid #ffffff22;border-radius:999px;padding:11px 16px;color:#dbebe4;font-size:12px}.btn-glow,.primary-glow{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;color:#0b2d25!important;background:linear-gradient(135deg,#a1f1cd,#64cfaa)!important;border:1px solid #a4ffda!important;border-radius:14px!important;font-weight:850;text-decoration:none;box-shadow:0 4px 22px #65e7ab4b,inset 0 1px #fff8}.btn-glow:hover,.primary-glow:hover{box-shadow:0 7px 32px #6af0b987}.secondary-glass{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;background:#ffffff15!important;color:var(--white)!important;border:1px solid #9ddec254!important;border-radius:14px!important;font-weight:700;text-decoration:none}.lounge-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#448f6c77,transparent 40%),linear-gradient(115deg,#173d34 3%,#102320 80%);border:1px solid #9fdfb147;border-radius:30px;min-height:330px;padding:45px 45px;display:flex;align-items:center;box-shadow:0 20px 70px #0007,inset 0 1px #ffffff23}.lounge-hero:after{content:'♠  ♥  ♣  ♦';position:absolute;right:-24px;top:65px;transform:rotate(-22deg);font-size:clamp(65px,8vw,118px);font-weight:850;letter-spacing:-.1em;color:#ceebd811;text-shadow:0 0 52px #77ffc533;white-space:nowrap;z-index:-1}.lounge-hero-content{max-width:650px}.lounge-hero h1{font-size:clamp(36px,5vw,65px);line-height:1.03;letter-spacing:-.055em;margin:16px 0 17px}.lounge-hero h1 em{font-style:normal;color:var(--mint)}.lounge-hero p{font-size:16px;max-width:480px;margin-bottom:27px}.lounge-kicker{font-size:11px;letter-spacing:.21em;font-weight:800;color:var(--gold)}.lounge-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lounge-stats{display:flex;gap:30px;flex-wrap:wrap;padding:20px 10px 6px;color:#c5e0d4;font-size:12px}.lounge-stats strong{display:block;font-size:20px;color:var(--white)}.lounge-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 18px}.lounge-section-title h2{margin:0;font-size:25px;letter-spacing:-.03em}.lounge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lounge-game{min-height:229px;border-radius:23px!important;padding:22px!important;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;overflow:hidden;box-shadow:0 12px 35px #0004;gap:0;transition:transform .2s,box-shadow .2s!important}.lounge-game:hover:not(:disabled){transform:translateY(-6px)!important;box-shadow:0 17px 43px #0008,0 0 28px #66d5ac24!important}.lounge-game .art{display:grid;place-items:center;height:64px;width:70px;font-size:35px;border-radius:18px;background:linear-gradient(135deg,#5a967c55,#cbeaa416);box-shadow:inset 0 1px #ffffff2d}.lounge-game h3{margin:16px 0 7px;font-size:18px}.lounge-game p{font-size:13px;margin:0 0 12px;line-height:1.45}.lounge-game .tag{margin-top:auto;padding-top:10px;font-size:12px}.lounge-game[data-game="durak"]{background:radial-gradient(circle at 95% -25%,#58a98355,transparent 58%),linear-gradient(150deg,#29453c,#142725)!important}.lounge-game[data-game="chess"],.lounge-game[data-game="estate"]{opacity:.67}.lounge-footer{margin-top:55px;padding-top:24px;border-top:1px solid #ffffff16;color:#9bb9ad;font-size:12px;text-align:center}.shell{max-width:1220px!important}.logo-icon{background:linear-gradient(135deg,#5ddcb6,#265a48)!important;box-shadow:0 0 24px #5decb64d}.banner{background:linear-gradient(120deg,#245848,#132e2b)!important}.sidebox{background:#1b3431!important}.pill{background:#ffffff12!important;border:1px solid #ffffff24!important;color:var(--mint2)!important}.btn{background:linear-gradient(130deg,#a1efcb,#6dd7b0)!important;color:#153028!important;box-shadow:0 4px 18px #6bd4a42e}.btn.secondary{background:#ffffff19!important;color:#fff!important;box-shadow:none}.game{color:#f4fff8!important}.game .art{background:#9becbd1a!important}.game p{color:var(--muted)!important}.ttt button{background:#ffffff12!important}.memory button{background:linear-gradient(135deg,#326d60,#164137)!important}.memory button.revealed{background:#ffffff24!important}.panel a{color:var(--mint)}
/* Online lobby and durak */
body.online-page main,body.durak-page main{max-width:1170px;padding:20px 22px 65px;margin:auto}body.online-page .panel,body.durak-page .panel{padding:25px;margin:20px 0}body.online-page h1,body.durak-page h1{font-size:clamp(33px,5vw,54px);letter-spacing:-.05em;margin:15px 0 8px}body.online-page input,body.durak-page input{background:#0c201e;border:1px solid #8fb9a04d;color:white;border-radius:13px;min-height:49px;padding:12px 16px}body.online-page button,body.durak-page button:not(.card){border-radius:13px;padding:13px 18px}body.online-page button:not(.alt):not(.danger),body.durak-page button:not(.alt):not(.danger):not(.card){background:linear-gradient(130deg,#a3f2ce,#75dcb6);color:#0b3026;box-shadow:0 5px 22px #66e2ac3b}body.online-page button.alt,body.durak-page button.alt{background:#ffffff16;border:1px solid #ffffff25;color:white}body.durak-page button.danger{background:#f5b4a8;color:#3e1d1d}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid #ffffff19}.page-title-box{margin:30px 0}.page-title-box h1{margin:7px 0}.page-title-box p{max-width:630px;margin:0}.table-wrap{position:relative;padding:20px;background:linear-gradient(140deg,#7d5b34,#382e24 18%,#243a32 85%,#956d42);border-radius:140px;border:3px solid #a48256;box-shadow:0 20px 65px #000b,inset 0 3px #f7c8849c;margin:25px 0 22px}.table-wrap:before{content:"";position:absolute;inset:8px;border:1px solid #dbb98c60;border-radius:120px;pointer-events:none}.table-wrap .table{position:relative;border:1px solid #88c3a34d;border-radius:118px;background:radial-gradient(ellipse at 50% 45%,#34755e,#174536 72%,#123b31);box-shadow:inset 0 0 70px #071c19b3,0 0 34px #4cb88c1c;min-height:245px;margin:0;gap:20px}.table-wrap .table:before{content:'FAMILY CLUB';position:absolute;inset:auto auto 14px 50%;transform:translateX(-50%);letter-spacing:.34em;color:#d3f1db2c;font-size:11px;font-weight:800;white-space:nowrap}.table-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.table-meta .pill{border:1px solid #a8dfb333}.hand-wrap{text-align:center;padding:18px 8px 4px;background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #ffffff14;border-radius:22px}.hand{gap:9px!important;flex-wrap:wrap}.hand button.card{background:#fffdf4;color:#152923;border:2px solid #e4dcc3!important;border-radius:11px!important;box-shadow:0 9px 20px #0007!important;min-height:114px;transition:transform .18s,box-shadow .18s,border-color .18s!important}.hand button.card.red{color:#b82d3a!important}.hand button.card:hover:not(:disabled),.hand button.card.chosen{transform:translateY(-13px)!important;box-shadow:0 14px 25px #0008,0 0 0 3px #83e4c1,0 0 28px #8fffd790!important;border-color:#56bb90!important}.card{background:#fffdf4;color:#162923}.card.red{color:#c02d39}.card.cover{border-color:#74dba8!important}.player{background:linear-gradient(135deg,#3f695245,#233b37)!important;border:1px solid #9fc2a343!important;border-radius:16px!important;flex:1;min-width:145px}.player.active{outline:2px solid #91e6b8!important;box-shadow:0 0 24px #65ddab40}.player small{color:var(--muted)!important}.players{gap:10px}.code{color:var(--gold)!important;text-shadow:0 0 19px #e6bf7360}.status{color:#e1f9ed}.game-notice{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#bde5cd;background:#8ae3b512;border:1px solid #8ae3b535;padding:8px 13px;border-radius:40px}.empty{color:#bcdfcb!important}.subtitle{margin-bottom:9px}.actions{gap:12px}.online-page #board button{border-radius:16px}.online-page .panel{max-width:820px;margin:22px auto}.online-page .page-title-box{max-width:820px;margin:32px auto}.online-page main>a{color:var(--mint)}.online-page #players{color:var(--mint2)}
@media(min-width:780px){.lounge-game:nth-child(1){grid-column:auto}.lounge-game[data-game="durak"]{grid-column:span 1}}
@media(max-width:760px){body.online-page main,body.durak-page main{padding:14px 12px 35px}.lounge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lounge-hero{padding:30px 24px;min-height:320px}.lounge-chip{display:none}.table-wrap{padding:10px;border-radius:38px}.table-wrap:before{inset:5px;border-radius:33px}.table-wrap .table{border-radius:31px;min-height:200px;padding:18px 10px;gap:9px}.lounge-stats{gap:15px}.hand{gap:4px!important}.hand button.card{min-height:92px}.page-head .lounge-brand{font-size:15px}}
@media(max-width:460px){.lounge-grid{grid-template-columns:1fr 1fr;gap:10px}.lounge-game{min-height:205px;padding:15px!important}.lounge-game .art{width:56px;height:56px;font-size:29px}.lounge-game h3{font-size:15px;margin-top:13px}.lounge-game p{font-size:11px}.lounge-hero h1{font-size:37px}.lounge-hero{min-height:360px}.lounge-hero:after{top:190px;right:-100px}.lounge-actions{align-items:stretch}.lounge-actions a{width:100%}.page-head{align-items:flex-start}.page-head .lounge-brand small{display:none}.page-title-box{margin:19px 0}.table-wrap .table{min-height:170px}.pair{margin:-12px -5px!important}.hand button.card{width:57px;height:87px;min-height:87px;font-size:15px;padding:6px}.hand button.card .suit{font-size:25px}.players{gap:7px}.player{padding:9px!important;min-width:118px}.card .suit{font-size:29px}.lounge-stats{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v0.5.1: Cozy Neon Lounge — catalog artwork, left navigation, refined table */
.shell-with-nav{max-width:1500px!important;display:grid;grid-template-columns:218px minmax(0,1fr);column-gap:26px;padding:20px 22px 45px!important}
.club-content{min-width:0}.club-sidebar{position:sticky;top:20px;align-self:start;min-height:calc(100vh - 40px);border-radius:25px;padding:21px 14px;background:linear-gradient(160deg,#1d3630e8,#0f1f1fea);border:1px solid #90e9bd2a;box-shadow:0 20px 65px #0005,inset 0 1px #ffffff15;display:flex;flex-direction:column;gap:30px}
.side-logo{display:flex;gap:10px;align-items:center;color:#effff4;font-weight:900;line-height:1.15;font-size:18px;padding:4px 6px}.side-logo .lounge-mark{width:42px;height:42px;flex-shrink:0}.side-links{display:grid;gap:7px}.side-links a{display:flex;align-items:center;gap:11px;border:1px solid transparent;color:#c1d9cb;padding:13px 15px;border-radius:13px;font-weight:700;transition:all .18s}.side-links a:hover,.side-links a.nav-active{background:#85dbb71c;border-color:#89e1b43d;color:#a2f4cd;box-shadow:0 0 23px #7cefb112}.sidebar-bottom{margin-top:auto;padding:16px 12px 6px;color:#d4eee1;font-size:12px;border-top:1px solid #ffffff19}.sidebar-bottom .live-dot{margin-right:6px}.sidebar-bottom small{display:block;margin-top:7px;color:#8cb8a5}.lounge-hero{min-height:350px}.lounge-hero:after{display:none}.lounge-hero-content{position:relative;z-index:2;max-width:580px}.hero-decor{position:absolute;right:9%;top:10%;bottom:5%;width:35%;pointer-events:none;filter:drop-shadow(0 0 38px #86f9b329)}.hero-card{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;width:135px;height:194px;padding:15px 19px;color:#152722;background:linear-gradient(135deg,#fffdf2,#e9e3c9);border:3px solid #f5ead4;border-radius:15px;font-size:27px;font-weight:950;box-shadow:0 23px 36px #0009,inset 0 0 0 2px #cabf9d;transform:rotate(-17deg);right:40%;top:18%}.hero-card span{font-size:72px;line-height:1;align-self:center}.hero-card.hc-2{transform:rotate(6deg);right:21%;top:12%;color:#bd4558}.hero-card.hc-3{transform:rotate(22deg);right:1%;top:20%}
.lounge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lounge-game{padding:0!important;min-height:266px;gap:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.lounge-game:hover:not(:disabled){transform:translateY(-5px) scale(1.01)!important}.game-cover{height:124px;width:100%;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 45% 40%,#459a7a66,transparent 55%),linear-gradient(125deg,#244c43,#112b2a)}.game-cover:before{content:"";position:absolute;inset:9px;border:1px solid #e7e6c428;border-radius:14px}.game-cover:after{content:"✦";position:absolute;right:18px;top:10px;font-size:23px;color:#f4db9f66}.cover-glow{position:absolute;width:190px;height:190px;background:#a0f2c957;border-radius:50%;filter:blur(55px);top:-84px;left:45%}.cover-emblem{z-index:1;filter:drop-shadow(0 13px 11px #0009);font-size:66px;transform:rotate(-8deg);transition:transform .22s}.lounge-game:hover .cover-emblem{transform:translateY(-7px) rotate(0)}.cover-orbit{position:absolute;inset:auto 10% -70px;width:80%;height:105px;border:2px solid #a7eadf3a;border-radius:50%;transform:rotate(-13deg)}.cover-ttt{background:radial-gradient(circle at 45% 10%,#ff8b8073,transparent 55%),linear-gradient(125deg,#563c57,#1e2635)}.cover-memory{background:radial-gradient(circle at 45% 10%,#e0b47d77,transparent 55%),linear-gradient(125deg,#594c3b,#21332e)}.cover-checkers{background:radial-gradient(circle at 55% 10%,#f290a071,transparent 55%),linear-gradient(125deg,#533d47,#232c35)}.cover-chess{background:radial-gradient(circle at 48% 10%,#d7b37970,transparent 55%),linear-gradient(125deg,#493d3a,#212b2b)}.cover-durak{background:radial-gradient(circle at 45% 10%,#81edc17f,transparent 55%),linear-gradient(125deg,#245d4c,#152a2c)}.cover-estate{background:radial-gradient(circle at 45% 10%,#8fbaf079,transparent 55%),linear-gradient(125deg,#31465c,#1b2c34)}.game-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:15px 19px 20px;width:100%}.game-copy h3{margin:0 0 5px!important;font-size:18px}.game-copy p{margin:0 0 11px!important}.game-copy .tag{margin-top:auto}.club-room-promo,.club-profile{border-radius:24px;padding:26px;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.club-room-promo h2,.club-profile h2{margin:9px 0}.club-room-promo p,.club-profile p{margin:0;max-width:470px}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-form{min-width:min(100%,320px);flex:0 1 360px}.profile-form label{display:block;font-size:13px;color:#bedbcd;margin:0 0 8px}.profile-controls{display:flex;gap:8px}.profile-form input{background:#091b19;border:1px solid #9bcaa64f;min-width:0;width:100%;border-radius:12px;padding:13px;color:white}.profile-form small{display:block;min-height:19px;margin-top:8px;color:#9aebbd}#games,#rooms,#profile{scroll-margin-top:22px}
/* Decorative layer only, game state, buttons, and network code unchanged. */
.durak-page .table-wrap{box-shadow:0 24px 70px #000c,0 0 35px #58b78d22,inset 0 3px #f7d09a}
.durak-page .table-wrap .table{background:radial-gradient(ellipse at 45% 36%,#3b8264,#1c503d 68%,#0e362d);box-shadow:inset 0 0 70px #071c19b3,0 0 35px #4cb88c2e}
.durak-page .player{position:relative;padding-left:18px!important}.durak-page .player:before{content:'✦';color:#8de2b0;margin-right:7px}.durak-page .player.active{background:linear-gradient(135deg,#2a644e,#1f3c36)!important;box-shadow:0 0 26px #65ddab55}.durak-page #deck:before{content:'🂠 ';font-size:20px}.durak-page .hand button.card{transition:transform .2s,box-shadow .2s!important}.durak-page .code{font-size:clamp(18px,3.5vw,25px)}
@media(max-width:1120px){.shell-with-nav{grid-template-columns:70px minmax(0,1fr);gap:15px;padding:14px!important}.club-sidebar{align-items:center;padding:15px 6px}.side-logo>span:not(.lounge-mark),.side-links span,.sidebar-bottom{display:none}.side-links a{font-size:23px;justify-content:center;padding:13px}.hero-decor{right:4%;width:34%;opacity:.6}}
@media(max-width:790px){.shell-with-nav{display:block;padding:10px 12px 90px!important}.club-sidebar{position:fixed;z-index:50;bottom:10px;top:auto;left:12px;right:12px;min-height:0;padding:7px 9px;border-radius:20px;box-shadow:0 10px 40px #000c;backdrop-filter:blur(22px)}.side-logo,.sidebar-bottom{display:none}.side-links{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:3px}.side-links a{display:grid;justify-items:center;gap:3px;padding:8px 3px;font-size:20px}.side-links span{display:block;font-size:10px;white-space:nowrap}.club-content .lounge-top{margin:5px 2px 15px}.hero-decor{display:none}.lounge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lounge-game{min-height:247px}.game-cover{height:106px}.cover-emblem{font-size:53px}}
@media(max-width:460px){.lounge-grid{gap:10px}.lounge-game{min-height:227px}.game-cover{height:93px}.cover-emblem{font-size:45px}.game-copy{padding:13px 12px 15px}.game-copy h3{font-size:15px}.game-copy p{font-size:11px}.game-copy .tag{font-size:10px!important}.lounge-section-title h2{font-size:20px}.lounge-section-title .game-notice{font-size:10px;padding:7px}.club-room-promo,.club-profile{padding:17px}.room-actions,.room-actions a{width:100%}.profile-controls{flex-wrap:wrap}.profile-controls button{width:100%}.lounge-hero{min-height:320px}}

@media(min-width:1500px){.shell-with-nav{max-width:1650px!important}.club-content{min-width:0}.lounge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}