:root{--cc-green:#284b43;--cc-dark:#14352f;--cc-gold:#efc35e;--cc-red:#d95f4e}
[hidden]{display:none!important}
.game-intro h1{font-size:clamp(3.3rem,7vw,7rem)}
.cc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px clamp(16px,3vw,42px);background:#10332e;color:#f5ecdd;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.cc-top b{color:var(--cc-gold)}.cc-top button{border:1px solid #ffffff66;border-radius:25px;padding:8px 14px;background:transparent;color:#f5ecdd;cursor:pointer}
.cc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.cc-table{min-width:0;padding:24px 20px;background:radial-gradient(circle at 50% 45%,#386b5c,#214b43 78%);color:#fffaf1}.cc-opponent,.cc-player{max-width:640px;margin:auto}.cc-opponent{display:flex;align-items:center;gap:10px;min-height:90px}.cc-opponent strong,.cc-player strong{display:block;font-size:.8rem}.cc-opponent small{display:block;color:#cde2d5;font-size:.6rem}.cc-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--cc-gold);color:#18372e;font-family:var(--serif)}.cc-backs{margin-left:auto}.cc-hand{display:flex;justify-content:center;gap:8px}.cc-hand button{border:0;padding:0;background:transparent;cursor:pointer}.cc-hand button:disabled{opacity:.5;cursor:default}.cc-hand button.selected .cc-card{outline:3px solid var(--cc-gold);transform:translateY(-8px)}.cc-card{position:relative;display:block;width:62px;height:86px;border-radius:6px;background:#fffaf0;color:#183c34;box-shadow:0 4px 8px #102d2866;font-family:var(--serif)}.cc-card.hearts,.cc-card.diamonds{color:#d25d50}.cc-card b{position:absolute;top:6px;left:7px;display:flex;align-items:center;gap:3px;font-size:1rem;font-weight:400;line-height:1}.cc-card b small{font-size:.67rem}.cc-card i{position:absolute;inset:0;display:grid;place-items:center;font-size:1.65rem;font-style:normal}.cc-card.back{display:grid;place-items:center;border:5px solid #fffaf0;background:#d45d4c;color:white;box-shadow:inset 0 0 0 2px #ffffffaa,0 4px 8px #102d2866;font-size:1.4rem}.cc-center{display:flex;align-items:center;justify-content:center;gap:45px;max-width:640px;min-height:245px;margin:12px auto;padding:20px;border:1px solid #ffffff3f;border-radius:140px;background:#183f37a8}.cc-turnup,.cc-counting{display:grid;justify-items:center;gap:13px}.cc-turnup>span,.cc-counting>span{color:var(--cc-gold);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.cc-counting b{font-size:1.2rem}.cc-series{display:flex;justify-content:center;min-width:225px;min-height:86px;gap:5px}.cc-series .cc-card{width:46px;height:64px}.cc-series .cc-card b{font-size:.75rem}.cc-series .cc-card i{font-size:1.1rem}.cc-empty{display:grid;place-items:center;width:100%;border:1px dashed #ffffff75;border-radius:5px;color:#d7e9dc;font-size:.7rem}.cc-message{min-height:23px;max-width:640px;margin:10px auto;color:#ffe1a5;font-size:.7rem;text-align:center}.cc-player-title{display:flex;align-items:center;gap:8px;margin-bottom:13px}.cc-player .cc-hand{min-height:96px}.cc-panel{display:flex;flex-direction:column;gap:17px;padding:18px;background:#142c28;color:#f8eee1}.cc-action{padding:18px;background:#f1e9da;color:#19352f}.cc-kicker{color:var(--cc-red);font-size:.59rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cc-action h2{margin:8px 0 11px;font:400 1.5rem/1.1 var(--serif)}.cc-action p,.cc-guide p{font-size:.68rem;line-height:1.5}.cc-action p{color:#52665d}.cc-action label{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-size:.68rem}.cc-action select{padding:7px;background:white;border:1px solid #bbc8bb}.cc-action button{display:block;width:100%;min-height:39px;margin:7px 0;padding:9px;border:0;border-radius:3px;background:var(--cc-red);color:white;font-size:.68rem;font-weight:700;cursor:pointer}.cc-action button:disabled{opacity:.46;cursor:default}.cc-action button.cc-secondary{border:1px solid #a1b8aa;background:transparent;color:#173a32}.cc-action [data-result] strong{font-size:.7rem}.cc-history,.cc-guide{padding-top:12px;border-top:1px solid #ffffff40}.cc-history h2,.cc-guide strong{margin:0;color:var(--cc-gold);font-size:.65rem;letter-spacing:.07em;text-transform:uppercase}.cc-history small{color:#b8d2c3;font-size:.55rem}.cc-history ol{max-height:235px;overflow:auto;padding-left:17px}.cc-history li{padding:5px 0;border-bottom:1px solid #ffffff1c;color:#e5ede3;font-size:.6rem;line-height:1.35}.cc-guide p{color:#d0e3d7}.game-taxonomy.cc-taxonomy{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.cc-layout{grid-template-columns:1fr}.cc-panel{display:grid;grid-template-columns:1fr 1fr}.cc-guide{grid-column:2}.game-taxonomy.cc-taxonomy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header,.game-intro{width:calc(100% - 36px)}.site-header{height:75px}.game-intro{flex-direction:column;align-items:flex-start;gap:15px;padding:45px 0 30px}.game-intro h1{font-size:clamp(3.3rem,13vw,5rem)}.cc-top{padding:10px 12px;font-size:.56rem}.cc-table{padding:14px 10px 20px}.cc-opponent{min-height:80px}.cc-center{min-height:180px;margin:8px auto;gap:13px;padding:12px;border-radius:90px}.cc-series{min-width:150px;min-height:69px}.cc-series .cc-card{width:35px;height:52px}.cc-series .cc-card i{font-size:.8rem}.cc-series .cc-card b{font-size:.6rem}.cc-turnup .cc-card{width:48px;height:65px}.cc-counting>span,.cc-turnup>span{font-size:.5rem}.cc-card{width:51px;height:70px}.cc-card i{font-size:1.3rem}.cc-backs .cc-card{width:38px;height:53px}.cc-player .cc-hand{min-height:78px}.cc-panel{display:flex;padding:12px}.cc-action{padding:15px}.rules{padding:60px 18px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0}.ad-section{padding:30px 18px}.game-taxonomy.cc-taxonomy{grid-template-columns:1fr}}