.cards-page{background:radial-gradient(circle at 15% 18%,#9b8cff30,transparent 28%),var(--night);min-height:100vh}.cards-landing{max-width:1240px;margin:0 auto;padding:65px 28px 90px}.cards-intro{text-align:center}.cards-intro h1{font-size:clamp(48px,7vw,88px);line-height:1.06}.cards-intro h1 em{color:var(--coral)}.cards-intro>p:last-child{color:#c7c0d7;max-width:650px;margin:25px auto 34px;font-size:16px;line-height:1.8}.mode-picker{border:1px solid var(--line);background:#ffffff0e;border-radius:22px;grid-template-columns:1fr 1fr;gap:8px;max-width:570px;margin:0 auto 35px;padding:7px;display:grid}.mode-picker button{color:#fff;text-align:right;background:0 0;border:0;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px;padding:14px;display:grid}.mode-picker button.active{color:var(--ink);background:#fff}.mode-picker span{grid-row:1/3;margin-left:10px;font-size:25px}.mode-picker b{font-size:13px}.mode-picker small{color:#817a8b;font-size:10px}.game-picker{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.game-picker article{background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff21;border-radius:28px;min-height:345px;padding:30px;position:relative;overflow:hidden}.game-picker article:before{background:var(--game);content:"";filter:blur(18px);opacity:.15;border-radius:50%;width:140px;height:140px;position:absolute;top:-45px;left:-50px}.game-icon{background:var(--game);color:var(--night);border-radius:18px;justify-content:center;align-items:center;width:67px;height:67px;margin-bottom:32px;font-size:34px;display:flex;transform:rotate(-4deg)}.game-picker article>small{color:var(--game);letter-spacing:.08em;font-size:10px;font-weight:900}.game-picker h2{margin:7px 0 12px;font-size:35px}.game-picker p{color:#c7c0d7;min-height:68px;font-size:13px;line-height:1.75}.game-picker button{background:var(--game);color:var(--night);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:14px 17px;font-weight:900;display:flex}.game-picker button span{font-size:21px}.adaptation-note{color:#918aa4;text-align:center;margin:23px 0 0;font-size:11px}.card-table{max-width:1120px;margin:0 auto;padding:44px 28px 70px}.table-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.table-head>div{text-align:center}.table-head small{color:var(--game);font-size:10px;font-weight:900}.table-head h1{font-size:clamp(40px,6vw,64px)}.back-games,.restart-game{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:12px;padding:12px 15px;font-size:11px;font-weight:850}.trump-picker{justify-content:center;align-items:center;gap:7px;margin:15px;display:flex}.trump-picker>span{color:#a9a2b8;margin-left:6px;font-size:11px}.trump-picker button{background:#fff;border:2px solid #0000;border-radius:9px;width:38px;height:38px;font-size:21px}.trump-picker button.active{border-color:var(--game);transform:translateY(-3px);box-shadow:0 0 0 3px #ffffff26}.trump-picker button.red{color:#e34c4c}.score-row{text-align:center;grid-template-columns:110px 1fr 110px;align-items:center;gap:20px;max-width:720px;margin:20px auto;display:grid}.score-row>div{background:var(--game);color:var(--night);border-radius:15px;justify-content:space-between;padding:13px;display:flex}.score-row small{font-weight:800}.score-row b{font-size:20px}.score-row p{color:#eeeaf6;font-size:13px;font-weight:750}.card-hand{border:1px solid #0000;border-radius:22px;max-width:930px;margin:15px auto;padding:13px 15px 17px;transition:all .2s}.card-hand.active{background:#ffffff0b;border-color:#ffffff1f}.card-hand h3{color:#aaa2bd;text-align:center;margin:0 0 12px;font-size:11px}.card-hand h3 span{background:#ffffff12;border-radius:999px;margin-right:8px;padding:5px 8px;font-size:9px}.card-hand>div{justify-content:center;max-width:100%;margin-inline:auto;padding:9px 8px 14px;display:flex;overflow-x:auto}.playing-card{color:#202020;text-align:left;background:#fff;border:0;border-radius:10px;flex-direction:column;flex:none;justify-content:space-between;width:74px;height:112px;margin-right:-13px;padding:8px;font-family:Georgia,serif;transition:all .18s;display:flex;position:relative;box-shadow:0 8px 16px #00000047}.playing-card:first-child{margin-right:0}.playing-card:not(:disabled):hover{z-index:2;transform:translateY(-10px);box-shadow:0 14px 20px #00000059}.playing-card span{align-self:flex-start;font-size:17px;font-weight:700}.playing-card b{align-self:center;font-size:28px}.playing-card i{align-self:flex-end;font-size:13px;font-style:normal;transform:rotate(180deg)}.playing-card.red{color:#df3f4b}.card-back{color:var(--lime);background:repeating-linear-gradient(45deg,#30264f,#30264f 6px,#51417a 6px 12px);border:4px solid #fff;justify-content:center;align-items:center;font-family:inherit;font-size:30px;font-weight:900}.play-zone{background:radial-gradient(circle,#ffffff14,#0000 65%);border:1px dashed #ffffff1f;border-radius:28px;justify-content:center;align-items:center;gap:24px;max-width:610px;min-height:172px;margin:15px auto;padding:22px;display:flex}.play-zone>div{text-align:center}.play-zone>div small{color:#aaa2bd;margin-top:8px;font-size:9px;display:block}.play-zone .playing-card{width:82px;height:125px;margin:0}.empty-table{color:#7f778f;font-size:12px}.stock-count{text-align:center;background:#352b51;border:3px solid #fff;border-radius:10px;width:82px;height:125px;padding-top:42px;font-size:10px;box-shadow:0 8px 18px #00000047}.stock-count b{font-size:24px}.draw-button{background:var(--game);color:var(--night);border:0;border-radius:13px;margin:10px auto;padding:13px 20px;font-weight:900;display:block}.finished-actions{justify-content:center;gap:10px;margin:22px;display:flex}.finished-actions button{background:var(--game);color:var(--night);border:0;border-radius:12px;padding:13px 19px;font-weight:900}.finished-actions button:last-child{border:1px solid var(--line);color:#fff;background:0 0}.mini-rules{border:1px solid var(--line);background:#ffffff0e;border-radius:15px;max-width:720px;margin:24px auto;padding:14px 18px}.mini-rules summary{font-size:12px;font-weight:850}.mini-rules p{color:#bdb6cd;margin-bottom:2px;font-size:11px;line-height:1.8}.pile-card{margin:0}@media (max-width:760px){.game-picker{grid-template-columns:1fr}.game-picker article{min-height:0}.cards-landing{padding-top:38px}.cards-intro h1{font-size:48px}.card-table{padding:28px 13px 60px}.table-head{align-items:flex-start}.table-head h1{font-size:38px}.back-games,.restart-game{padding:10px;font-size:9px}.score-row{grid-template-columns:85px 1fr 85px;gap:7px}.score-row p{font-size:11px}.score-row>div{padding:10px}.playing-card{width:66px;height:99px;margin-right:-18px}.play-zone{min-height:155px}.mode-picker{grid-template-columns:1fr}.prototype-pill{display:none}}
