.qb-wrap{padding:18px clamp(90px,6vw,130px) 0 clamp(24px,5vw,56px)}.qb{--qb-teal:#14b8a6;--qb-coral:#ff6f61;--qb-indigo:#3730a3;--qb-yellow:#ffd23f;position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:20px;border-radius:20px;color:#fff;background-color:var(--qb-indigo);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M0 32h22a10 10 0 0 1 20 0h22M32 0v22a10 10 0 0 0 0 20v22' fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='2'/%3E%3C/svg%3E");box-shadow:0 6px 18px rgba(30,27,75,.28)}.qb-pieces{flex:none;width:92px;height:92px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}.qb-text{flex:1 1 auto;min-width:0;display:grid;gap:4px}.qb-tag{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--qb-yellow)}.qb-title{font-size:clamp(19px,4.6vw,24px);font-weight:800;letter-spacing:-.3px;line-height:1.15}.qb-sub{font-size:14px;color:rgba(255,255,255,.82)}.qb-actions{flex:none;display:flex;gap:10px;align-items:center}.qb-play{padding:11px 24px;border-radius:999px;background:var(--qb-yellow);color:#1e1b4b;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 3px 0 #c9a21f,0 6px 12px rgba(0,0,0,.18)}.qb-play:active{transform:translateY(2px);box-shadow:0 1px 0 #c9a21f}.qb-board{padding:10px 4px;color:#fff;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--qb-teal);text-decoration-thickness:2px}@media (max-width:560px){.qb-wrap{padding:18px 16px 0}}@media (max-width:640px){.qb{flex-wrap:wrap;gap:14px;padding:18px 16px}.qb-pieces{width:64px;height:64px}.qb-text{flex:1 1 180px}.qb-actions{width:100%}.qb-play{flex:1;text-align:center}}