.cg{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:980px;margin:0 auto;padding:16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);color:#333;box-sizing:border-box;line-height:1.3}
.cg *{box-sizing:border-box}
.cg p{margin:0}
.cg br{display:none}
.cg.full{position:fixed;top:0;left:0;right:0;bottom:0;max-width:none;border-radius:0;z-index:99999;overflow:auto}
.cg.full .hide-fs{display:none!important}
.cg.full .main{grid-template-columns:1fr}
.cg.full .word{font-size:clamp(40px,9vw,100px)!important}
.cg.full .card{min-height:260px!important}
.cg .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}
.cg h2{margin:0!important;padding:0!important;font-size:22px!important;color:#2c3e50!important;border:none!important}
.cg h2 i{color:#9c27b0}
.cg button{border:none!important;border-radius:10px!important;cursor:pointer;font-size:16px!important;font-weight:600!important;color:#fff!important;background:#9c27b0;padding:12px 10px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;width:auto}
.cg button:hover:not(:disabled){filter:brightness(.9)}
.cg button:disabled{opacity:.4;cursor:not-allowed}
.cg .tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.cg .stat{background:#fff;border-radius:10px;padding:6px;text-align:center;font-size:11px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}
.cg .stat b{display:block;font-size:22px;color:#2c3e50;font-family:monospace}
.cg .stat b.warn{color:#f39c12}.cg .stat b.danger{color:#e74c3c}
.cg .bar{height:8px;background:#e0e4ea;border-radius:8px;overflow:hidden;margin-bottom:12px}
.cg .bar i{display:block;height:100%;width:100%;background:#9c27b0;transition:width 1s linear}
.cg .main{display:grid;grid-template-columns:240px 1fr;gap:14px;align-items:start}
.cg .main>*{min-width:0}
.cg .side{order:-1}
.cg .sgrid{display:block}
.cg .card{background:#fff;border-radius:16px;border-top:6px solid #9c27b0;min-height:210px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.12);margin-bottom:10px}
.cg .word{font-size:clamp(30px,6vw,56px);font-weight:800;color:#2c3e50;margin:0;line-height:1.15}
.cg .cat{margin-top:10px;font-size:15px;color:#7f8c8d;font-style:italic}
.cg .row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.cg .go{background:#2e7d32!important;font-size:19px!important;padding:16px 10px!important}
.cg .skip{background:#ef6c00!important}.cg .next{background:#2196f3!important}.cg .pause{background:#673ab7!important}.cg .end{background:#c62828!important}.cg .gray{background:#455a64!important}
.cg .side{background:#fff;border-radius:12px;padding:12px;box-shadow:0 3px 10px rgba(0,0,0,.06)}
.cg .side h3{margin:0 0 8px!important;font-size:15px!important;color:#2c3e50!important}
.cg .side label{display:block;font-size:12px;font-weight:600;color:#2c3e50;margin-bottom:8px}
.cg .side select,.cg .side input[type=text]{display:block;width:100%!important;max-width:100%;padding:8px!important;margin-top:3px!important;border:2px solid #ddd!important;border-radius:8px!important;font-size:14px!important;background:#fff!important;color:#333!important;height:auto!important}
.cg .side label.chk{display:flex;align-items:center;gap:6px;font-weight:500}
.cg .side label.chk input{margin:0;width:auto}
.cg .add{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}
.cg .add input{margin:0!important;flex:1 1 0!important;width:auto!important;min-width:0!important}
.cg .add button{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;padding:8px 14px!important;font-size:14px!important}
.cg .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;max-height:90px;overflow:auto}
.cg .chip{background:#f3e5f5;color:#6a1b9a;border-radius:12px;padding:2px 9px;font-size:12px;cursor:pointer}
.cg .hr{border-top:1px solid #eee;margin:10px 0}
.cg .teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:12px;align-items:center}
.cg .team{background:#fff;border-radius:12px;padding:8px 10px;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 3px 10px rgba(0,0,0,.06)}
.cg .team.active{border-color:var(--c)}
.cg .team input{width:100%;min-width:0;border:none!important;font-weight:700;font-size:15px!important;color:var(--c)!important;background:transparent!important;padding:2px!important;box-shadow:none!important}
.cg .team .info{flex:1;min-width:0}
.cg .turn{font-size:11px;color:var(--c);font-weight:700;min-height:14px;white-space:nowrap}
.cg .swap .sw{display:none}
.cg .team .mid{display:flex;align-items:center;gap:8px}
.cg .score{font-size:34px;font-weight:800;color:#2c3e50;min-width:50px;text-align:center}
.cg .pm{display:flex;flex-direction:column;gap:4px}
.cg .pm button{padding:2px 12px!important;font-size:16px!important;background:var(--c)!important}
.cg .swap{background:#607d8b!important;padding:10px 14px!important}
.cg .foot{text-align:center;font-size:13px;color:#7f8c8d;margin-top:10px}
.cg .hbtns{display:flex;gap:8px}
.cg .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:100000;align-items:center;justify-content:center;padding:14px}
.cg .modal.open{display:flex}
.cg .mbox{background:#fff;border-radius:14px;padding:18px;max-width:460px;width:100%;max-height:90%;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.cg .mbox h3{margin:0 0 10px!important;font-size:18px!important;color:#2c3e50!important}
.cg .mbox h3 i{color:#9c27b0}
.cg .mbox ul{margin:0 0 14px!important;padding-left:20px!important;list-style:disc!important}
.cg .mbox li{margin:0 0 7px!important;font-size:14px;color:#333;line-height:1.35}
.cg .mbox button{width:100%!important}
.cg .picbox{width:100%;max-width:100%;height:260px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #ddd;margin-bottom:12px}
.cg .picbox img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.cg .picbox:hover img{transform:scale(1.05)}
@media(max-width:720px){
.cg{padding:10px;border-radius:12px}
.cg h2{font-size:18px!important}
.cg .head{margin-bottom:6px}
.cg .head button{padding:8px 10px!important;font-size:13px!important}
.cg .hbtns{gap:5px}
.cg .mbox li{font-size:13px}
.cg .main{grid-template-columns:1fr;gap:10px}
.cg .side{order:2}
.cg .sgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.cg .tracker{gap:5px;margin-bottom:6px}
.cg .stat{padding:4px 2px;font-size:9px;letter-spacing:0}
.cg .stat b{font-size:17px}
.cg .bar{margin-bottom:8px}
.cg .card{min-height:150px;padding:12px;margin-bottom:8px}
.cg .word{font-size:clamp(26px,9vw,42px)}
.cg .cat{font-size:13px;margin-top:6px}
.cg .row{gap:6px;margin-bottom:6px}
.cg button{font-size:13px!important;padding:11px 4px!important;gap:5px}
.cg .go{font-size:16px!important;padding:13px 4px!important}
.cg .teams{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.cg .team{flex-direction:column;align-items:stretch;gap:2px;padding:8px;text-align:center}
.cg .team .info{flex:none}
.cg .team input{text-align:center;font-size:14px!important}
.cg .turn{text-align:center;font-size:10px}
.cg .team .mid{display:flex;align-items:center;justify-content:space-between;gap:6px}
.cg .score{font-size:28px;min-width:0;flex:1}
.cg .pm{flex-direction:row;gap:4px}
.cg .pm button{padding:4px 12px!important;font-size:16px!important}
.cg .swap{grid-column:1/-1;order:3;padding:8px!important}
.cg .swap .sw{display:inline}
.cg .foot{font-size:12px;margin-top:6px}
.cg .picbox{height:180px}
}
@media(max-width:380px){.cg .hl{display:none}.cg .row button i{display:none}.cg .sgrid{grid-template-columns:1fr}}