.tdb-app{--bg:#1c1c24;--panel:#292933;--gold:#f1c40f;--text:#fff;max-width:1400px;margin:24px auto;padding:28px;color:var(--text);background:var(--bg);border-radius:10px;font-family:Arial,sans-serif;box-sizing:border-box}.tdb-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.tdb-header h2{color:var(--gold);margin:0}.tdb-header p{color:#bbb;margin:5px 0}.tdb-actions{display:flex;gap:8px}.tdb-actions button{border:0;padding:11px 18px;font-weight:700;cursor:pointer}.tdb-draw{background:var(--gold);color:#1c1c24}.tdb-print{background:#e74c3c;color:#fff}.tdb-actions button:disabled{opacity:.5;cursor:not-allowed}.tdb-access{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:13px 15px;background:#24242d;border:1px solid #454550;border-radius:7px;color:#e8e8ec}.tdb-access-actions{display:flex;gap:8px;flex-wrap:wrap}.tdb-link-button{display:inline-block;text-decoration:none!important;background:#41414d;color:#fff!important;padding:9px 13px;font-weight:700;border-radius:4px}.tdb-link-button:hover{filter:brightness(1.12)}.tdb-link-button.tdb-buy{background:var(--gold);color:#1c1c24!important}.tdb-question{display:flex;align-items:center;gap:12px;margin:22px 0 12px}.tdb-question input{flex:1;background:var(--panel);border:1px solid #474752;color:#fff;padding:11px}.tdb-sectors{display:flex;flex-wrap:wrap;gap:15px;border:0;padding:0;margin:10px 0 20px}.tdb-sectors legend{float:left;font-weight:700;margin-right:10px}.tdb-sectors label{cursor:pointer}.tdb-status{color:#ffdf65;margin:12px 0}.tdb-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.tdb-card{text-align:center;min-width:0}.tdb-card h3{font-size:14px;text-transform:uppercase;color:#f1c40f;min-height:34px}.tdb-card:nth-child(1) h3{color:#3498db}.tdb-card:nth-child(2) h3{color:#9b59b6}.tdb-card:nth-child(3) h3{color:#e74c3c}.tdb-card:nth-child(4) h3{color:#1abc9c}.tdb-card img{width:100%;max-width:245px;aspect-ratio:245/460;object-fit:cover}.tdb-card h4{margin:9px 0 4px}.tdb-card p{color:#ccc;font-size:14px}.tdb-panorama{margin-top:28px;padding:20px;border:1px solid #4b4b55}.tdb-panorama h3{text-align:center;color:var(--gold)}.tdb-panorama-content>div{padding:9px 0;border-bottom:1px solid #393943}.tdb-panorama-content p{margin:5px 0;color:#ddd}.tdb-print-layout{display:none}
@media(max-width:900px){.tdb-cards{grid-template-columns:repeat(2,1fr)}.tdb-header,.tdb-question,.tdb-access{align-items:stretch;flex-direction:column}.tdb-actions button{flex:1}.tdb-access-actions{width:100%}.tdb-link-button{flex:1;text-align:center}}@media(max-width:520px){.tdb-app{padding:18px}.tdb-cards{grid-template-columns:1fr}.tdb-card img{max-width:280px}.tdb-sectors legend{width:100%;float:none}}@media print{
body *{visibility:hidden!important}
.tdb-app{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important;border-radius:0!important}
.tdb-app,.tdb-print-layout,.tdb-print-layout *{visibility:visible!important}
.tdb-app> :not(.tdb-print-layout){display:none!important}
.tdb-print-layout{display:block!important;color:#111!important;font-family:Arial,sans-serif}
.tdb-print-question{font-size:16px;margin:0 0 10mm;padding:0 0 4mm;border-bottom:1px solid #bbb}
.tdb-print-question p{margin:0;color:#111!important}
.tdb-print-cards{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5mm!important;align-items:start!important;margin-bottom:10mm!important}
.tdb-print-card{text-align:center!important;break-inside:avoid!important}
.tdb-print-card img{display:block!important;width:100%!important;max-width:42mm!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto 3mm!important}
.tdb-print-card h4{margin:0!important;font-size:12px!important;line-height:1.3!important;color:#111!important}
.tdb-print-explanation h3{margin:0 0 4mm!important;font-size:18px!important;color:#111!important}
.tdb-print-explanation-item{padding:0 0 4mm!important;margin:0 0 4mm!important;border-bottom:1px solid #ddd!important;break-inside:avoid!important}
.tdb-print-explanation-item strong{font-size:13px!important;color:#111!important}
.tdb-print-explanation-item p{margin:1.5mm 0 0!important;font-size:12px!important;line-height:1.45!important;color:#111!important}
@page{size:A4 landscape;margin:10mm}
}
.tdb-question input {color:#fff !important; }