/* chinchon.css — HotelsCasa */
.chn-wrapper{display:inline-block}
.chn-open-btn{background:linear-gradient(135deg,#1a2a1a 0%,#2e5e2e 100%);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .15s,box-shadow .15s}
.chn-open-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.chn-modal{display:flex;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:12px}
.chn-modal-inner{background:#1a1a2e;border-radius:16px;width:100%;max-width:480px;max-height:95dvh;overflow-y:auto;padding:20px;color:#e8e8f0;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.chn-prize-title{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#f4c430;text-transform:uppercase;margin-bottom:6px}
.chn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.chn-logo{font-size:1.1rem;font-weight:800;color:#fff}.chn-logo span{color:#7ec87e}
.chn-close{background:none;border:none;color:#aaa;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:6px}
/* Монетки/инфо/статус — идентичны другим играм, только префикс .chn- */
.chn-coins-bar{background:rgba(255,255,255,.04);border-radius:12px;padding:12px 14px;margin-bottom:12px;position:relative}
.chn-coins-label{font-size:.75rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}
.chn-coins-row{display:flex;flex-wrap:wrap;gap:4px}
.chn-coin-slot{width:calc(5% - 4px);min-width:20px;aspect-ratio:1}
.chn-coin{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;border-radius:50%}
.chn-coin--empty{opacity:.25}.chn-coin--filled{opacity:1;animation:chn-pop .4s cubic-bezier(.17,.67,.47,1.4)}
@keyframes chn-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}100%{transform:scale(1)}}
.chn-info-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#ccc;border-radius:50%;width:24px;height:24px;font-size:.8rem;cursor:pointer}
.chn-info-popup{display:flex;position:absolute;inset:0;background:rgba(0,0,0,.8);z-index:10;align-items:center;justify-content:center;border-radius:16px;padding:20px}
.chn-info-inner{background:#16213e;border-radius:12px;padding:24px;max-width:360px;width:100%;position:relative;max-height:80vh;overflow-y:auto}
.chn-info-inner h3{color:#7ec87e;margin-bottom:14px}.chn-info-inner ul{padding-left:1.2em;line-height:1.9}
.chn-info-inner li{font-size:.88rem;color:#d0d0e0}.chn-info-note{font-size:.78rem;color:#888;margin-top:12px}
.chn-info-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer}
.chn-player-status{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);border-radius:10px;padding:8px 14px;margin-bottom:14px}
.chn-rank-badge{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600}.chn-rank-icon{font-size:1.1rem}.chn-rank-name{color:#d0d0e0}
.chn-stats{display:flex;gap:14px;font-size:.78rem;color:#888}.chn-stat-val{color:#f4c430;font-weight:700}
.chn-screen--mode h2{text-align:center;font-size:1rem;color:#d0d0e0;margin-bottom:16px}
.chn-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.chn-mode-card{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 12px;text-align:center;position:relative}
.chn-mode-card--prize{border-color:rgba(126,200,126,.25)}.chn-mode-card--prize:hover{border-color:#7ec87e;background:rgba(126,200,126,.05)}
.chn-mode-card--locked{opacity:.75}
.chn-mode-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#f4c430;color:#1a1a2e;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;white-space:nowrap}
.chn-mode-icon{font-size:2rem;margin-bottom:8px}.chn-mode-title{font-size:.95rem;font-weight:700;margin-bottom:6px}
.chn-mode-desc{font-size:.78rem;color:#888;line-height:1.5;margin-bottom:12px}
.chn-mode-btn{background:rgba(255,255,255,.1);border:none;color:#e8e8f0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;width:100%}
.chn-mode-btn--prize{background:linear-gradient(135deg,#f4c430,#e0a800);color:#1a1a2e}
.chn-register-popup{display:flex;position:absolute;inset:0;background:rgba(0,0,0,.8);z-index:10;align-items:center;justify-content:center;border-radius:16px;padding:20px}
.chn-register-inner{background:#16213e;border-radius:12px;padding:28px 24px;max-width:300px;width:100%;text-align:center;position:relative}
.chn-register-inner h3{color:#7ec87e;margin-bottom:10px}.chn-register-inner p{font-size:.88rem;color:#ccc;margin-bottom:16px}
.chn-register-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#aaa;font-size:1.1rem;cursor:pointer}
.chn-register-btn{display:inline-block;background:linear-gradient(135deg,#f4c430,#e0a800);color:#1a1a2e;text-decoration:none;border-radius:8px;padding:10px 28px;font-weight:700}

/* ── Игра ── */
.chn-screen--game{padding:6px 0}
.chn-area{margin-bottom:10px}
.chn-area-label{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}

/* Карты AI — рубашки */
.chn-cards--ai{display:flex;flex-wrap:wrap;gap:3px;min-height:50px}

/* Стол */
.chn-table-row{display:flex;align-items:flex-end;gap:14px;margin:10px 0;padding:10px;background:rgba(255,255,255,.03);border-radius:10px}
.chn-deck-area,.chn-discard-area,.chn-cerrar-area{text-align:center;flex:1}
.chn-area-mini-label{font-size:.68rem;color:#666;margin-top:4px}
.chn-discard-empty{width:52px;height:74px;border:2px dashed rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#444;margin:0 auto}
.chn-cerrar-btn{background:linear-gradient(135deg,#2e5e2e,#1a3a1a);color:#7ec87e;border:1px solid #7ec87e;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:700;cursor:pointer;display:block;width:100%;margin-bottom:4px}
.chn-cerrar-btn:hover{background:linear-gradient(135deg,#3a7a3a,#225522)}
.chn-cerrar-btn[disabled]{opacity:.4;cursor:default}
.chn-turn-label{font-size:.68rem;color:#888;margin-top:4px}

/* Испанские карты */
.chn-card{width:52px;height:74px;background:linear-gradient(160deg,#faf6f0,#f0e8d8);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.4);font-weight:700;animation:chn-deal .22s ease;border:1px solid rgba(0,0,0,.1);cursor:pointer;user-select:none;flex-shrink:0}
@keyframes chn-deal{from{transform:translateY(-10px) scale(.9);opacity:0}to{transform:none;opacity:1}}
.chn-card--back{background:linear-gradient(135deg,#1a3a1a,#2e5e2e);align-items:center;justify-content:center}
.chn-card--back span{font-size:1.8rem}
.chn-card--small{width:44px;height:62px}
.chn-card--mini{width:36px;height:50px;font-size:.72rem}
.chn-card--red .chn-card-rank{color:#c0392b}
.chn-card--figure{background:linear-gradient(160deg,#fff8f0,#ffe8cc)}
.chn-card-rank{font-size:.8rem;color:#111;line-height:1}
.chn-card-suit{font-size:1rem;line-height:1}
.chn-card--selected{outline:2px solid #f4c430;transform:translateY(-6px);box-shadow:0 6px 16px rgba(244,196,48,.4)}
.chn-card--in-combo{opacity:.6;outline:2px solid #7ec87e}

/* Рука игрока */
.chn-area--player .chn-area-label{font-size:.72rem;color:#888}
.chn-cards--player{display:flex;flex-wrap:wrap;gap:4px}
.chn-hand-card-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}
.chn-card-hint{font-size:.65rem;color:#f4c430;height:12px;text-align:center;margin-top:2px}

/* Комбинации */
.chn-combos-area{background:rgba(255,255,255,.03);border-radius:10px;padding:10px;margin-top:10px}
.chn-combos-label{font-size:.72rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.chn-combos-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.chn-combo-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:rgba(255,255,255,.04);padding:6px 8px;border-radius:8px}
.chn-combo-label{font-size:.72rem;color:#7ec87e;font-weight:600;margin-right:4px;white-space:nowrap}
.chn-combo-del{background:none;border:none;color:#c0392b;font-size:.9rem;cursor:pointer;margin-left:auto;padding:2px 6px}
.chn-combo-total{font-size:.78rem;font-weight:700;margin-top:4px;text-align:right}
.chn-combo-actions{display:flex;gap:8px;margin-top:6px}
.chn-btn--add-combo{background:rgba(126,200,126,.12);border:1px solid rgba(126,200,126,.3);color:#7ec87e;border-radius:8px;padding:7px 14px;font-size:.82rem;cursor:pointer;font-weight:600}
.chn-btn--clear-combos{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#888;border-radius:8px;padding:7px 14px;font-size:.82rem;cursor:pointer}

.chn-result-banner{text-align:center;font-size:1rem;font-weight:700;padding:10px 16px;border-radius:10px;margin:10px 0;animation:chn-banner .4s ease}
@keyframes chn-banner{from{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}
.chn-result--win{background:rgba(46,94,46,.3);color:#7ec87e;border:1px solid rgba(126,200,126,.3)}
.chn-result--bj{background:rgba(244,196,48,.15);color:#f4c430;border:1px solid rgba(244,196,48,.4)}
.chn-result--lose{background:rgba(192,57,43,.15);color:#c0392b;border:1px solid rgba(192,57,43,.3)}

.chn-next-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}
.chn-btn{border:none;border-radius:10px;padding:11px 20px;font-size:.9rem;font-weight:700;cursor:pointer}
.chn-btn--new{background:linear-gradient(135deg,#2e5e2e,#1a3a1a);color:#fff}
.chn-btn--menu{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#ccc}

.chn-screen--champion{text-align:center;padding:20px 0}
.chn-champion-title{font-size:2rem;font-weight:900;color:#f4c430;margin-bottom:12px}
.chn-champion-content p{font-size:.92rem;color:#ccc;margin-bottom:8px}
.chn-champion-btn{display:inline-block;background:linear-gradient(135deg,#f4c430,#e0a800);color:#1a1a2e;text-decoration:none;border-radius:10px;padding:12px 28px;font-weight:800;margin:8px 0 12px}
.chn-champion-play-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#888;border-radius:8px;padding:8px 20px;font-size:.85rem;cursor:pointer;display:block;margin:0 auto}
.chn-modal-inner::-webkit-scrollbar{width:4px}
.chn-modal-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}
@media(max-width:420px){.chn-modal-inner{padding:14px}.chn-card{width:44px;height:62px}.chn-coin-slot{min-width:16px}.chn-table-row{gap:8px;padding:8px}}

/* v2: призовая карточка вырезана — единственная карточка по центру
   (сетка была на 2 колонки, и карточка прижималась влево) */
.chn-mode-cards { display: flex !important; justify-content: center; grid-template-columns: none; }
.chn-mode-cards .chn-mode-card { width: 100%; max-width: 300px; }