@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=Russo+One&display=swap');
.tc-card{background:#343a40;border:1px solid rgba(86,200,251,0.10);border-radius:12px;overflow:hidden;transition:border-color 0.3s,box-shadow 0.3s;position:relative;}
.tc-card:hover{border-color:rgba(86,200,251,0.30);box-shadow:0 0 30px rgba(86,200,251,0.07);}
.tc-top{background:rgba(86,200,251,0.05);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(86,200,251,0.07);}
.tc-dots{display:flex;gap:5px;}
.tc-dots span{width:8px;height:8px;border-radius:50%;}
.tc-dots .dot-r{background:#ff5f57;}.tc-dots .dot-y{background:#febc2e;}.tc-dots .dot-g{background:#28c840;}
.tc-ref{font-family:'JetBrains Mono',monospace;font-size:0.62rem;color:rgba(255,255,255,0.35);letter-spacing:0.12em;text-transform:uppercase;}
.tc-body{padding:20px;position:relative;}
.tc-stamp{position:absolute;top:12px;right:12px;font-family:'Russo One',sans-serif;font-size:0.62rem;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px;border:2.5px solid;border-radius:3px;box-shadow:inset 0 0 0 1px;transform:rotate(8deg);transition:opacity 0.3s;}
.tc-card:hover .tc-stamp{opacity:1;}
.tc-card.tc-facile .tc-stamp{color:#28c745;border-color:#28c745;box-shadow:inset 0 0 0 1px rgba(40,199,69,0.3);background:rgba(40,199,69,0.06);opacity:0.85;}
.tc-card.tc-moyen .tc-stamp{color:#ffb347;border-color:#ffb347;box-shadow:inset 0 0 0 1px rgba(255,179,71,0.3);background:rgba(255,179,71,0.06);opacity:0.85;}
.tc-card.tc-difficile .tc-stamp{color:#ff6b6b;border-color:#ff6b6b;box-shadow:inset 0 0 0 1px rgba(255,107,107,0.3);background:rgba(255,107,107,0.06);opacity:0.85;}
.tc-diff{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',monospace;font-size:0.66rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:14px;}
.tc-diff.facile{background:rgba(40,199,69,0.10);color:#28c745;border:1px solid rgba(40,199,69,0.22);}
.tc-diff.moyen{background:rgba(255,179,71,0.10);color:#ffb347;border:1px solid rgba(255,179,71,0.22);}
.tc-diff.difficile{background:rgba(255,107,107,0.10);color:#ff6b6b;border:1px solid rgba(255,107,107,0.22);}
.tc-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:10px;line-height:1.3;padding-right:70px;}
.tc-title .verified{color:#28c840;margin-left:4px;font-size:0.85rem;}
.tc-desc{font-size:0.86rem;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:18px;}
.tc-meta{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.tc-meta-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:5px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:70px;}
.tc-meta-val{font-family:'JetBrains Mono',monospace;font-size:0.85rem;font-weight:700;color:rgba(255,255,255,0.85);}
.tc-meta-label{font-family:'JetBrains Mono',monospace;font-size:0.58rem;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.1em;margin-top:2px;}
.tc-sep{border:none;border-top:1px dashed rgba(255,255,255,0.06);margin:0 0 16px;}
.tc-status{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:12px 16px;margin-bottom:18px;font-size:0.82rem;display:flex;align-items:center;gap:10px;}
.tc-status.unsolved{color:rgba(255,179,71,0.9);border-color:rgba(255,179,71,0.15);}
.tc-status.unsolved i{font-size:0.9rem;}
.tc-status-solved{background:rgba(127,255,176,0.04);border:1px solid rgba(127,255,176,0.12);border-radius:8px;padding:16px;margin-bottom:18px;}
.tc-solved-winner{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(127,255,176,0.08);}
.tc-solved-icon{width:32px;height:32px;border-radius:8px;background:rgba(127,255,176,0.1);display:flex;align-items:center;justify-content:center;color:#7fffb0;font-size:0.85rem;flex-shrink:0;}
.tc-solved-text{font-size:0.82rem;color:rgba(255,255,255,0.7);line-height:1.4;}
.tc-solved-text strong{color:#fff;font-weight:700;}
.tc-solved-text span{color:#7fffb0;}
.tc-solved-count{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:rgba(255,255,255,0.5);}
.tc-solved-count i{color:rgba(127,255,176,0.5);font-size:0.7rem;}
.tc-actions{display:flex;gap:8px;flex-wrap:wrap;}
.tc-btn{flex:1;padding:9px 12px;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-size:0.78rem;font-weight:600;text-align:center;cursor:pointer;transition:all 0.2s;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;}
.tc-btn.primary{background:rgba(86,200,251,0.10);border:1px solid rgba(86,200,251,0.22);color:#56c8fb;}
.tc-btn.primary:hover{background:rgba(86,200,251,0.20);text-decoration:none;color:#56c8fb;}
.tc-btn.secondary{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);}
.tc-btn.secondary:hover{background:rgba(255,255,255,0.1);color:#fff;text-decoration:none;}
.tc-btn.success{background:rgba(40,199,69,0.10);border:1px solid rgba(40,199,69,0.22);color:#28c745;}
.tc-btn.success:hover{background:rgba(40,199,69,0.20);text-decoration:none;color:#28c745;}
.tc-collapse{margin-top:12px;}
.tc-collapse .form-control{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#fff;border-radius:8px;font-size:0.85rem;}
.tc-collapse .form-control:focus{border-color:rgba(86,200,251,0.3);background:rgba(255,255,255,0.07);box-shadow:none;}
.tc-collapse label{color:rgba(255,255,255,0.5);font-size:0.8rem;margin-bottom:6px;}
.tc-collapse .btn-success{background:rgba(40,199,69,0.15);border:1px solid rgba(40,199,69,0.3);color:#28c745;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:0.82rem;}
.tc-collapse .btn-success:hover{background:rgba(40,199,69,0.25);}
.tc-card .modal-content{background:#343a40;color:#fff;border:1px solid rgba(255,255,255,0.1);}
.tc-card .modal-header{border-bottom:1px solid rgba(255,255,255,0.08);}
.tc-card .modal-footer{border-top:1px solid rgba(255,255,255,0.08);}
.tc-card .modal-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;}
@media(max-width:768px){.tc-title{padding-right:60px;font-size:1rem;}.tc-stamp{font-size:0.5rem;padding:3px 8px;}.tc-meta-item{min-width:60px;}.tc-actions{flex-direction:column;}.tc-btn{width:100%;}}